{"$schema":"https:\/\/ui.particle.academy\/schema\/registry-item.json","name":"separator","type":"registry:ui","title":"Separator","description":"Separator from react-fancy","package":"react-fancy","dependencies":[],"registryDependencies":[],"files":[{"path":"components\/fancy\/separator\/Separator.tsx","content":"import { forwardRef } from \"react\";\r\nimport { cn } from \"..\/..\/utils\/cn\";\r\nimport type { SeparatorProps } from \".\/Separator.types\";\r\n\r\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\r\n  ({ orientation = \"horizontal\", label, className }, ref) => {\r\n    if (orientation === \"vertical\") {\r\n      return (\r\n        <div\r\n          ref={ref}\r\n          role=\"separator\"\r\n          aria-orientation=\"vertical\"\r\n          data-react-fancy-separator=\"\"\r\n          className={cn(\r\n            \"inline-block h-full border-l border-zinc-200 dark:border-zinc-700\",\r\n            className,\r\n          )}\r\n        \/>\r\n      );\r\n    }\r\n\r\n    if (label) {\r\n      return (\r\n        <div\r\n          ref={ref}\r\n          role=\"separator\"\r\n          data-react-fancy-separator=\"\"\r\n          className={cn(\"flex items-center gap-3\", className)}\r\n        >\r\n          <hr className=\"flex-1 border-zinc-200 dark:border-zinc-700\" \/>\r\n          <span className=\"text-sm text-zinc-500 dark:text-zinc-400\">\r\n            {label}\r\n          <\/span>\r\n          <hr className=\"flex-1 border-zinc-200 dark:border-zinc-700\" \/>\r\n        <\/div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <hr\r\n        ref={ref as React.Ref<HTMLHRElement>}\r\n        role=\"separator\"\r\n        data-react-fancy-separator=\"\"\r\n        className={cn(\r\n          \"border-zinc-200 dark:border-zinc-700\",\r\n          className,\r\n        )}\r\n      \/>\r\n    );\r\n  },\r\n);\r\n\r\nSeparator.displayName = \"Separator\";\r\n","type":"registry:ui","target":"components\/fancy\/separator\/Separator.tsx"},{"path":"components\/fancy\/separator\/Separator.types.ts","content":"export interface SeparatorProps {\r\n  \/** Separator direction *\/\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n  \/** Optional centered label text *\/\r\n  label?: string;\r\n  \/** Additional CSS classes *\/\r\n  className?: string;\r\n}\r\n","type":"registry:ui","target":"components\/fancy\/separator\/Separator.types.ts"},{"path":"components\/fancy\/separator\/index.ts","content":"export { Separator } from \".\/Separator\";\r\nexport type { SeparatorProps } from \".\/Separator.types\";\r\n","type":"registry:ui","target":"components\/fancy\/separator\/index.ts"}]}