{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "top-bar",
  "type": "registry:component",
  "title": "Top Bar",
  "description": "Workspace header bar for titles, leading controls, centered navigation, and trailing actions.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/top-bar/top-bar.tsx",
      "content": "import { forwardRef } from \"react\";\n\nimport type { ReactNode } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type TopBarProps = React.ComponentPropsWithoutRef<\"header\"> & {\n  leading?: ReactNode;\n  subtitle?: ReactNode;\n  title?: ReactNode;\n  trailing?: ReactNode;\n};\n\nconst TopBar = forwardRef<HTMLElement, TopBarProps>(\n  (\n    { children, className, leading, subtitle, title, trailing, ...props },\n    ref,\n  ) => (\n    <header\n      className={cn(\n        \"flex min-h-14 items-center justify-between gap-3 border-b border-border bg-background px-4 font-mono\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    >\n      <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n        {leading ? (\n          <div className=\"flex shrink-0 items-center gap-2\">{leading}</div>\n        ) : null}\n        {title || subtitle ? (\n          <div className=\"min-w-0\">\n            {title ? (\n              <div className=\"truncate text-sm font-medium uppercase tracking-[0.18em] text-foreground\">\n                {title}\n              </div>\n            ) : null}\n            {subtitle ? (\n              <div className=\"truncate text-[11px] uppercase tracking-[0.18em] text-muted-foreground\">\n                {subtitle}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {children ? (\n        <div className=\"flex flex-1 items-center justify-center\">\n          {children}\n        </div>\n      ) : null}\n      <div className=\"flex min-w-0 flex-1 items-center justify-end gap-2\">\n        {trailing}\n      </div>\n    </header>\n  ),\n);\n\nTopBar.displayName = \"TopBar\";\n\nexport { TopBar };\n",
      "type": "registry:component"
    }
  ],
  "version": "0.2.1",
  "stability": "stable"
}