{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-vertical",
  "title": "Vertical Text",
  "description": "Text with vertical display, Can be used as a title or a subtitle.",
  "files": [
    {
      "path": "registry/text/text-vertical/index.tsx",
      "content": "import { cn } from '@/lib/utils';\nimport * as React from 'react';\n\ntype ElementType = React.ElementType;\n\ninterface TextVerticalProps extends React.HTMLAttributes<HTMLElement> {\n  as?: ElementType;\n}\n\nexport const textVerticalStyle = 'size-min -rotate-180 whitespace-nowrap';\n\nexport function TextVertical({\n  as: Component = 'div',\n  className,\n  style,\n  ...props\n}: TextVerticalProps) {\n  return (\n    <Component\n      className={cn(textVerticalStyle, className)}\n      style={{\n        writingMode: 'vertical-rl',\n        ...style,\n      }}\n      {...props}\n    />\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/systaliko-ui/text-vertical.tsx"
    }
  ],
  "type": "registry:ui"
}