sigma-ui 0.1.0 → 1.0.11

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 radix-vue
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,45 @@
+<h1>
+  <img valign="middle" src=".npm/sigma-ui-logo-color.png" width="64px">
+  &nbsp;&nbsp;SIGMA-UI
+</h1>
+
+**SIGMA-UI** - is a collection of fully customizable well-built components and blocks for Vue, using recently invented distribution method via `npx` that I call GOAT (Git Obtained As Template).
+
+It takes away the burden of recreating the same components from scratch for every new project, giving you components that you can quickly add and modify to your design system.
+
+![preview](.npm/og.png)
+
+## About
+
+**Website**: https://sigma-ui.dev
+<br/>**NPM**: https://www.npmjs.com/package/sigma-ui
+
+- **Supported frameworks**: Vue, Nuxt, Laravel, Astro.
+- **Supported languages**: TS (all components are typed, JS is not supported, move on).
+- **Supported vue versions**: 3 and above.
+- **Supported style systems**: CSS, Tailwind 4.
+- **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.
+  - **Beta devs** - spend half a year creating every component from scratch for every new project they work in and end up with a broken buggy mess, or use Vuetify / Quasar like library and monkey patch components' css with `!important`, trying to make them look like components in their design system.
+  - **Sigma devs** - have GOAT in their stack, use well designed customizable components, easily modify design and functionality to their needs. Profit.
+
+## 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!
+
+
+## Credits
+
+Created, designed, and maintained by [Aleksey Hoffman](https://github.com/aleksey-hoffman).
+
+Special thanks to all the open-source projects and developers who have inspired and contributed to the foundation that led to the creation of this project: 
+ 
+- [Shadcn](https://github.com/shadcn): open-source developer that showcased the first implmentation of the GOAT distribution method and beautiful components for it. 
+- [Zernonia](https://github.com/zernonia): open-source developer that created Reka-ui primitives which are used as the basis for this project.
+
+## License
+
+Licensed under the [MIT license](https://github.com/sigma-hub/sigma-ui/blob/main/LICENSE).

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "amber-950",
+      "card": "white",
+      "card-foreground": "amber-950",
+      "popover": "white",
+      "popover-foreground": "amber-950",
+      "primary": "amber-900",
+      "primary-foreground": "amber-50",
+      "secondary": "amber-100",
+      "secondary-foreground": "amber-900",
+      "muted": "amber-100",
+      "muted-foreground": "amber-500",
+      "accent": "amber-100",
+      "accent-foreground": "amber-900",
+      "destructive": "red-500",
+      "destructive-foreground": "amber-50",
+      "border": "amber-200",
+      "input": "amber-200",
+      "ring": "amber-950"
+    },
+    "dark": {
+      "background": "amber-950",
+      "foreground": "amber-50",
+      "card": "amber-950",
+      "card-foreground": "amber-50",
+      "popover": "amber-950",
+      "popover-foreground": "amber-50",
+      "primary": "amber-50",
+      "primary-foreground": "amber-900",
+      "secondary": "amber-800",
+      "secondary-foreground": "amber-50",
+      "muted": "amber-800",
+      "muted-foreground": "amber-400",
+      "accent": "amber-800",
+      "accent-foreground": "amber-50",
+      "destructive": "red-900",
+      "destructive-foreground": "amber-50",
+      "border": "amber-800",
+      "input": "amber-800",
+      "ring": "amber-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "20.9 91.7% 14.1%",
+      "card": "0 0% 100%",
+      "card-foreground": "20.9 91.7% 14.1%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "20.9 91.7% 14.1%",
+      "primary": "21.7 77.8% 26.5%",
+      "primary-foreground": "48 100% 96.1%",
+      "secondary": "48 96.5% 88.8%",
+      "secondary-foreground": "21.7 77.8% 26.5%",
+      "muted": "48 96.5% 88.8%",
+      "muted-foreground": "37.7 92.1% 50.2%",
+      "accent": "48 96.5% 88.8%",
+      "accent-foreground": "21.7 77.8% 26.5%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "48 100% 96.1%",
+      "border": "48 96.6% 76.7%",
+      "input": "48 96.6% 76.7%",
+      "ring": "20.9 91.7% 14.1%"
+    },
+    "dark": {
+      "background": "20.9 91.7% 14.1%",
+      "foreground": "48 100% 96.1%",
+      "card": "20.9 91.7% 14.1%",
+      "card-foreground": "48 100% 96.1%",
+      "popover": "20.9 91.7% 14.1%",
+      "popover-foreground": "48 100% 96.1%",
+      "primary": "48 100% 96.1%",
+      "primary-foreground": "21.7 77.8% 26.5%",
+      "secondary": "22.7 82.5% 31.4%",
+      "secondary-foreground": "48 100% 96.1%",
+      "muted": "22.7 82.5% 31.4%",
+      "muted-foreground": "43.3 96.4% 56.3%",
+      "accent": "22.7 82.5% 31.4%",
+      "accent-foreground": "48 100% 96.1%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "48 100% 96.1%",
+      "border": "22.7 82.5% 31.4%",
+      "input": "22.7 82.5% 31.4%",
+      "ring": "45.9 96.7% 64.5%"
+    }
+  },
+  "templates": {
+    "tailwind": {
+      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
+      "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: 20.9 91.7% 14.1%;\n    --muted: 48 96.5% 88.8%;\n    --muted-foreground: 37.7 92.1% 50.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 20.9 91.7% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 20.9 91.7% 14.1%;\n    --border: 48 96.6% 76.7%;\n    --input: 48 96.6% 76.7%;\n    --primary: 21.7 77.8% 26.5%;\n    --primary-foreground: 48 100% 96.1%;\n    --secondary: 48 96.5% 88.8%;\n    --secondary-foreground: 21.7 77.8% 26.5%;\n    --accent: 48 96.5% 88.8%;\n    --accent-foreground: 21.7 77.8% 26.5%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 48 100% 96.1%;\n    --ring: 20.9 91.7% 14.1%;\n  }\n \n  .dark {\n    --background: 20.9 91.7% 14.1%;\n    --foreground: 48 100% 96.1%;\n    --muted: 22.7 82.5% 31.4%;\n    --muted-foreground: 43.3 96.4% 56.3%;\n    --popover: 20.9 91.7% 14.1%;\n    --popover-foreground: 48 100% 96.1%;\n    --card: 20.9 91.7% 14.1%;\n    --card-foreground: 48 100% 96.1%;\n    --border: 22.7 82.5% 31.4%;\n    --input: 22.7 82.5% 31.4%;\n    --primary: 48 100% 96.1%;\n    --primary-foreground: 21.7 77.8% 26.5%;\n    --secondary: 22.7 82.5% 31.4%;\n    --secondary-foreground: 48 100% 96.1%;\n    --accent: 22.7 82.5% 31.4%;\n    --accent-foreground: 48 100% 96.1%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 48 100% 96.1%;\n    --ring: 45.9 96.7% 64.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: 20.9 91.7% 14.1%;\n    --muted: 48 96.5% 88.8%;\n    --muted-foreground: 37.7 92.1% 50.2%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 20.9 91.7% 14.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 20.9 91.7% 14.1%;\n    --border: 48 96.6% 76.7%;\n    --input: 48 96.6% 76.7%;\n    --primary: 21.7 77.8% 26.5%;\n    --primary-foreground: 48 100% 96.1%;\n    --secondary: 48 96.5% 88.8%;\n    --secondary-foreground: 21.7 77.8% 26.5%;\n    --accent: 48 96.5% 88.8%;\n    --accent-foreground: 21.7 77.8% 26.5%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 48 100% 96.1%;\n    --ring: 20.9 91.7% 14.1%;\n  }\n \n  .dark {\n    --background: 20.9 91.7% 14.1%;\n    --foreground: 48 100% 96.1%;\n    --muted: 22.7 82.5% 31.4%;\n    --muted-foreground: 43.3 96.4% 56.3%;\n    --popover: 20.9 91.7% 14.1%;\n    --popover-foreground: 48 100% 96.1%;\n    --card: 20.9 91.7% 14.1%;\n    --card-foreground: 48 100% 96.1%;\n    --border: 22.7 82.5% 31.4%;\n    --input: 22.7 82.5% 31.4%;\n    --primary: 48 100% 96.1%;\n    --primary-foreground: 21.7 77.8% 26.5%;\n    --secondary: 22.7 82.5% 31.4%;\n    --secondary-foreground: 48 100% 96.1%;\n    --accent: 22.7 82.5% 31.4%;\n    --accent-foreground: 48 100% 96.1%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 48 100% 96.1%;\n    --ring: 45.9 96.7% 64.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}"
+    }
+  }
+}

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "blue-950",
+      "card": "white",
+      "card-foreground": "blue-950",
+      "popover": "white",
+      "popover-foreground": "blue-950",
+      "primary": "blue-900",
+      "primary-foreground": "blue-50",
+      "secondary": "blue-100",
+      "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",
+      "input": "blue-200",
+      "ring": "blue-950"
+    },
+    "dark": {
+      "background": "blue-950",
+      "foreground": "blue-50",
+      "card": "blue-950",
+      "card-foreground": "blue-50",
+      "popover": "blue-950",
+      "popover-foreground": "blue-50",
+      "primary": "blue-50",
+      "primary-foreground": "blue-900",
+      "secondary": "blue-800",
+      "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",
+      "input": "blue-800",
+      "ring": "blue-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "226.2 57% 21%",
+      "card": "0 0% 100%",
+      "card-foreground": "226.2 57% 21%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "226.2 57% 21%",
+      "primary": "224.4 64.3% 32.9%",
+      "primary-foreground": "213.8 100% 96.9%",
+      "secondary": "214.3 94.6% 92.7%",
+      "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%",
+      "input": "213.3 96.9% 87.3%",
+      "ring": "226.2 57% 21%"
+    },
+    "dark": {
+      "background": "226.2 57% 21%",
+      "foreground": "213.8 100% 96.9%",
+      "card": "226.2 57% 21%",
+      "card-foreground": "213.8 100% 96.9%",
+      "popover": "226.2 57% 21%",
+      "popover-foreground": "213.8 100% 96.9%",
+      "primary": "213.8 100% 96.9%",
+      "primary-foreground": "224.4 64.3% 32.9%",
+      "secondary": "225.9 70.7% 40.2%",
+      "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%",
+      "input": "225.9 70.7% 40.2%",
+      "ring": "211.7 96.4% 78.4%"
+    }
+  },
+  "templates": {
+    "tailwind": {
+      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
+      "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}"
+    },
+    "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}"
+    }
+  }
+}

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "cyan-950",
+      "card": "white",
+      "card-foreground": "cyan-950",
+      "popover": "white",
+      "popover-foreground": "cyan-950",
+      "primary": "cyan-900",
+      "primary-foreground": "cyan-50",
+      "secondary": "cyan-100",
+      "secondary-foreground": "cyan-900",
+      "muted": "cyan-100",
+      "muted-foreground": "cyan-500",
+      "accent": "cyan-100",
+      "accent-foreground": "cyan-900",
+      "destructive": "red-500",
+      "destructive-foreground": "cyan-50",
+      "border": "cyan-200",
+      "input": "cyan-200",
+      "ring": "cyan-950"
+    },
+    "dark": {
+      "background": "cyan-950",
+      "foreground": "cyan-50",
+      "card": "cyan-950",
+      "card-foreground": "cyan-50",
+      "popover": "cyan-950",
+      "popover-foreground": "cyan-50",
+      "primary": "cyan-50",
+      "primary-foreground": "cyan-900",
+      "secondary": "cyan-800",
+      "secondary-foreground": "cyan-50",
+      "muted": "cyan-800",
+      "muted-foreground": "cyan-400",
+      "accent": "cyan-800",
+      "accent-foreground": "cyan-50",
+      "destructive": "red-900",
+      "destructive-foreground": "cyan-50",
+      "border": "cyan-800",
+      "input": "cyan-800",
+      "ring": "cyan-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "197 78.9% 14.9%",
+      "card": "0 0% 100%",
+      "card-foreground": "197 78.9% 14.9%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "197 78.9% 14.9%",
+      "primary": "196.4 63.6% 23.7%",
+      "primary-foreground": "183.2 100% 96.3%",
+      "secondary": "185.1 95.9% 90.4%",
+      "secondary-foreground": "196.4 63.6% 23.7%",
+      "muted": "185.1 95.9% 90.4%",
+      "muted-foreground": "188.7 94.5% 42.7%",
+      "accent": "185.1 95.9% 90.4%",
+      "accent-foreground": "196.4 63.6% 23.7%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "183.2 100% 96.3%",
+      "border": "186.2 93.5% 81.8%",
+      "input": "186.2 93.5% 81.8%",
+      "ring": "197 78.9% 14.9%"
+    },
+    "dark": {
+      "background": "197 78.9% 14.9%",
+      "foreground": "183.2 100% 96.3%",
+      "card": "197 78.9% 14.9%",
+      "card-foreground": "183.2 100% 96.3%",
+      "popover": "197 78.9% 14.9%",
+      "popover-foreground": "183.2 100% 96.3%",
+      "primary": "183.2 100% 96.3%",
+      "primary-foreground": "196.4 63.6% 23.7%",
+      "secondary": "194.4 69.6% 27.1%",
+      "secondary-foreground": "183.2 100% 96.3%",
+      "muted": "194.4 69.6% 27.1%",
+      "muted-foreground": "187.9 85.7% 53.3%",
+      "accent": "194.4 69.6% 27.1%",
+      "accent-foreground": "183.2 100% 96.3%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "183.2 100% 96.3%",
+      "border": "194.4 69.6% 27.1%",
+      "input": "194.4 69.6% 27.1%",
+      "ring": "187 92.4% 69%"
+    }
+  },
+  "templates": {
+    "tailwind": {
+      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
+      "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: 197 78.9% 14.9%;\n    --muted: 185.1 95.9% 90.4%;\n    --muted-foreground: 188.7 94.5% 42.7%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 197 78.9% 14.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 197 78.9% 14.9%;\n    --border: 186.2 93.5% 81.8%;\n    --input: 186.2 93.5% 81.8%;\n    --primary: 196.4 63.6% 23.7%;\n    --primary-foreground: 183.2 100% 96.3%;\n    --secondary: 185.1 95.9% 90.4%;\n    --secondary-foreground: 196.4 63.6% 23.7%;\n    --accent: 185.1 95.9% 90.4%;\n    --accent-foreground: 196.4 63.6% 23.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 183.2 100% 96.3%;\n    --ring: 197 78.9% 14.9%;\n  }\n \n  .dark {\n    --background: 197 78.9% 14.9%;\n    --foreground: 183.2 100% 96.3%;\n    --muted: 194.4 69.6% 27.1%;\n    --muted-foreground: 187.9 85.7% 53.3%;\n    --popover: 197 78.9% 14.9%;\n    --popover-foreground: 183.2 100% 96.3%;\n    --card: 197 78.9% 14.9%;\n    --card-foreground: 183.2 100% 96.3%;\n    --border: 194.4 69.6% 27.1%;\n    --input: 194.4 69.6% 27.1%;\n    --primary: 183.2 100% 96.3%;\n    --primary-foreground: 196.4 63.6% 23.7%;\n    --secondary: 194.4 69.6% 27.1%;\n    --secondary-foreground: 183.2 100% 96.3%;\n    --accent: 194.4 69.6% 27.1%;\n    --accent-foreground: 183.2 100% 96.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 183.2 100% 96.3%;\n    --ring: 187 92.4% 69%;\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: 197 78.9% 14.9%;\n    --muted: 185.1 95.9% 90.4%;\n    --muted-foreground: 188.7 94.5% 42.7%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 197 78.9% 14.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 197 78.9% 14.9%;\n    --border: 186.2 93.5% 81.8%;\n    --input: 186.2 93.5% 81.8%;\n    --primary: 196.4 63.6% 23.7%;\n    --primary-foreground: 183.2 100% 96.3%;\n    --secondary: 185.1 95.9% 90.4%;\n    --secondary-foreground: 196.4 63.6% 23.7%;\n    --accent: 185.1 95.9% 90.4%;\n    --accent-foreground: 196.4 63.6% 23.7%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 183.2 100% 96.3%;\n    --ring: 197 78.9% 14.9%;\n  }\n \n  .dark {\n    --background: 197 78.9% 14.9%;\n    --foreground: 183.2 100% 96.3%;\n    --muted: 194.4 69.6% 27.1%;\n    --muted-foreground: 187.9 85.7% 53.3%;\n    --popover: 197 78.9% 14.9%;\n    --popover-foreground: 183.2 100% 96.3%;\n    --card: 197 78.9% 14.9%;\n    --card-foreground: 183.2 100% 96.3%;\n    --border: 194.4 69.6% 27.1%;\n    --input: 194.4 69.6% 27.1%;\n    --primary: 183.2 100% 96.3%;\n    --primary-foreground: 196.4 63.6% 23.7%;\n    --secondary: 194.4 69.6% 27.1%;\n    --secondary-foreground: 183.2 100% 96.3%;\n    --accent: 194.4 69.6% 27.1%;\n    --accent-foreground: 183.2 100% 96.3%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 183.2 100% 96.3%;\n    --ring: 187 92.4% 69%;\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/emerald.json

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "emerald-950",
+      "card": "white",
+      "card-foreground": "emerald-950",
+      "popover": "white",
+      "popover-foreground": "emerald-950",
+      "primary": "emerald-900",
+      "primary-foreground": "emerald-50",
+      "secondary": "emerald-100",
+      "secondary-foreground": "emerald-900",
+      "muted": "emerald-100",
+      "muted-foreground": "emerald-500",
+      "accent": "emerald-100",
+      "accent-foreground": "emerald-900",
+      "destructive": "red-500",
+      "destructive-foreground": "emerald-50",
+      "border": "emerald-200",
+      "input": "emerald-200",
+      "ring": "emerald-950"
+    },
+    "dark": {
+      "background": "emerald-950",
+      "foreground": "emerald-50",
+      "card": "emerald-950",
+      "card-foreground": "emerald-50",
+      "popover": "emerald-950",
+      "popover-foreground": "emerald-50",
+      "primary": "emerald-50",
+      "primary-foreground": "emerald-900",
+      "secondary": "emerald-800",
+      "secondary-foreground": "emerald-50",
+      "muted": "emerald-800",
+      "muted-foreground": "emerald-400",
+      "accent": "emerald-800",
+      "accent-foreground": "emerald-50",
+      "destructive": "red-900",
+      "destructive-foreground": "emerald-50",
+      "border": "emerald-800",
+      "input": "emerald-800",
+      "ring": "emerald-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "165.7 91.3% 9%",
+      "card": "0 0% 100%",
+      "card-foreground": "165.7 91.3% 9%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "165.7 91.3% 9%",
+      "primary": "164.2 85.7% 16.5%",
+      "primary-foreground": "151.8 81% 95.9%",
+      "secondary": "149.3 80.4% 90%",
+      "secondary-foreground": "164.2 85.7% 16.5%",
+      "muted": "149.3 80.4% 90%",
+      "muted-foreground": "160.1 84.1% 39.4%",
+      "accent": "149.3 80.4% 90%",
+      "accent-foreground": "164.2 85.7% 16.5%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "151.8 81% 95.9%",
+      "border": "152.4 76% 80.4%",
+      "input": "152.4 76% 80.4%",
+      "ring": "165.7 91.3% 9%"
+    },
+    "dark": {
+      "background": "165.7 91.3% 9%",
+      "foreground": "151.8 81% 95.9%",
+      "card": "165.7 91.3% 9%",
+      "card-foreground": "151.8 81% 95.9%",
+      "popover": "165.7 91.3% 9%",
+      "popover-foreground": "151.8 81% 95.9%",
+      "primary": "151.8 81% 95.9%",
+      "primary-foreground": "164.2 85.7% 16.5%",
+      "secondary": "163.1 88.1% 19.8%",
+      "secondary-foreground": "151.8 81% 95.9%",
+      "muted": "163.1 88.1% 19.8%",
+      "muted-foreground": "158.1 64.4% 51.6%",
+      "accent": "163.1 88.1% 19.8%",
+      "accent-foreground": "151.8 81% 95.9%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "151.8 81% 95.9%",
+      "border": "163.1 88.1% 19.8%",
+      "input": "163.1 88.1% 19.8%",
+      "ring": "156.2 71.6% 66.9%"
+    }
+  },
+  "templates": {
+    "tailwind": {
+      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
+      "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: 165.7 91.3% 9%;\n    --muted: 149.3 80.4% 90%;\n    --muted-foreground: 160.1 84.1% 39.4%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 165.7 91.3% 9%;\n    --card: 0 0% 100%;\n    --card-foreground: 165.7 91.3% 9%;\n    --border: 152.4 76% 80.4%;\n    --input: 152.4 76% 80.4%;\n    --primary: 164.2 85.7% 16.5%;\n    --primary-foreground: 151.8 81% 95.9%;\n    --secondary: 149.3 80.4% 90%;\n    --secondary-foreground: 164.2 85.7% 16.5%;\n    --accent: 149.3 80.4% 90%;\n    --accent-foreground: 164.2 85.7% 16.5%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 151.8 81% 95.9%;\n    --ring: 165.7 91.3% 9%;\n  }\n \n  .dark {\n    --background: 165.7 91.3% 9%;\n    --foreground: 151.8 81% 95.9%;\n    --muted: 163.1 88.1% 19.8%;\n    --muted-foreground: 158.1 64.4% 51.6%;\n    --popover: 165.7 91.3% 9%;\n    --popover-foreground: 151.8 81% 95.9%;\n    --card: 165.7 91.3% 9%;\n    --card-foreground: 151.8 81% 95.9%;\n    --border: 163.1 88.1% 19.8%;\n    --input: 163.1 88.1% 19.8%;\n    --primary: 151.8 81% 95.9%;\n    --primary-foreground: 164.2 85.7% 16.5%;\n    --secondary: 163.1 88.1% 19.8%;\n    --secondary-foreground: 151.8 81% 95.9%;\n    --accent: 163.1 88.1% 19.8%;\n    --accent-foreground: 151.8 81% 95.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 151.8 81% 95.9%;\n    --ring: 156.2 71.6% 66.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: 165.7 91.3% 9%;\n    --muted: 149.3 80.4% 90%;\n    --muted-foreground: 160.1 84.1% 39.4%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 165.7 91.3% 9%;\n    --card: 0 0% 100%;\n    --card-foreground: 165.7 91.3% 9%;\n    --border: 152.4 76% 80.4%;\n    --input: 152.4 76% 80.4%;\n    --primary: 164.2 85.7% 16.5%;\n    --primary-foreground: 151.8 81% 95.9%;\n    --secondary: 149.3 80.4% 90%;\n    --secondary-foreground: 164.2 85.7% 16.5%;\n    --accent: 149.3 80.4% 90%;\n    --accent-foreground: 164.2 85.7% 16.5%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 151.8 81% 95.9%;\n    --ring: 165.7 91.3% 9%;\n  }\n \n  .dark {\n    --background: 165.7 91.3% 9%;\n    --foreground: 151.8 81% 95.9%;\n    --muted: 163.1 88.1% 19.8%;\n    --muted-foreground: 158.1 64.4% 51.6%;\n    --popover: 165.7 91.3% 9%;\n    --popover-foreground: 151.8 81% 95.9%;\n    --card: 165.7 91.3% 9%;\n    --card-foreground: 151.8 81% 95.9%;\n    --border: 163.1 88.1% 19.8%;\n    --input: 163.1 88.1% 19.8%;\n    --primary: 151.8 81% 95.9%;\n    --primary-foreground: 164.2 85.7% 16.5%;\n    --secondary: 163.1 88.1% 19.8%;\n    --secondary-foreground: 151.8 81% 95.9%;\n    --accent: 163.1 88.1% 19.8%;\n    --accent-foreground: 151.8 81% 95.9%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 151.8 81% 95.9%;\n    --ring: 156.2 71.6% 66.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/fuchsia.json

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "fuchsia-950",
+      "card": "white",
+      "card-foreground": "fuchsia-950",
+      "popover": "white",
+      "popover-foreground": "fuchsia-950",
+      "primary": "fuchsia-900",
+      "primary-foreground": "fuchsia-50",
+      "secondary": "fuchsia-100",
+      "secondary-foreground": "fuchsia-900",
+      "muted": "fuchsia-100",
+      "muted-foreground": "fuchsia-500",
+      "accent": "fuchsia-100",
+      "accent-foreground": "fuchsia-900",
+      "destructive": "red-500",
+      "destructive-foreground": "fuchsia-50",
+      "border": "fuchsia-200",
+      "input": "fuchsia-200",
+      "ring": "fuchsia-950"
+    },
+    "dark": {
+      "background": "fuchsia-950",
+      "foreground": "fuchsia-50",
+      "card": "fuchsia-950",
+      "card-foreground": "fuchsia-50",
+      "popover": "fuchsia-950",
+      "popover-foreground": "fuchsia-50",
+      "primary": "fuchsia-50",
+      "primary-foreground": "fuchsia-900",
+      "secondary": "fuchsia-800",
+      "secondary-foreground": "fuchsia-50",
+      "muted": "fuchsia-800",
+      "muted-foreground": "fuchsia-400",
+      "accent": "fuchsia-800",
+      "accent-foreground": "fuchsia-50",
+      "destructive": "red-900",
+      "destructive-foreground": "fuchsia-50",
+      "border": "fuchsia-800",
+      "input": "fuchsia-800",
+      "ring": "fuchsia-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "296.8 90.2% 16.1%",
+      "card": "0 0% 100%",
+      "card-foreground": "296.8 90.2% 16.1%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "296.8 90.2% 16.1%",
+      "primary": "296.7 63.6% 28%",
+      "primary-foreground": "289.1 100% 97.8%",
+      "secondary": "287 100% 95.5%",
+      "secondary-foreground": "296.7 63.6% 28%",
+      "muted": "287 100% 95.5%",
+      "muted-foreground": "292.2 84.1% 60.6%",
+      "accent": "287 100% 95.5%",
+      "accent-foreground": "296.7 63.6% 28%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "289.1 100% 97.8%",
+      "border": "288.3 95.8% 90.6%",
+      "input": "288.3 95.8% 90.6%",
+      "ring": "296.8 90.2% 16.1%"
+    },
+    "dark": {
+      "background": "296.8 90.2% 16.1%",
+      "foreground": "289.1 100% 97.8%",
+      "card": "296.8 90.2% 16.1%",
+      "card-foreground": "289.1 100% 97.8%",
+      "popover": "296.8 90.2% 16.1%",
+      "popover-foreground": "289.1 100% 97.8%",
+      "primary": "289.1 100% 97.8%",
+      "primary-foreground": "296.7 63.6% 28%",
+      "secondary": "295.4 70.2% 32.9%",
+      "secondary-foreground": "289.1 100% 97.8%",
+      "muted": "295.4 70.2% 32.9%",
+      "muted-foreground": "292 91.4% 72.5%",
+      "accent": "295.4 70.2% 32.9%",
+      "accent-foreground": "289.1 100% 97.8%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "289.1 100% 97.8%",
+      "border": "295.4 70.2% 32.9%",
+      "input": "295.4 70.2% 32.9%",
+      "ring": "291.1 93.1% 82.9%"
+    }
+  },
+  "templates": {
+    "tailwind": {
+      "withoutVariables": "@import \"tailwindcss\";\n@config \"../../tailwind.config.js\";",
+      "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: 296.8 90.2% 16.1%;\n    --muted: 287 100% 95.5%;\n    --muted-foreground: 292.2 84.1% 60.6%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 296.8 90.2% 16.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 296.8 90.2% 16.1%;\n    --border: 288.3 95.8% 90.6%;\n    --input: 288.3 95.8% 90.6%;\n    --primary: 296.7 63.6% 28%;\n    --primary-foreground: 289.1 100% 97.8%;\n    --secondary: 287 100% 95.5%;\n    --secondary-foreground: 296.7 63.6% 28%;\n    --accent: 287 100% 95.5%;\n    --accent-foreground: 296.7 63.6% 28%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 289.1 100% 97.8%;\n    --ring: 296.8 90.2% 16.1%;\n  }\n \n  .dark {\n    --background: 296.8 90.2% 16.1%;\n    --foreground: 289.1 100% 97.8%;\n    --muted: 295.4 70.2% 32.9%;\n    --muted-foreground: 292 91.4% 72.5%;\n    --popover: 296.8 90.2% 16.1%;\n    --popover-foreground: 289.1 100% 97.8%;\n    --card: 296.8 90.2% 16.1%;\n    --card-foreground: 289.1 100% 97.8%;\n    --border: 295.4 70.2% 32.9%;\n    --input: 295.4 70.2% 32.9%;\n    --primary: 289.1 100% 97.8%;\n    --primary-foreground: 296.7 63.6% 28%;\n    --secondary: 295.4 70.2% 32.9%;\n    --secondary-foreground: 289.1 100% 97.8%;\n    --accent: 295.4 70.2% 32.9%;\n    --accent-foreground: 289.1 100% 97.8%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 289.1 100% 97.8%;\n    --ring: 291.1 93.1% 82.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: 296.8 90.2% 16.1%;\n    --muted: 287 100% 95.5%;\n    --muted-foreground: 292.2 84.1% 60.6%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 296.8 90.2% 16.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 296.8 90.2% 16.1%;\n    --border: 288.3 95.8% 90.6%;\n    --input: 288.3 95.8% 90.6%;\n    --primary: 296.7 63.6% 28%;\n    --primary-foreground: 289.1 100% 97.8%;\n    --secondary: 287 100% 95.5%;\n    --secondary-foreground: 296.7 63.6% 28%;\n    --accent: 287 100% 95.5%;\n    --accent-foreground: 296.7 63.6% 28%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 289.1 100% 97.8%;\n    --ring: 296.8 90.2% 16.1%;\n  }\n \n  .dark {\n    --background: 296.8 90.2% 16.1%;\n    --foreground: 289.1 100% 97.8%;\n    --muted: 295.4 70.2% 32.9%;\n    --muted-foreground: 292 91.4% 72.5%;\n    --popover: 296.8 90.2% 16.1%;\n    --popover-foreground: 289.1 100% 97.8%;\n    --card: 296.8 90.2% 16.1%;\n    --card-foreground: 289.1 100% 97.8%;\n    --border: 295.4 70.2% 32.9%;\n    --input: 295.4 70.2% 32.9%;\n    --primary: 289.1 100% 97.8%;\n    --primary-foreground: 296.7 63.6% 28%;\n    --secondary: 295.4 70.2% 32.9%;\n    --secondary-foreground: 289.1 100% 97.8%;\n    --accent: 295.4 70.2% 32.9%;\n    --accent-foreground: 289.1 100% 97.8%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 289.1 100% 97.8%;\n    --ring: 291.1 93.1% 82.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}"
+    }
+  }
+}