sigma-ui 0.1.0 → 1.0.10

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/__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}"
+    }
+  }
+}