@codefast/ui 0.3.9 → 0.3.10

package/dist/css/orange.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(75% .183 55.934);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(64.6% .222 41.116);--primary-foreground:oklch(98% .016 73.684);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(64.6% .222 41.116);--sidebar-primary-foreground:oklch(98% .016 73.684);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(75% .183 55.934);--chart-1:oklch(83.7% .128 66.29);--chart-2:oklch(70.5% .213 47.604);--chart-3:oklch(64.6% .222 41.116);--chart-4:oklch(55.3% .195 38.402);--chart-5:oklch(47% .157 37.304)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40.8% .123 38.172);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(70.5% .213 47.604);--primary-foreground:oklch(98% .016 73.684);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(70.5% .213 47.604);--sidebar-primary-foreground:oklch(98% .016 73.684);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(40.8% .123 38.172);--chart-1:oklch(83.7% .128 66.29);--chart-2:oklch(70.5% .213 47.604);--chart-3:oklch(64.6% .222 41.116);--chart-4:oklch(55.3% .195 38.402);--chart-5:oklch(47% .157 37.304)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.75 0.183 55.934); /* --color-orange-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.646 0.222 41.116); /* --color-orange-600 */
+  --primary-foreground: oklch(0.98 0.016 73.684); /* --color-orange-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.646 0.222 41.116); /* --color-orange-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.016 73.684); /* --color-orange-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.75 0.183 55.934); /* --color-orange-400 */
+
+  --chart-1: oklch(0.837 0.128 66.29); /* --color-orange-300 */
+  --chart-2: oklch(0.705 0.213 47.604); /* --color-orange-500 */
+  --chart-3: oklch(0.646 0.222 41.116); /* --color-orange-600 */
+  --chart-4: oklch(0.553 0.195 38.402); /* --color-orange-700 */
+  --chart-5: oklch(0.47 0.157 37.304); /* --color-orange-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.408 0.123 38.172); /* --color-orange-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.705 0.213 47.604); /* --color-orange-500 */
+  --primary-foreground: oklch(0.98 0.016 73.684); /* --color-orange-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 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --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 */
+
+  --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.705 0.213 47.604); /* --color-orange-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.016 73.684); /* --color-orange-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.408 0.123 38.172); /* --color-orange-900 */
+
+  --chart-1: oklch(0.837 0.128 66.29); /* --color-orange-300 */
+  --chart-2: oklch(0.705 0.213 47.604); /* --color-orange-500 */
+  --chart-3: oklch(0.646 0.222 41.116); /* --color-orange-600 */
+  --chart-4: oklch(0.553 0.195 38.402); /* --color-orange-700 */
+  --chart-5: oklch(0.47 0.157 37.304); /* --color-orange-800 */
+}

package/dist/css/pink.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(73% .18 350);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(59% .22 1);--primary-foreground:oklch(97% .01 343);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(59% .22 1);--sidebar-primary-foreground:oklch(97% .01 343);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(73% .18 350);--chart-1:oklch(82% .11 346);--chart-2:oklch(73% .18 350);--chart-3:oklch(66% .21 354);--chart-4:oklch(59% .22 1);--chart-5:oklch(52% .2 4)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(41% .14 2);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(66% .21 354);--primary-foreground:oklch(97% .01 343);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(66% .21 354);--sidebar-primary-foreground:oklch(97% .01 343);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(41% .14 2);--chart-1:oklch(82% .11 346);--chart-2:oklch(73% .18 350);--chart-3:oklch(66% .21 354);--chart-4:oklch(59% .22 1);--chart-5:oklch(52% .2 4)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.73 0.18 350); /* --color-pink-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.59 0.22 1); /* --color-pink-600 */
+  --primary-foreground: oklch(0.97 0.01 343); /* --color-pink-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.59 0.22 1); /* --color-pink-600 */
+  --sidebar-primary-foreground: oklch(0.97 0.01 343); /* --color-pink-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.73 0.18 350); /* --color-pink-400 */
+
+  --chart-1: oklch(0.82 0.11 346); /* --color-pink-300 */
+  --chart-2: oklch(0.73 0.18 350); /* --color-pink-400 */
+  --chart-3: oklch(0.66 0.21 354); /* --color-pink-500 */
+  --chart-4: oklch(0.59 0.22 1); /* --color-pink-600 */
+  --chart-5: oklch(0.52 0.2 4); /* --color-pink-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.41 0.14 2); /* --color-pink-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.66 0.21 354); /* --color-pink-500 */
+  --primary-foreground: oklch(0.97 0.01 343); /* --color-pink-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 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --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 */
+
+  --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.66 0.21 354); /* --color-pink-500 */
+  --sidebar-primary-foreground: oklch(0.97 0.01 343); /* --color-pink-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.14 2); /* --color-pink-900 */
+
+  --chart-1: oklch(0.82 0.11 346); /* --color-pink-300 */
+  --chart-2: oklch(0.73 0.18 350); /* --color-pink-400 */
+  --chart-3: oklch(0.66 0.21 354); /* --color-pink-500 */
+  --chart-4: oklch(0.59 0.22 1); /* --color-pink-600 */
+  --chart-5: oklch(0.52 0.2 4); /* --color-pink-700 */
+}

package/dist/css/preset.css

@@ -1 +1,118 @@
-@import "tw-animate-css";@source "../**/*.js";@theme inline{--color-input: var(--input); --color-border: var(--border); --color-ring: var(--ring); --color-background: var(--background); --color-foreground: var(--foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-destructive: var(--destructive); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5);}@theme{--ease-ui: cubic-bezier(.32,.72,0,1);}@layer base{*,:after,:before,::backdrop{border-color:var(--color-border);outline-color:color-mix(in oklab,var(--color-ring)20%,transparent)}::file-selector-button{border-color:var(--color-border);outline-color:color-mix(in oklab,var(--color-ring)20%,transparent)}::-webkit-scrollbar{@apply size-2;}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-border rounded-full;}*{scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}html,body{background-color:var(--color-background);color:var(--color-foreground)}input{&::-webkit-search-cancel-button{appearance:none}&::-webkit-search-decoration{appearance:none}&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&[type=number]{-moz-appearance:textfield}}}@custom-variant dark (&:where(.dark,.dark*));
+@import 'tw-animate-css';
+
+@source '../**/*.js';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+:root {
+  --radius: 0.375rem;
+}
+
+@theme inline {
+  --color-input: var(--input);
+  --color-border: var(--border);
+
+  --color-ring: var(--ring);
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+
+  --color-destructive: var(--destructive);
+
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  --radius-xs: max(0px, calc(var(--radius) - 4px));
+  --radius-sm: max(0px, calc(var(--radius) - 2px));
+  --radius-md: var(--radius);
+  --radius-lg: calc(var(--radius) + 2px);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 6px);
+  --radius-3xl: calc(var(--radius) + 8px);
+  --radius-4xl: calc(var(--radius) + 10px);
+}
+
+@theme {
+  --ease-ui: cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-border);
+    outline-color: color-mix(in oklab, var(--color-ring) 20%, transparent);
+  }
+
+  ::-webkit-scrollbar {
+    @apply size-2;
+  }
+
+  ::-webkit-scrollbar-track {
+    @apply bg-transparent;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    @apply bg-border rounded-full;
+  }
+
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-border) transparent;
+  }
+
+  html,
+  body {
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+  }
+
+  input {
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-decoration {
+      appearance: none;
+    }
+
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+
+    &[type='number'] {
+      -moz-appearance: textfield;
+    }
+  }
+}

package/dist/css/purple.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(72% .18 306);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(56% .25 302);--primary-foreground:oklch(98% .01 308);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(56% .25 302);--sidebar-primary-foreground:oklch(98% .01 308);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(72% .18 306);--chart-1:oklch(83% .11 306);--chart-2:oklch(72% .18 306);--chart-3:oklch(63% .23 304);--chart-4:oklch(56% .25 302);--chart-5:oklch(50% .24 302)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(38% .17 305);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(63% .23 304);--primary-foreground:oklch(98% .01 308);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(63% .23 304);--sidebar-primary-foreground:oklch(98% .01 308);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(38% .17 305);--chart-1:oklch(83% .11 306);--chart-2:oklch(72% .18 306);--chart-3:oklch(63% .23 304);--chart-4:oklch(56% .25 302);--chart-5:oklch(50% .24 302)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.72 0.18 306); /* --color-purple-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.56 0.25 302); /* --color-purple-600 */
+  --primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.56 0.25 302); /* --color-purple-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 308); /* --color-purple-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.72 0.18 306); /* --color-purple-400 */
+
+  --chart-1: oklch(0.83 0.11 306); /* --color-purple-300 */
+  --chart-2: oklch(0.72 0.18 306); /* --color-purple-400 */
+  --chart-3: oklch(0.63 0.23 304); /* --color-purple-500 */
+  --chart-4: oklch(0.56 0.25 302); /* --color-purple-600 */
+  --chart-5: oklch(0.5 0.24 302); /* --color-purple-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.38 0.17 305); /* --color-purple-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.63 0.23 304); /* --color-purple-500 */
+  --primary-foreground: oklch(0.98 0.01 308); /* --color-purple-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 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --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 */
+
+  --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.63 0.23 304); /* --color-purple-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 308); /* --color-purple-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.17 305); /* --color-purple-900 */
+
+  --chart-1: oklch(0.83 0.11 306); /* --color-purple-300 */
+  --chart-2: oklch(0.72 0.18 306); /* --color-purple-400 */
+  --chart-3: oklch(0.63 0.23 304); /* --color-purple-500 */
+  --chart-4: oklch(0.56 0.25 302); /* --color-purple-600 */
+  --chart-5: oklch(0.5 0.24 302); /* --color-purple-700 */
+}

package/dist/css/red.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.4% .191 22.216);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(57.7% .245 27.325);--primary-foreground:oklch(97.1% .013 17.38);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(57.7% .245 27.325);--sidebar-primary-foreground:oklch(97.1% .013 17.38);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(70.4% .191 22.216);--chart-1:oklch(80.8% .114 19.571);--chart-2:oklch(63.7% .237 25.331);--chart-3:oklch(57.7% .245 27.325);--chart-4:oklch(50.5% .213 27.518);--chart-5:oklch(44.4% .177 26.899)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(39.6% .141 25.723);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(63.7% .237 25.331);--primary-foreground:oklch(97.1% .013 17.38);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(63.7% .237 25.331);--sidebar-primary-foreground:oklch(97.1% .013 17.38);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(39.6% .141 25.723);--chart-1:oklch(80.8% .114 19.571);--chart-2:oklch(63.7% .237 25.331);--chart-3:oklch(57.7% .245 27.325);--chart-4:oklch(50.5% .213 27.518);--chart-5:oklch(44.4% .177 26.899)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.577 0.245 27.325); /* --color-red-600 */
+  --primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.577 0.245 27.325); /* --color-red-600 */
+  --sidebar-primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --chart-1: oklch(0.808 0.114 19.571); /* --color-red-300 */
+  --chart-2: oklch(0.637 0.237 25.331); /* --color-red-500 */
+  --chart-3: oklch(0.577 0.245 27.325); /* --color-red-600 */
+  --chart-4: oklch(0.505 0.213 27.518); /* --color-red-700 */
+  --chart-5: oklch(0.444 0.177 26.899); /* --color-red-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.396 0.141 25.723); /* --color-red-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.637 0.237 25.331); /* --color-red-500 */
+  --primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-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 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --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 */
+
+  --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.637 0.237 25.331); /* --color-red-500 */
+  --sidebar-primary-foreground: oklch(0.971 0.013 17.38); /* --color-red-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.396 0.141 25.723); /* --color-red-900 */
+
+  --chart-1: oklch(0.808 0.114 19.571); /* --color-red-300 */
+  --chart-2: oklch(0.637 0.237 25.331); /* --color-red-500 */
+  --chart-3: oklch(0.577 0.245 27.325); /* --color-red-600 */
+  --chart-4: oklch(0.505 0.213 27.518); /* --color-red-700 */
+  --chart-5: oklch(0.444 0.177 26.899); /* --color-red-800 */
+}

package/dist/css/rose.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(71.2% .194 13.428);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(58.6% .253 17.585);--primary-foreground:oklch(96.9% .015 12.422);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(58.6% .253 17.585);--sidebar-primary-foreground:oklch(96.9% .015 12.422);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(71.2% .194 13.428);--chart-1:oklch(81% .117 11.638);--chart-2:oklch(64.5% .246 16.439);--chart-3:oklch(58.6% .253 17.585);--chart-4:oklch(51.4% .222 16.935);--chart-5:oklch(45.5% .188 13.697)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(41% .159 10.272);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(64.5% .246 16.439);--primary-foreground:oklch(96.9% .015 12.422);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(64.5% .246 16.439);--sidebar-primary-foreground:oklch(96.9% .015 12.422);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(41% .159 10.272);--chart-1:oklch(81% .117 11.638);--chart-2:oklch(64.5% .246 16.439);--chart-3:oklch(58.6% .253 17.585);--chart-4:oklch(51.4% .222 16.935);--chart-5:oklch(45.5% .188 13.697)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.712 0.194 13.428); /* --color-rose-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.586 0.253 17.585); /* --color-rose-600 */
+  --primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.586 0.253 17.585); /* --color-rose-600 */
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422); /* --color-rose-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.712 0.194 13.428); /* --color-rose-400 */
+
+  --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 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.41 0.159 10.272); /* --color-rose-900 */
+
+  --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 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --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 */
+
+  --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 */
+}