{
  "name": "reui",
  "homepage": "https://reui.io",
  "items": [
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "alert.tsx",
          "type": "registry:ui",
          "target": "components/reui/alert.tsx"
        }
      ],
      "cssVars": {
        "light": {
          "destructive-foreground": "var(--color-red-800)",
          "success": "var(--color-emerald-500)",
          "success-foreground": "var(--color-emerald-900)",
          "info": "var(--color-violet-500)",
          "info-foreground": "var(--color-violet-900)",
          "warning": "var(--color-yellow-500)",
          "warning-foreground": "var(--color-yellow-900)",
          "invert": "var(--color-zinc-900)",
          "invert-foreground": "var(--color-zinc-50)"
        },
        "dark": {
          "destructive-foreground": "var(--color-red-600)",
          "success": "var(--color-emerald-500)",
          "success-foreground": "var(--color-emerald-600)",
          "info": "var(--color-violet-500)",
          "info-foreground": "var(--color-violet-600)",
          "warning": "var(--color-yellow-500)",
          "warning-foreground": "var(--color-yellow-600)",
          "invert": "var(--color-zinc-700)",
          "invert-foreground": "var(--color-zinc-50)"
        }
      }
    },
    {
      "name": "autocomplete",
      "type": "registry:ui",
      "title": "Autocomplete",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "scroll-area"
      ],
      "files": [
        {
          "path": "autocomplete.tsx",
          "type": "registry:ui",
          "target": "components/reui/autocomplete.tsx"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "badge.tsx",
          "type": "registry:ui",
          "target": "components/reui/badge.tsx"
        }
      ],
      "cssVars": {
        "light": {
          "destructive-foreground": "var(--color-red-800)",
          "success": "var(--color-emerald-500)",
          "success-foreground": "var(--color-emerald-900)",
          "info": "var(--color-violet-500)",
          "info-foreground": "var(--color-violet-900)",
          "warning": "var(--color-yellow-500)",
          "warning-foreground": "var(--color-yellow-900)",
          "invert": "var(--color-zinc-900)",
          "invert-foreground": "var(--color-zinc-50)"
        },
        "dark": {
          "destructive-foreground": "var(--color-red-600)",
          "success": "var(--color-emerald-500)",
          "success-foreground": "var(--color-emerald-600)",
          "info": "var(--color-violet-500)",
          "info-foreground": "var(--color-violet-600)",
          "warning": "var(--color-yellow-500)",
          "warning-foreground": "var(--color-yellow-600)",
          "invert": "var(--color-zinc-700)",
          "invert-foreground": "var(--color-zinc-50)"
        }
      }
    },
    {
      "name": "data-grid",
      "type": "registry:ui",
      "title": "Data Grid",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "@dnd-kit/core",
        "@dnd-kit/modifiers",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "@tanstack/react-table",
        "@tanstack/react-virtual",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "@reui/badge",
        "button",
        "checkbox",
        "@reui/data-grid-table",
        "dropdown-menu",
        "input",
        "popover",
        "select",
        "separator",
        "skeleton",
        "spinner"
      ],
      "files": [
        {
          "path": "data-grid-column-filter.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-column-filter.tsx"
        },
        {
          "path": "data-grid-column-header.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-column-header.tsx"
        },
        {
          "path": "data-grid-column-visibility.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-column-visibility.tsx"
        },
        {
          "path": "data-grid-pagination.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-pagination.tsx"
        },
        {
          "path": "data-grid-scroll-area.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-scroll-area.tsx"
        },
        {
          "path": "data-grid-table-dnd-rows.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table-dnd-rows.tsx"
        },
        {
          "path": "data-grid-table-dnd.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table-dnd.tsx"
        },
        {
          "path": "data-grid-table-virtual.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table-virtual.tsx"
        },
        {
          "path": "data-grid-table.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table.tsx"
        },
        {
          "path": "data-grid.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid.tsx"
        }
      ]
    },
    {
      "name": "data-grid-column-filter",
      "type": "registry:ui",
      "title": "Data Grid Column Filter",
      "description": "",
      "dependencies": [
        "@tanstack/react-table"
      ],
      "registryDependencies": [
        "@reui/badge",
        "button",
        "input",
        "popover",
        "separator"
      ],
      "files": [
        {
          "path": "data-grid-column-filter.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-column-filter.tsx"
        }
      ]
    },
    {
      "name": "data-grid-column-header",
      "type": "registry:ui",
      "title": "Data Grid Column Header",
      "description": "",
      "dependencies": [
        "@tanstack/react-table"
      ],
      "registryDependencies": [
        "button",
        "@reui/data-grid",
        "dropdown-menu"
      ],
      "files": [
        {
          "path": "data-grid-column-header.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-column-header.tsx"
        }
      ]
    },
    {
      "name": "data-grid-column-visibility",
      "type": "registry:ui",
      "title": "Data Grid Column Visibility",
      "description": "",
      "dependencies": [
        "@tanstack/react-table"
      ],
      "registryDependencies": [
        "@reui/data-grid",
        "dropdown-menu"
      ],
      "files": [
        {
          "path": "data-grid-column-visibility.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-column-visibility.tsx"
        }
      ]
    },
    {
      "name": "data-grid-pagination",
      "type": "registry:ui",
      "title": "Data Grid Pagination",
      "description": "",
      "dependencies": [],
      "registryDependencies": [
        "button",
        "@reui/data-grid",
        "select",
        "skeleton"
      ],
      "files": [
        {
          "path": "data-grid-pagination.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-pagination.tsx"
        }
      ]
    },
    {
      "name": "data-grid-scroll-area",
      "type": "registry:ui",
      "title": "Data Grid Scroll Area",
      "description": "",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [
        "@reui/data-grid"
      ],
      "files": [
        {
          "path": "data-grid-scroll-area.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-scroll-area.tsx"
        }
      ]
    },
    {
      "name": "data-grid-table",
      "type": "registry:ui",
      "title": "Data Grid Table",
      "description": "",
      "dependencies": [
        "@tanstack/react-table",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "checkbox",
        "@reui/data-grid",
        "spinner"
      ],
      "files": [
        {
          "path": "data-grid-table.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table.tsx"
        }
      ]
    },
    {
      "name": "data-grid-table-dnd",
      "type": "registry:ui",
      "title": "Data Grid Table Dnd",
      "description": "",
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "@tanstack/react-table"
      ],
      "registryDependencies": [
        "button",
        "@reui/data-grid",
        "@reui/data-grid-table"
      ],
      "files": [
        {
          "path": "data-grid-table-dnd.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table-dnd.tsx"
        }
      ]
    },
    {
      "name": "data-grid-table-dnd-rows",
      "type": "registry:ui",
      "title": "Data Grid Table Dnd Rows",
      "description": "",
      "dependencies": [
        "@dnd-kit/core",
        "@dnd-kit/modifiers",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities",
        "@tanstack/react-table"
      ],
      "registryDependencies": [
        "button",
        "@reui/data-grid",
        "@reui/data-grid-table"
      ],
      "files": [
        {
          "path": "data-grid-table-dnd-rows.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table-dnd-rows.tsx"
        }
      ]
    },
    {
      "name": "data-grid-table-virtual",
      "type": "registry:ui",
      "title": "Data Grid Table Virtual",
      "description": "",
      "dependencies": [
        "@tanstack/react-table",
        "@tanstack/react-virtual"
      ],
      "registryDependencies": [
        "@reui/data-grid",
        "@reui/data-grid-table",
        "spinner"
      ],
      "files": [
        {
          "path": "data-grid-table-virtual.tsx",
          "type": "registry:ui",
          "target": "components/reui/data-grid/data-grid-table-virtual.tsx"
        }
      ]
    },
    {
      "name": "date-selector",
      "type": "registry:ui",
      "title": "Date Selector",
      "description": "",
      "dependencies": [
        "date-fns",
        "react-day-picker"
      ],
      "registryDependencies": [
        "button",
        "calendar",
        "input",
        "scroll-area",
        "tabs",
        "use-mobile"
      ],
      "files": [
        {
          "path": "date-selector.tsx",
          "type": "registry:ui",
          "target": "components/reui/date-selector.tsx"
        }
      ]
    },
    {
      "name": "filters",
      "type": "registry:ui",
      "title": "Filters",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "button",
        "button-group",
        "dropdown-menu",
        "input",
        "input-group",
        "kbd",
        "scroll-area",
        "tooltip"
      ],
      "files": [
        {
          "path": "filters.tsx",
          "type": "registry:ui",
          "target": "components/reui/filters.tsx"
        }
      ]
    },
    {
      "name": "frame",
      "type": "registry:ui",
      "title": "Frame",
      "description": "",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "frame.tsx",
          "type": "registry:ui",
          "target": "components/reui/frame.tsx"
        }
      ]
    },
    {
      "name": "icon-stack",
      "type": "registry:ui",
      "title": "Layered icon illustration container",
      "description": "Layered icon illustration container",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "icon-stack.tsx",
          "type": "registry:ui",
          "target": "components/reui/icon-stack.tsx"
        }
      ]
    },
    {
      "name": "kanban",
      "type": "registry:ui",
      "title": "Kanban",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "@dnd-kit/core",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "kanban.tsx",
          "type": "registry:ui",
          "target": "components/reui/kanban.tsx"
        }
      ]
    },
    {
      "name": "number-field",
      "type": "registry:ui",
      "title": "Number Field",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [
        "label"
      ],
      "files": [
        {
          "path": "number-field.tsx",
          "type": "registry:ui",
          "target": "components/reui/number-field.tsx"
        }
      ]
    },
    {
      "name": "phone-input",
      "type": "registry:ui",
      "title": "Phone Input",
      "description": "",
      "dependencies": [
        "react-phone-number-input"
      ],
      "registryDependencies": [
        "button",
        "combobox",
        "input",
        "scroll-area"
      ],
      "files": [
        {
          "path": "phone-input.tsx",
          "type": "registry:ui",
          "target": "components/reui/phone-input.tsx"
        }
      ]
    },
    {
      "name": "rating",
      "type": "registry:ui",
      "title": "Rating",
      "description": "",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "rating.tsx",
          "type": "registry:ui",
          "target": "components/reui/rating.tsx"
        }
      ]
    },
    {
      "name": "scrollspy",
      "type": "registry:ui",
      "title": "Scrollspy",
      "description": "",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "scrollspy.tsx",
          "type": "registry:ui",
          "target": "components/reui/scrollspy.tsx"
        }
      ]
    },
    {
      "name": "sortable",
      "type": "registry:ui",
      "title": "Sortable",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "@dnd-kit/core",
        "@dnd-kit/sortable",
        "@dnd-kit/utilities"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "sortable.tsx",
          "type": "registry:ui",
          "target": "components/reui/sortable.tsx"
        }
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "title": "Stepper",
      "description": "",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "stepper.tsx",
          "type": "registry:ui",
          "target": "components/reui/stepper.tsx"
        }
      ]
    },
    {
      "name": "timeline",
      "type": "registry:ui",
      "title": "Timeline",
      "description": "",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "timeline.tsx",
          "type": "registry:ui",
          "target": "components/reui/timeline.tsx"
        }
      ]
    },
    {
      "name": "tree",
      "type": "registry:ui",
      "title": "Tree",
      "description": "",
      "dependencies": [
        "@base-ui/react",
        "@headless-tree/core"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "tree.tsx",
          "type": "registry:ui",
          "target": "components/reui/tree.tsx"
        }
      ]
    }
  ]
}