sigma-ui 0.1.0 → 1.0.10

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "stone-950",
+      "card": "white",
+      "card-foreground": "stone-950",
+      "popover": "white",
+      "popover-foreground": "stone-950",
+      "primary": "stone-900",
+      "primary-foreground": "stone-50",
+      "secondary": "stone-100",
+      "secondary-foreground": "stone-900",
+      "muted": "stone-100",
+      "muted-foreground": "stone-500",
+      "accent": "stone-100",
+      "accent-foreground": "stone-900",
+      "destructive": "red-500",
+      "destructive-foreground": "stone-50",
+      "border": "stone-200",
+      "input": "stone-200",
+      "ring": "stone-950"
+    },
+    "dark": {
+      "background": "stone-950",
+      "foreground": "stone-50",
+      "card": "stone-950",
+      "card-foreground": "stone-50",
+      "popover": "stone-950",
+      "popover-foreground": "stone-50",
+      "primary": "stone-50",
+      "primary-foreground": "stone-900",
+      "secondary": "stone-800",
+      "secondary-foreground": "stone-50",
+      "muted": "stone-800",
+      "muted-foreground": "stone-400",
+      "accent": "stone-800",
+      "accent-foreground": "stone-50",
+      "destructive": "red-900",
+      "destructive-foreground": "stone-50",
+      "border": "stone-800",
+      "input": "stone-800",
+      "ring": "stone-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "20 14.3% 4.1%",
+      "card": "0 0% 100%",
+      "card-foreground": "20 14.3% 4.1%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "20 14.3% 4.1%",
+      "primary": "24 9.8% 10%",
+      "primary-foreground": "60 9.1% 97.8%",
+      "secondary": "60 4.8% 95.9%",
+      "secondary-foreground": "24 9.8% 10%",
+      "muted": "60 4.8% 95.9%",
+      "muted-foreground": "25 5.3% 44.7%",
+      "accent": "60 4.8% 95.9%",
+      "accent-foreground": "24 9.8% 10%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "60 9.1% 97.8%",
+      "border": "20 5.9% 90%",
+      "input": "20 5.9% 90%",
+      "ring": "20 14.3% 4.1%"
+    },
+    "dark": {
+      "background": "20 14.3% 4.1%",
+      "foreground": "60 9.1% 97.8%",
+      "card": "20 14.3% 4.1%",
+      "card-foreground": "60 9.1% 97.8%",
+      "popover": "20 14.3% 4.1%",
+      "popover-foreground": "60 9.1% 97.8%",
+      "primary": "60 9.1% 97.8%",
+      "primary-foreground": "24 9.8% 10%",
+      "secondary": "12 6.5% 15.1%",
+      "secondary-foreground": "60 9.1% 97.8%",
+      "muted": "12 6.5% 15.1%",
+      "muted-foreground": "24 5.4% 63.9%",
+      "accent": "12 6.5% 15.1%",
+      "accent-foreground": "60 9.1% 97.8%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "60 9.1% 97.8%",
+      "border": "12 6.5% 15.1%",
+      "input": "12 6.5% 15.1%",
+      "ring": "24 5.7% 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: 20 14.3% 4.1%;\n    --muted: 60 4.8% 95.9%;\n    --muted-foreground: 25 5.3% 44.7%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 20 14.3% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 20 14.3% 4.1%;\n    --border: 20 5.9% 90%;\n    --input: 20 5.9% 90%;\n    --primary: 24 9.8% 10%;\n    --primary-foreground: 60 9.1% 97.8%;\n    --secondary: 60 4.8% 95.9%;\n    --secondary-foreground: 24 9.8% 10%;\n    --accent: 60 4.8% 95.9%;\n    --accent-foreground: 24 9.8% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --ring: 20 14.3% 4.1%;\n  }\n \n  .dark {\n    --background: 20 14.3% 4.1%;\n    --foreground: 60 9.1% 97.8%;\n    --muted: 12 6.5% 15.1%;\n    --muted-foreground: 24 5.4% 63.9%;\n    --popover: 20 14.3% 4.1%;\n    --popover-foreground: 60 9.1% 97.8%;\n    --card: 20 14.3% 4.1%;\n    --card-foreground: 60 9.1% 97.8%;\n    --border: 12 6.5% 15.1%;\n    --input: 12 6.5% 15.1%;\n    --primary: 60 9.1% 97.8%;\n    --primary-foreground: 24 9.8% 10%;\n    --secondary: 12 6.5% 15.1%;\n    --secondary-foreground: 60 9.1% 97.8%;\n    --accent: 12 6.5% 15.1%;\n    --accent-foreground: 60 9.1% 97.8%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --ring: 24 5.7% 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: 20 14.3% 4.1%;\n    --muted: 60 4.8% 95.9%;\n    --muted-foreground: 25 5.3% 44.7%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 20 14.3% 4.1%;\n    --card: 0 0% 100%;\n    --card-foreground: 20 14.3% 4.1%;\n    --border: 20 5.9% 90%;\n    --input: 20 5.9% 90%;\n    --primary: 24 9.8% 10%;\n    --primary-foreground: 60 9.1% 97.8%;\n    --secondary: 60 4.8% 95.9%;\n    --secondary-foreground: 24 9.8% 10%;\n    --accent: 60 4.8% 95.9%;\n    --accent-foreground: 24 9.8% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --ring: 20 14.3% 4.1%;\n  }\n \n  .dark {\n    --background: 20 14.3% 4.1%;\n    --foreground: 60 9.1% 97.8%;\n    --muted: 12 6.5% 15.1%;\n    --muted-foreground: 24 5.4% 63.9%;\n    --popover: 20 14.3% 4.1%;\n    --popover-foreground: 60 9.1% 97.8%;\n    --card: 20 14.3% 4.1%;\n    --card-foreground: 60 9.1% 97.8%;\n    --border: 12 6.5% 15.1%;\n    --input: 12 6.5% 15.1%;\n    --primary: 60 9.1% 97.8%;\n    --primary-foreground: 24 9.8% 10%;\n    --secondary: 12 6.5% 15.1%;\n    --secondary-foreground: 60 9.1% 97.8%;\n    --accent: 12 6.5% 15.1%;\n    --accent-foreground: 60 9.1% 97.8%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 60 9.1% 97.8%;\n    --ring: 24 5.7% 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}"
+    }
+  }
+}

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "teal-950",
+      "card": "white",
+      "card-foreground": "teal-950",
+      "popover": "white",
+      "popover-foreground": "teal-950",
+      "primary": "teal-900",
+      "primary-foreground": "teal-50",
+      "secondary": "teal-100",
+      "secondary-foreground": "teal-900",
+      "muted": "teal-100",
+      "muted-foreground": "teal-500",
+      "accent": "teal-100",
+      "accent-foreground": "teal-900",
+      "destructive": "red-500",
+      "destructive-foreground": "teal-50",
+      "border": "teal-200",
+      "input": "teal-200",
+      "ring": "teal-950"
+    },
+    "dark": {
+      "background": "teal-950",
+      "foreground": "teal-50",
+      "card": "teal-950",
+      "card-foreground": "teal-50",
+      "popover": "teal-950",
+      "popover-foreground": "teal-50",
+      "primary": "teal-50",
+      "primary-foreground": "teal-900",
+      "secondary": "teal-800",
+      "secondary-foreground": "teal-50",
+      "muted": "teal-800",
+      "muted-foreground": "teal-400",
+      "accent": "teal-800",
+      "accent-foreground": "teal-50",
+      "destructive": "red-900",
+      "destructive-foreground": "teal-50",
+      "border": "teal-800",
+      "input": "teal-800",
+      "ring": "teal-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "178.6 84.3% 10%",
+      "card": "0 0% 100%",
+      "card-foreground": "178.6 84.3% 10%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "178.6 84.3% 10%",
+      "primary": "175.9 60.8% 19%",
+      "primary-foreground": "166.2 76.5% 96.7%",
+      "secondary": "167.2 85.5% 89.2%",
+      "secondary-foreground": "175.9 60.8% 19%",
+      "muted": "167.2 85.5% 89.2%",
+      "muted-foreground": "173.4 80.4% 40%",
+      "accent": "167.2 85.5% 89.2%",
+      "accent-foreground": "175.9 60.8% 19%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "166.2 76.5% 96.7%",
+      "border": "168.4 83.8% 78.2%",
+      "input": "168.4 83.8% 78.2%",
+      "ring": "178.6 84.3% 10%"
+    },
+    "dark": {
+      "background": "178.6 84.3% 10%",
+      "foreground": "166.2 76.5% 96.7%",
+      "card": "178.6 84.3% 10%",
+      "card-foreground": "166.2 76.5% 96.7%",
+      "popover": "178.6 84.3% 10%",
+      "popover-foreground": "166.2 76.5% 96.7%",
+      "primary": "166.2 76.5% 96.7%",
+      "primary-foreground": "175.9 60.8% 19%",
+      "secondary": "176.1 69.4% 21.8%",
+      "secondary-foreground": "166.2 76.5% 96.7%",
+      "muted": "176.1 69.4% 21.8%",
+      "muted-foreground": "172.5 66% 50.4%",
+      "accent": "176.1 69.4% 21.8%",
+      "accent-foreground": "166.2 76.5% 96.7%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "166.2 76.5% 96.7%",
+      "border": "176.1 69.4% 21.8%",
+      "input": "176.1 69.4% 21.8%",
+      "ring": "170.6 76.9% 64.3%"
+    }
+  },
+  "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: 178.6 84.3% 10%;\n    --muted: 167.2 85.5% 89.2%;\n    --muted-foreground: 173.4 80.4% 40%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 178.6 84.3% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 178.6 84.3% 10%;\n    --border: 168.4 83.8% 78.2%;\n    --input: 168.4 83.8% 78.2%;\n    --primary: 175.9 60.8% 19%;\n    --primary-foreground: 166.2 76.5% 96.7%;\n    --secondary: 167.2 85.5% 89.2%;\n    --secondary-foreground: 175.9 60.8% 19%;\n    --accent: 167.2 85.5% 89.2%;\n    --accent-foreground: 175.9 60.8% 19%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 166.2 76.5% 96.7%;\n    --ring: 178.6 84.3% 10%;\n  }\n \n  .dark {\n    --background: 178.6 84.3% 10%;\n    --foreground: 166.2 76.5% 96.7%;\n    --muted: 176.1 69.4% 21.8%;\n    --muted-foreground: 172.5 66% 50.4%;\n    --popover: 178.6 84.3% 10%;\n    --popover-foreground: 166.2 76.5% 96.7%;\n    --card: 178.6 84.3% 10%;\n    --card-foreground: 166.2 76.5% 96.7%;\n    --border: 176.1 69.4% 21.8%;\n    --input: 176.1 69.4% 21.8%;\n    --primary: 166.2 76.5% 96.7%;\n    --primary-foreground: 175.9 60.8% 19%;\n    --secondary: 176.1 69.4% 21.8%;\n    --secondary-foreground: 166.2 76.5% 96.7%;\n    --accent: 176.1 69.4% 21.8%;\n    --accent-foreground: 166.2 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 166.2 76.5% 96.7%;\n    --ring: 170.6 76.9% 64.3%;\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: 178.6 84.3% 10%;\n    --muted: 167.2 85.5% 89.2%;\n    --muted-foreground: 173.4 80.4% 40%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 178.6 84.3% 10%;\n    --card: 0 0% 100%;\n    --card-foreground: 178.6 84.3% 10%;\n    --border: 168.4 83.8% 78.2%;\n    --input: 168.4 83.8% 78.2%;\n    --primary: 175.9 60.8% 19%;\n    --primary-foreground: 166.2 76.5% 96.7%;\n    --secondary: 167.2 85.5% 89.2%;\n    --secondary-foreground: 175.9 60.8% 19%;\n    --accent: 167.2 85.5% 89.2%;\n    --accent-foreground: 175.9 60.8% 19%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 166.2 76.5% 96.7%;\n    --ring: 178.6 84.3% 10%;\n  }\n \n  .dark {\n    --background: 178.6 84.3% 10%;\n    --foreground: 166.2 76.5% 96.7%;\n    --muted: 176.1 69.4% 21.8%;\n    --muted-foreground: 172.5 66% 50.4%;\n    --popover: 178.6 84.3% 10%;\n    --popover-foreground: 166.2 76.5% 96.7%;\n    --card: 178.6 84.3% 10%;\n    --card-foreground: 166.2 76.5% 96.7%;\n    --border: 176.1 69.4% 21.8%;\n    --input: 176.1 69.4% 21.8%;\n    --primary: 166.2 76.5% 96.7%;\n    --primary-foreground: 175.9 60.8% 19%;\n    --secondary: 176.1 69.4% 21.8%;\n    --secondary-foreground: 166.2 76.5% 96.7%;\n    --accent: 176.1 69.4% 21.8%;\n    --accent-foreground: 166.2 76.5% 96.7%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 166.2 76.5% 96.7%;\n    --ring: 170.6 76.9% 64.3%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "zinc-950",
+      "card": "white",
+      "card-foreground": "zinc-950",
+      "popover": "white",
+      "popover-foreground": "zinc-950",
+      "primary": "zinc-900",
+      "primary-foreground": "zinc-50",
+      "secondary": "zinc-100",
+      "secondary-foreground": "zinc-900",
+      "muted": "zinc-100",
+      "muted-foreground": "zinc-500",
+      "accent": "zinc-100",
+      "accent-foreground": "zinc-900",
+      "destructive": "red-500",
+      "destructive-foreground": "zinc-50",
+      "border": "zinc-200",
+      "input": "zinc-200",
+      "ring": "zinc-950"
+    },
+    "dark": {
+      "background": "zinc-950",
+      "foreground": "zinc-50",
+      "card": "zinc-950",
+      "card-foreground": "zinc-50",
+      "popover": "zinc-950",
+      "popover-foreground": "zinc-50",
+      "primary": "zinc-50",
+      "primary-foreground": "zinc-900",
+      "secondary": "zinc-800",
+      "secondary-foreground": "zinc-50",
+      "muted": "zinc-800",
+      "muted-foreground": "zinc-400",
+      "accent": "zinc-800",
+      "accent-foreground": "zinc-50",
+      "destructive": "red-900",
+      "destructive-foreground": "zinc-50",
+      "border": "zinc-800",
+      "input": "zinc-800",
+      "ring": "zinc-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "240 10% 3.9%",
+      "card": "0 0% 100%",
+      "card-foreground": "240 10% 3.9%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "240 10% 3.9%",
+      "primary": "240 5.9% 10%",
+      "primary-foreground": "0 0% 98%",
+      "secondary": "240 4.8% 95.9%",
+      "secondary-foreground": "240 5.9% 10%",
+      "muted": "240 4.8% 95.9%",
+      "muted-foreground": "240 3.8% 46.1%",
+      "accent": "240 4.8% 95.9%",
+      "accent-foreground": "240 5.9% 10%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "0 0% 98%",
+      "border": "240 5.9% 90%",
+      "input": "240 5.9% 90%",
+      "ring": "240 10% 3.9%"
+    },
+    "dark": {
+      "background": "240 10% 3.9%",
+      "foreground": "0 0% 98%",
+      "card": "240 10% 3.9%",
+      "card-foreground": "0 0% 98%",
+      "popover": "240 10% 3.9%",
+      "popover-foreground": "0 0% 98%",
+      "primary": "0 0% 98%",
+      "primary-foreground": "240 5.9% 10%",
+      "secondary": "240 3.7% 15.9%",
+      "secondary-foreground": "0 0% 98%",
+      "muted": "240 3.7% 15.9%",
+      "muted-foreground": "240 5% 64.9%",
+      "accent": "240 3.7% 15.9%",
+      "accent-foreground": "0 0% 98%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "0 0% 98%",
+      "border": "240 3.7% 15.9%",
+      "input": "240 3.7% 15.9%",
+      "ring": "240 4.9% 83.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: 240 10% 3.9%;\n    --muted: 240 4.8% 95.9%;\n    --muted-foreground: 240 3.8% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 240 10% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 240 10% 3.9%;\n    --border: 240 5.9% 90%;\n    --input: 240 5.9% 90%;\n    --primary: 240 5.9% 10%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 240 4.8% 95.9%;\n    --secondary-foreground: 240 5.9% 10%;\n    --accent: 240 4.8% 95.9%;\n    --accent-foreground: 240 5.9% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --ring: 240 10% 3.9%;\n  }\n \n  .dark {\n    --background: 240 10% 3.9%;\n    --foreground: 0 0% 98%;\n    --muted: 240 3.7% 15.9%;\n    --muted-foreground: 240 5% 64.9%;\n    --popover: 240 10% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --card: 240 10% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --border: 240 3.7% 15.9%;\n    --input: 240 3.7% 15.9%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 240 5.9% 10%;\n    --secondary: 240 3.7% 15.9%;\n    --secondary-foreground: 0 0% 98%;\n    --accent: 240 3.7% 15.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --ring: 240 4.9% 83.9%;\n  }\n\n  * {\n    @apply border-border;\n  }\n\n  body {\n    @apply bg-background text-foreground;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+    },
+    "css": {
+      "withVariables": "@layer base {\n  /* Override preflight default hover cursor for buttons and button-like elements */\n  button:not(:disabled),\n  [role=\"button\"]:not(:disabled) {\n    cursor: pointer;\n  }\n\n  :root {\n    --radius: 0.5rem;\n    --radius-full: 9999px;\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-lg: var(--radius);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-xs: min(calc(var(--radius) / 2.5), 6px);\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --shadow-md: \n      0 4px 6px -1px rgba(0, 0, 0, 0.02), \n      0 2px 4px -1px rgba(0, 0, 0, 0.02),\n      0 12px 24px rgba(0, 0, 0, 0.05);\n  }\n\n  :root {\n    --background: 0 0% 100%;\n    --foreground: 240 10% 3.9%;\n    --muted: 240 4.8% 95.9%;\n    --muted-foreground: 240 3.8% 46.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 240 10% 3.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 240 10% 3.9%;\n    --border: 240 5.9% 90%;\n    --input: 240 5.9% 90%;\n    --primary: 240 5.9% 10%;\n    --primary-foreground: 0 0% 98%;\n    --secondary: 240 4.8% 95.9%;\n    --secondary-foreground: 240 5.9% 10%;\n    --accent: 240 4.8% 95.9%;\n    --accent-foreground: 240 5.9% 10%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 0 0% 98%;\n    --ring: 240 10% 3.9%;\n  }\n \n  .dark {\n    --background: 240 10% 3.9%;\n    --foreground: 0 0% 98%;\n    --muted: 240 3.7% 15.9%;\n    --muted-foreground: 240 5% 64.9%;\n    --popover: 240 10% 3.9%;\n    --popover-foreground: 0 0% 98%;\n    --card: 240 10% 3.9%;\n    --card-foreground: 0 0% 98%;\n    --border: 240 3.7% 15.9%;\n    --input: 240 3.7% 15.9%;\n    --primary: 0 0% 98%;\n    --primary-foreground: 240 5.9% 10%;\n    --secondary: 240 3.7% 15.9%;\n    --secondary-foreground: 0 0% 98%;\n    --accent: 240 3.7% 15.9%;\n    --accent-foreground: 0 0% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 0 0% 98%;\n    --ring: 240 4.9% 83.9%;\n  }\n\n  * {\n    border-color: hsl(var(--border));\n  }\n    \n  body {\n    background-color: hsl(var(--background));\n    color: hsl(var(--foreground));\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  \n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes collapsible-down {\n    from {\n      height: 0;\n    }\n    to {\n      height: var(--reka-collapsible-content-height);\n    }\n  }\n\n  @keyframes collapsible-up {\n    from {\n      height: var(--reka-collapsible-content-height);\n    }\n    to {\n      height: 0;\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease;\n  }\n\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n\n  .fade-slide-top-enter-active,\n  .fade-slide-top-leave-active {\n    transition: all 0.3s ease;\n  }\n\n  .fade-slide-top-enter-from,\n  .fade-slide-top-leave-to {\n    opacity: 0;\n    filter: blur(4px);\n    transform: translateY(8px);\n  }\n}"
+    }
+  }
+}