{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "show-more-controlled-example",
  "title": "Show More Controlled",
  "description": "show-more-controlled-example",
  "dependencies": [
    "@heroicons/react"
  ],
  "registryDependencies": [
    "https://intentui.com/r/show-more"
  ],
  "files": [
    {
      "path": "src/components/examples/surfaces/show-more/show-more-controlled-example.tsx",
      "content": "'use client'\n\nimport { ChevronDownIcon } from '@heroicons/react/20/solid'\nimport { useState } from 'react'\nimport { ShowMore } from '@/components/ui/show-more'\n\nexport default function ShowMoreControlledDemo() {\n  const [isExpanded, setIsExpanded] = useState(false)\n  return (\n    <div className=\"py-6\">\n      <ShowMore onChange={setIsExpanded} isSelected={isExpanded}>\n        {isExpanded ? 'Expand' : 'Collapse'}\n        <ChevronDownIcon\n          className={`${isExpanded ? 'rotate-180' : ''} size-4 transition-transform duration-200`}\n        />\n      </ShowMore>\n    </div>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/show-more-controlled-example/page.tsx"
    }
  ],
  "type": "registry:page"
}