@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/css/indigo.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(68% .16 277);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(51% .23 277);--primary-foreground:oklch(96% .02 272);--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(51% .23 277);--sidebar-primary-foreground:oklch(96% .02 272);--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(68% .16 277);--chart-1:oklch(79% .1 275);--chart-2:oklch(68% .16 277);--chart-3:oklch(59% .2 277);--chart-4:oklch(51% .23 277);--chart-5:oklch(46% .21 277)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(36% .14 279);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(59% .2 277);--primary-foreground:oklch(96% .02 272);--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(59% .2 277);--sidebar-primary-foreground:oklch(96% .02 272);--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(36% .14 279);--chart-1:oklch(79% .1 275);--chart-2:oklch(68% .16 277);--chart-3:oklch(59% .2 277);--chart-4:oklch(51% .23 277);--chart-5:oklch(46% .21 277)}
+: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.68 0.16 277); /* --color-indigo-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-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.51 0.23 277); /* --color-indigo-600 */
+  --sidebar-primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-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.68 0.16 277); /* --color-indigo-400 */
+
+  --chart-1: oklch(0.79 0.1 275); /* --color-indigo-300 */
+  --chart-2: oklch(0.68 0.16 277); /* --color-indigo-400 */
+  --chart-3: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --chart-4: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --chart-5: oklch(0.46 0.21 277); /* --color-indigo-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.36 0.14 279); /* --color-indigo-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-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.59 0.2 277); /* --color-indigo-500 */
+  --sidebar-primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-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.36 0.14 279); /* --color-indigo-900 */
+
+  --chart-1: oklch(0.79 0.1 275); /* --color-indigo-300 */
+  --chart-2: oklch(0.68 0.16 277); /* --color-indigo-400 */
+  --chart-3: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --chart-4: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --chart-5: oklch(0.46 0.21 277); /* --color-indigo-700 */
+}

package/dist/css/lime.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(85% .21 129);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(65% .18 132);--primary-foreground:oklch(98.6% .031 120.757);--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(65% .18 132);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--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(85% .21 129);--chart-1:oklch(90% .18 127);--chart-2:oklch(85% .21 129);--chart-3:oklch(77% .2 131);--chart-4:oklch(65% .18 132);--chart-5:oklch(53% .14 132)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40.5% .101 131.063);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(65% .18 132);--primary-foreground:oklch(98.6% .031 120.757);--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(76.8% .233 130.85);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--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.5% .101 131.063);--chart-1:oklch(90% .18 127);--chart-2:oklch(85% .21 129);--chart-3:oklch(77% .2 131);--chart-4:oklch(65% .18 132);--chart-5:oklch(53% .14 132)}
+: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.85 0.21 129); /* --color-lime-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-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.65 0.18 132); /* --color-lime-600 */
+  --sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-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.85 0.21 129); /* --color-lime-400 */
+
+  --chart-1: oklch(0.9 0.18 127); /* --color-lime-300 */
+  --chart-2: oklch(0.85 0.21 129); /* --color-lime-400 */
+  --chart-3: oklch(0.77 0.2 131); /* --color-lime-500 */
+  --chart-4: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --chart-5: oklch(0.53 0.14 132); /* --color-lime-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-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.768 0.233 130.85); /* --color-lime-500 */
+  --sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-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.405 0.101 131.063); /* --color-lime-900 */
+
+  --chart-1: oklch(0.9 0.18 127); /* --color-lime-300 */
+  --chart-2: oklch(0.85 0.21 129); /* --color-lime-400 */
+  --chart-3: oklch(0.77 0.2 131); /* --color-lime-500 */
+  --chart-4: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --chart-5: oklch(0.53 0.14 132); /* --color-lime-700 */
+}

package/dist/css/neutral.css

@@ -1 +1,95 @@
-:root{--input:oklch(92.2% 0 0);--border:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55.6% 0 0);--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(37.1% 0 0);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--popover:oklch(26.9% 0 0);--popover-foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(43.9% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}
+:root {
+  --input: oklch(0.922 0 0); /* --color-neutral-200 */
+  --border: oklch(0.922 0 0); /* --color-neutral-200 */
+
+  --ring: oklch(0.708 0 0); /* --color-neutral-400 */
+
+  --background: oklch(1 0 0); /* --color-neutral-50 */
+  --foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --primary: oklch(0.205 0 0); /* --color-neutral-900 */
+  --primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --secondary: oklch(0.97 0 0); /* --color-neutral-100 */
+  --secondary-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.97 0 0); /* --color-neutral-100 */
+  --accent-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --muted: oklch(0.97 0 0); /* --color-neutral-100 */
+  --muted-foreground: oklch(0.556 0 0); /* --color-neutral-500 */
+
+  --popover: oklch(1 0 0); /* --color-neutral-50 */
+  --popover-foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --card: oklch(1 0 0); /* --color-neutral-50 */
+  --card-foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-neutral-50 */
+  --sidebar-foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --sidebar-primary: oklch(0.205 0 0); /* --color-neutral-900 */
+  --sidebar-primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-accent: oklch(0.97 0 0); /* --color-neutral-100 */
+  --sidebar-accent-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --sidebar-border: oklch(0.922 0 0); /* --color-neutral-200 */
+  --sidebar-ring: oklch(0.708 0 0); /* --color-neutral-400 */
+
+  --chart-1: var(--color-blue-300); /* --color-blue-300 */
+  --chart-2: var(--color-blue-500); /* --color-blue-500 */
+  --chart-3: var(--color-blue-600); /* --color-blue-600 */
+  --chart-4: var(--color-blue-700); /* --color-blue-700 */
+  --chart-5: var(--color-blue-800); /* --color-blue-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.556 0 0); /* --color-neutral-500 */
+
+  --background: oklch(0.145 0 0); /* --color-neutral-950 */
+  --foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --primary: oklch(0.922 0 0); /* --color-neutral-200 */
+  --primary-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --secondary: oklch(0.269 0 0); /* --color-neutral-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.371 0 0); /* --color-neutral-700 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --muted: oklch(0.269 0 0); /* --color-neutral-800 */
+  --muted-foreground: oklch(0.708 0 0); /* --color-neutral-400 */
+
+  --popover: oklch(0.269 0 0); /* --color-neutral-800 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --card: oklch(0.205 0 0); /* --color-neutral-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar: oklch(0.205 0 0); /* --color-neutral-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --sidebar-primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-accent: oklch(0.269 0 0); /* --color-neutral-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.439 0 0); /* --color-neutral-600 */
+
+  --chart-1: var(--color-blue-300); /* --color-blue-300 */
+  --chart-2: var(--color-blue-500); /* --color-blue-500 */
+  --chart-3: var(--color-blue-600); /* --color-blue-600 */
+  --chart-4: var(--color-blue-700); /* --color-blue-700 */
+  --chart-5: var(--color-blue-800); /* --color-blue-800 */
+}

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 rounded-full bg-border;
+  }
+
+  * {
+    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;
+    }
+  }
+}