{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "left-rail",
  "type": "registry:component",
  "title": "Left Rail",
  "description": "Compact vertical rail for canvas modes, tool actions, and secondary navigation controls.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/left-rail/left-rail.tsx",
      "content": "import { forwardRef } from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type LeftRailProps = React.ComponentPropsWithoutRef<\"aside\"> & {\n  footer?: ReactNode;\n  title?: ReactNode;\n};\n\nconst LeftRail = forwardRef<HTMLElement, LeftRailProps>(\n  ({ children, className, footer, title, ...props }, ref) => (\n    <aside\n      className={cn(\n        \"flex h-full w-[4.5rem] shrink-0 flex-col items-center gap-3 border-r border-border bg-background px-2 py-3\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      {title ? (\n        <div className=\"flex min-h-9 items-center text-[11px] font-medium uppercase tracking-[0.24em] text-muted-foreground\">\n          {title}\n        </div>\n      ) : null}\n      <div className=\"flex w-full flex-1 flex-col items-center gap-2\">\n        {children}\n      </div>\n      {footer ? (\n        <div className=\"flex w-full flex-col items-center gap-2\">{footer}</div>\n      ) : null}\n    </aside>\n  ),\n);\n\nLeftRail.displayName = \"LeftRail\";\n\nexport { LeftRail };\n",
      "type": "registry:component"
    }
  ],
  "version": "0.2.1",
  "stability": "stable"
}