{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "workspace-switcher",
  "title": "Workspace Switcher",
  "description": "Segmented workspace picker for switching between canvas views and operational contexts.",
  "dependencies": [
    "@vllnt/ui@^0.3.0"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/workspace-switcher/workspace-switcher.tsx",
      "content": "\"use client\";\n\nimport { useMemo, useState } from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\nexport type WorkspaceOption = {\n  description?: string;\n  id: string;\n  label: string;\n};\n\nexport type WorkspaceSwitcherProps = Omit<\n  React.ComponentPropsWithoutRef<\"div\">,\n  \"defaultValue\" | \"onChange\"\n> & {\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  value?: string;\n  workspaces: WorkspaceOption[];\n};\n\nconst WorkspaceSwitcher = ({\n  className,\n  defaultValue,\n  onValueChange,\n  ref,\n  value,\n  workspaces,\n  ...props\n}: WorkspaceSwitcherProps & { ref?: React.Ref<HTMLDivElement> }) => {\n  const fallbackValue = defaultValue ?? workspaces[0]?.id ?? \"\";\n  const [internalValue, setInternalValue] = useState(fallbackValue);\n  const currentValue = value ?? internalValue;\n\n  const currentWorkspace = useMemo(\n    () => workspaces.find((workspace) => workspace.id === currentValue),\n    [currentValue, workspaces],\n  );\n\n  function handleSelect(nextValue: string) {\n    if (value === undefined) {\n      setInternalValue(nextValue);\n    }\n    onValueChange?.(nextValue);\n  }\n\n  return (\n    <div\n      className={cn(\n        \"inline-flex min-w-0 items-center gap-1 rounded-full border border-border/70 bg-muted/50 p-1\",\n        className,\n      )}\n      ref={ref}\n      role=\"radiogroup\"\n      {...props}\n    >\n      {workspaces.map((workspace) => {\n        const isActive = workspace.id === currentValue;\n        return (\n          <button\n            aria-checked={isActive}\n            className={cn(\n              \"rounded-full px-3 py-1.5 text-sm font-medium transition-colors\",\n              isActive\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground hover:text-foreground\",\n            )}\n            key={workspace.id}\n            onClick={() => {\n              handleSelect(workspace.id);\n            }}\n            role=\"radio\"\n            title={workspace.description}\n            type=\"button\"\n          >\n            {workspace.label}\n          </button>\n        );\n      })}\n      {currentWorkspace?.description ? (\n        <span className=\"hidden pl-2 pr-1 text-xs text-muted-foreground md:inline\">\n          {currentWorkspace.description}\n        </span>\n      ) : null}\n    </div>\n  );\n};\n\nWorkspaceSwitcher.displayName = \"WorkspaceSwitcher\";\n\nexport { WorkspaceSwitcher };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.3.0",
  "stability": "stable"
}