{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "solid-ui",
  "homepage": "https://solid-ui.com",
  "items": [
    {
      "name": "accordion",
      "title": "Accordion",
      "type": "registry:ui",
      "description": "An accordion component",
      "dependencies": ["@kobalte/core", "solid-js"],
      "url": "https://solid-ui.com/docs/components/accordion",
      "files": [
        {
          "path": "src/registry/ui/accordion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "title": "Alert Dialog",
      "type": "registry:ui",
      "description": "An alert dialog component",
      "dependencies": ["@kobalte/core", "solid-js"],
      "url": "https://solid-ui.com/docs/components/alert-dialog",
      "files": [
        {
          "path": "src/registry/ui/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert",
      "title": "Alert",
      "type": "registry:ui",
      "description": "An alert component",
      "dependencies": ["@kobalte/core", "class-variance-authority", "solid-js"],
      "url": "https://solid-ui.com/docs/components/alert",
      "files": [
        {
          "path": "src/registry/ui/alert.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "aspect-ratio",
      "title": "Aspect Ratio",
      "type": "registry:ui",
      "description": "An aspect ratio component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/aspect-ratio",
      "files": [
        {
          "path": "src/registry/ui/aspect-ratio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar",
      "title": "Avatar",
      "type": "registry:ui",
      "description": "An avatar component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/avatar",
      "files": [
        {
          "path": "src/registry/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge-delta",
      "title": "Badge Delta",
      "type": "registry:ui",
      "description": "A badge delta component",
      "dependencies": ["solid-js", "class-variance-authority"],
      "registryDependencies": ["https://solid-ui.com/r/badge.json"],
      "url": "https://solid-ui.com/docs/components/badge-delta",
      "files": [
        {
          "path": "src/registry/ui/badge-delta.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge",
      "title": "Badge",
      "type": "registry:ui",
      "description": "A badge component",
      "dependencies": ["solid-js", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/badge",
      "files": [
        {
          "path": "src/registry/ui/badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "bar-list",
      "title": "Bar List",
      "type": "registry:ui",
      "description": "A bar list component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/bar-list",
      "files": [
        {
          "path": "src/registry/ui/bar-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "breadcrumb",
      "title": "Breadcrumb",
      "type": "registry:ui",
      "description": "A breadcrumb component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/breadcrumb",
      "files": [
        {
          "path": "src/registry/ui/breadcrumb.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "button",
      "title": "Button",
      "type": "registry:ui",
      "description": "A button component",
      "dependencies": ["@kobalte/core", "class-variance-authority", "solid-js"],
      "url": "https://solid-ui.com/docs/components/button",
      "files": [
        {
          "path": "src/registry/ui/button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "callout",
      "title": "Callout",
      "type": "registry:ui",
      "description": "A callout component",
      "dependencies": ["solid-js", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/callout",
      "files": [
        {
          "path": "src/registry/ui/callout.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "card",
      "title": "Card",
      "type": "registry:ui",
      "description": "A card component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/card",
      "files": [
        {
          "path": "src/registry/ui/card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "carousel",
      "title": "Carousel",
      "type": "registry:ui",
      "description": "A carousel component",
      "dependencies": ["solid-js", "embla-carousel-solid"],
      "registryDependencies": ["https://solid-ui.com/r/button.json"],
      "url": "https://solid-ui.com/docs/components/carousel",
      "files": [
        {
          "path": "src/registry/ui/carousel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "charts",
      "title": "Charts",
      "type": "registry:ui",
      "description": "A charts component",
      "dependencies": ["solid-js", "chart.js", "@solid-primitives/refs"],
      "url": "https://solid-ui.com/docs/components/charts",
      "files": [
        {
          "path": "src/registry/ui/charts.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox",
      "title": "Checkbox",
      "type": "registry:ui",
      "description": "A checkbox component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/checkbox",
      "files": [
        {
          "path": "src/registry/ui/checkbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "collapsible",
      "title": "Collapsible",
      "type": "registry:ui",
      "description": "A collapsible component",
      "dependencies": ["@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/collapsible",
      "files": [
        {
          "path": "src/registry/ui/collapsible.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "combobox",
      "title": "Combobox",
      "type": "registry:ui",
      "description": "A combobox component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/combobox",
      "files": [
        {
          "path": "src/registry/ui/combobox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command",
      "title": "Command",
      "type": "registry:ui",
      "description": "A command component",
      "dependencies": ["solid-js", "cmdk-solid", "@kobalte/core"],
      "registryDependencies": ["https://solid-ui.com/r/dialog.json"],
      "url": "https://solid-ui.com/docs/components/command",
      "files": [
        {
          "path": "src/registry/ui/command.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "context-menu",
      "title": "Context Menu",
      "type": "registry:ui",
      "description": "A context menu component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/context-menu",
      "files": [
        {
          "path": "src/registry/ui/context-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "date-picker",
      "title": "Date Picker",
      "type": "registry:ui",
      "description": "A date picker component",
      "dependencies": ["solid-js", "@ark-ui/solid"],
      "registryDependencies": ["https://solid-ui.com/r/button.json"],
      "url": "https://solid-ui.com/docs/components/date-picker",
      "files": [
        {
          "path": "src/registry/ui/date-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "delta-bar",
      "title": "Delta Bar",
      "type": "registry:ui",
      "description": "A delta bar component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/delta-bar",
      "files": [
        {
          "path": "src/registry/ui/delta-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dialog",
      "title": "Dialog",
      "type": "registry:ui",
      "description": "A dialog component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/dialog",
      "files": [
        {
          "path": "src/registry/ui/dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "drawer",
      "title": "Drawer",
      "type": "registry:ui",
      "description": "A drawer component",
      "dependencies": ["solid-js", "@corvu/drawer"],
      "url": "https://solid-ui.com/docs/components/drawer",
      "files": [
        {
          "path": "src/registry/ui/drawer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "title": "Dropdown Menu",
      "type": "registry:ui",
      "description": "A dropdown menu component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/dropdown-menu",
      "files": [
        {
          "path": "src/registry/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "flex",
      "title": "Flex",
      "type": "registry:ui",
      "description": "A flex component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/flex",
      "files": [
        {
          "path": "src/registry/ui/flex.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "grid",
      "title": "Grid",
      "type": "registry:ui",
      "description": "A grid component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/grid",
      "files": [
        {
          "path": "src/registry/ui/grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hover-card",
      "title": "Hover Card",
      "type": "registry:ui",
      "description": "A hover card component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/hover-card",
      "files": [
        {
          "path": "src/registry/ui/hover-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "label",
      "title": "Label",
      "type": "registry:ui",
      "description": "A label component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/label",
      "files": [
        {
          "path": "src/registry/ui/label.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "menubar",
      "title": "Menubar",
      "type": "registry:ui",
      "description": "A menubar component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/menubar",
      "files": [
        {
          "path": "src/registry/ui/menubar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "navigation-menu",
      "title": "Navigation Menu",
      "type": "registry:ui",
      "description": "A navigation menu component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/navigation-menu",
      "files": [
        {
          "path": "src/registry/ui/navigation-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "number-field",
      "title": "Number Field",
      "type": "registry:ui",
      "description": "A number field component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/number-field",
      "files": [
        {
          "path": "src/registry/ui/number-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "otp-field",
      "title": "OTP Field",
      "type": "registry:ui",
      "description": "An OTP field component",
      "dependencies": ["solid-js", "@corvu/otp-field"],
      "url": "https://solid-ui.com/docs/components/otp-field",
      "files": [
        {
          "path": "src/registry/ui/otp-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pagination",
      "title": "Pagination",
      "type": "registry:ui",
      "description": "A pagination component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "registryDependencies": ["https://solid-ui.com/r/button.json"],
      "url": "https://solid-ui.com/docs/components/pagination",
      "files": [
        {
          "path": "src/registry/ui/pagination.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "popover",
      "title": "Popover",
      "type": "registry:ui",
      "description": "A popover component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/popover",
      "files": [
        {
          "path": "src/registry/ui/popover.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress-circle",
      "title": "Progress Circle",
      "type": "registry:ui",
      "description": "A progress circle component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/progress-circle",
      "files": [
        {
          "path": "src/registry/ui/progress-circle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress",
      "title": "Progress",
      "type": "registry:ui",
      "description": "A progress component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "registryDependencies": ["https://solid-ui.com/r/label.json"],
      "url": "https://solid-ui.com/docs/components/progress",
      "files": [
        {
          "path": "src/registry/ui/progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radio-group",
      "title": "Radio Group",
      "type": "registry:ui",
      "description": "A radio group component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/radio-group",
      "files": [
        {
          "path": "src/registry/ui/radio-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "resizable",
      "title": "Resizable",
      "type": "registry:ui",
      "description": "A resizable component",
      "dependencies": ["solid-js", "@corvu/resizable"],
      "url": "https://solid-ui.com/docs/components/resizable",
      "files": [
        {
          "path": "src/registry/ui/resizable.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "select",
      "title": "Select",
      "type": "registry:ui",
      "description": "A select component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/select",
      "files": [
        {
          "path": "src/registry/ui/select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "separator",
      "title": "Separator",
      "type": "registry:ui",
      "description": "A separator component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/separator",
      "files": [
        {
          "path": "src/registry/ui/separator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sheet",
      "title": "Sheet",
      "type": "registry:ui",
      "description": "A sheet component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/sheet",
      "files": [
        {
          "path": "src/registry/ui/sheet.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sidebar",
      "title": "Sidebar",
      "type": "registry:ui",
      "description": "A sidebar component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "registryDependencies": [
        "https://solid-ui.com/r/button.json",
        "https://solid-ui.com/r/sheet.json",
        "https://solid-ui.com/r/separator.json",
        "https://solid-ui.com/r/skeleton.json",
        "https://solid-ui.com/r/text-field.json",
        "https://solid-ui.com/r/tooltip.json"
      ],
      "url": "https://solid-ui.com/docs/components/sidebar",
      "files": [
        {
          "path": "src/registry/ui/sidebar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "skeleton",
      "title": "Skeleton",
      "type": "registry:ui",
      "description": "A skeleton component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/skeleton",
      "files": [
        {
          "path": "src/registry/ui/skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slider",
      "title": "Slider",
      "type": "registry:ui",
      "description": "A slider component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "registryDependencies": ["https://solid-ui.com/r/label.json"],
      "url": "https://solid-ui.com/docs/components/slider",
      "files": [
        {
          "path": "src/registry/ui/slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sonner",
      "title": "Sonner",
      "type": "registry:ui",
      "description": "A sonner component",
      "dependencies": ["solid-js", "solid-sonner"],
      "url": "https://solid-ui.com/docs/components/sonner",
      "files": [
        {
          "path": "src/registry/ui/sonner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "switch",
      "title": "Switch",
      "type": "registry:ui",
      "description": "A switch component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/switch",
      "files": [
        {
          "path": "src/registry/ui/switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table",
      "title": "Table",
      "type": "registry:ui",
      "description": "A table component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/table",
      "files": [
        {
          "path": "src/registry/ui/table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tabs",
      "title": "Tabs",
      "type": "registry:ui",
      "description": "A tabs component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/tabs",
      "files": [
        {
          "path": "src/registry/ui/tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "text-field",
      "title": "Text Field",
      "type": "registry:ui",
      "description": "A text field component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/text-field",
      "files": [
        {
          "path": "src/registry/ui/text-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "timeline",
      "title": "Timeline",
      "type": "registry:ui",
      "description": "A timeline component",
      "dependencies": ["solid-js"],
      "url": "https://solid-ui.com/docs/components/timeline",
      "files": [
        {
          "path": "src/registry/ui/timeline.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toast",
      "title": "Toast",
      "type": "registry:ui",
      "description": "A toast component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/toast",
      "files": [
        {
          "path": "src/registry/ui/toast.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle-group",
      "title": "Toggle Group",
      "type": "registry:ui",
      "description": "A toggle group component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "registryDependencies": ["https://solid-ui.com/r/toggle.json"],
      "url": "https://solid-ui.com/docs/components/toggle-group",
      "files": [
        {
          "path": "src/registry/ui/toggle-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle",
      "title": "Toggle",
      "type": "registry:ui",
      "description": "A toggle component",
      "dependencies": ["solid-js", "@kobalte/core", "class-variance-authority"],
      "url": "https://solid-ui.com/docs/components/toggle",
      "files": [
        {
          "path": "src/registry/ui/toggle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tooltip",
      "title": "Tooltip",
      "type": "registry:ui",
      "description": "A tooltip component",
      "dependencies": ["solid-js", "@kobalte/core"],
      "url": "https://solid-ui.com/docs/components/tooltip",
      "files": [
        {
          "path": "src/registry/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "css",
      "type": "registry:theme",
      "description": "Solid UI base CSS",
      "files": [],
      "cssVars": {
        "light": {
          "info": "oklch(0.95 0.024 236.81)",
          "info-foreground": "oklch(0.68 0.148143 238.1044)",
          "success": "oklch(0.95 0.0506 162.83)",
          "success-foreground": "oklch(0.69 0.1481 162.37)",
          "warning": "oklch(0.96 0.0569 95.61)",
          "warning-foreground": "oklch(0.71 0.186 48.13)",
          "error": "oklch(0.93 0.0314 17.73)",
          "error-foreground": "oklch(0.64 0.2082 25.38)",
          "radius": "0.5rem"
        },
        "dark": {
          "info": "oklch(0.28 0.0875 267.91)",
          "info-foreground": "oklch(0.68 0.148143 238.1044)",
          "success": "oklch(0.26 0.0487 172.54)",
          "success-foreground": "oklch(0.69 0.1481 162.37)",
          "warning": "oklch(0.29 0.0638 53.82)",
          "warning-foreground": "oklch(0.71 0.186 48.13)",
          "error": "oklch(0.26 0.0886 26.05)",
          "error-foreground": "oklch(0.64 0.2082 25.38)"
        }
      },
      "css": {
        "@layer base": {
          "::-webkit-scrollbar": {
            "@apply": "w-4"
          },
          "::-webkit-scrollbar-thumb": {
            "@apply": "rounded-full border-4 border-transparent bg-accent bg-clip-content"
          },
          "::-webkit-scrollbar-corner": {
            "@apply": "hidden"
          }
        },
        "@keyframes accordion-down": {
          "from": {
            "height": "0"
          },
          "to": {
            "height": "var(--kb-accordion-content-height)"
          }
        },
        "@keyframes accordion-up": {
          "from": {
            "height": "var(--kb-accordion-content-height)"
          },
          "to": {
            "height": "0"
          }
        },
        "@keyframes content-show": {
          "from": {
            "opacity": "0",
            "transform": "scale(0.96)"
          },
          "to": {
            "opacity": "1",
            "transform": "scale(1)"
          }
        },
        "@keyframes content-hide": {
          "from": {
            "opacity": "1",
            "transform": "scale(1)"
          },
          "to": {
            "opacity": "0",
            "transform": "scale(0.96)"
          }
        },
        "@utility container": {
          "@apply": "px-8",
          "@media (width >=--theme(--breakpoint-sm))": {
            "@apply": "max-w-none"
          },
          "@media (max-width: 640px)": {
            "@apply": "px-4"
          }
        },
        "@utility step": {
          "counter-increment": "step",
          "&:before": {
            "@apply": "absolute ml-[-50px] mt-[-4px] inline-flex h-9 w-9 items-center justify-center rounded-full border-4 border-background bg-muted text-center -indent-px font-mono text-base font-medium",
            "content": "counter(step)"
          }
        }
      }
    }
  ]
}