{ "name": "shadcn/ui", "homepage": "https://ui.shadcn.com", "items": [ { "name": "index", "dependencies": [ "class-variance-authority", "lucide-react", "@base-ui/react" ], "devDependencies": ["tw-animate-css", "shadcn"], "registryDependencies": ["utils"], "files": [], "cssVars": {}, "css": { "@import \"tw-animate-css\"": {}, "@import \"shadcn/tailwind.css\"": {}, "@layer base": { "*": { "@apply border-border outline-ring/50": {} }, "body": { "@apply bg-background text-foreground": {} } } }, "type": "registry:style" }, { "name": "style", "dependencies": [ "class-variance-authority", "lucide-react", "@base-ui/react" ], "devDependencies": ["tw-animate-css", "shadcn"], "registryDependencies": ["utils"], "files": [], "cssVars": {}, "css": { "@import \"tw-animate-css\"": {}, "@import \"shadcn/tailwind.css\"": {}, "@layer base": { "*": { "@apply border-border outline-ring/50": {} }, "body": { "@apply bg-background text-foreground": {} } } }, "type": "registry:style" }, { "name": "accordion", "files": [ { "path": "registry/base-vega/ui/accordion.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/accordion", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx", "api": "https://base-ui.com/react/components/accordion.md" } }, "type": "registry:ui" }, { "name": "alert", "files": [ { "path": "registry/base-vega/ui/alert.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/alert", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx" } }, "type": "registry:ui" }, { "name": "alert-dialog", "registryDependencies": ["button"], "files": [ { "path": "registry/base-vega/ui/alert-dialog.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/alert-dialog", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx", "api": "https://base-ui.com/react/components/alert-dialog.md" } }, "type": "registry:ui" }, { "name": "aspect-ratio", "files": [ { "path": "registry/base-vega/ui/aspect-ratio.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/aspect-ratio", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx" } }, "type": "registry:ui" }, { "name": "avatar", "files": [ { "path": "registry/base-vega/ui/avatar.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/avatar", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx", "api": "https://base-ui.com/react/components/avatar.md" } }, "type": "registry:ui" }, { "name": "badge", "files": [ { "path": "registry/base-vega/ui/badge.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/badge", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx" } }, "type": "registry:ui" }, { "name": "breadcrumb", "files": [ { "path": "registry/base-vega/ui/breadcrumb.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/breadcrumb", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx" } }, "type": "registry:ui" }, { "name": "button", "files": [ { "path": "registry/base-vega/ui/button.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/button", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx" } }, "type": "registry:ui" }, { "name": "button-group", "registryDependencies": ["separator"], "files": [ { "path": "registry/base-vega/ui/button-group.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/button-group", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx" } }, "type": "registry:ui" }, { "name": "calendar", "dependencies": ["react-day-picker@latest", "date-fns"], "registryDependencies": ["button"], "files": [ { "path": "registry/base-vega/ui/calendar.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/calendar", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx", "api": "https://react-day-picker.js.org" } }, "type": "registry:ui" }, { "name": "card", "files": [ { "path": "registry/base-vega/ui/card.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/card", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx" } }, "type": "registry:ui" }, { "name": "carousel", "dependencies": ["embla-carousel-react"], "registryDependencies": ["button"], "files": [ { "path": "registry/base-vega/ui/carousel.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/carousel", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx", "api": "https://www.embla-carousel.com/get-started/react" } }, "type": "registry:ui" }, { "name": "chart", "dependencies": ["recharts@3.8.0"], "registryDependencies": ["card"], "files": [ { "path": "registry/base-vega/ui/chart.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/chart", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx" } }, "type": "registry:ui" }, { "name": "checkbox", "files": [ { "path": "registry/base-vega/ui/checkbox.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/checkbox", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx", "api": "https://base-ui.com/react/components/checkbox.md" } }, "type": "registry:ui" }, { "name": "collapsible", "files": [ { "path": "registry/base-vega/ui/collapsible.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/collapsible", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx", "api": "https://base-ui.com/react/components/collapsible.md" } }, "type": "registry:ui" }, { "name": "combobox", "dependencies": ["@base-ui/react"], "registryDependencies": ["button", "input-group"], "files": [ { "path": "registry/base-vega/ui/combobox.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/combobox", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx", "api": "https://base-ui.com/react/components/combobox.md" } }, "type": "registry:ui" }, { "name": "command", "dependencies": ["cmdk"], "registryDependencies": ["dialog", "input-group"], "files": [ { "path": "registry/base-vega/ui/command.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/command", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx", "api": "https://github.com/dip/cmdk" } }, "type": "registry:ui" }, { "name": "context-menu", "files": [ { "path": "registry/base-vega/ui/context-menu.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/context-menu", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx", "api": "https://base-ui.com/react/components/context-menu.md" } }, "type": "registry:ui" }, { "name": "dialog", "registryDependencies": ["button"], "files": [ { "path": "registry/base-vega/ui/dialog.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/dialog", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx", "api": "https://base-ui.com/react/components/dialog.md" } }, "type": "registry:ui" }, { "name": "drawer", "dependencies": ["vaul"], "files": [ { "path": "registry/base-vega/ui/drawer.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/drawer", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx", "api": "https://vaul.emilkowal.ski/getting-started" } }, "type": "registry:ui" }, { "name": "dropdown-menu", "files": [ { "path": "registry/base-vega/ui/dropdown-menu.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/dropdown-menu", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx", "api": "https://base-ui.com/react/components/menu.md" } }, "type": "registry:ui" }, { "name": "empty", "files": [ { "path": "registry/base-vega/ui/empty.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/empty", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx" } }, "type": "registry:ui" }, { "name": "field", "registryDependencies": ["label", "separator"], "files": [ { "path": "registry/base-vega/ui/field.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/field", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx" } }, "type": "registry:ui" }, { "name": "form", "type": "registry:ui" }, { "name": "hover-card", "files": [ { "path": "registry/base-vega/ui/hover-card.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/hover-card", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx", "api": "https://base-ui.com/react/components/hover-card.md" } }, "type": "registry:ui" }, { "name": "input", "files": [ { "path": "registry/base-vega/ui/input.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/input", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx" } }, "type": "registry:ui" }, { "name": "input-group", "registryDependencies": ["button", "input", "textarea"], "files": [ { "path": "registry/base-vega/ui/input-group.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/input-group", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx" } }, "type": "registry:ui" }, { "name": "input-otp", "dependencies": ["input-otp"], "files": [ { "path": "registry/base-vega/ui/input-otp.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/input-otp", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx", "api": "https://input-otp.rodz.dev" } }, "type": "registry:ui" }, { "name": "item", "registryDependencies": ["separator"], "files": [ { "path": "registry/base-vega/ui/item.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/item", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx" } }, "type": "registry:ui" }, { "name": "label", "files": [ { "path": "registry/base-vega/ui/label.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/label", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx", "api": "https://base-ui.com/react/components/label.md" } }, "type": "registry:ui" }, { "name": "menubar", "registryDependencies": ["dropdown-menu"], "files": [ { "path": "registry/base-vega/ui/menubar.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/menubar", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx", "api": "https://base-ui.com/react/components/menubar.md" } }, "type": "registry:ui" }, { "name": "navigation-menu", "files": [ { "path": "registry/base-vega/ui/navigation-menu.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/navigation-menu", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx", "api": "https://base-ui.com/react/components/navigation-menu.md" } }, "type": "registry:ui" }, { "name": "pagination", "registryDependencies": ["button"], "files": [ { "path": "registry/base-vega/ui/pagination.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/pagination", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx" } }, "type": "registry:ui" }, { "name": "popover", "files": [ { "path": "registry/base-vega/ui/popover.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/popover", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx", "api": "https://base-ui.com/react/components/popover.md" } }, "type": "registry:ui" }, { "name": "progress", "files": [ { "path": "registry/base-vega/ui/progress.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/progress", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx", "api": "https://base-ui.com/react/components/progress.md" } }, "type": "registry:ui" }, { "name": "radio-group", "files": [ { "path": "registry/base-vega/ui/radio-group.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/radio-group", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx", "api": "https://base-ui.com/react/components/radio-group.md" } }, "type": "registry:ui" }, { "name": "resizable", "dependencies": ["react-resizable-panels"], "files": [ { "path": "registry/base-vega/ui/resizable.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/resizable", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx", "api": "https://github.com/bvaughn/react-resizable-panels" } }, "type": "registry:ui" }, { "name": "scroll-area", "files": [ { "path": "registry/base-vega/ui/scroll-area.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/scroll-area", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx", "api": "https://base-ui.com/react/components/scroll-area.md" } }, "type": "registry:ui" }, { "name": "select", "files": [ { "path": "registry/base-vega/ui/select.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/select", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx", "api": "https://base-ui.com/react/components/select.md" } }, "type": "registry:ui" }, { "name": "separator", "files": [ { "path": "registry/base-vega/ui/separator.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/separator", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx", "api": "https://base-ui.com/react/components/separator.md" } }, "type": "registry:ui" }, { "name": "sheet", "registryDependencies": ["button"], "files": [ { "path": "registry/base-vega/ui/sheet.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/sheet", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx", "api": "https://base-ui.com/react/components/dialog.md" } }, "type": "registry:ui" }, { "name": "sidebar", "registryDependencies": [ "button", "input", "separator", "sheet", "skeleton", "tooltip", "use-mobile" ], "files": [ { "path": "registry/base-vega/ui/sidebar.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/sidebar", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx" } }, "type": "registry:ui" }, { "name": "skeleton", "files": [ { "path": "registry/base-vega/ui/skeleton.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/skeleton", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx" } }, "type": "registry:ui" }, { "name": "slider", "files": [ { "path": "registry/base-vega/ui/slider.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/slider", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx", "api": "https://base-ui.com/react/components/slider.md" } }, "type": "registry:ui" }, { "name": "sonner", "dependencies": ["sonner", "next-themes"], "files": [ { "path": "registry/base-vega/ui/sonner.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/sonner", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx", "api": "https://sonner.emilkowal.ski" } }, "type": "registry:ui" }, { "name": "spinner", "files": [ { "path": "registry/base-vega/ui/spinner.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/spinner", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx" } }, "type": "registry:ui" }, { "name": "switch", "files": [ { "path": "registry/base-vega/ui/switch.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/switch", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx", "api": "https://base-ui.com/react/components/switch.md" } }, "type": "registry:ui" }, { "name": "table", "files": [ { "path": "registry/base-vega/ui/table.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/table", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx" } }, "type": "registry:ui" }, { "name": "tabs", "files": [ { "path": "registry/base-vega/ui/tabs.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/tabs", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx", "api": "https://base-ui.com/react/components/tabs.md" } }, "type": "registry:ui" }, { "name": "textarea", "files": [ { "path": "registry/base-vega/ui/textarea.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/textarea", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx" } }, "type": "registry:ui" }, { "name": "toggle", "files": [ { "path": "registry/base-vega/ui/toggle.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/toggle", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx", "api": "https://base-ui.com/react/components/toggle.md" } }, "type": "registry:ui" }, { "name": "toggle-group", "registryDependencies": ["toggle"], "files": [ { "path": "registry/base-vega/ui/toggle-group.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/toggle-group", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx", "api": "https://base-ui.com/react/components/toggle-group.md" } }, "type": "registry:ui" }, { "name": "tooltip", "files": [ { "path": "registry/base-vega/ui/tooltip.tsx", "type": "registry:ui" } ], "meta": { "links": { "docs": "https://ui.shadcn.com/docs/components/base/tooltip", "examples": "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx", "api": "https://base-ui.com/react/components/tooltip.md" } }, "docs": "The `tooltip` component has been added. Remember to wrap your app with the `TooltipProvider` component.\n\n```tsx title=\"app/layout.tsx\"\nimport { TooltipProvider } from \"@/components/ui/tooltip\"\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n return (\n \n
\n