{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "separator",
  "type": "registry:ui",
  "title": "Separator",
  "description": "Horizontal or vertical divider component for Tile UI.",
  "devDependencies": [
    "sass"
  ],
  "registryDependencies": [
    "@tile-ui/core",
    "@tile-ui/styles"
  ],
  "files": [
    {
      "path": "packages/react/src/components/separator/separator.tsx",
      "type": "registry:ui",
      "target": "components/ui/separator/separator.tsx",
      "content": "import React from 'react';\nimport { getSeparatorStyleKeys } from '../lib/core';\nimport type { SeparatorBaseProps } from '../lib/core';\nimport styles from './separator.module.scss';\n\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement>, SeparatorBaseProps {}\n\nconst Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(({ className = '', orientation = 'horizontal', decorative = true, ...props }, ref) => {\n\tconst styleKeys = getSeparatorStyleKeys(orientation);\n\tconst classes = [styles[styleKeys.base], styles[styleKeys.orientation], className].filter(Boolean).join(' ');\n\n\treturn <div ref={ref} role={decorative ? 'none' : 'separator'} aria-orientation={decorative ? undefined : orientation} className={classes} {...props} />;\n});\n\nSeparator.displayName = 'Separator';\n\nexport { Separator };\nexport default Separator;\n"
    },
    {
      "path": "packages/styles/scss/components/separator.module.scss",
      "type": "registry:file",
      "target": "components/ui/separator/separator.module.scss",
      "content": "@use '../../../styles/variables/colors' as *;\n\n.separator {\n\tflex-shrink: 0;\n\tbackground-color: var(--tile-separator-color, $border);\n\n\t&.orientationHorizontal {\n\t\theight: 1px;\n\t\twidth: 100%;\n\t}\n\n\t&.orientationVertical {\n\t\theight: 100%;\n\t\twidth: 1px;\n\t}\n}\n"
    },
    {
      "path": "packages/react/src/components/separator/index.ts",
      "type": "registry:ui",
      "target": "components/ui/separator/index.ts",
      "content": "export { Separator, type SeparatorProps } from './separator';\n"
    }
  ]
}