@codefast/ui 0.4.0-canary.6 → 0.5.0-canary.0

package/src/css/themes/rose.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Rose theme
  *
- * Color tokens for the rose palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the rose palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.514 0.222 16.935); /* --color-rose-700 */
   --chart-5: oklch(0.455 0.188 13.697); /* --color-rose-800 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
-    --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --primary: oklch(0.645 0.246 16.439); /* --color-rose-500 */
-    --primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
-
-    --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
-
-    --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.41 0.159 10.272); /* --color-rose-900 */
-
-    --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-primary: oklch(0.645 0.246 16.439); /* --color-rose-500 */
-    --sidebar-primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
-    --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.41 0.159 10.272); /* --color-rose-900 */
-
-    --chart-1: oklch(0.81 0.117 11.638); /* --color-rose-300 */
-    --chart-2: oklch(0.645 0.246 16.439); /* --color-rose-500 */
-    --chart-3: oklch(0.586 0.253 17.585); /* --color-rose-600 */
-    --chart-4: oklch(0.514 0.222 16.935); /* --color-rose-700 */
-    --chart-5: oklch(0.455 0.188 13.697); /* --color-rose-800 */
-  }
-}

package/src/css/themes/sky.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Sky theme
  *
- * Color tokens for the sky palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the sky palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.5 0.12 243); /* --color-sky-700 */
   --chart-5: oklch(0.44 0.1 241); /* --color-sky-800 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
-    --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --primary: oklch(0.68 0.15 237); /* --color-sky-500 */
-    --primary-foreground: oklch(0.98 0.01 237); /* --color-sky-50 */
-
-    --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
-
-    --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.39 0.08 241); /* --color-sky-900 */
-
-    --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-primary: oklch(0.68 0.15 237); /* --color-sky-500 */
-    --sidebar-primary-foreground: oklch(0.98 0.01 237); /* --color-sky-50 */
-    --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.39 0.08 241); /* --color-sky-900 */
-
-    --chart-1: oklch(0.83 0.1 230); /* --color-sky-300 */
-    --chart-2: oklch(0.68 0.15 237); /* --color-sky-500 */
-    --chart-3: oklch(0.59 0.14 242); /* --color-sky-600 */
-    --chart-4: oklch(0.5 0.12 243); /* --color-sky-700 */
-    --chart-5: oklch(0.44 0.1 241); /* --color-sky-800 */
-  }
-}

package/src/css/themes/slate.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Slate theme
  *
- * Color tokens for the slate palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the slate palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
   --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.13 0.04 265); /* --color-slate-950 */
-    --foreground: oklch(0.98 0 248); /* --color-slate-50 */
-
-    --primary: oklch(0.93 0.01 256); /* --color-slate-200 */
-    --primary-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
-
-    --secondary: oklch(0.28 0.04 260); /* --color-slate-800 */
-    --secondary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.28 0.04 260); /* --color-slate-800 */
-    --muted-foreground: oklch(0.71 0.04 257); /* --color-slate-400 */
-
-    --accent: oklch(0.28 0.04 260); /* --color-slate-800 */
-    --accent-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-
-    --popover: oklch(0.21 0.04 266); /* --color-slate-900 */
-    --popover-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-
-    --card: oklch(0.21 0.04 266); /* --color-slate-900 */
-    --card-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.55 0.04 257); /* --color-slate-500 */
-
-    --sidebar: oklch(0.21 0.04 266); /* --color-slate-900 */
-    --sidebar-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-    --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
-    --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-    --sidebar-accent: oklch(0.28 0.04 260); /* --color-slate-800 */
-    --sidebar-accent-foreground: oklch(0.98 0 248); /* --color-slate-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.55 0.04 257); /* --color-slate-500 */
-
-    --chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
-    --chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
-    --chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
-    --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
-    --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
-  }
-}

package/src/css/themes/stone.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Stone theme
  *
- * Color tokens for the stone palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the stone palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
   --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.147 0.004 49.25); /* --color-stone-950 */
-    --foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-
-    --primary: oklch(0.923 0.003 48.717); /* --color-stone-200 */
-    --primary-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
-
-    --secondary: oklch(0.268 0.007 34.298); /* --color-stone-800 */
-    --secondary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-500 */
-
-    --muted: oklch(0.268 0.007 34.298); /* --color-stone-800 */
-    --muted-foreground: oklch(0.709 0.01 56.259); /* --color-stone-400 */
-
-    --accent: oklch(0.268 0.007 34.298); /* --color-stone-800 */
-    --accent-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-
-    --popover: oklch(0.216 0.006 56.043); /* --color-stone-900 */
-    --popover-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-
-    --card: oklch(0.216 0.006 56.043); /* --color-stone-900 */
-    --card-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.553 0.013 58.071); /* --color-stone-500 */
-
-    --sidebar: oklch(0.216 0.006 56.043); /* --color-stone-900 */
-    --sidebar-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-    --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
-    --sidebar-primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-    --sidebar-accent: oklch(0.268 0.007 34.298); /* --color-stone-800 */
-    --sidebar-accent-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.553 0.013 58.071); /* --color-stone-500 */
-
-    --chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
-    --chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
-    --chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
-    --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
-    --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
-  }
-}

package/src/css/themes/teal.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Teal theme
  *
- * Color tokens for the teal palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the teal palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.6 0.1 185); /* --color-teal-600 */
   --chart-5: oklch(0.51 0.09 186); /* --color-teal-700 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
-    --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --primary: oklch(0.7 0.12 183); /* --color-teal-500 */
-    --primary-foreground: oklch(0.98 0.01 181); /* --color-teal-50 */
-
-    --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
-
-    --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.39 0.06 188); /* --color-teal-900 */
-
-    --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-primary: oklch(0.7 0.12 183); /* --color-teal-500 */
-    --sidebar-primary-foreground: oklch(0.98 0.01 181); /* --color-teal-50 */
-    --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.39 0.06 188); /* --color-teal-900 */
-
-    --chart-1: oklch(0.85 0.13 181); /* --color-teal-300 */
-    --chart-2: oklch(0.78 0.13 182); /* --color-teal-400 */
-    --chart-3: oklch(0.7 0.12 183); /* --color-teal-500 */
-    --chart-4: oklch(0.6 0.1 185); /* --color-teal-600 */
-    --chart-5: oklch(0.51 0.09 186); /* --color-teal-700 */
-  }
-}

package/src/css/themes/violet.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Violet theme
  *
- * Color tokens for the violet palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the violet palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.491 0.27 292.581); /* --color-violet-700 */
   --chart-5: oklch(0.432 0.232 292.759); /* --color-violet-800 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
-    --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --primary: oklch(0.606 0.25 292.717); /* --color-violet-500 */
-    --primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-50 */
-
-    --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
-
-    --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.38 0.189 293.745); /* --color-violet-900 */
-
-    --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-primary: oklch(0.606 0.25 292.717); /* --color-violet-500 */
-    --sidebar-primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-50 */
-    --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.38 0.189 293.745); /* --color-violet-900 */
-
-    --chart-1: oklch(0.811 0.111 293.571); /* --color-violet-300 */
-    --chart-2: oklch(0.606 0.25 292.717); /* --color-violet-500 */
-    --chart-3: oklch(0.541 0.281 293.009); /* --color-violet-600 */
-    --chart-4: oklch(0.491 0.27 292.581); /* --color-violet-700 */
-    --chart-5: oklch(0.432 0.232 292.759); /* --color-violet-800 */
-  }
-}

package/src/css/themes/yellow.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Yellow theme
  *
- * Color tokens for the yellow palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the yellow palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.554 0.135 66.442); /* --color-yellow-700 */
   --chart-5: oklch(0.476 0.114 61.907); /* --color-yellow-800 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
-    --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --primary: oklch(0.795 0.184 86.047); /* --color-yellow-500 */
-    --primary-foreground: oklch(0.421 0.095 57.708); /* --color-yellow-900 */
-
-    --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
-
-    --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.421 0.095 57.708); /* --color-yellow-900 */
-
-    --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-primary: oklch(0.795 0.184 86.047); /* --color-yellow-500 */
-    --sidebar-primary-foreground: oklch(0.987 0.026 102.212); /* --color-yellow-50 */
-    --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.421 0.095 57.708); /* --color-yellow-900 */
-
-    --chart-1: oklch(0.905 0.182 98.111); /* --color-yellow-300 */
-    --chart-2: oklch(0.795 0.184 86.047); /* --color-yellow-500 */
-    --chart-3: oklch(0.681 0.162 75.834); /* --color-yellow-600 */
-    --chart-4: oklch(0.554 0.135 66.442); /* --color-yellow-700 */
-    --chart-5: oklch(0.476 0.114 61.907); /* --color-yellow-800 */
-  }
-}

package/src/css/themes/zinc.css

@@ -1,8 +1,8 @@
 /* -------------------------------------------------------------------------
  * Zinc theme
  *
- * Color tokens for the zinc palette across the light (`:root`),
- * `.dark`, and system-preference variants. Trailing comments note the source
+ * Color tokens for the zinc palette across the light (`:root`) and
+ * `.dark` variants. Trailing comments note the source
  * palette swatch for each value.
  * ------------------------------------------------------------------------- */
 
@@ -111,51 +111,3 @@
   --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
   --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
 }
-
-@media (prefers-color-scheme: dark) {
-  :root:not(.light) {
-    /* System-preference dark — applied when no explicit .light is set. */
-
-    --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
-    --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --primary: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
-    --primary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-
-    --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
-
-    --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
-
-    --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-
-    --border: oklch(1 0 0 / 10%); /* --color-white */
-    --input: oklch(1 0 0 / 15%); /* --color-white */
-    --ring: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
-
-    --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
-    --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
-    --sidebar-primary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
-    --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
-    --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
-    --sidebar-ring: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
-
-    --chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
-    --chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
-    --chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
-    --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
-    --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
-  }
-}

package/src/variants/sheet.ts

@@ -16,9 +16,9 @@ const sheetContentVariants = tv({
   variants: {
     side: {
       bottom: "inset-x-0 bottom-0 h-auto border-t data-open:slide-in-from-bottom-10 data-closed:slide-out-to-bottom-10",
-      left: "inset-y-0 start-0 h-full w-3/4 border-e sm:max-w-sm data-open:slide-in-from-left-10 data-closed:slide-out-to-left-10",
+      left: "inset-y-0 inset-s-0 h-full w-3/4 border-e sm:max-w-sm data-open:slide-in-from-left-10 data-closed:slide-out-to-left-10",
       right:
-        "inset-y-0 end-0 h-full w-3/4 border-s sm:max-w-sm data-open:slide-in-from-right-10 data-closed:slide-out-to-right-10",
+        "inset-y-0 inset-e-0 h-full w-3/4 border-s sm:max-w-sm data-open:slide-in-from-right-10 data-closed:slide-out-to-right-10",
       top: "inset-x-0 top-0 h-auto border-b data-open:slide-in-from-top-10 data-closed:slide-out-to-top-10",
     },
   },