{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "rivet-ui",
  "homepage": "https://rivetui.reuss.dev",
  "items": [
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "A sharp, composable button primitive with restrained interaction states.",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/button/button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "A native text input primitive with precise focus, invalid, and disabled states.",
      "files": [
        {
          "path": "registry/rivetui/components/input/input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "number-field",
      "type": "registry:ui",
      "title": "Number Field",
      "description": "A formatted numeric input with range constraints, precise stepping, and complete keyboard control.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/number-field/number-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "Composable field structure for labels, controls, descriptions, and errors.",
      "files": [
        {
          "path": "registry/rivetui/components/field/field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "A sharp checkbox primitive with checked, indeterminate, and native form states.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/checkbox/checkbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "A composable single-select primitive with keyboard navigation, grouped items, and constrained scrolling.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/select/select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "multi-select",
      "type": "registry:ui",
      "title": "Multi Select",
      "description": "A composable multi-select primitive with persistent selection, keyboard navigation, and native form integration.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/multi-select/multi-select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio Group",
      "description": "A composable single-choice control with fully clickable options, labels, and descriptions.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/radio-group/radio-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "A compact boolean switch with native form behavior and precise interaction states.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/switch/switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "Composable tabbed navigation with horizontal and vertical layouts and complete keyboard interaction.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/tabs/tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle Group",
      "description": "A compact group of single- or multi-select toggle buttons with complete keyboard navigation.",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/toggle-group/toggle-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "A composable supplementary hint with shared delays, collision-aware positioning, and keyboard support.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/tooltip/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "A composable interactive surface with managed focus, collision-aware positioning, and explicit dismissal.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/popover/popover.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "A sharp, composable content container with distinct header, content, action, and footer regions.",
      "files": [
        {
          "path": "registry/rivetui/components/card/card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "A structured modal surface with focus management, viewport scrolling, and explicit dismissal.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/dialog/dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "Drawer",
      "description": "A mobile-first bottom panel with swipe dismissal, optional snap points, managed focus, and independent body scrolling.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/drawer/drawer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "An edge-anchored modal panel with four placement options, managed focus, independent body scrolling, and explicit dismissal.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/sheet/sheet.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table",
      "type": "registry:ui",
      "title": "Table",
      "description": "A native responsive table with technical headers, row states, captions, and horizontal overflow.",
      "files": [
        {
          "path": "registry/rivetui/components/table/table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown Menu",
      "description": "A composable action menu with nested navigation, selection controls, and keyboard typeahead.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/dropdown-menu/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "A native multiline text control with keyboard-only focus treatment and precise validation states.",
      "files": [
        {
          "path": "registry/rivetui/components/textarea/textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "A compact label for metadata, identifiers, and categorical information.",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/badge/badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "status",
      "type": "registry:ui",
      "title": "Status",
      "description": "A semantic operational-state indicator that combines written meaning with restrained color.",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/status/status.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "An accessible one-pixel structural divider with horizontal and vertical orientations.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/separator/separator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "A neutral loading placeholder with reduced-motion support and composable geometry.",
      "files": [
        {
          "path": "registry/rivetui/components/skeleton/skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "A composable disclosure set with semantic headings, single or multiple expansion, and measured panel motion.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/accordion/accordion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "A single disclosure region with controlled or uncontrolled state and measured panel motion.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/collapsible/collapsible.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "A provider-driven notification system with a global hook, queued announcements, actions, and swipe dismissal.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/toast/toast.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "A composable static message with semantic tones, optional icon, and optional action.",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/alert/alert.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "A labelled progress indicator with determinate, complete, and indeterminate task states.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/progress/progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "terminal",
      "type": "registry:ui",
      "title": "Terminal",
      "description": "A command display with copy support, multiline content, and keyboard-accessible command variants.",
      "dependencies": ["@base-ui/react", "lucide-react", "prism-react-renderer"],
      "files": [
        {
          "path": "registry/rivetui/components/terminal/terminal.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/syntax-highlight.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "title": "Stepper",
      "description": "A composable sequence indicator with controlled progress, step navigation, and horizontal or vertical layouts.",
      "files": [
        {
          "path": "registry/rivetui/components/stepper/stepper.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "A compact indeterminate activity indicator with three sizes and reduced-motion support.",
      "files": [
        {
          "path": "registry/rivetui/components/spinner/spinner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "loading-bar",
      "type": "registry:ui",
      "title": "Loading Bar",
      "description": "A global top-edge loading indicator with local rendering and provider-driven controls.",
      "files": [
        {
          "path": "registry/rivetui/components/loading-bar/loading-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "title": "Code Block",
      "description": "A source-code display with language and filename metadata, copying, and optional line numbers.",
      "dependencies": ["lucide-react", "prism-react-renderer"],
      "files": [
        {
          "path": "registry/rivetui/components/code-block/code-block.tsx",
          "type": "registry:ui"
        },
        {
          "path": "lib/syntax-highlight.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "A searchable selection control with filtering, empty state, and complete keyboard navigation.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/combobox/combobox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tags-input",
      "type": "registry:ui",
      "title": "Tags Input",
      "description": "A free-form multi-value input with removable tags, keyboard entry, and paste handling.",
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/tags-input/tags-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "Semantic page navigation with previous, next, current, disabled, and overflow states.",
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/pagination/pagination.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-bar",
      "type": "registry:ui",
      "title": "Command Bar",
      "description": "A modal command surface with search, grouped actions, keyboard navigation, and shortcuts.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/command-bar/command-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "keyboard-shortcut",
      "type": "registry:ui",
      "title": "Keyboard Shortcut",
      "description": "A platform-aware key-combination hint with accessible labels and a reusable listener hook.",
      "files": [
        {
          "path": "registry/rivetui/components/keyboard-shortcut/keyboard-shortcut.tsx",
          "type": "registry:ui"
        },
        {
          "path": "registry/rivetui/components/keyboard-shortcut/keyboard-shortcut-script.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "theme-switcher",
      "type": "registry:ui",
      "title": "Theme Switcher",
      "description": "Persistent segmented and menu-based light, dark, and system theme controls with live operating-system synchronization.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/theme-switcher/theme-switcher.tsx",
          "type": "registry:ui"
        },
        {
          "path": "registry/rivetui/components/theme-switcher/theme-script.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "breadcrumb",
      "type": "registry:ui",
      "title": "Breadcrumb",
      "description": "Semantic hierarchy navigation with parent links, a current page, custom separators, and collapsed paths.",
      "files": [
        {
          "path": "registry/rivetui/components/breadcrumb/breadcrumb.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "A square identity primitive with image loading, fallback content, sizes, and compact groups.",
      "dependencies": ["@base-ui/react", "class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/avatar/avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "file-upload",
      "type": "registry:ui",
      "title": "File Upload",
      "description": "An accessible file picker with drag and drop, controlled selection, validation, and removable file rows.",
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/file-upload/file-upload.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context Menu",
      "description": "A pointer-positioned action menu with right-click, long-press, selection controls, and nested navigation.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/context-menu/context-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date Picker",
      "description": "A compact single-date and range picker with direct month and year selection, accessible calendar navigation, constraints, and form values.",
      "dependencies": ["@base-ui/react", "lucide-react", "react-day-picker"],
      "files": [
        {
          "path": "registry/rivetui/components/date-picker/date-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "A keyboard-accessible value and range input with labels, formatted output, discrete steps, and form integration.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/slider/slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "color-picker",
      "type": "registry:ui",
      "title": "Color Picker",
      "description": "A controlled or uncontrolled color picker with optional RGB, Hex, RGBA, RYB, CMYK, HSL, HSV, and preset controls.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/color-picker/color-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert Dialog",
      "description": "An accessible confirmation dialog with safe initial focus and explicit action and cancel controls.",
      "dependencies": ["@base-ui/react"],
      "files": [
        {
          "path": "registry/rivetui/components/alert-dialog/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "password-field",
      "type": "registry:ui",
      "title": "Password Field",
      "description": "A native password input with controlled visibility, accessible reveal controls, and Caps Lock feedback.",
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/password-field/password-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "rating",
      "type": "registry:ui",
      "title": "Rating",
      "description": "A controlled or uncontrolled star rating with hover preview, keyboard navigation, sizes, and native form values.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/rating/rating.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "time-picker",
      "type": "registry:ui",
      "title": "Time Picker",
      "description": "A controlled or uncontrolled time picker with 12- and 24-hour cycles, optional seconds, stepped controls, and form values.",
      "dependencies": ["@base-ui/react", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/time-picker/time-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty-state",
      "type": "registry:ui",
      "title": "Empty State",
      "description": "A composable empty surface with optional media, guidance, actions, and compact presentation.",
      "dependencies": ["class-variance-authority"],
      "files": [
        {
          "path": "registry/rivetui/components/empty-state/empty-state.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input-otp",
      "type": "registry:ui",
      "title": "Input OTP",
      "description": "An accessible one-time passcode input with composable groups, slots, separators, validation, paste, and autofill support.",
      "dependencies": ["input-otp"],
      "files": [
        {
          "path": "registry/rivetui/components/input-otp/input-otp.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "qr-code",
      "type": "registry:ui",
      "title": "QR Code",
      "description": "A responsive SVG QR code with scan-safe contrast, quiet zones, error correction, accessible labels, and optional logos.",
      "dependencies": ["qrcode.react"],
      "files": [
        {
          "path": "registry/rivetui/components/qr-code/qr-code.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "website-link",
      "type": "registry:ui",
      "title": "Website Link",
      "description": "A compact inline link with an automatically derived favicon, protocol-aware fallback, and native anchor behavior.",
      "dependencies": ["class-variance-authority", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/website-link/website-link.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "search-field",
      "type": "registry:ui",
      "title": "Search Field",
      "description": "A native search input with controlled or uncontrolled state, clear controls, loading feedback, and accessible keyboard behavior.",
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/search-field/search-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "data-list",
      "type": "registry:ui",
      "title": "Data List",
      "description": "A semantic, responsive list of labeled values with horizontal and vertical layouts.",
      "files": [
        {
          "path": "registry/rivetui/components/data-list/data-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "data-table",
      "type": "registry:ui",
      "title": "Data Table",
      "description": "A typed data table with sorting, scoped search, row selection, column visibility, loading and empty states, and client pagination.",
      "dependencies": ["@base-ui/react", "@tanstack/react-table", "lucide-react"],
      "files": [
        {
          "path": "registry/rivetui/components/data-table/data-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "settings-form",
      "type": "registry:block",
      "title": "Settings Form",
      "description": "A responsive workspace settings form composed from Rivet form controls.",
      "categories": ["forms", "settings"],
      "registryDependencies": [
        "@rivetui/button",
        "@rivetui/field",
        "@rivetui/input",
        "@rivetui/number-field",
        "@rivetui/select",
        "@rivetui/switch"
      ],
      "files": [
        {
          "path": "registry/rivetui/blocks/settings-form/settings-form.tsx",
          "type": "registry:component",
          "target": "components/blocks/settings-form.tsx"
        }
      ]
    },
    {
      "name": "deployment-list",
      "type": "registry:block",
      "title": "Deployment List",
      "description": "An operational deployment list with status, row actions, pagination, and destructive confirmation.",
      "categories": ["dashboard", "data"],
      "registryDependencies": [
        "@rivetui/alert-dialog",
        "@rivetui/button",
        "@rivetui/data-list",
        "@rivetui/dropdown-menu",
        "@rivetui/pagination",
        "@rivetui/status"
      ],
      "files": [
        {
          "path": "registry/rivetui/blocks/deployment-list/deployment-list.tsx",
          "type": "registry:component",
          "target": "components/blocks/deployment-list.tsx"
        }
      ]
    },
    {
      "name": "authentication",
      "type": "registry:block",
      "title": "Authentication",
      "description": "A compact sign-in, verification, and account-recovery flow with no authentication backend assumptions.",
      "categories": ["authentication", "forms"],
      "registryDependencies": [
        "@rivetui/alert",
        "@rivetui/button",
        "@rivetui/field",
        "@rivetui/input",
        "@rivetui/input-otp",
        "@rivetui/password-field"
      ],
      "files": [
        {
          "path": "registry/rivetui/blocks/authentication/authentication.tsx",
          "type": "registry:component",
          "target": "components/blocks/authentication.tsx"
        }
      ]
    },
    {
      "name": "command-dashboard",
      "type": "registry:block",
      "title": "Command Dashboard",
      "description": "A searchable operations dashboard with service health and a keyboard-accessible command surface.",
      "categories": ["dashboard", "developer-tools"],
      "registryDependencies": [
        "@rivetui/button",
        "@rivetui/card",
        "@rivetui/command-bar",
        "@rivetui/keyboard-shortcut",
        "@rivetui/search-field",
        "@rivetui/status"
      ],
      "files": [
        {
          "path": "registry/rivetui/blocks/command-dashboard/command-dashboard.tsx",
          "type": "registry:component",
          "target": "components/blocks/command-dashboard.tsx"
        }
      ]
    },
    {
      "name": "rivet-style",
      "type": "registry:style",
      "title": "Rivet Style",
      "description": "Global Rivet UI scrollbar styles for precise, token-aware application surfaces.",
      "css": {
        "@layer base": {
          "*": {
            "scrollbar-color": "color-mix(in oklab, var(--muted-foreground) 55%, transparent) transparent",
            "scrollbar-width": "thin"
          },
          "*::-webkit-scrollbar": {
            "width": "0.5rem",
            "height": "0.5rem"
          },
          "*::-webkit-scrollbar-track": {
            "background": "transparent"
          },
          "*::-webkit-scrollbar-thumb": {
            "border": "2px solid transparent",
            "background-color": "color-mix(in oklab, var(--muted-foreground) 55%, transparent)",
            "background-clip": "content-box"
          },
          "*::-webkit-scrollbar-thumb:hover": {
            "background-color": "var(--muted-foreground)",
            "background-clip": "content-box"
          }
        }
      }
    }
  ]
}