@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/css/teal.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(78% .13 182);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(60% .1 185);--primary-foreground:oklch(98% .01 181);--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(60% .1 185);--sidebar-primary-foreground:oklch(98% .01 181);--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(78% .13 182);--chart-1:oklch(85% .13 181);--chart-2:oklch(78% .13 182);--chart-3:oklch(70% .12 183);--chart-4:oklch(60% .1 185);--chart-5:oklch(51% .09 186)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(39% .06 188);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(70% .12 183);--primary-foreground:oklch(98% .01 181);--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% .12 183);--sidebar-primary-foreground:oklch(98% .01 181);--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% .06 188);--chart-1:oklch(85% .13 181);--chart-2:oklch(78% .13 182);--chart-3:oklch(70% .12 183);--chart-4:oklch(60% .1 185);--chart-5:oklch(51% .09 186)}
+: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.78 0.13 182); /* --color-teal-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.6 0.1 185); /* --color-teal-600 */
+  --primary-foreground: oklch(0.98 0.01 181); /* --color-teal-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.6 0.1 185); /* --color-teal-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 181); /* --color-teal-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.78 0.13 182); /* --color-teal-400 */
+
+  --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 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.39 0.06 188); /* --color-teal-900 */
+
+  --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 */
+
+  --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.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/dist/css/violet.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.2% .183 293.541);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(54.1% .281 293.009);--primary-foreground:oklch(96.9% .016 293.756);--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(54.1% .281 293.009);--sidebar-primary-foreground:oklch(96.9% .016 293.756);--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.2% .183 293.541);--chart-1:oklch(81.1% .111 293.571);--chart-2:oklch(60.6% .25 292.717);--chart-3:oklch(54.1% .281 293.009);--chart-4:oklch(49.1% .27 292.581);--chart-5:oklch(43.2% .232 292.759)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(38% .189 293.745);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(60.6% .25 292.717);--primary-foreground:oklch(96.9% .016 293.756);--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(60.6% .25 292.717);--sidebar-primary-foreground:oklch(96.9% .016 293.756);--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% .189 293.745);--chart-1:oklch(81.1% .111 293.571);--chart-2:oklch(60.6% .25 292.717);--chart-3:oklch(54.1% .281 293.009);--chart-4:oklch(49.1% .27 292.581);--chart-5:oklch(43.2% .232 292.759)}
+: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.702 0.183 293.541); /* --color-violet-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.541 0.281 293.009); /* --color-violet-600 */
+  --primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-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.541 0.281 293.009); /* --color-violet-600 */
+  --sidebar-primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-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.702 0.183 293.541); /* --color-violet-400 */
+
+  --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 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.38 0.189 293.745); /* --color-violet-900 */
+
+  --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 */
+
+  --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.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/dist/css/yellow.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(85.2% .199 91.936);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(68.1% .162 75.834);--primary-foreground:oklch(98.7% .026 102.212);--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(68.1% .162 75.834);--sidebar-primary-foreground:oklch(98.7% .026 102.212);--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.2% .199 91.936);--chart-1:oklch(90.5% .182 98.111);--chart-2:oklch(79.5% .184 86.047);--chart-3:oklch(68.1% .162 75.834);--chart-4:oklch(55.4% .135 66.442);--chart-5:oklch(47.6% .114 61.907)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(42.1% .095 57.708);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(79.5% .184 86.047);--primary-foreground:oklch(42.1% .095 57.708);--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(79.5% .184 86.047);--sidebar-primary-foreground:oklch(98.7% .026 102.212);--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(42.1% .095 57.708);--chart-1:oklch(90.5% .182 98.111);--chart-2:oklch(79.5% .184 86.047);--chart-3:oklch(68.1% .162 75.834);--chart-4:oklch(55.4% .135 66.442);--chart-5:oklch(47.6% .114 61.907)}
+: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.852 0.199 91.936); /* --color-yellow-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.681 0.162 75.834); /* --color-yellow-600 */
+  --primary-foreground: oklch(0.987 0.026 102.212); /* --color-yellow-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.681 0.162 75.834); /* --color-yellow-600 */
+  --sidebar-primary-foreground: oklch(0.987 0.026 102.212); /* --color-yellow-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.852 0.199 91.936); /* --color-yellow-400 */
+
+  --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 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.421 0.095 57.708); /* --color-yellow-900 */
+
+  --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 */
+
+  --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.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/dist/css/zinc.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--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(21% .006 285.885);--sidebar-primary-foreground:oklch(98.5% 0 0);--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.5% .015 286.067);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55.2% .016 285.938);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--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(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--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(55.2% .016 285.938);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}
+: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.705 0.015 286.067); /* --color-zinc-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --primary-foreground: oklch(0.985 0 0); /* --color-zinc-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.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-primary-foreground: oklch(0.985 0 0); /* --color-zinc-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.705 0.015 286.067); /* --color-zinc-400 */
+
+  --chart-1: oklch(0.646 0.222 41.116); /* --color-orange-600 */
+  --chart-2: oklch(0.6 0.118 184.704); /* --color-teal-600 */
+  --chart-3: oklch(0.398 0.07 227.392); /* --color-cyan-900 */
+  --chart-4: oklch(0.828 0.189 84.429); /* --color-amber-400 */
+  --chart-5: oklch(0.769 0.188 70.08); /* --color-amber-500 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --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 */
+
+  --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.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/dist/hooks/use-animated-value.cjs

@@ -1,2 +1,75 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useAnimatedValue:()=>useAnimatedValue});const external_react_namespaceObject=require("react");function useAnimatedValue(e,_,r){let t=e??0,[a,c]=(0,external_react_namespaceObject.useState)(t),n=(0,external_react_namespaceObject.useRef)(t);return(0,external_react_namespaceObject.useEffect)(()=>{n.current=a},[a]),(0,external_react_namespaceObject.useEffect)(()=>{let e;if(!r)return void c(t);let a=n.current,u=t-a,i=performance.now();if(_<=0||0===u)return void c(t);let o=r=>{let n=r-i;if(n>=_)c(t);else{let r=n/_;c(a+u*(1-(1-r)*(1-r))),e=requestAnimationFrame(o)}};return e=requestAnimationFrame(o),()=>{cancelAnimationFrame(e)}},[t,_,r]),Math.round(a)}for(var __webpack_i__ in exports.useAnimatedValue=__webpack_exports__.useAnimatedValue,__webpack_exports__)-1===["useAnimatedValue"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useAnimatedValue: ()=>useAnimatedValue
+});
+const external_react_namespaceObject = require("react");
+function useAnimatedValue(targetValue, duration, animate) {
+    const actualTargetValue = targetValue ?? 0;
+    const [animatedValue, setAnimatedValue] = (0, external_react_namespaceObject.useState)(actualTargetValue);
+    const animatedValueRef = (0, external_react_namespaceObject.useRef)(actualTargetValue);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        animatedValueRef.current = animatedValue;
+    }, [
+        animatedValue
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!animate) return void setAnimatedValue(actualTargetValue);
+        const currentValue = animatedValueRef.current;
+        const valueRange = actualTargetValue - currentValue;
+        const startTime = performance.now();
+        if (duration <= 0 || 0 === valueRange) return void setAnimatedValue(actualTargetValue);
+        let animationFrame;
+        const animateValue = (currentTime)=>{
+            const elapsedTime = currentTime - startTime;
+            if (elapsedTime >= duration) setAnimatedValue(actualTargetValue);
+            else {
+                const progress = elapsedTime / duration;
+                const easeProgress = 1 - (1 - progress) * (1 - progress);
+                const nextValue = currentValue + valueRange * easeProgress;
+                setAnimatedValue(nextValue);
+                animationFrame = requestAnimationFrame(animateValue);
+            }
+        };
+        animationFrame = requestAnimationFrame(animateValue);
+        return ()=>{
+            cancelAnimationFrame(animationFrame);
+        };
+    }, [
+        actualTargetValue,
+        duration,
+        animate
+    ]);
+    return Math.round(animatedValue);
+}
+exports.useAnimatedValue = __webpack_exports__.useAnimatedValue;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useAnimatedValue"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/hooks/use-animated-value.d.ts

@@ -1,19 +1,18 @@
 /**
- * Hook to create a smoothly animated value when changes occur
+ * Produce a smoothly animated numeric value in response to changes.
  *
- * @param targetValue - The target value the animation should reach when complete
- * @param duration - The animation duration in milliseconds
- * @param animate - Enables the animation effect. If false, the value updates immediately
+ * Applies a time-based easing (easeOutQuad) between the current and target values
+ * over the specified duration. When disabled, the value updates immediately.
  *
- * @returns The rounded value currently being displayed during animation
+ * @param targetValue - Target number to animate toward; null resolves to 0.
+ * @param duration - Animation duration in milliseconds.
+ * @param animate - When false, bypasses animation and sets the value directly.
+ * @returns The current (rounded) animated value.
  *
  * @example
  * ```tsx
- * // Use the hook to create an animated value
- * const animatedValue = useAnimatedValue(75, 1000, true);
- *
- * // Display the animated value
- * return <div>{animatedValue}%</div>;
+ * const value = useAnimatedValue(75, 1000, true);
+ * return <div>{value}%</div>;
  * ```
  */
 export declare function useAnimatedValue(targetValue: null | number, duration: number, animate?: boolean): number;

package/dist/hooks/use-animated-value.js

@@ -1,2 +1,41 @@
 "use client";
-import{useEffect as e,useRef as r,useState as t}from"react";function n(n,i,a){let o=n??0,[u,m]=t(o),l=r(o);return e(()=>{l.current=u},[u]),e(()=>{let e;if(!a)return void m(o);let r=l.current,t=o-r,n=performance.now();if(i<=0||0===t)return void m(o);let u=a=>{let l=a-n;if(l>=i)m(o);else{let n=l/i;m(r+t*(1-(1-n)*(1-n))),e=requestAnimationFrame(u)}};return e=requestAnimationFrame(u),()=>{cancelAnimationFrame(e)}},[o,i,a]),Math.round(u)}export{n as useAnimatedValue};
+import { useEffect, useRef, useState } from "react";
+function useAnimatedValue(targetValue, duration, animate) {
+    const actualTargetValue = targetValue ?? 0;
+    const [animatedValue, setAnimatedValue] = useState(actualTargetValue);
+    const animatedValueRef = useRef(actualTargetValue);
+    useEffect(()=>{
+        animatedValueRef.current = animatedValue;
+    }, [
+        animatedValue
+    ]);
+    useEffect(()=>{
+        if (!animate) return void setAnimatedValue(actualTargetValue);
+        const currentValue = animatedValueRef.current;
+        const valueRange = actualTargetValue - currentValue;
+        const startTime = performance.now();
+        if (duration <= 0 || 0 === valueRange) return void setAnimatedValue(actualTargetValue);
+        let animationFrame;
+        const animateValue = (currentTime)=>{
+            const elapsedTime = currentTime - startTime;
+            if (elapsedTime >= duration) setAnimatedValue(actualTargetValue);
+            else {
+                const progress = elapsedTime / duration;
+                const easeProgress = 1 - (1 - progress) * (1 - progress);
+                const nextValue = currentValue + valueRange * easeProgress;
+                setAnimatedValue(nextValue);
+                animationFrame = requestAnimationFrame(animateValue);
+            }
+        };
+        animationFrame = requestAnimationFrame(animateValue);
+        return ()=>{
+            cancelAnimationFrame(animationFrame);
+        };
+    }, [
+        actualTargetValue,
+        duration,
+        animate
+    ]);
+    return Math.round(animatedValue);
+}
+export { useAnimatedValue };

package/dist/hooks/use-copy-to-clipboard.cjs

@@ -1,2 +1,58 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{useCopyToClipboard:()=>useCopyToClipboard});const external_react_namespaceObject=require("react");function useCopyToClipboard({onCopy:e,timeout:_=2e3}={}){let[r,o]=(0,external_react_namespaceObject.useState)(!1);return{copyToClipboard:async r=>{if("undefined"!=typeof globalThis&&navigator.clipboard.writeText&&r)try{await navigator.clipboard.writeText(r),o(!0),e&&e(),setTimeout(()=>{o(!1)},_)}catch(e){console.error(e)}},isCopied:r}}for(var __webpack_i__ in exports.useCopyToClipboard=__webpack_exports__.useCopyToClipboard,__webpack_exports__)-1===["useCopyToClipboard"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useCopyToClipboard: ()=>useCopyToClipboard
+});
+const external_react_namespaceObject = require("react");
+function useCopyToClipboard({ onCopy, timeout = 2000 } = {}) {
+    const [isCopied, setIsCopied] = (0, external_react_namespaceObject.useState)(false);
+    const copyToClipboard = async (value)=>{
+        if ("u" < typeof window || !("clipboard" in navigator) || "function" != typeof navigator.clipboard.writeText) return;
+        if (!value) return;
+        try {
+            await navigator.clipboard.writeText(value);
+            setIsCopied(true);
+            if (onCopy) onCopy();
+            setTimeout(()=>{
+                setIsCopied(false);
+            }, timeout);
+        } catch (error) {
+            console.error(error);
+        }
+    };
+    return {
+        copyToClipboard,
+        isCopied
+    };
+}
+exports.useCopyToClipboard = __webpack_exports__.useCopyToClipboard;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useCopyToClipboard"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -1,3 +1,20 @@
+/**
+ * Provide clipboard copy capability with a transient copied state.
+ *
+ * Internally uses the Clipboard API when available and sets a temporary
+ * `isCopied` flag for UI feedback. A custom callback may be invoked upon copy.
+ *
+ * @param options - Configuration options.
+ *   - onCopy: Callback invoked after a successful copy.
+ *   - timeout: Duration in milliseconds to keep `isCopied` true. Defaults to 2000.
+ * @returns An object with a `copyToClipboard` function and an `isCopied` flag.
+ *
+ * @example
+ * ```tsx
+ * const { copyToClipboard, isCopied } = useCopyToClipboard({ timeout: 1500 });
+ * <button onClick={() => copyToClipboard("Hello")}>{isCopied ? "Copied" : "Copy"}</button>
+ * ```
+ */
 export declare function useCopyToClipboard({ onCopy, timeout, }?: {
     onCopy?: () => void;
     timeout?: number;