{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "right-dock",
  "title": "Right Dock",
  "description": "Context dock for inspectors, summaries, and secondary canvas panels.",
  "dependencies": [
    "@vllnt/ui@^0.3.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/right-dock/right-dock.tsx",
      "content": "import type { ReactNode } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type RightDockProps = React.ComponentPropsWithoutRef<\"aside\"> & {\n  footer?: ReactNode;\n  header?: ReactNode;\n  title?: ReactNode;\n};\n\nconst RightDock = ({\n  children,\n  className,\n  footer,\n  header,\n  ref,\n  title,\n  ...props\n}: RightDockProps & { ref?: React.Ref<HTMLElement> }) => (\n  <aside\n    className={cn(\n      \"flex h-full min-w-[18rem] max-w-[24rem] shrink-0 flex-col border-l border-border bg-background\",\n      className,\n    )}\n    ref={ref}\n    {...props}\n  >\n    {header || title ? (\n      <div className=\"border-b border-border/60 px-4 py-3\">\n        {title ? (\n          <div className=\"text-sm font-medium text-foreground\">{title}</div>\n        ) : null}\n        {header ? <div className=\"mt-2\">{header}</div> : null}\n      </div>\n    ) : null}\n    <div className=\"flex-1 overflow-auto p-4\">{children}</div>\n    {footer ? (\n      <div className=\"border-t border-border/60 p-4\">{footer}</div>\n    ) : null}\n  </aside>\n);\n\nRightDock.displayName = \"RightDock\";\n\nexport { RightDock };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}