sigma-ui 0.1.0 → 1.0.11

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "purple-950",
+      "card": "white",
+      "card-foreground": "purple-950",
+      "popover": "white",
+      "popover-foreground": "purple-950",
+      "primary": "purple-900",
+      "primary-foreground": "purple-50",
+      "secondary": "purple-100",
+      "secondary-foreground": "purple-900",
+      "muted": "purple-100",
+      "muted-foreground": "purple-500",
+      "accent": "purple-100",
+      "accent-foreground": "purple-900",
+      "destructive": "red-500",
+      "destructive-foreground": "purple-50",
+      "border": "purple-200",
+      "input": "purple-200",
+      "ring": "purple-950"
+    },
+    "dark": {
+      "background": "purple-950",
+      "foreground": "purple-50",
+      "card": "purple-950",
+      "card-foreground": "purple-50",
+      "popover": "purple-950",
+      "popover-foreground": "purple-50",
+      "primary": "purple-50",
+      "primary-foreground": "purple-900",
+      "secondary": "purple-800",
+      "secondary-foreground": "purple-50",
+      "muted": "purple-800",
+      "muted-foreground": "purple-400",
+      "accent": "purple-800",
+      "accent-foreground": "purple-50",
+      "destructive": "red-900",
+      "destructive-foreground": "purple-50",
+      "border": "purple-800",
+      "input": "purple-800",
+      "ring": "purple-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "273.5 86.9% 21%",
+      "card": "0 0% 100%",
+      "card-foreground": "273.5 86.9% 21%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "273.5 86.9% 21%",
+      "primary": "273.6 65.6% 32%",
+      "primary-foreground": "270 100% 98%",
+      "secondary": "268.7 100% 95.5%",
+      "secondary-foreground": "273.6 65.6% 32%",
+      "muted": "268.7 100% 95.5%",
+      "muted-foreground": "270.7 91% 65.1%",
+      "accent": "268.7 100% 95.5%",
+      "accent-foreground": "273.6 65.6% 32%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "270 100% 98%",
+      "border": "268.6 100% 91.8%",
+      "input": "268.6 100% 91.8%",
+      "ring": "273.5 86.9% 21%"
+    },
+    "dark": {
+      "background": "273.5 86.9% 21%",
+      "foreground": "270 100% 98%",
+      "card": "273.5 86.9% 21%",
+      "card-foreground": "270 100% 98%",
+      "popover": "273.5 86.9% 21%",
+      "popover-foreground": "270 100% 98%",
+      "primary": "270 100% 98%",
+      "primary-foreground": "273.6 65.6% 32%",
+      "secondary": "272.9 67.2% 39.4%",
+      "secondary-foreground": "270 100% 98%",
+      "muted": "272.9 67.2% 39.4%",
+      "muted-foreground": "270 95.2% 75.3%",
+      "accent": "272.9 67.2% 39.4%",
+      "accent-foreground": "270 100% 98%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "270 100% 98%",
+      "border": "272.9 67.2% 39.4%",
+      "input": "272.9 67.2% 39.4%",
+      "ring": "269.2 97.4% 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: 273.5 86.9% 21%;\n    --muted: 268.7 100% 95.5%;\n    --muted-foreground: 270.7 91% 65.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 273.5 86.9% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 273.5 86.9% 21%;\n    --border: 268.6 100% 91.8%;\n    --input: 268.6 100% 91.8%;\n    --primary: 273.6 65.6% 32%;\n    --primary-foreground: 270 100% 98%;\n    --secondary: 268.7 100% 95.5%;\n    --secondary-foreground: 273.6 65.6% 32%;\n    --accent: 268.7 100% 95.5%;\n    --accent-foreground: 273.6 65.6% 32%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 270 100% 98%;\n    --ring: 273.5 86.9% 21%;\n  }\n \n  .dark {\n    --background: 273.5 86.9% 21%;\n    --foreground: 270 100% 98%;\n    --muted: 272.9 67.2% 39.4%;\n    --muted-foreground: 270 95.2% 75.3%;\n    --popover: 273.5 86.9% 21%;\n    --popover-foreground: 270 100% 98%;\n    --card: 273.5 86.9% 21%;\n    --card-foreground: 270 100% 98%;\n    --border: 272.9 67.2% 39.4%;\n    --input: 272.9 67.2% 39.4%;\n    --primary: 270 100% 98%;\n    --primary-foreground: 273.6 65.6% 32%;\n    --secondary: 272.9 67.2% 39.4%;\n    --secondary-foreground: 270 100% 98%;\n    --accent: 272.9 67.2% 39.4%;\n    --accent-foreground: 270 100% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 270 100% 98%;\n    --ring: 269.2 97.4% 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: 273.5 86.9% 21%;\n    --muted: 268.7 100% 95.5%;\n    --muted-foreground: 270.7 91% 65.1%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 273.5 86.9% 21%;\n    --card: 0 0% 100%;\n    --card-foreground: 273.5 86.9% 21%;\n    --border: 268.6 100% 91.8%;\n    --input: 268.6 100% 91.8%;\n    --primary: 273.6 65.6% 32%;\n    --primary-foreground: 270 100% 98%;\n    --secondary: 268.7 100% 95.5%;\n    --secondary-foreground: 273.6 65.6% 32%;\n    --accent: 268.7 100% 95.5%;\n    --accent-foreground: 273.6 65.6% 32%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 270 100% 98%;\n    --ring: 273.5 86.9% 21%;\n  }\n \n  .dark {\n    --background: 273.5 86.9% 21%;\n    --foreground: 270 100% 98%;\n    --muted: 272.9 67.2% 39.4%;\n    --muted-foreground: 270 95.2% 75.3%;\n    --popover: 273.5 86.9% 21%;\n    --popover-foreground: 270 100% 98%;\n    --card: 273.5 86.9% 21%;\n    --card-foreground: 270 100% 98%;\n    --border: 272.9 67.2% 39.4%;\n    --input: 272.9 67.2% 39.4%;\n    --primary: 270 100% 98%;\n    --primary-foreground: 273.6 65.6% 32%;\n    --secondary: 272.9 67.2% 39.4%;\n    --secondary-foreground: 270 100% 98%;\n    --accent: 272.9 67.2% 39.4%;\n    --accent-foreground: 270 100% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 270 100% 98%;\n    --ring: 269.2 97.4% 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/red.json

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

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

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

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

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "sky-950",
+      "card": "white",
+      "card-foreground": "sky-950",
+      "popover": "white",
+      "popover-foreground": "sky-950",
+      "primary": "sky-900",
+      "primary-foreground": "sky-50",
+      "secondary": "sky-100",
+      "secondary-foreground": "sky-900",
+      "muted": "sky-100",
+      "muted-foreground": "sky-500",
+      "accent": "sky-100",
+      "accent-foreground": "sky-900",
+      "destructive": "red-500",
+      "destructive-foreground": "sky-50",
+      "border": "sky-200",
+      "input": "sky-200",
+      "ring": "sky-950"
+    },
+    "dark": {
+      "background": "sky-950",
+      "foreground": "sky-50",
+      "card": "sky-950",
+      "card-foreground": "sky-50",
+      "popover": "sky-950",
+      "popover-foreground": "sky-50",
+      "primary": "sky-50",
+      "primary-foreground": "sky-900",
+      "secondary": "sky-800",
+      "secondary-foreground": "sky-50",
+      "muted": "sky-800",
+      "muted-foreground": "sky-400",
+      "accent": "sky-800",
+      "accent-foreground": "sky-50",
+      "destructive": "red-900",
+      "destructive-foreground": "sky-50",
+      "border": "sky-800",
+      "input": "sky-800",
+      "ring": "sky-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "204 80.2% 15.9%",
+      "card": "0 0% 100%",
+      "card-foreground": "204 80.2% 15.9%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "204 80.2% 15.9%",
+      "primary": "202 80.3% 23.9%",
+      "primary-foreground": "204 100% 97.1%",
+      "secondary": "204 93.8% 93.7%",
+      "secondary-foreground": "202 80.3% 23.9%",
+      "muted": "204 93.8% 93.7%",
+      "muted-foreground": "198.6 88.7% 48.4%",
+      "accent": "204 93.8% 93.7%",
+      "accent-foreground": "202 80.3% 23.9%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "204 100% 97.1%",
+      "border": "200.6 94.4% 86.1%",
+      "input": "200.6 94.4% 86.1%",
+      "ring": "204 80.2% 15.9%"
+    },
+    "dark": {
+      "background": "204 80.2% 15.9%",
+      "foreground": "204 100% 97.1%",
+      "card": "204 80.2% 15.9%",
+      "card-foreground": "204 100% 97.1%",
+      "popover": "204 80.2% 15.9%",
+      "popover-foreground": "204 100% 97.1%",
+      "primary": "204 100% 97.1%",
+      "primary-foreground": "202 80.3% 23.9%",
+      "secondary": "201 90% 27.5%",
+      "secondary-foreground": "204 100% 97.1%",
+      "muted": "201 90% 27.5%",
+      "muted-foreground": "198.4 93.2% 59.6%",
+      "accent": "201 90% 27.5%",
+      "accent-foreground": "204 100% 97.1%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "204 100% 97.1%",
+      "border": "201 90% 27.5%",
+      "input": "201 90% 27.5%",
+      "ring": "199.4 95.5% 73.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: 204 80.2% 15.9%;\n    --muted: 204 93.8% 93.7%;\n    --muted-foreground: 198.6 88.7% 48.4%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 204 80.2% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 204 80.2% 15.9%;\n    --border: 200.6 94.4% 86.1%;\n    --input: 200.6 94.4% 86.1%;\n    --primary: 202 80.3% 23.9%;\n    --primary-foreground: 204 100% 97.1%;\n    --secondary: 204 93.8% 93.7%;\n    --secondary-foreground: 202 80.3% 23.9%;\n    --accent: 204 93.8% 93.7%;\n    --accent-foreground: 202 80.3% 23.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 204 100% 97.1%;\n    --ring: 204 80.2% 15.9%;\n  }\n \n  .dark {\n    --background: 204 80.2% 15.9%;\n    --foreground: 204 100% 97.1%;\n    --muted: 201 90% 27.5%;\n    --muted-foreground: 198.4 93.2% 59.6%;\n    --popover: 204 80.2% 15.9%;\n    --popover-foreground: 204 100% 97.1%;\n    --card: 204 80.2% 15.9%;\n    --card-foreground: 204 100% 97.1%;\n    --border: 201 90% 27.5%;\n    --input: 201 90% 27.5%;\n    --primary: 204 100% 97.1%;\n    --primary-foreground: 202 80.3% 23.9%;\n    --secondary: 201 90% 27.5%;\n    --secondary-foreground: 204 100% 97.1%;\n    --accent: 201 90% 27.5%;\n    --accent-foreground: 204 100% 97.1%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 204 100% 97.1%;\n    --ring: 199.4 95.5% 73.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: 204 80.2% 15.9%;\n    --muted: 204 93.8% 93.7%;\n    --muted-foreground: 198.6 88.7% 48.4%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 204 80.2% 15.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 204 80.2% 15.9%;\n    --border: 200.6 94.4% 86.1%;\n    --input: 200.6 94.4% 86.1%;\n    --primary: 202 80.3% 23.9%;\n    --primary-foreground: 204 100% 97.1%;\n    --secondary: 204 93.8% 93.7%;\n    --secondary-foreground: 202 80.3% 23.9%;\n    --accent: 204 93.8% 93.7%;\n    --accent-foreground: 202 80.3% 23.9%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 204 100% 97.1%;\n    --ring: 204 80.2% 15.9%;\n  }\n \n  .dark {\n    --background: 204 80.2% 15.9%;\n    --foreground: 204 100% 97.1%;\n    --muted: 201 90% 27.5%;\n    --muted-foreground: 198.4 93.2% 59.6%;\n    --popover: 204 80.2% 15.9%;\n    --popover-foreground: 204 100% 97.1%;\n    --card: 204 80.2% 15.9%;\n    --card-foreground: 204 100% 97.1%;\n    --border: 201 90% 27.5%;\n    --input: 201 90% 27.5%;\n    --primary: 204 100% 97.1%;\n    --primary-foreground: 202 80.3% 23.9%;\n    --secondary: 201 90% 27.5%;\n    --secondary-foreground: 204 100% 97.1%;\n    --accent: 201 90% 27.5%;\n    --accent-foreground: 204 100% 97.1%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 204 100% 97.1%;\n    --ring: 199.4 95.5% 73.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/slate.json

@@ -0,0 +1,99 @@
+{
+  "inlineColors": {
+    "light": {
+      "background": "white",
+      "foreground": "slate-950",
+      "card": "white",
+      "card-foreground": "slate-950",
+      "popover": "white",
+      "popover-foreground": "slate-950",
+      "primary": "slate-900",
+      "primary-foreground": "slate-50",
+      "secondary": "slate-100",
+      "secondary-foreground": "slate-900",
+      "muted": "slate-100",
+      "muted-foreground": "slate-500",
+      "accent": "slate-100",
+      "accent-foreground": "slate-900",
+      "destructive": "red-500",
+      "destructive-foreground": "slate-50",
+      "border": "slate-200",
+      "input": "slate-200",
+      "ring": "slate-950"
+    },
+    "dark": {
+      "background": "slate-950",
+      "foreground": "slate-50",
+      "card": "slate-950",
+      "card-foreground": "slate-50",
+      "popover": "slate-950",
+      "popover-foreground": "slate-50",
+      "primary": "slate-50",
+      "primary-foreground": "slate-900",
+      "secondary": "slate-800",
+      "secondary-foreground": "slate-50",
+      "muted": "slate-800",
+      "muted-foreground": "slate-400",
+      "accent": "slate-800",
+      "accent-foreground": "slate-50",
+      "destructive": "red-900",
+      "destructive-foreground": "slate-50",
+      "border": "slate-800",
+      "input": "slate-800",
+      "ring": "slate-300"
+    }
+  },
+  "cssVars": {
+    "light": {
+      "background": "0 0% 100%",
+      "foreground": "222.2 84% 4.9%",
+      "card": "0 0% 100%",
+      "card-foreground": "222.2 84% 4.9%",
+      "popover": "0 0% 100%",
+      "popover-foreground": "222.2 84% 4.9%",
+      "primary": "222.2 47.4% 11.2%",
+      "primary-foreground": "210 40% 98%",
+      "secondary": "210 40% 96.1%",
+      "secondary-foreground": "222.2 47.4% 11.2%",
+      "muted": "210 40% 96.1%",
+      "muted-foreground": "215.4 16.3% 46.9%",
+      "accent": "210 40% 96.1%",
+      "accent-foreground": "222.2 47.4% 11.2%",
+      "destructive": "0 84.2% 60.2%",
+      "destructive-foreground": "210 40% 98%",
+      "border": "214.3 31.8% 91.4%",
+      "input": "214.3 31.8% 91.4%",
+      "ring": "222.2 84% 4.9%"
+    },
+    "dark": {
+      "background": "222.2 84% 4.9%",
+      "foreground": "210 40% 98%",
+      "card": "222.2 84% 4.9%",
+      "card-foreground": "210 40% 98%",
+      "popover": "222.2 84% 4.9%",
+      "popover-foreground": "210 40% 98%",
+      "primary": "210 40% 98%",
+      "primary-foreground": "222.2 47.4% 11.2%",
+      "secondary": "217.2 32.6% 17.5%",
+      "secondary-foreground": "210 40% 98%",
+      "muted": "217.2 32.6% 17.5%",
+      "muted-foreground": "215 20.2% 65.1%",
+      "accent": "217.2 32.6% 17.5%",
+      "accent-foreground": "210 40% 98%",
+      "destructive": "0 62.8% 30.6%",
+      "destructive-foreground": "210 40% 98%",
+      "border": "217.2 32.6% 17.5%",
+      "input": "217.2 32.6% 17.5%",
+      "ring": "212.7 26.8% 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: 222.2 84% 4.9%;\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n    --ring: 222.2 84% 4.9%;\n  }\n \n  .dark {\n    --background: 222.2 84% 4.9%;\n    --foreground: 210 40% 98%;\n    --muted: 217.2 32.6% 17.5%;\n    --muted-foreground: 215 20.2% 65.1%;\n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n    --accent: 217.2 32.6% 17.5%;\n    --accent-foreground: 210 40% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n    --ring: 212.7 26.8% 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: 222.2 84% 4.9%;\n    --muted: 210 40% 96.1%;\n    --muted-foreground: 215.4 16.3% 46.9%;\n    --popover: 0 0% 100%;\n    --popover-foreground: 222.2 84% 4.9%;\n    --card: 0 0% 100%;\n    --card-foreground: 222.2 84% 4.9%;\n    --border: 214.3 31.8% 91.4%;\n    --input: 214.3 31.8% 91.4%;\n    --primary: 222.2 47.4% 11.2%;\n    --primary-foreground: 210 40% 98%;\n    --secondary: 210 40% 96.1%;\n    --secondary-foreground: 222.2 47.4% 11.2%;\n    --accent: 210 40% 96.1%;\n    --accent-foreground: 222.2 47.4% 11.2%;\n    --destructive: 0 84.2% 60.2%;\n    --destructive-foreground: 210 40% 98%;\n    --ring: 222.2 84% 4.9%;\n  }\n \n  .dark {\n    --background: 222.2 84% 4.9%;\n    --foreground: 210 40% 98%;\n    --muted: 217.2 32.6% 17.5%;\n    --muted-foreground: 215 20.2% 65.1%;\n    --popover: 222.2 84% 4.9%;\n    --popover-foreground: 210 40% 98%;\n    --card: 222.2 84% 4.9%;\n    --card-foreground: 210 40% 98%;\n    --border: 217.2 32.6% 17.5%;\n    --input: 217.2 32.6% 17.5%;\n    --primary: 210 40% 98%;\n    --primary-foreground: 222.2 47.4% 11.2%;\n    --secondary: 217.2 32.6% 17.5%;\n    --secondary-foreground: 210 40% 98%;\n    --accent: 217.2 32.6% 17.5%;\n    --accent-foreground: 210 40% 98%;\n    --destructive: 0 62.8% 30.6%;\n    --destructive-foreground: 210 40% 98%;\n    --ring: 212.7 26.8% 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}"
+    }
+  }
+}