{
  "$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\ninterface ShowMoreProps extends Omit<React.ComponentProps<typeof ToggleButton>, 'className'> {\n  className?: string\n  orientation?: 'horizontal' | 'vertical'\n  as?: 'text' | 'button'\n  text?: string\n}\n\nconst 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\nexport type { ShowMoreProps }\nexport { ShowMore }\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}