@fiestaboard/ui 1.7.0 → 2.0.1

package/dist/components/ui/checkbox.js

@@ -6,7 +6,7 @@ function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("input", {
 		type: "checkbox",
 		"data-slot": "checkbox",
-		className: e("h-4 w-4 shrink-0 rounded-sm border border-input accent-brand", "shadow-sm transition-colors cursor-pointer", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", n),
+		className: e("relative h-4 w-4 shrink-0 rounded-sm border border-input accent-primary", "shadow-sm transition-[color,background-color,border-color,box-shadow] duration-150 cursor-pointer", "before:absolute before:top-1/2 before:left-1/2 before:size-6 before:-translate-x-1/2 before:-translate-y-1/2 before:content-['']", "enabled:hover:ring-ring/30 enabled:hover:ring-[3px]", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", "aria-invalid:ring-[3px] aria-invalid:accent-destructive", "disabled:cursor-not-allowed disabled:opacity-50", n),
 		...r
 	});
 }

package/dist/components/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"mappings":";;;;AAMA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAwB;CACxD,OACE,kBAAC,SAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EACT,gEACA,8CACA,8FACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"mappings":";;;;AAMA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAwB;CACxD,OACE,kBAAC,SAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EAIT,2EACA,qGAIA,oIAIA,uDACA,8FACA,0GACA,2DACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/input.js

@@ -6,7 +6,7 @@ function n({ className: n, type: r, ...i }) {
 	return /* @__PURE__ */ t("input", {
 		type: r,
 		"data-slot": "input",
-		className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", n),
+		className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-[color,background-color,border-color,box-shadow] duration-150", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "hover:border-ring/60", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", "disabled:cursor-not-allowed disabled:opacity-50", n),
 		...i
 	});
 }

package/dist/components/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/ui/input.tsx"],"mappings":";;;;AAMA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAqB;CACxD,OACE,kBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,+GACA,wFACA,qCACA,8FACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/ui/input.tsx"],"mappings":";;;;AAMA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAqB;CACxD,OACE,kBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,EAGT,sKACA,wFACA,qCACA,wBACA,8FACA,0GACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/select.js

@@ -53,7 +53,7 @@ function p({ placeholder: e, ...t }) {
 function m({ className: t, children: n, ...i }) {
 	return /* @__PURE__ */ s(c.Trigger, {
 		"data-slot": "select-trigger",
-		className: e("flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&>span]:line-clamp-1", t),
+		className: e("flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm transition-[color,background-color,border-color,box-shadow] duration-150 placeholder:text-muted-foreground hover:border-ring/60 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&>span]:line-clamp-1", t),
 		...i,
 		children: [n, /* @__PURE__ */ o(c.Icon, {
 			className: "flex",

package/dist/components/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/ui/select.tsx"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/ui/select.tsx"],"mappings":"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"}

package/dist/components/ui/slider.js

@@ -4,18 +4,18 @@ import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Slider as i } from "@base-ui/react/slider";
 //#region src/components/ui/slider.tsx
-var a = "relative grow overflow-visible rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5", o = "absolute rounded-full bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full";
-function s({ className: s, defaultValue: c, value: l, min: u = 0, max: d = 100, onValueChange: f, "aria-label": p, ...m }) {
-	let h = Array.isArray(l) ? l.length : Array.isArray(c) ? c.length : 2, g = t.useCallback(() => p, [p]);
+var a = "relative grow overflow-visible rounded-full bg-muted data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5", o = "absolute rounded-full bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full", s = "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] outline-none hover:ring-[3px] focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 before:absolute before:top-1/2 before:left-1/2 before:size-6 before:-translate-x-1/2 before:-translate-y-1/2 before:content-[''] group-aria-invalid/slider:border-destructive group-aria-invalid/slider:ring-destructive/20 dark:group-aria-invalid/slider:ring-destructive/40";
+function c({ className: c, defaultValue: l, value: u, min: d = 0, max: f = 100, onValueChange: p, "aria-label": m, ...h }) {
+	let g = Array.isArray(u) ? u.length : Array.isArray(l) ? l.length : 2, _ = t.useCallback(() => m, [m]);
 	return /* @__PURE__ */ n(i.Root, {
 		"data-slot": "slider",
-		defaultValue: c,
-		value: l,
-		onValueChange: f,
-		min: u,
-		max: d,
-		className: e("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", s),
-		...m,
+		defaultValue: l,
+		value: u,
+		onValueChange: p,
+		min: d,
+		max: f,
+		className: e("group/slider relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", c),
+		...h,
 		children: /* @__PURE__ */ n(i.Control, {
 			className: "flex w-full grow items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:flex-col",
 			children: /* @__PURE__ */ r(i.Track, {
@@ -24,16 +24,16 @@ function s({ className: s, defaultValue: c, value: l, min: u = 0, max: d = 100,
 				children: [/* @__PURE__ */ n(i.Indicator, {
 					"data-slot": "slider-range",
 					className: o
-				}), Array.from({ length: h }, (e, t) => /* @__PURE__ */ n(i.Thumb, {
+				}), Array.from({ length: g }, (e, t) => /* @__PURE__ */ n(i.Thumb, {
 					"data-slot": "slider-thumb",
-					getAriaLabel: p ? g : void 0,
-					className: "block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50 transition-[color,box-shadow] outline-none hover:ring-[3px] focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50"
+					getAriaLabel: m ? _ : void 0,
+					className: s
 				}, t))]
 			})
 		})
 	});
 }
 //#endregion
-export { s as Slider };
+export { c as Slider };
 
 //# sourceMappingURL=slider.js.map

package/dist/components/ui/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../src/components/ui/slider.tsx"],"mappings":";;;;;;AAiBA,IAAM,IACJ,sMAEI,IACJ;AAEF,SAAS,EAAO,EACd,cACA,iBACA,UACA,SAAM,GACN,SAAM,KACN,kBACA,cAAc,GACd,GAAG,KACW;CACd,IAAM,IAAa,MAAM,QAAQ,CAAK,IAAI,EAAM,SAAS,MAAM,QAAQ,CAAY,IAAI,EAAa,SAAS,GAEvG,IAAe,EAAM,kBAAkB,GAAqB,CAAC,CAAS,CAAC;CAE7E,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACI;EACP;EACQ;EACV;EACA;EACL,WAAW,EACT,uOACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAgB,SAAjB;GAAyB,WAAU;GACjC,UAAA,kBAAC,EAAgB,OAAjB;IAAuB,aAAU;IAAe,WAAW;IAA3D,UAAA,CACE,kBAAC,EAAgB,WAAjB;KAA2B,aAAU;KAAe,WAAW;IAAqB,CAAA,GACnF,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MACtC,kBAAC,EAAgB,OAAjB;KACE,aAAU;KAIV,cAAc,IAAY,IAAe,KAAA;KACzC,WAAU;IACX,GALM,CAKN,CACF,CACoB;;EACA,CAAA;CACL,CAAA;AAE1B"}
+{"version":3,"file":"slider.js","names":[],"sources":["../../../src/components/ui/slider.tsx"],"mappings":";;;;;;AAiBA,IAAM,IACJ,sMAEI,IACJ,4GAQI,IACJ;AAEF,SAAS,EAAO,EACd,cACA,iBACA,UACA,SAAM,GACN,SAAM,KACN,kBACA,cAAc,GACd,GAAG,KACW;CACd,IAAM,IAAa,MAAM,QAAQ,CAAK,IAAI,EAAM,SAAS,MAAM,QAAQ,CAAY,IAAI,EAAa,SAAS,GAEvG,IAAe,EAAM,kBAAkB,GAAqB,CAAC,CAAS,CAAC;CAE7E,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACI;EACP;EACQ;EACV;EACA;EACL,WAAW,EAIT,oPACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAgB,SAAjB;GAAyB,WAAU;GACjC,UAAA,kBAAC,EAAgB,OAAjB;IAAuB,aAAU;IAAe,WAAW;IAA3D,UAAA,CACE,kBAAC,EAAgB,WAAjB;KAA2B,aAAU;KAAe,WAAW;IAAqB,CAAA,GACnF,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MACtC,kBAAC,EAAgB,OAAjB;KACE,aAAU;KAIV,cAAc,IAAY,IAAe,KAAA;KACzC,WAAW;IACZ,GALM,CAKN,CACF,CACoB;;EACA,CAAA;CACL,CAAA;AAE1B"}

package/dist/components/ui/switch.js

@@ -4,13 +4,13 @@ import "react";
 import { jsx as t } from "react/jsx-runtime";
 import { Switch as n } from "@base-ui/react/switch";
 //#region src/components/ui/switch.tsx
-var r = "bg-background dark:data-[unchecked]:bg-foreground dark:data-[checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0";
+var r = "bg-background dark:bg-foreground pointer-events-none block size-5 rounded-full border border-input ring-0 transition-transform data-[checked]:translate-x-[calc(100%+2px)] data-[unchecked]:translate-x-0";
 function i({ className: i, ...a }) {
 	return /* @__PURE__ */ t(n.Root, {
 		render: /* @__PURE__ */ t("button", { type: "button" }),
 		nativeButton: !0,
 		"data-slot": "switch",
-		className: e("peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-[color,background-color,border-color,box-shadow] duration-150 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
+		className: e("peer data-[checked]:bg-primary data-[unchecked]:bg-muted data-[unchecked]:border-input focus-visible:border-ring focus-visible:ring-ring/50 enabled:hover:ring-ring/30 enabled:hover:ring-[3px] aria-invalid:border-destructive aria-invalid:data-[unchecked]:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-[color,background-color,border-color,box-shadow] duration-150 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", i),
 		...a,
 		children: /* @__PURE__ */ t(n.Thumb, {
 			"data-slot": "switch-thumb",

package/dist/components/ui/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/ui/switch.tsx"],"mappings":";;;;;;AAUA,IAAM,IACJ;AAEF,SAAS,EAAO,EAAE,cAAW,GAAG,KAA4D;CAC1F,OACE,kBAAC,EAAgB,MAAjB;EAGE,QAAQ,kBAAC,UAAD,EAAQ,MAAK,SAAU,CAAA;EAC/B,cAAA;EACA,aAAU;EACV,WAAW,EACT,qZACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAgB,OAAjB;GAAuB,aAAU;GAAe,WAAW;EAAiB,CAAA;CACxD,CAAA;AAE1B"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/ui/switch.tsx"],"mappings":";;;;;;AAoBA,IAAM,IACJ;AAEF,SAAS,EAAO,EAAE,cAAW,GAAG,KAA4D;CAC1F,OACE,kBAAC,EAAgB,MAAjB;EAGE,QAAQ,kBAAC,UAAD,EAAQ,MAAK,SAAU,CAAA;EAC/B,cAAA;EACA,aAAU;EACV,WAAW,EAUT,slBACA,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAgB,OAAjB;GAAuB,aAAU;GAAe,WAAW;EAAiB,CAAA;CACxD,CAAA;AAE1B"}

package/dist/components/ui/tabs.js

@@ -20,7 +20,7 @@ function i({ className: r, ...i }) {
 function a({ className: r, ...i }) {
 	return /* @__PURE__ */ t(n.Tab, {
 		"data-slot": "tabs-trigger",
-		className: e("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-[color,background-color,box-shadow] duration-200 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm", r),
+		className: e("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-[color,background-color,box-shadow] duration-200 outline-none not-data-[active]:hover:bg-background/50 not-data-[active]:hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm", r),
 		...i
 	});
 }

package/dist/components/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/ui/tabs.tsx"],"mappings":";;;;;;AAOA,SAAS,EAAK,EAAE,GAAG,KAA0D;CAC3E,OAAO,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAO,GAAI;CAAQ,CAAA;AAC1D;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA0D;CAC1F,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,8FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAyD;CAC5F,OACE,kBAAC,EAAc,KAAf;EACE,aAAU;EACV,WAAW,EACT,wWACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA2D;CAC9F,OACE,kBAAC,EAAc,OAAf;EACE,aAAU;EACV,WAAW,EAAG,yEAAyE,CAAS;EAChG,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/ui/tabs.tsx"],"mappings":";;;;;;AAOA,SAAS,EAAK,EAAE,GAAG,KAA0D;CAC3E,OAAO,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAO,GAAI;CAAQ,CAAA;AAC1D;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA0D;CAC1F,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,8FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAyD;CAC5F,OACE,kBAAC,EAAc,KAAf;EACE,aAAU;EACV,WAAW,EAIT,ybACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA2D;CAC9F,OACE,kBAAC,EAAc,OAAf;EACE,aAAU;EACV,WAAW,EAAG,yEAAyE,CAAS;EAChG,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/textarea.js

@@ -5,7 +5,7 @@ import { jsx as t } from "react/jsx-runtime";
 function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("textarea", {
 		"data-slot": "textarea",
-		className: e("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", n),
+		className: e("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-[color,background-color,border-color,box-shadow] duration-150", "placeholder:text-muted-foreground", "hover:border-ring/60", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", "disabled:cursor-not-allowed disabled:opacity-50", n),
 		...r
 	});
 }

package/dist/components/ui/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/ui/textarea.tsx"],"mappings":";;;;AAIA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA2C;CAC3E,OACE,kBAAC,YAAD;EACE,aAAU;EACV,WAAW,EACT,wHACA,qCACA,8FACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/ui/textarea.tsx"],"mappings":";;;;AAIA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA2C;CAC3E,OACE,kBAAC,YAAD;EACE,aAAU;EACV,WAAW,EACT,+KACA,qCACA,wBACA,8FACA,0GACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/theme.css

@@ -36,15 +36,16 @@
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
+  /* NOTE (#173): --chart-1..5 and --sidebar-primary(-foreground) used to be
+     exported here. They were stock shadcn leftovers, consumed by nothing in
+     this package, and carried 137-157 degree hue shifts between light and
+     dark — so a chart adopting them would silently re-encode its series on a
+     theme toggle. Deleted rather than redesigned: a design system should not
+     ship a palette it has not designed. If a data-viz component ever lands,
+     add a hue-STABLE five-series ramp (lightness varies per theme, hue does
+     not) plus a story that proves both themes. */
   --color-ring: var(--ring);
   --color-input: var(--input);
   --color-border: var(--border);
@@ -164,6 +165,12 @@
      owned by the stylesheet, not a build-time JS wrapper. */
   --font-geist-sans: "Geist Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   --font-geist-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, "SF Mono", Monaco, Menlo, monospace;
+  /* Tell the UA which form-control palette to paint (#160). Without this,
+     every browser-drawn widget — accent-color'd checkboxes, file/date/number
+     chrome, scrollbars, autofill — renders in LIGHT chrome, which on the dark
+     default theme makes an unchecked Checkbox read as a filled/checked box.
+     Declared next to the palette it belongs to, once per theme. */
+  color-scheme: light;
   --radius: 0.625rem;
   --background: oklch(0.985 0 0);
   --foreground: oklch(0.145 0 0);
@@ -171,6 +178,17 @@
   --card-foreground: oklch(0.145 0 0);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.145 0 0);
+  /* ============================================================
+   * INVARIANT — "one token means 'this control is on'" (#156/#159).
+   * --primary is the single pigment that says a control is the primary
+   * action / is selected / is focused. --ring and --sidebar-ring are
+   * deliberately set to the SAME value in both themes so a focused
+   * control and an engaged control read as one idea. They are the only
+   * intentional value aliases in this file; do not "de-duplicate" them
+   * into separate hues, and do not let --primary drift to a neutral —
+   * that is what made the dark theme brandless (see .dark below).
+   * --primary carries the FiestaBoard warm orange in BOTH themes.
+   * ============================================================ */
   --primary: oklch(0.52 0.16 60);
   --primary-foreground: oklch(0.985 0 0);
   --secondary: oklch(0.96 0 0);
@@ -182,26 +200,48 @@
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.43 0.245 27.325);
   --destructive-foreground: oklch(0.985 0 0);
+  /* ============================================================
+   * --border vs --input: TWO DIFFERENT INTENTS, NOT ONE VALUE (#161).
+   *
+   * --border is DECORATION: table rules, card edges, dividers, list
+   *   separators. It separates content that is already legible on its
+   *   own, so WCAG 2.2 SC 1.4.11 does not apply and it is deliberately
+   *   allowed to stay whisper-subtle (~1.3:1). Raising it to 3:1 would
+   *   turn every card and table into a wireframe.
+   *
+   * --input is the CONTROL BOUNDARY: Input, Textarea, Select trigger and
+   *   Checkbox are `bg-transparent`, so this 1px edge is the ONLY thing
+   *   that says "a control lives here". That is exactly the "visual
+   *   information required to identify a user interface component" of
+   *   SC 1.4.11, so it MUST clear 3:1 against BOTH --background and
+   *   --card (a field can sit on either surface).
+   *
+   * Derived from --foreground as an alpha fraction so the boundary
+   * tracks the text color in every theme and season instead of being a
+   * hand-tuned grey per palette. Percentages are the smallest that clear
+   * 3:1 on both surfaces with headroom (light 48% -> 3.45/3.48,
+   * dark 38% -> 3.37/3.44); they differ because contrast ramps faster
+   * for light-on-dark than dark-on-light.
+   *
+   * DO NOT collapse these two tokens into one value in either direction.
+   * ============================================================ */
   --border: oklch(0.905 0 0);
-  --input: oklch(0.885 0 0);
-  --ring: oklch(0.52 0.16 60);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.65 0.189 84.429);
-  --chart-5: oklch(0.65 0.188 70.08);
+  --input: color-mix(in oklch, var(--foreground) 48%, transparent);
+  --ring: oklch(0.52 0.16 60); /* = --primary, see the invariant above */
   --sidebar: oklch(0.975 0 0);
   --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.52 0.16 60);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
   --sidebar-accent: oklch(0.92 0 0);
   --sidebar-accent-foreground: oklch(0.205 0 0);
   --sidebar-border: oklch(0.915 0 0);
-  --sidebar-ring: oklch(0.52 0.16 60);
+  --sidebar-ring: oklch(0.52 0.16 60); /* = --primary, see the invariant above */
   --info: oklch(0.45 0.15 250);
   --info-foreground: oklch(0.985 0 0);
   --success: oklch(0.4 0.16 150);
   --success-foreground: oklch(0.985 0 0);
+  /* --warning must never collide with --brand (#157). In light they share a
+     near hue (70 vs 75) but are pulled apart by lightness — 1.61:1 between
+     them — so caution still reads as caution next to a brand accent. The
+     dark pair is separated on hue instead; see .dark. */
   --warning: oklch(0.45 0.16 70);
   --warning-foreground: oklch(0.985 0 0);
   --tag-variable: oklch(0.45 0.2 280);
@@ -379,14 +419,25 @@
 }
 
 .dark {
+  color-scheme: dark; /* see the note in :root (#160) */
   --background: oklch(0.13 0 0);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.16 0 0);
   --card-foreground: oklch(0.985 0 0);
   --popover: oklch(0.16 0 0);
   --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
+  /* Brand-bearing primary (#156). This used to be oklch(0.922 0 0) — stock
+     shadcn's achromatic dark primary, never re-designed when the FiestaBoard
+     palette landed. Dark is the DEFAULT theme, so every default Button,
+     Badge, Switch track, Slider indicator and focus ring shipped with zero
+     brand hue. Same warm orange as :root, lifted in lightness for a dark
+     surface (light 0.52 -> dark 0.72) and held on the same hue family.
+     Upholds the "one token means 'this control is on'" invariant declared in
+     :root: --ring and --sidebar-ring below repeat this exact value. */
+  --primary: oklch(0.72 0.15 62);
+  /* Near-black on-accent foreground, matching every other dark accent
+     foreground in this block (destructive/info/success/warning all 0.15). */
+  --primary-foreground: oklch(0.15 0 0);
   --secondary: oklch(0.215 0 0);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.2 0 0);
@@ -395,27 +446,30 @@
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.8 0.191 22.216);
   --destructive-foreground: oklch(0.15 0 0);
+  /* --border stays decorative-subtle; --input is the 3:1 control boundary.
+     Full rationale in the :root block — do not merge the two. */
   --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 14%);
-  --ring: oklch(0.55 0 0);
-  --chart-1: oklch(0.55 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
+  --input: color-mix(in oklch, var(--foreground) 38%, transparent);
+  --ring: oklch(0.72 0.15 62); /* = --primary, see the invariant in :root */
   --sidebar: oklch(0.145 0 0);
   --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
   --sidebar-accent: oklch(0.28 0 0);
   --sidebar-accent-foreground: oklch(0.985 0 0);
   --sidebar-border: oklch(1 0 0 / 8%);
-  --sidebar-ring: oklch(0.55 0 0);
+  --sidebar-ring: oklch(0.72 0.15 62); /* = --primary, see the invariant in :root */
   --info: oklch(0.75 0.18 250);
   --info-foreground: oklch(0.15 0 0);
   --success: oklch(0.68 0.18 145);
   --success-foreground: oklch(0.15 0 0);
-  --warning: oklch(0.78 0.14 75);
+  /* Amber caution, deliberately OFF the brand hue (#157). This was
+     oklch(0.78 0.14 75) — byte-identical to --brand below, so "this is
+     FiestaBoard" and "be careful" rendered as the same pigment and neither
+     could be learned. Moved +20deg toward yellow and +0.08 lighter, which
+     puts 1.34:1 of luminance and a clear hue break between the two. The
+     22deg drift from the light --warning (hue 70) is intentional and small:
+     light must separate warning from brand on LIGHTNESS (it has to stay dark
+     enough to be readable text on white), dark separates them on HUE. */
+  --warning: oklch(0.86 0.16 95);
   --warning-foreground: oklch(0.15 0 0);
   --tag-variable: oklch(0.65 0.15 280);
   --tag-variable-foreground: oklch(0.85 0.08 280);
@@ -441,8 +495,18 @@
   --brand: oklch(0.78 0.14 75);
   --brand-emphasis: oklch(0.55 0.16 60);
   --brand-foreground: oklch(1 0 0);
-  /* Navigation active state — indigo palette (lighter for dark mode) */
-  --nav-active: oklch(0.59 0.19 265); /* indigo-500 */
+  /* Navigation active state — indigo palette.
+     NOT "lighter for dark mode" (#162): --nav-active is the solid FALLBACK
+     fill for the active nav pill, used whenever the frosted-glass treatment
+     can't run — no backdrop-filter support, prefers-reduced-transparency, and
+     prefers-contrast: more. At the old indigo-500 (0.59) white nav labels sat
+     at 4.26:1, i.e. BELOW AA for the 14px/600 labels Sidebar renders, which
+     made the explicit high-contrast path less accessible than the default
+     one. Darkened to clear AAA (7.47:1) instead. Kept as light as AAA allows
+     rather than the 0.42 the audit suggested (8.91:1), because darkening the
+     pill trades text contrast against the pill's own separation from the
+     surface behind it — see the fallback rules near .nav-active. */
+  --nav-active: oklch(0.46 0.19 265);
   --nav-active-foreground: oklch(1 0 0); /* white */
   --nav-active-hover: oklch(0.59 0.19 265 / 20%); /* indigo tint hover */
   /* Fiesta gradient palette — lighter for visibility on dark card backgrounds */
@@ -1072,6 +1136,15 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
   background: var(--nav-active);
   color: var(--nav-active-foreground);
 }
+/* The dark --nav-active fill is deliberately dark enough for AAA white labels
+   (#162), which necessarily brings it closer in luminance to the near-black
+   surfaces it sits on. A 1px light inset keeps the pill's OWN boundary
+   identifiable (SC 1.4.11 — "state" of a component) without reintroducing the
+   transparency these fallbacks exist to avoid. Light mode needs no help: its
+   pill already sits 7.6:1 off --sidebar. */
+.dark .nav-active {
+  box-shadow: inset 0 0 0 1px oklch(1 0 0 / 0.22);
+}
 .nav-active-hover:hover {
   background: var(--nav-active-hover);
 }
@@ -1116,7 +1189,10 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
   .sidebar-gradient .nav-active,
   .sidebar-gradient-horizontal .nav-active {
     background: var(--nav-active);
-    box-shadow: none;
+    /* Keep the hairline (was `none`): the solid fill is only ~1.2-1.7:1 off
+       the gradient stops behind it in either theme, so the ring is what makes
+       the pill an identifiable shape (#162). */
+    box-shadow: inset 0 0 0 1px oklch(1 0 0 / 0.22);
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
   }
@@ -1132,7 +1208,8 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
   .sidebar-gradient .nav-active,
   .sidebar-gradient-horizontal .nav-active {
     background: var(--nav-active);
-    box-shadow: none;
+    /* Same reasoning as the @supports fallback above (#162). */
+    box-shadow: inset 0 0 0 1px oklch(1 0 0 / 0.22);
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
   }
@@ -1144,6 +1221,10 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
   }
 }
 
+/* This branch is where the old fallback was most wrong: users who explicitly
+   asked for MORE contrast got 4.26:1 in dark, below the 4.5:1 the default
+   frosted path achieved. --nav-active now targets AAA (7.47:1) so this path
+   is deliberately the most legible one, not the least (#162). */
 @media (prefers-contrast: more) {
   .sidebar-gradient .nav-active,
   .sidebar-gradient-horizontal .nav-active {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiestaboard/ui",
-  "version": "1.7.0",
+  "version": "2.0.1",
   "description": "FiestaUI — the FiestaBoard design system. React components on Base UI with Tailwind v4 design tokens.",
   "license": "MIT",
   "repository": {