sigma-ui 1.0.14 → 1.0.16

package/README.md

@@ -9,11 +9,18 @@ It takes away the burden of recreating the same components from scratch for ever
 
 ![preview](.npm/og.png)
 
+
 ## About
 
 **Website**: https://sigma-ui.dev
 <br/>**NPM**: https://www.npmjs.com/package/sigma-ui
 
+## Community links
+[Discord](https://discord.gg/jH2X4VGBA4) | [YouTube](https://www.youtube.com/@sigma-dev) | [X (Twitter)](https://twitter.com/sigma__dev) | [Telegram](https://t.me/sigma_devs)
+<br>Thanks to everyone who has been sharing this project with others!
+
+## Features
+
 - **Supported frameworks**: Vue, Nuxt, Laravel, Astro.
 - **Supported languages**: TS (all components are typed, JS projects are not supported).
 - **Supported vue versions**: 3 and above.
@@ -21,15 +28,23 @@ It takes away the burden of recreating the same components from scratch for ever
 - **Is open-source**: Yes, MIT licensed.
 - **Accessibility**: Supported.
 - **Based upon**: Radix Vue primitives.
-- **Installation method**: GOAT (Git Obtained As Template) via npx commands. Unlike NPM modules, these components are copied from git repository directly into your project's components directory and give you full control over customization, instead of using just props and css overrides.
-- **Main problem it solves**: You are a developer, you create a new project, it needs 20+ components like dialogs, selects, skeletons, etc, and they all need to follow your companies' / your own design system:
-  - **What sad devs do:** spend a year creating every component from scratch for every new project they work on, end up with a broken buggy mess of components without any basic keyboard navigation support, modals that you cannot close with Esc, and no accessibility at all.
-  - **What Beta devs do:** use a conventional library (e.g Vuetify, Quasar) and monkey patch components' css with `!important`, trying to make their components follow their design system, and failing to modify baked-in Material design and animations.
-  - **What Sigma devs do:** add these GOAT components directly to your main (or uikit) project "components" dir, spend a little time modifying their design and functionality as needed. Profit.
+- **Installation method**: The components are distributed via the method I call GOAT (Git Obtained As Template) - run `npx` commands to clone the components from git registry directly to your project components directory. Unlike NPM modules, these components are copied from git registry directly into your project and give you full control over customization, instead of using just props and css overrides.
 
-## Community links
-[Discord](https://discord.gg/jH2X4VGBA4) | [YouTube](https://www.youtube.com/@sigma-dev) | [X (Twitter)](https://twitter.com/sigma__dev) | [Telegram](https://t.me/sigma_devs)
-<br>Thanks to everyone who has been sharing this project with others!
+## Usage
+
+Step 1: Initialize SIGMA-UI config in your project:
+
+```
+npx sigma-ui init
+```
+
+Step 2: Add components to your project:
+
+```
+npx sigma-ui add
+```
+
+Step 3: Use the added components, modify their code to your needs.
 
 
 ## Credits

package/__generated/registry-schemes/colors/blue.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "blue-900",
       "muted": "blue-100",
       "muted-foreground": "blue-500",
-      "accent": "blue-100",
-      "accent-foreground": "blue-900",
       "destructive": "red-500",
       "destructive-foreground": "blue-50",
       "border": "blue-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "blue-50",
       "muted": "blue-800",
       "muted-foreground": "blue-400",
-      "accent": "blue-800",
-      "accent-foreground": "blue-50",
       "destructive": "red-900",
       "destructive-foreground": "blue-50",
       "border": "blue-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "224.4 64.3% 32.9%",
       "muted": "214.3 94.6% 92.7%",
       "muted-foreground": "217.2 91.2% 59.8%",
-      "accent": "214.3 94.6% 92.7%",
-      "accent-foreground": "224.4 64.3% 32.9%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "213.8 100% 96.9%",
       "border": "213.3 96.9% 87.3%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "213.8 100% 96.9%",
       "muted": "225.9 70.7% 40.2%",
       "muted-foreground": "213.1 93.9% 67.8%",
-      "accent": "225.9 70.7% 40.2%",
-      "accent-foreground": "213.8 100% 96.9%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "213.8 100% 96.9%",
       "border": "225.9 70.7% 40.2%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 226.2 57% 21%;\n    --muted: 214.3 94.6% 92.7%;\n    --muted-foreground: 217.2 91.2% 59.8%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 226.2 57% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 226.2 57% 21%;\n    --border: 213.3 96.9% 87.3%;\n    --input: 213.3 96.9% 87.3%;\n    --primary: 224.4 64.3% 32.9%;\n    --primary-foreground: 213.8 100% 96.9%;\n    --secondary: 214.3 94.6% 92.7%;\n    --secondary-foreground: 224.4 64.3% 32.9%;\n    --accent: 214.3 94.6% 92.7%;\n    --accent-foreground: 224.4 64.3% 32.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 226.2 57% 21%;\n  }\n \n  .dark {\n    --background: 226.2 57% 21%;\n    --foreground: 213.8 100% 96.9%;\n    --muted: 225.9 70.7% 40.2%;\n    --muted-foreground: 213.1 93.9% 67.8%;\n    --popover: 226.2 57% 21%;\n    --popover-foreground: 213.8 100% 96.9%;\n    --card: 226.2 57% 21%;\n    --card-foreground: 213.8 100% 96.9%;\n    --border: 225.9 70.7% 40.2%;\n    --input: 225.9 70.7% 40.2%;\n    --primary: 213.8 100% 96.9%;\n    --primary-foreground: 224.4 64.3% 32.9%;\n    --secondary: 225.9 70.7% 40.2%;\n    --secondary-foreground: 213.8 100% 96.9%;\n    --accent: 225.9 70.7% 40.2%;\n    --accent-foreground: 213.8 100% 96.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 211.7 96.4% 78.4%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 226.2 57% 21%;\n    --muted: 214.3 94.6% 92.7%;\n    --muted-foreground: 217.2 91.2% 59.8%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 226.2 57% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 226.2 57% 21%;\n    --border: 213.3 96.9% 87.3%;\n    --input: 213.3 96.9% 87.3%;\n    --primary: 224.4 64.3% 32.9%;\n    --primary-foreground: 213.8 100% 96.9%;\n    --secondary: 214.3 94.6% 92.7%;\n    --secondary-foreground: 224.4 64.3% 32.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 226.2 57% 21%;\n  }\n \n  .dark {\n    --background: 226.2 57% 21%;\n    --foreground: 213.8 100% 96.9%;\n    --muted: 225.9 70.7% 40.2%;\n    --muted-foreground: 213.1 93.9% 67.8%;\n    --popover: 226.2 57% 21%;\n    --popover-foreground: 213.8 100% 96.9%;\n    --card: 226.2 57% 21%;\n    --card-foreground: 213.8 100% 96.9%;\n    --border: 225.9 70.7% 40.2%;\n    --input: 225.9 70.7% 40.2%;\n    --primary: 213.8 100% 96.9%;\n    --primary-foreground: 224.4 64.3% 32.9%;\n    --secondary: 225.9 70.7% 40.2%;\n    --secondary-foreground: 213.8 100% 96.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 211.7 96.4% 78.4%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 226.2 57% 21%;\n    --muted: 214.3 94.6% 92.7%;\n    --muted-foreground: 217.2 91.2% 59.8%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 226.2 57% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 226.2 57% 21%;\n    --border: 213.3 96.9% 87.3%;\n    --input: 213.3 96.9% 87.3%;\n    --primary: 224.4 64.3% 32.9%;\n    --primary-foreground: 213.8 100% 96.9%;\n    --secondary: 214.3 94.6% 92.7%;\n    --secondary-foreground: 224.4 64.3% 32.9%;\n    --accent: 214.3 94.6% 92.7%;\n    --accent-foreground: 224.4 64.3% 32.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 226.2 57% 21%;\n  }\n \n  .dark {\n    --background: 226.2 57% 21%;\n    --foreground: 213.8 100% 96.9%;\n    --muted: 225.9 70.7% 40.2%;\n    --muted-foreground: 213.1 93.9% 67.8%;\n    --popover: 226.2 57% 21%;\n    --popover-foreground: 213.8 100% 96.9%;\n    --card: 226.2 57% 21%;\n    --card-foreground: 213.8 100% 96.9%;\n    --border: 225.9 70.7% 40.2%;\n    --input: 225.9 70.7% 40.2%;\n    --primary: 213.8 100% 96.9%;\n    --primary-foreground: 224.4 64.3% 32.9%;\n    --secondary: 225.9 70.7% 40.2%;\n    --secondary-foreground: 213.8 100% 96.9%;\n    --accent: 225.9 70.7% 40.2%;\n    --accent-foreground: 213.8 100% 96.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 211.7 96.4% 78.4%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 226.2 57% 21%;\n    --muted: 214.3 94.6% 92.7%;\n    --muted-foreground: 217.2 91.2% 59.8%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 226.2 57% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 226.2 57% 21%;\n    --border: 213.3 96.9% 87.3%;\n    --input: 213.3 96.9% 87.3%;\n    --primary: 224.4 64.3% 32.9%;\n    --primary-foreground: 213.8 100% 96.9%;\n    --secondary: 214.3 94.6% 92.7%;\n    --secondary-foreground: 224.4 64.3% 32.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 226.2 57% 21%;\n  }\n \n  .dark {\n    --background: 226.2 57% 21%;\n    --foreground: 213.8 100% 96.9%;\n    --muted: 225.9 70.7% 40.2%;\n    --muted-foreground: 213.1 93.9% 67.8%;\n    --popover: 226.2 57% 21%;\n    --popover-foreground: 213.8 100% 96.9%;\n    --card: 226.2 57% 21%;\n    --card-foreground: 213.8 100% 96.9%;\n    --border: 225.9 70.7% 40.2%;\n    --input: 225.9 70.7% 40.2%;\n    --primary: 213.8 100% 96.9%;\n    --primary-foreground: 224.4 64.3% 32.9%;\n    --secondary: 225.9 70.7% 40.2%;\n    --secondary-foreground: 213.8 100% 96.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 213.8 100% 96.9%;\n    --ring: 211.7 96.4% 78.4%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/gray.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "gray-900",
       "muted": "gray-100",
       "muted-foreground": "gray-500",
-      "accent": "gray-100",
-      "accent-foreground": "gray-900",
       "destructive": "red-500",
       "destructive-foreground": "gray-50",
       "border": "gray-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "gray-50",
       "muted": "gray-800",
       "muted-foreground": "gray-400",
-      "accent": "gray-800",
-      "accent-foreground": "gray-50",
       "destructive": "red-900",
       "destructive-foreground": "gray-50",
       "border": "gray-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "220.9 39.3% 11%",
       "muted": "220 14.3% 95.9%",
       "muted-foreground": "220 8.9% 46.1%",
-      "accent": "220 14.3% 95.9%",
-      "accent-foreground": "220.9 39.3% 11%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "210 20% 98%",
       "border": "220 13% 91%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "210 20% 98%",
       "muted": "215 27.9% 16.9%",
       "muted-foreground": "217.9 10.6% 64.9%",
-      "accent": "215 27.9% 16.9%",
-      "accent-foreground": "210 20% 98%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "210 20% 98%",
       "border": "215 27.9% 16.9%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 224 71.4% 4.1%;\n    --muted: 220 14.3% 95.9%;\n    --muted-foreground: 220 8.9% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 224 71.4% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 224 71.4% 4.1%;\n    --border: 220 13% 91%;\n    --input: 220 13% 91%;\n    --primary: 220.9 39.3% 11%;\n    --primary-foreground: 210 20% 98%;\n    --secondary: 220 14.3% 95.9%;\n    --secondary-foreground: 220.9 39.3% 11%;\n    --accent: 220 14.3% 95.9%;\n    --accent-foreground: 220.9 39.3% 11%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 224 71.4% 4.1%;\n  }\n \n  .dark {\n    --background: 224 71.4% 4.1%;\n    --foreground: 210 20% 98%;\n    --muted: 215 27.9% 16.9%;\n    --muted-foreground: 217.9 10.6% 64.9%;\n    --popover: 224 71.4% 4.1%;\n    --popover-foreground: 210 20% 98%;\n    --card: 224 71.4% 4.1%;\n    --card-foreground: 210 20% 98%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 210 20% 98%;\n    --primary-foreground: 220.9 39.3% 11%;\n    --secondary: 215 27.9% 16.9%;\n    --secondary-foreground: 210 20% 98%;\n    --accent: 215 27.9% 16.9%;\n    --accent-foreground: 210 20% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 216 12.2% 83.9%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 224 71.4% 4.1%;\n    --muted: 220 14.3% 95.9%;\n    --muted-foreground: 220 8.9% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 224 71.4% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 224 71.4% 4.1%;\n    --border: 220 13% 91%;\n    --input: 220 13% 91%;\n    --primary: 220.9 39.3% 11%;\n    --primary-foreground: 210 20% 98%;\n    --secondary: 220 14.3% 95.9%;\n    --secondary-foreground: 220.9 39.3% 11%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 224 71.4% 4.1%;\n  }\n \n  .dark {\n    --background: 224 71.4% 4.1%;\n    --foreground: 210 20% 98%;\n    --muted: 215 27.9% 16.9%;\n    --muted-foreground: 217.9 10.6% 64.9%;\n    --popover: 224 71.4% 4.1%;\n    --popover-foreground: 210 20% 98%;\n    --card: 224 71.4% 4.1%;\n    --card-foreground: 210 20% 98%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 210 20% 98%;\n    --primary-foreground: 220.9 39.3% 11%;\n    --secondary: 215 27.9% 16.9%;\n    --secondary-foreground: 210 20% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 216 12.2% 83.9%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 224 71.4% 4.1%;\n    --muted: 220 14.3% 95.9%;\n    --muted-foreground: 220 8.9% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 224 71.4% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 224 71.4% 4.1%;\n    --border: 220 13% 91%;\n    --input: 220 13% 91%;\n    --primary: 220.9 39.3% 11%;\n    --primary-foreground: 210 20% 98%;\n    --secondary: 220 14.3% 95.9%;\n    --secondary-foreground: 220.9 39.3% 11%;\n    --accent: 220 14.3% 95.9%;\n    --accent-foreground: 220.9 39.3% 11%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 224 71.4% 4.1%;\n  }\n \n  .dark {\n    --background: 224 71.4% 4.1%;\n    --foreground: 210 20% 98%;\n    --muted: 215 27.9% 16.9%;\n    --muted-foreground: 217.9 10.6% 64.9%;\n    --popover: 224 71.4% 4.1%;\n    --popover-foreground: 210 20% 98%;\n    --card: 224 71.4% 4.1%;\n    --card-foreground: 210 20% 98%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 210 20% 98%;\n    --primary-foreground: 220.9 39.3% 11%;\n    --secondary: 215 27.9% 16.9%;\n    --secondary-foreground: 210 20% 98%;\n    --accent: 215 27.9% 16.9%;\n    --accent-foreground: 210 20% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 216 12.2% 83.9%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 224 71.4% 4.1%;\n    --muted: 220 14.3% 95.9%;\n    --muted-foreground: 220 8.9% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 224 71.4% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 224 71.4% 4.1%;\n    --border: 220 13% 91%;\n    --input: 220 13% 91%;\n    --primary: 220.9 39.3% 11%;\n    --primary-foreground: 210 20% 98%;\n    --secondary: 220 14.3% 95.9%;\n    --secondary-foreground: 220.9 39.3% 11%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 224 71.4% 4.1%;\n  }\n \n  .dark {\n    --background: 224 71.4% 4.1%;\n    --foreground: 210 20% 98%;\n    --muted: 215 27.9% 16.9%;\n    --muted-foreground: 217.9 10.6% 64.9%;\n    --popover: 224 71.4% 4.1%;\n    --popover-foreground: 210 20% 98%;\n    --card: 224 71.4% 4.1%;\n    --card-foreground: 210 20% 98%;\n    --border: 215 27.9% 16.9%;\n    --input: 215 27.9% 16.9%;\n    --primary: 210 20% 98%;\n    --primary-foreground: 220.9 39.3% 11%;\n    --secondary: 215 27.9% 16.9%;\n    --secondary-foreground: 210 20% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 20% 98%;\n    --ring: 216 12.2% 83.9%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/green.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "green-900",
       "muted": "green-100",
       "muted-foreground": "green-500",
-      "accent": "green-100",
-      "accent-foreground": "green-900",
       "destructive": "red-500",
       "destructive-foreground": "green-50",
       "border": "green-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "green-50",
       "muted": "green-800",
       "muted-foreground": "green-400",
-      "accent": "green-800",
-      "accent-foreground": "green-50",
       "destructive": "red-900",
       "destructive-foreground": "green-50",
       "border": "green-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "143.8 61.2% 20.2%",
       "muted": "140.6 84.2% 92.5%",
       "muted-foreground": "142.1 70.6% 45.3%",
-      "accent": "140.6 84.2% 92.5%",
-      "accent-foreground": "143.8 61.2% 20.2%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "138.5 76.5% 96.7%",
       "border": "141 78.9% 85.1%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "138.5 76.5% 96.7%",
       "muted": "142.8 64.2% 24.1%",
       "muted-foreground": "141.9 69.2% 58%",
-      "accent": "142.8 64.2% 24.1%",
-      "accent-foreground": "138.5 76.5% 96.7%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "138.5 76.5% 96.7%",
       "border": "142.8 64.2% 24.1%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 144.9 80.4% 10%;\n    --muted: 140.6 84.2% 92.5%;\n    --muted-foreground: 142.1 70.6% 45.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 144.9 80.4% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 144.9 80.4% 10%;\n    --border: 141 78.9% 85.1%;\n    --input: 141 78.9% 85.1%;\n    --primary: 143.8 61.2% 20.2%;\n    --primary-foreground: 138.5 76.5% 96.7%;\n    --secondary: 140.6 84.2% 92.5%;\n    --secondary-foreground: 143.8 61.2% 20.2%;\n    --accent: 140.6 84.2% 92.5%;\n    --accent-foreground: 143.8 61.2% 20.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 144.9 80.4% 10%;\n  }\n \n  .dark {\n    --background: 144.9 80.4% 10%;\n    --foreground: 138.5 76.5% 96.7%;\n    --muted: 142.8 64.2% 24.1%;\n    --muted-foreground: 141.9 69.2% 58%;\n    --popover: 144.9 80.4% 10%;\n    --popover-foreground: 138.5 76.5% 96.7%;\n    --card: 144.9 80.4% 10%;\n    --card-foreground: 138.5 76.5% 96.7%;\n    --border: 142.8 64.2% 24.1%;\n    --input: 142.8 64.2% 24.1%;\n    --primary: 138.5 76.5% 96.7%;\n    --primary-foreground: 143.8 61.2% 20.2%;\n    --secondary: 142.8 64.2% 24.1%;\n    --secondary-foreground: 138.5 76.5% 96.7%;\n    --accent: 142.8 64.2% 24.1%;\n    --accent-foreground: 138.5 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 141.7 76.6% 73.1%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 144.9 80.4% 10%;\n    --muted: 140.6 84.2% 92.5%;\n    --muted-foreground: 142.1 70.6% 45.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 144.9 80.4% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 144.9 80.4% 10%;\n    --border: 141 78.9% 85.1%;\n    --input: 141 78.9% 85.1%;\n    --primary: 143.8 61.2% 20.2%;\n    --primary-foreground: 138.5 76.5% 96.7%;\n    --secondary: 140.6 84.2% 92.5%;\n    --secondary-foreground: 143.8 61.2% 20.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 144.9 80.4% 10%;\n  }\n \n  .dark {\n    --background: 144.9 80.4% 10%;\n    --foreground: 138.5 76.5% 96.7%;\n    --muted: 142.8 64.2% 24.1%;\n    --muted-foreground: 141.9 69.2% 58%;\n    --popover: 144.9 80.4% 10%;\n    --popover-foreground: 138.5 76.5% 96.7%;\n    --card: 144.9 80.4% 10%;\n    --card-foreground: 138.5 76.5% 96.7%;\n    --border: 142.8 64.2% 24.1%;\n    --input: 142.8 64.2% 24.1%;\n    --primary: 138.5 76.5% 96.7%;\n    --primary-foreground: 143.8 61.2% 20.2%;\n    --secondary: 142.8 64.2% 24.1%;\n    --secondary-foreground: 138.5 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 141.7 76.6% 73.1%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 144.9 80.4% 10%;\n    --muted: 140.6 84.2% 92.5%;\n    --muted-foreground: 142.1 70.6% 45.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 144.9 80.4% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 144.9 80.4% 10%;\n    --border: 141 78.9% 85.1%;\n    --input: 141 78.9% 85.1%;\n    --primary: 143.8 61.2% 20.2%;\n    --primary-foreground: 138.5 76.5% 96.7%;\n    --secondary: 140.6 84.2% 92.5%;\n    --secondary-foreground: 143.8 61.2% 20.2%;\n    --accent: 140.6 84.2% 92.5%;\n    --accent-foreground: 143.8 61.2% 20.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 144.9 80.4% 10%;\n  }\n \n  .dark {\n    --background: 144.9 80.4% 10%;\n    --foreground: 138.5 76.5% 96.7%;\n    --muted: 142.8 64.2% 24.1%;\n    --muted-foreground: 141.9 69.2% 58%;\n    --popover: 144.9 80.4% 10%;\n    --popover-foreground: 138.5 76.5% 96.7%;\n    --card: 144.9 80.4% 10%;\n    --card-foreground: 138.5 76.5% 96.7%;\n    --border: 142.8 64.2% 24.1%;\n    --input: 142.8 64.2% 24.1%;\n    --primary: 138.5 76.5% 96.7%;\n    --primary-foreground: 143.8 61.2% 20.2%;\n    --secondary: 142.8 64.2% 24.1%;\n    --secondary-foreground: 138.5 76.5% 96.7%;\n    --accent: 142.8 64.2% 24.1%;\n    --accent-foreground: 138.5 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 141.7 76.6% 73.1%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 144.9 80.4% 10%;\n    --muted: 140.6 84.2% 92.5%;\n    --muted-foreground: 142.1 70.6% 45.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 144.9 80.4% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 144.9 80.4% 10%;\n    --border: 141 78.9% 85.1%;\n    --input: 141 78.9% 85.1%;\n    --primary: 143.8 61.2% 20.2%;\n    --primary-foreground: 138.5 76.5% 96.7%;\n    --secondary: 140.6 84.2% 92.5%;\n    --secondary-foreground: 143.8 61.2% 20.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 144.9 80.4% 10%;\n  }\n \n  .dark {\n    --background: 144.9 80.4% 10%;\n    --foreground: 138.5 76.5% 96.7%;\n    --muted: 142.8 64.2% 24.1%;\n    --muted-foreground: 141.9 69.2% 58%;\n    --popover: 144.9 80.4% 10%;\n    --popover-foreground: 138.5 76.5% 96.7%;\n    --card: 144.9 80.4% 10%;\n    --card-foreground: 138.5 76.5% 96.7%;\n    --border: 142.8 64.2% 24.1%;\n    --input: 142.8 64.2% 24.1%;\n    --primary: 138.5 76.5% 96.7%;\n    --primary-foreground: 143.8 61.2% 20.2%;\n    --secondary: 142.8 64.2% 24.1%;\n    --secondary-foreground: 138.5 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 138.5 76.5% 96.7%;\n    --ring: 141.7 76.6% 73.1%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/orange.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "orange-900",
       "muted": "orange-100",
       "muted-foreground": "orange-500",
-      "accent": "orange-100",
-      "accent-foreground": "orange-900",
       "destructive": "red-500",
       "destructive-foreground": "orange-50",
       "border": "orange-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "orange-50",
       "muted": "orange-800",
       "muted-foreground": "orange-400",
-      "accent": "orange-800",
-      "accent-foreground": "orange-50",
       "destructive": "red-900",
       "destructive-foreground": "orange-50",
       "border": "orange-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "15.3 74.6% 27.8%",
       "muted": "34.3 100% 91.8%",
       "muted-foreground": "24.6 95% 53.1%",
-      "accent": "34.3 100% 91.8%",
-      "accent-foreground": "15.3 74.6% 27.8%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "33.3 100% 96.5%",
       "border": "32.1 97.7% 83.1%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "33.3 100% 96.5%",
       "muted": "15 79.1% 33.7%",
       "muted-foreground": "27 96% 61%",
-      "accent": "15 79.1% 33.7%",
-      "accent-foreground": "33.3 100% 96.5%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "33.3 100% 96.5%",
       "border": "15 79.1% 33.7%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 13 81.1% 14.5%;\n    --muted: 34.3 100% 91.8%;\n    --muted-foreground: 24.6 95% 53.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 13 81.1% 14.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 13 81.1% 14.5%;\n    --border: 32.1 97.7% 83.1%;\n    --input: 32.1 97.7% 83.1%;\n    --primary: 15.3 74.6% 27.8%;\n    --primary-foreground: 33.3 100% 96.5%;\n    --secondary: 34.3 100% 91.8%;\n    --secondary-foreground: 15.3 74.6% 27.8%;\n    --accent: 34.3 100% 91.8%;\n    --accent-foreground: 15.3 74.6% 27.8%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 13 81.1% 14.5%;\n  }\n \n  .dark {\n    --background: 13 81.1% 14.5%;\n    --foreground: 33.3 100% 96.5%;\n    --muted: 15 79.1% 33.7%;\n    --muted-foreground: 27 96% 61%;\n    --popover: 13 81.1% 14.5%;\n    --popover-foreground: 33.3 100% 96.5%;\n    --card: 13 81.1% 14.5%;\n    --card-foreground: 33.3 100% 96.5%;\n    --border: 15 79.1% 33.7%;\n    --input: 15 79.1% 33.7%;\n    --primary: 33.3 100% 96.5%;\n    --primary-foreground: 15.3 74.6% 27.8%;\n    --secondary: 15 79.1% 33.7%;\n    --secondary-foreground: 33.3 100% 96.5%;\n    --accent: 15 79.1% 33.7%;\n    --accent-foreground: 33.3 100% 96.5%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 30.7 97.2% 72.4%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 13 81.1% 14.5%;\n    --muted: 34.3 100% 91.8%;\n    --muted-foreground: 24.6 95% 53.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 13 81.1% 14.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 13 81.1% 14.5%;\n    --border: 32.1 97.7% 83.1%;\n    --input: 32.1 97.7% 83.1%;\n    --primary: 15.3 74.6% 27.8%;\n    --primary-foreground: 33.3 100% 96.5%;\n    --secondary: 34.3 100% 91.8%;\n    --secondary-foreground: 15.3 74.6% 27.8%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 13 81.1% 14.5%;\n  }\n \n  .dark {\n    --background: 13 81.1% 14.5%;\n    --foreground: 33.3 100% 96.5%;\n    --muted: 15 79.1% 33.7%;\n    --muted-foreground: 27 96% 61%;\n    --popover: 13 81.1% 14.5%;\n    --popover-foreground: 33.3 100% 96.5%;\n    --card: 13 81.1% 14.5%;\n    --card-foreground: 33.3 100% 96.5%;\n    --border: 15 79.1% 33.7%;\n    --input: 15 79.1% 33.7%;\n    --primary: 33.3 100% 96.5%;\n    --primary-foreground: 15.3 74.6% 27.8%;\n    --secondary: 15 79.1% 33.7%;\n    --secondary-foreground: 33.3 100% 96.5%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 30.7 97.2% 72.4%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 13 81.1% 14.5%;\n    --muted: 34.3 100% 91.8%;\n    --muted-foreground: 24.6 95% 53.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 13 81.1% 14.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 13 81.1% 14.5%;\n    --border: 32.1 97.7% 83.1%;\n    --input: 32.1 97.7% 83.1%;\n    --primary: 15.3 74.6% 27.8%;\n    --primary-foreground: 33.3 100% 96.5%;\n    --secondary: 34.3 100% 91.8%;\n    --secondary-foreground: 15.3 74.6% 27.8%;\n    --accent: 34.3 100% 91.8%;\n    --accent-foreground: 15.3 74.6% 27.8%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 13 81.1% 14.5%;\n  }\n \n  .dark {\n    --background: 13 81.1% 14.5%;\n    --foreground: 33.3 100% 96.5%;\n    --muted: 15 79.1% 33.7%;\n    --muted-foreground: 27 96% 61%;\n    --popover: 13 81.1% 14.5%;\n    --popover-foreground: 33.3 100% 96.5%;\n    --card: 13 81.1% 14.5%;\n    --card-foreground: 33.3 100% 96.5%;\n    --border: 15 79.1% 33.7%;\n    --input: 15 79.1% 33.7%;\n    --primary: 33.3 100% 96.5%;\n    --primary-foreground: 15.3 74.6% 27.8%;\n    --secondary: 15 79.1% 33.7%;\n    --secondary-foreground: 33.3 100% 96.5%;\n    --accent: 15 79.1% 33.7%;\n    --accent-foreground: 33.3 100% 96.5%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 30.7 97.2% 72.4%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 13 81.1% 14.5%;\n    --muted: 34.3 100% 91.8%;\n    --muted-foreground: 24.6 95% 53.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 13 81.1% 14.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 13 81.1% 14.5%;\n    --border: 32.1 97.7% 83.1%;\n    --input: 32.1 97.7% 83.1%;\n    --primary: 15.3 74.6% 27.8%;\n    --primary-foreground: 33.3 100% 96.5%;\n    --secondary: 34.3 100% 91.8%;\n    --secondary-foreground: 15.3 74.6% 27.8%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 13 81.1% 14.5%;\n  }\n \n  .dark {\n    --background: 13 81.1% 14.5%;\n    --foreground: 33.3 100% 96.5%;\n    --muted: 15 79.1% 33.7%;\n    --muted-foreground: 27 96% 61%;\n    --popover: 13 81.1% 14.5%;\n    --popover-foreground: 33.3 100% 96.5%;\n    --card: 13 81.1% 14.5%;\n    --card-foreground: 33.3 100% 96.5%;\n    --border: 15 79.1% 33.7%;\n    --input: 15 79.1% 33.7%;\n    --primary: 33.3 100% 96.5%;\n    --primary-foreground: 15.3 74.6% 27.8%;\n    --secondary: 15 79.1% 33.7%;\n    --secondary-foreground: 33.3 100% 96.5%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 33.3 100% 96.5%;\n    --ring: 30.7 97.2% 72.4%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/red.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "red-900",
       "muted": "red-100",
       "muted-foreground": "red-500",
-      "accent": "red-100",
-      "accent-foreground": "red-900",
       "destructive": "red-500",
       "destructive-foreground": "red-50",
       "border": "red-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "red-50",
       "muted": "red-800",
       "muted-foreground": "red-400",
-      "accent": "red-800",
-      "accent-foreground": "red-50",
       "destructive": "red-900",
       "destructive-foreground": "red-50",
       "border": "red-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "0 62.8% 30.6%",
       "muted": "0 93.3% 94.1%",
       "muted-foreground": "0 84.2% 60.2%",
-      "accent": "0 93.3% 94.1%",
-      "accent-foreground": "0 62.8% 30.6%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "0 85.7% 97.3%",
       "border": "0 96.3% 89.4%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "0 85.7% 97.3%",
       "muted": "0 70% 35.3%",
       "muted-foreground": "0 90.6% 70.8%",
-      "accent": "0 70% 35.3%",
-      "accent-foreground": "0 85.7% 97.3%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "0 85.7% 97.3%",
       "border": "0 70% 35.3%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 74.7% 15.5%;\n    --muted: 0 93.3% 94.1%;\n    --muted-foreground: 0 84.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 74.7% 15.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 74.7% 15.5%;\n    --border: 0 96.3% 89.4%;\n    --input: 0 96.3% 89.4%;\n    --primary: 0 62.8% 30.6%;\n    --primary-foreground: 0 85.7% 97.3%;\n    --secondary: 0 93.3% 94.1%;\n    --secondary-foreground: 0 62.8% 30.6%;\n    --accent: 0 93.3% 94.1%;\n    --accent-foreground: 0 62.8% 30.6%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 74.7% 15.5%;\n  }\n \n  .dark {\n    --background: 0 74.7% 15.5%;\n    --foreground: 0 85.7% 97.3%;\n    --muted: 0 70% 35.3%;\n    --muted-foreground: 0 90.6% 70.8%;\n    --popover: 0 74.7% 15.5%;\n    --popover-foreground: 0 85.7% 97.3%;\n    --card: 0 74.7% 15.5%;\n    --card-foreground: 0 85.7% 97.3%;\n    --border: 0 70% 35.3%;\n    --input: 0 70% 35.3%;\n    --primary: 0 85.7% 97.3%;\n    --primary-foreground: 0 62.8% 30.6%;\n    --secondary: 0 70% 35.3%;\n    --secondary-foreground: 0 85.7% 97.3%;\n    --accent: 0 70% 35.3%;\n    --accent-foreground: 0 85.7% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 93.5% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 74.7% 15.5%;\n    --muted: 0 93.3% 94.1%;\n    --muted-foreground: 0 84.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 74.7% 15.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 74.7% 15.5%;\n    --border: 0 96.3% 89.4%;\n    --input: 0 96.3% 89.4%;\n    --primary: 0 62.8% 30.6%;\n    --primary-foreground: 0 85.7% 97.3%;\n    --secondary: 0 93.3% 94.1%;\n    --secondary-foreground: 0 62.8% 30.6%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 74.7% 15.5%;\n  }\n \n  .dark {\n    --background: 0 74.7% 15.5%;\n    --foreground: 0 85.7% 97.3%;\n    --muted: 0 70% 35.3%;\n    --muted-foreground: 0 90.6% 70.8%;\n    --popover: 0 74.7% 15.5%;\n    --popover-foreground: 0 85.7% 97.3%;\n    --card: 0 74.7% 15.5%;\n    --card-foreground: 0 85.7% 97.3%;\n    --border: 0 70% 35.3%;\n    --input: 0 70% 35.3%;\n    --primary: 0 85.7% 97.3%;\n    --primary-foreground: 0 62.8% 30.6%;\n    --secondary: 0 70% 35.3%;\n    --secondary-foreground: 0 85.7% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 93.5% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 74.7% 15.5%;\n    --muted: 0 93.3% 94.1%;\n    --muted-foreground: 0 84.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 74.7% 15.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 74.7% 15.5%;\n    --border: 0 96.3% 89.4%;\n    --input: 0 96.3% 89.4%;\n    --primary: 0 62.8% 30.6%;\n    --primary-foreground: 0 85.7% 97.3%;\n    --secondary: 0 93.3% 94.1%;\n    --secondary-foreground: 0 62.8% 30.6%;\n    --accent: 0 93.3% 94.1%;\n    --accent-foreground: 0 62.8% 30.6%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 74.7% 15.5%;\n  }\n \n  .dark {\n    --background: 0 74.7% 15.5%;\n    --foreground: 0 85.7% 97.3%;\n    --muted: 0 70% 35.3%;\n    --muted-foreground: 0 90.6% 70.8%;\n    --popover: 0 74.7% 15.5%;\n    --popover-foreground: 0 85.7% 97.3%;\n    --card: 0 74.7% 15.5%;\n    --card-foreground: 0 85.7% 97.3%;\n    --border: 0 70% 35.3%;\n    --input: 0 70% 35.3%;\n    --primary: 0 85.7% 97.3%;\n    --primary-foreground: 0 62.8% 30.6%;\n    --secondary: 0 70% 35.3%;\n    --secondary-foreground: 0 85.7% 97.3%;\n    --accent: 0 70% 35.3%;\n    --accent-foreground: 0 85.7% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 93.5% 81.8%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 0 74.7% 15.5%;\n    --muted: 0 93.3% 94.1%;\n    --muted-foreground: 0 84.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 0 74.7% 15.5%;\n    --card: 0 0% 100%;\n    --card-foreground: 0 74.7% 15.5%;\n    --border: 0 96.3% 89.4%;\n    --input: 0 96.3% 89.4%;\n    --primary: 0 62.8% 30.6%;\n    --primary-foreground: 0 85.7% 97.3%;\n    --secondary: 0 93.3% 94.1%;\n    --secondary-foreground: 0 62.8% 30.6%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 74.7% 15.5%;\n  }\n \n  .dark {\n    --background: 0 74.7% 15.5%;\n    --foreground: 0 85.7% 97.3%;\n    --muted: 0 70% 35.3%;\n    --muted-foreground: 0 90.6% 70.8%;\n    --popover: 0 74.7% 15.5%;\n    --popover-foreground: 0 85.7% 97.3%;\n    --card: 0 74.7% 15.5%;\n    --card-foreground: 0 85.7% 97.3%;\n    --border: 0 70% 35.3%;\n    --input: 0 70% 35.3%;\n    --primary: 0 85.7% 97.3%;\n    --primary-foreground: 0 62.8% 30.6%;\n    --secondary: 0 70% 35.3%;\n    --secondary-foreground: 0 85.7% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 85.7% 97.3%;\n    --ring: 0 93.5% 81.8%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/rose.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "rose-900",
       "muted": "rose-100",
       "muted-foreground": "rose-500",
-      "accent": "rose-100",
-      "accent-foreground": "rose-900",
       "destructive": "red-500",
       "destructive-foreground": "rose-50",
       "border": "rose-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "rose-50",
       "muted": "rose-800",
       "muted-foreground": "rose-400",
-      "accent": "rose-800",
-      "accent-foreground": "rose-50",
       "destructive": "red-900",
       "destructive-foreground": "rose-50",
       "border": "rose-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "341.5 75.5% 30.4%",
       "muted": "355.6 100% 94.7%",
       "muted-foreground": "349.7 89.2% 60.2%",
-      "accent": "355.6 100% 94.7%",
-      "accent-foreground": "341.5 75.5% 30.4%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "355.7 100% 97.3%",
       "border": "352.7 96.1% 90%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "355.7 100% 97.3%",
       "muted": "343.4 79.7% 34.7%",
       "muted-foreground": "351.3 94.5% 71.4%",
-      "accent": "343.4 79.7% 34.7%",
-      "accent-foreground": "355.7 100% 97.3%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "355.7 100% 97.3%",
       "border": "343.4 79.7% 34.7%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 343.1 87.7% 15.9%;\n    --muted: 355.6 100% 94.7%;\n    --muted-foreground: 349.7 89.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 343.1 87.7% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 343.1 87.7% 15.9%;\n    --border: 352.7 96.1% 90%;\n    --input: 352.7 96.1% 90%;\n    --primary: 341.5 75.5% 30.4%;\n    --primary-foreground: 355.7 100% 97.3%;\n    --secondary: 355.6 100% 94.7%;\n    --secondary-foreground: 341.5 75.5% 30.4%;\n    --accent: 355.6 100% 94.7%;\n    --accent-foreground: 341.5 75.5% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 343.1 87.7% 15.9%;\n  }\n \n  .dark {\n    --background: 343.1 87.7% 15.9%;\n    --foreground: 355.7 100% 97.3%;\n    --muted: 343.4 79.7% 34.7%;\n    --muted-foreground: 351.3 94.5% 71.4%;\n    --popover: 343.1 87.7% 15.9%;\n    --popover-foreground: 355.7 100% 97.3%;\n    --card: 343.1 87.7% 15.9%;\n    --card-foreground: 355.7 100% 97.3%;\n    --border: 343.4 79.7% 34.7%;\n    --input: 343.4 79.7% 34.7%;\n    --primary: 355.7 100% 97.3%;\n    --primary-foreground: 341.5 75.5% 30.4%;\n    --secondary: 343.4 79.7% 34.7%;\n    --secondary-foreground: 355.7 100% 97.3%;\n    --accent: 343.4 79.7% 34.7%;\n    --accent-foreground: 355.7 100% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 352.6 95.7% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 343.1 87.7% 15.9%;\n    --muted: 355.6 100% 94.7%;\n    --muted-foreground: 349.7 89.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 343.1 87.7% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 343.1 87.7% 15.9%;\n    --border: 352.7 96.1% 90%;\n    --input: 352.7 96.1% 90%;\n    --primary: 341.5 75.5% 30.4%;\n    --primary-foreground: 355.7 100% 97.3%;\n    --secondary: 355.6 100% 94.7%;\n    --secondary-foreground: 341.5 75.5% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 343.1 87.7% 15.9%;\n  }\n \n  .dark {\n    --background: 343.1 87.7% 15.9%;\n    --foreground: 355.7 100% 97.3%;\n    --muted: 343.4 79.7% 34.7%;\n    --muted-foreground: 351.3 94.5% 71.4%;\n    --popover: 343.1 87.7% 15.9%;\n    --popover-foreground: 355.7 100% 97.3%;\n    --card: 343.1 87.7% 15.9%;\n    --card-foreground: 355.7 100% 97.3%;\n    --border: 343.4 79.7% 34.7%;\n    --input: 343.4 79.7% 34.7%;\n    --primary: 355.7 100% 97.3%;\n    --primary-foreground: 341.5 75.5% 30.4%;\n    --secondary: 343.4 79.7% 34.7%;\n    --secondary-foreground: 355.7 100% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 352.6 95.7% 81.8%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 343.1 87.7% 15.9%;\n    --muted: 355.6 100% 94.7%;\n    --muted-foreground: 349.7 89.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 343.1 87.7% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 343.1 87.7% 15.9%;\n    --border: 352.7 96.1% 90%;\n    --input: 352.7 96.1% 90%;\n    --primary: 341.5 75.5% 30.4%;\n    --primary-foreground: 355.7 100% 97.3%;\n    --secondary: 355.6 100% 94.7%;\n    --secondary-foreground: 341.5 75.5% 30.4%;\n    --accent: 355.6 100% 94.7%;\n    --accent-foreground: 341.5 75.5% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 343.1 87.7% 15.9%;\n  }\n \n  .dark {\n    --background: 343.1 87.7% 15.9%;\n    --foreground: 355.7 100% 97.3%;\n    --muted: 343.4 79.7% 34.7%;\n    --muted-foreground: 351.3 94.5% 71.4%;\n    --popover: 343.1 87.7% 15.9%;\n    --popover-foreground: 355.7 100% 97.3%;\n    --card: 343.1 87.7% 15.9%;\n    --card-foreground: 355.7 100% 97.3%;\n    --border: 343.4 79.7% 34.7%;\n    --input: 343.4 79.7% 34.7%;\n    --primary: 355.7 100% 97.3%;\n    --primary-foreground: 341.5 75.5% 30.4%;\n    --secondary: 343.4 79.7% 34.7%;\n    --secondary-foreground: 355.7 100% 97.3%;\n    --accent: 343.4 79.7% 34.7%;\n    --accent-foreground: 355.7 100% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 352.6 95.7% 81.8%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 343.1 87.7% 15.9%;\n    --muted: 355.6 100% 94.7%;\n    --muted-foreground: 349.7 89.2% 60.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 343.1 87.7% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 343.1 87.7% 15.9%;\n    --border: 352.7 96.1% 90%;\n    --input: 352.7 96.1% 90%;\n    --primary: 341.5 75.5% 30.4%;\n    --primary-foreground: 355.7 100% 97.3%;\n    --secondary: 355.6 100% 94.7%;\n    --secondary-foreground: 341.5 75.5% 30.4%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 343.1 87.7% 15.9%;\n  }\n \n  .dark {\n    --background: 343.1 87.7% 15.9%;\n    --foreground: 355.7 100% 97.3%;\n    --muted: 343.4 79.7% 34.7%;\n    --muted-foreground: 351.3 94.5% 71.4%;\n    --popover: 343.1 87.7% 15.9%;\n    --popover-foreground: 355.7 100% 97.3%;\n    --card: 343.1 87.7% 15.9%;\n    --card-foreground: 355.7 100% 97.3%;\n    --border: 343.4 79.7% 34.7%;\n    --input: 343.4 79.7% 34.7%;\n    --primary: 355.7 100% 97.3%;\n    --primary-foreground: 341.5 75.5% 30.4%;\n    --secondary: 343.4 79.7% 34.7%;\n    --secondary-foreground: 355.7 100% 97.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 355.7 100% 97.3%;\n    --ring: 352.6 95.7% 81.8%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/violet.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "violet-900",
       "muted": "violet-100",
       "muted-foreground": "violet-500",
-      "accent": "violet-100",
-      "accent-foreground": "violet-900",
       "destructive": "red-500",
       "destructive-foreground": "violet-50",
       "border": "violet-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "violet-50",
       "muted": "violet-800",
       "muted-foreground": "violet-400",
-      "accent": "violet-800",
-      "accent-foreground": "violet-50",
       "destructive": "red-900",
       "destructive-foreground": "violet-50",
       "border": "violet-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "263.5 67.4% 34.9%",
       "muted": "251.4 91.3% 95.5%",
       "muted-foreground": "258.3 89.5% 66.3%",
-      "accent": "251.4 91.3% 95.5%",
-      "accent-foreground": "263.5 67.4% 34.9%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "250 100% 97.6%",
       "border": "250.5 95.2% 91.8%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "250 100% 97.6%",
       "muted": "263.4 69.3% 42.2%",
       "muted-foreground": "255.1 91.7% 76.3%",
-      "accent": "263.4 69.3% 42.2%",
-      "accent-foreground": "250 100% 97.6%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "250 100% 97.6%",
       "border": "263.4 69.3% 42.2%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 261.2 72.6% 22.9%;\n    --muted: 251.4 91.3% 95.5%;\n    --muted-foreground: 258.3 89.5% 66.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 261.2 72.6% 22.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 261.2 72.6% 22.9%;\n    --border: 250.5 95.2% 91.8%;\n    --input: 250.5 95.2% 91.8%;\n    --primary: 263.5 67.4% 34.9%;\n    --primary-foreground: 250 100% 97.6%;\n    --secondary: 251.4 91.3% 95.5%;\n    --secondary-foreground: 263.5 67.4% 34.9%;\n    --accent: 251.4 91.3% 95.5%;\n    --accent-foreground: 263.5 67.4% 34.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 261.2 72.6% 22.9%;\n  }\n \n  .dark {\n    --background: 261.2 72.6% 22.9%;\n    --foreground: 250 100% 97.6%;\n    --muted: 263.4 69.3% 42.2%;\n    --muted-foreground: 255.1 91.7% 76.3%;\n    --popover: 261.2 72.6% 22.9%;\n    --popover-foreground: 250 100% 97.6%;\n    --card: 261.2 72.6% 22.9%;\n    --card-foreground: 250 100% 97.6%;\n    --border: 263.4 69.3% 42.2%;\n    --input: 263.4 69.3% 42.2%;\n    --primary: 250 100% 97.6%;\n    --primary-foreground: 263.5 67.4% 34.9%;\n    --secondary: 263.4 69.3% 42.2%;\n    --secondary-foreground: 250 100% 97.6%;\n    --accent: 263.4 69.3% 42.2%;\n    --accent-foreground: 250 100% 97.6%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 252.5 94.7% 85.1%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 261.2 72.6% 22.9%;\n    --muted: 251.4 91.3% 95.5%;\n    --muted-foreground: 258.3 89.5% 66.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 261.2 72.6% 22.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 261.2 72.6% 22.9%;\n    --border: 250.5 95.2% 91.8%;\n    --input: 250.5 95.2% 91.8%;\n    --primary: 263.5 67.4% 34.9%;\n    --primary-foreground: 250 100% 97.6%;\n    --secondary: 251.4 91.3% 95.5%;\n    --secondary-foreground: 263.5 67.4% 34.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 261.2 72.6% 22.9%;\n  }\n \n  .dark {\n    --background: 261.2 72.6% 22.9%;\n    --foreground: 250 100% 97.6%;\n    --muted: 263.4 69.3% 42.2%;\n    --muted-foreground: 255.1 91.7% 76.3%;\n    --popover: 261.2 72.6% 22.9%;\n    --popover-foreground: 250 100% 97.6%;\n    --card: 261.2 72.6% 22.9%;\n    --card-foreground: 250 100% 97.6%;\n    --border: 263.4 69.3% 42.2%;\n    --input: 263.4 69.3% 42.2%;\n    --primary: 250 100% 97.6%;\n    --primary-foreground: 263.5 67.4% 34.9%;\n    --secondary: 263.4 69.3% 42.2%;\n    --secondary-foreground: 250 100% 97.6%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 252.5 94.7% 85.1%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 261.2 72.6% 22.9%;\n    --muted: 251.4 91.3% 95.5%;\n    --muted-foreground: 258.3 89.5% 66.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 261.2 72.6% 22.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 261.2 72.6% 22.9%;\n    --border: 250.5 95.2% 91.8%;\n    --input: 250.5 95.2% 91.8%;\n    --primary: 263.5 67.4% 34.9%;\n    --primary-foreground: 250 100% 97.6%;\n    --secondary: 251.4 91.3% 95.5%;\n    --secondary-foreground: 263.5 67.4% 34.9%;\n    --accent: 251.4 91.3% 95.5%;\n    --accent-foreground: 263.5 67.4% 34.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 261.2 72.6% 22.9%;\n  }\n \n  .dark {\n    --background: 261.2 72.6% 22.9%;\n    --foreground: 250 100% 97.6%;\n    --muted: 263.4 69.3% 42.2%;\n    --muted-foreground: 255.1 91.7% 76.3%;\n    --popover: 261.2 72.6% 22.9%;\n    --popover-foreground: 250 100% 97.6%;\n    --card: 261.2 72.6% 22.9%;\n    --card-foreground: 250 100% 97.6%;\n    --border: 263.4 69.3% 42.2%;\n    --input: 263.4 69.3% 42.2%;\n    --primary: 250 100% 97.6%;\n    --primary-foreground: 263.5 67.4% 34.9%;\n    --secondary: 263.4 69.3% 42.2%;\n    --secondary-foreground: 250 100% 97.6%;\n    --accent: 263.4 69.3% 42.2%;\n    --accent-foreground: 250 100% 97.6%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 252.5 94.7% 85.1%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 261.2 72.6% 22.9%;\n    --muted: 251.4 91.3% 95.5%;\n    --muted-foreground: 258.3 89.5% 66.3%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 261.2 72.6% 22.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 261.2 72.6% 22.9%;\n    --border: 250.5 95.2% 91.8%;\n    --input: 250.5 95.2% 91.8%;\n    --primary: 263.5 67.4% 34.9%;\n    --primary-foreground: 250 100% 97.6%;\n    --secondary: 251.4 91.3% 95.5%;\n    --secondary-foreground: 263.5 67.4% 34.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 261.2 72.6% 22.9%;\n  }\n \n  .dark {\n    --background: 261.2 72.6% 22.9%;\n    --foreground: 250 100% 97.6%;\n    --muted: 263.4 69.3% 42.2%;\n    --muted-foreground: 255.1 91.7% 76.3%;\n    --popover: 261.2 72.6% 22.9%;\n    --popover-foreground: 250 100% 97.6%;\n    --card: 261.2 72.6% 22.9%;\n    --card-foreground: 250 100% 97.6%;\n    --border: 263.4 69.3% 42.2%;\n    --input: 263.4 69.3% 42.2%;\n    --primary: 250 100% 97.6%;\n    --primary-foreground: 263.5 67.4% 34.9%;\n    --secondary: 263.4 69.3% 42.2%;\n    --secondary-foreground: 250 100% 97.6%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 250 100% 97.6%;\n    --ring: 252.5 94.7% 85.1%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }

package/__generated/registry-schemes/colors/yellow.json

@@ -13,8 +13,6 @@
       "secondary-foreground": "yellow-900",
       "muted": "yellow-100",
       "muted-foreground": "yellow-500",
-      "accent": "yellow-100",
-      "accent-foreground": "yellow-900",
       "destructive": "red-500",
       "destructive-foreground": "yellow-50",
       "border": "yellow-200",
@@ -34,8 +32,6 @@
       "secondary-foreground": "yellow-50",
       "muted": "yellow-800",
       "muted-foreground": "yellow-400",
-      "accent": "yellow-800",
-      "accent-foreground": "yellow-50",
       "destructive": "red-900",
       "destructive-foreground": "yellow-50",
       "border": "yellow-800",
@@ -57,8 +53,6 @@
       "secondary-foreground": "28.4 72.5% 25.7%",
       "muted": "54.9 96.7% 88%",
       "muted-foreground": "45.4 93.4% 47.5%",
-      "accent": "54.9 96.7% 88%",
-      "accent-foreground": "28.4 72.5% 25.7%",
       "destructive": "0 84.2% 60.2%",
       "destructive-foreground": "54.5 91.7% 95.3%",
       "border": "52.8 98.3% 76.9%",
@@ -78,8 +72,6 @@
       "secondary-foreground": "54.5 91.7% 95.3%",
       "muted": "31.8 81% 28.8%",
       "muted-foreground": "47.9 95.8% 53.1%",
-      "accent": "31.8 81% 28.8%",
-      "accent-foreground": "54.5 91.7% 95.3%",
       "destructive": "0 62.8% 30.6%",
       "destructive-foreground": "54.5 91.7% 95.3%",
       "border": "31.8 81% 28.8%",
@@ -89,10 +81,10 @@
   },
   "templates": {
     "tailwind": {
-      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 26 83.3% 14.1%;\n    --muted: 54.9 96.7% 88%;\n    --muted-foreground: 45.4 93.4% 47.5%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 26 83.3% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 26 83.3% 14.1%;\n    --border: 52.8 98.3% 76.9%;\n    --input: 52.8 98.3% 76.9%;\n    --primary: 28.4 72.5% 25.7%;\n    --primary-foreground: 54.5 91.7% 95.3%;\n    --secondary: 54.9 96.7% 88%;\n    --secondary-foreground: 28.4 72.5% 25.7%;\n    --accent: 54.9 96.7% 88%;\n    --accent-foreground: 28.4 72.5% 25.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 26 83.3% 14.1%;\n  }\n \n  .dark {\n    --background: 26 83.3% 14.1%;\n    --foreground: 54.5 91.7% 95.3%;\n    --muted: 31.8 81% 28.8%;\n    --muted-foreground: 47.9 95.8% 53.1%;\n    --popover: 26 83.3% 14.1%;\n    --popover-foreground: 54.5 91.7% 95.3%;\n    --card: 26 83.3% 14.1%;\n    --card-foreground: 54.5 91.7% 95.3%;\n    --border: 31.8 81% 28.8%;\n    --input: 31.8 81% 28.8%;\n    --primary: 54.5 91.7% 95.3%;\n    --primary-foreground: 28.4 72.5% 25.7%;\n    --secondary: 31.8 81% 28.8%;\n    --secondary-foreground: 54.5 91.7% 95.3%;\n    --accent: 31.8 81% 28.8%;\n    --accent-foreground: 54.5 91.7% 95.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 50.4 97.8% 63.5%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";\n\n@layer base {\n  /* Override Tailwind 4 default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n  }\n \n  :root {\n    --background: 0 0% 100%;\n    --foreground: 26 83.3% 14.1%;\n    --muted: 54.9 96.7% 88%;\n    --muted-foreground: 45.4 93.4% 47.5%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 26 83.3% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 26 83.3% 14.1%;\n    --border: 52.8 98.3% 76.9%;\n    --input: 52.8 98.3% 76.9%;\n    --primary: 28.4 72.5% 25.7%;\n    --primary-foreground: 54.5 91.7% 95.3%;\n    --secondary: 54.9 96.7% 88%;\n    --secondary-foreground: 28.4 72.5% 25.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 26 83.3% 14.1%;\n  }\n \n  .dark {\n    --background: 26 83.3% 14.1%;\n    --foreground: 54.5 91.7% 95.3%;\n    --muted: 31.8 81% 28.8%;\n    --muted-foreground: 47.9 95.8% 53.1%;\n    --popover: 26 83.3% 14.1%;\n    --popover-foreground: 54.5 91.7% 95.3%;\n    --card: 26 83.3% 14.1%;\n    --card-foreground: 54.5 91.7% 95.3%;\n    --border: 31.8 81% 28.8%;\n    --input: 31.8 81% 28.8%;\n    --primary: 54.5 91.7% 95.3%;\n    --primary-foreground: 28.4 72.5% 25.7%;\n    --secondary: 31.8 81% 28.8%;\n    --secondary-foreground: 54.5 91.7% 95.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 50.4 97.8% 63.5%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     },
     "css": {
-      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 26 83.3% 14.1%;\n    --muted: 54.9 96.7% 88%;\n    --muted-foreground: 45.4 93.4% 47.5%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 26 83.3% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 26 83.3% 14.1%;\n    --border: 52.8 98.3% 76.9%;\n    --input: 52.8 98.3% 76.9%;\n    --primary: 28.4 72.5% 25.7%;\n    --primary-foreground: 54.5 91.7% 95.3%;\n    --secondary: 54.9 96.7% 88%;\n    --secondary-foreground: 28.4 72.5% 25.7%;\n    --accent: 54.9 96.7% 88%;\n    --accent-foreground: 28.4 72.5% 25.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 26 83.3% 14.1%;\n  }\n \n  .dark {\n    --background: 26 83.3% 14.1%;\n    --foreground: 54.5 91.7% 95.3%;\n    --muted: 31.8 81% 28.8%;\n    --muted-foreground: 47.9 95.8% 53.1%;\n    --popover: 26 83.3% 14.1%;\n    --popover-foreground: 54.5 91.7% 95.3%;\n    --card: 26 83.3% 14.1%;\n    --card-foreground: 54.5 91.7% 95.3%;\n    --border: 31.8 81% 28.8%;\n    --input: 31.8 81% 28.8%;\n    --primary: 54.5 91.7% 95.3%;\n    --primary-foreground: 28.4 72.5% 25.7%;\n    --secondary: 31.8 81% 28.8%;\n    --secondary-foreground: 54.5 91.7% 95.3%;\n    --accent: 31.8 81% 28.8%;\n    --accent-foreground: 54.5 91.7% 95.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 50.4 97.8% 63.5%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 26 83.3% 14.1%;\n    --muted: 54.9 96.7% 88%;\n    --muted-foreground: 45.4 93.4% 47.5%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 26 83.3% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 26 83.3% 14.1%;\n    --border: 52.8 98.3% 76.9%;\n    --input: 52.8 98.3% 76.9%;\n    --primary: 28.4 72.5% 25.7%;\n    --primary-foreground: 54.5 91.7% 95.3%;\n    --secondary: 54.9 96.7% 88%;\n    --secondary-foreground: 28.4 72.5% 25.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 26 83.3% 14.1%;\n  }\n \n  .dark {\n    --background: 26 83.3% 14.1%;\n    --foreground: 54.5 91.7% 95.3%;\n    --muted: 31.8 81% 28.8%;\n    --muted-foreground: 47.9 95.8% 53.1%;\n    --popover: 26 83.3% 14.1%;\n    --popover-foreground: 54.5 91.7% 95.3%;\n    --card: 26 83.3% 14.1%;\n    --card-foreground: 54.5 91.7% 95.3%;\n    --border: 31.8 81% 28.8%;\n    --input: 31.8 81% 28.8%;\n    --primary: 54.5 91.7% 95.3%;\n    --primary-foreground: 28.4 72.5% 25.7%;\n    --secondary: 31.8 81% 28.8%;\n    --secondary-foreground: 54.5 91.7% 95.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 54.5 91.7% 95.3%;\n    --ring: 50.4 97.8% 63.5%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
     }
   }
 }