{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "show-more",
  "title": "show-more",
  "description": "show-more",
  "dependencies": [
    "react-aria-components",
    "tailwind-variants"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/text"
  ],
  "files": [
    {
      "path": "src/components/ui/show-more.tsx",
      "content": "\"use client\"\n\nimport { composeRenderProps } from \"react-aria-components/composeRenderProps\"\nimport { ToggleButton } from \"react-aria-components/ToggleButton\"\nimport { tv } from \"tailwind-variants\"\nimport { buttonStyles } from \"@/components/ui/button\"\nimport { Text } from \"@/components/ui/text\"\n\nconst showMoreStyles = tv({\n  base: \"text-sm leading-6 before:border-border after:border-border\",\n  variants: {\n    orientation: {\n      vertical: \"mx-1 h-auto self-stretch\",\n      horizontal: \"my-0.5 h-px w-full self-stretch\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      className:\n        \"mx-2 flex flex-col items-center before:mb-2 before:flex-1 before:border-l after:mt-2 after:flex-1 after:border-r\",\n    },\n    {\n      orientation: \"horizontal\",\n      className:\n        \"my-2 flex items-center self-stretch before:me-2 before:flex-1 before:border-t after:ms-2 after:flex-1 after:border-t\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n})\n\nexport interface ShowMoreProps extends Omit<\n  React.ComponentProps<typeof ToggleButton>,\n  \"className\"\n> {\n  className?: string\n  orientation?: \"horizontal\" | \"vertical\"\n  as?: \"text\" | \"button\"\n  text?: string\n}\n\nexport function ShowMore({\n  as = \"button\",\n  orientation = \"horizontal\",\n  className,\n  ...props\n}: ShowMoreProps) {\n  return (\n    <div className={showMoreStyles({ orientation, className })}>\n      {as === \"button\" ? (\n        <ToggleButton\n          {...props}\n          className={buttonStyles({ isCircle: true, intent: \"outline\", size: \"sm\" })}\n        >\n          {composeRenderProps(props.children, (children) => children)}\n        </ToggleButton>\n      ) : (\n        <Text>{props.text}</Text>\n      )}\n    </div>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}