@fiestaboard/ui 3.4.0 → 4.0.0

package/dist/components/feedback/badge.js

@@ -3,12 +3,12 @@ import * as t from "react";
 import { cva as n } from "class-variance-authority";
 import { useRender as r } from "@base-ui/react/use-render";
 //#region src/components/feedback/badge.tsx
-var i = n("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+var i = n("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-ring aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
-		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-		brand: "border-transparent bg-brand-emphasis text-brand-foreground [a&]:hover:bg-brand-emphasis/90",
+		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary-hover",
+		brand: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary-hover",
 		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-		destructive: "border-transparent bg-destructive text-destructive-foreground [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+		destructive: "border-transparent bg-destructive text-destructive-foreground [a&]:hover:bg-destructive/90",
 		outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
 		variable: "bg-tag-variable/15 border-tag-variable/30 text-tag-variable-foreground font-mono [a&]:hover:bg-tag-variable/25",
 		success: "bg-tag-success/15 border-tag-success/40 text-tag-success-foreground font-mono [a&]:hover:bg-tag-success/25",

package/dist/components/feedback/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/feedback/badge.tsx"],"mappings":";;;;;AAMA,IAAM,IAAgB,EACpB,oZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,aACE;EACF,SAAS;EACT,UACE;EACF,SACE;EACF,SACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,YACA,aAAU,IACV,aACA,QACA,GAAG,KACyF;CAC5F,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;GACnD,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/feedback/badge.tsx"],"mappings":";;;;;AAMA,IAAM,IAAgB,EACpB,0QACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EAKT,OAAO;EACP,WAAW;EACX,aAAa;EACb,SAAS;EACT,UACE;EACF,SACE;EACF,SACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,YACA,aAAU,IACV,aACA,QACA,GAAG,KACyF;CAC5F,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;GACnD,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH"}

package/dist/components/forms/button.js

@@ -5,16 +5,16 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { cva as a } from "class-variance-authority";
 import { useRender as o } from "@base-ui/react/use-render";
 //#region src/components/forms/button.tsx
-var s = a("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow] duration-control disabled:pointer-events-none disabled:opacity-50 data-[loading]:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var s = a("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow] duration-control disabled:pointer-events-none disabled:opacity-50 data-[loading]:cursor-progress [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 focus-ring aria-invalid:border-destructive", {
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90",
-			brand: "bg-brand-emphasis text-brand-foreground shadow-sm hover:bg-brand-emphasis/85 focus-visible:ring-brand/30",
-			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+			default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary-hover active:bg-primary-active",
+			brand: "bg-primary text-primary-foreground shadow-sm hover:bg-primary-hover active:bg-primary-active",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-card dark:border-input dark:hover:bg-muted",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
 			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-			link: "text-primary underline-offset-4 hover:underline"
+			link: "text-brand underline decoration-1 underline-offset-4 hover:decoration-2"
 		},
 		size: {
 			default: "h-9 px-4 py-2 has-[>svg]:px-3 has-[>[data-slot=button-loading]>[data-slot=button-label]>svg]:px-3",

package/dist/components/forms/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/forms/button.tsx"],"mappings":";;;;;;;AAOA,IAAM,IAAiB,EACrB,4hBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OACE;GACF,aACE;GAUF,SACE;GACF,WAAW;GACX,OAAO;GACP,MAAM;EACR;EAQA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF,GAKM,IAA+D;CACnE,SAAS;CACT,MAAM;CACN,IAAI;CACJ,WAAW;CACX,IAAI;CACJ,WAAW;AACb;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,aAAU,IACV,aAAU,IACV,aACA,YACA,QACA,GAAG,KAeA;CAOH,IAAM,KAAe,MAA+C;EAClE,IAAI,GAAS;GAEX,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;GACtB;EACF;EACA,IAAU,CAAK;CACjB,GAOM,IACJ,KAAW,CAAC,IACV,kBAAC,QAAD;EACE,aAAU;EACV,WAAU;EAFZ,UAAA,CAIE,kBAAC,QAAD;GACE,aAAU;GACV,WAAU;GAET;EACG,CAAA,GACN,kBAAC,QAAD;GAAM,aAAU;GAAiB,WAAU;GACzC,UAAA,kBAAC,GAAD;IAAS,MAAM,EAA4B,KAAQ;IAAY,OAAO;GAAO,CAAA;EACzE,CAAA,CACF;CAEN,CAAA,IAAA;CAGJ,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,gBAAgB;GAChB,aAAa;GACb,WAAW,EAAG,EAAe;IAAE;IAAS;GAAK,CAAC,GAAG,CAAS;GAC1D,GAAI,IAAU,CAAC,IAAI,EAAE,UAAU,EAAQ;GACvC,GAAG;GACH,GAAI,IAAU;IAAE,aAAa;IAAM,iBAAiB;IAAM,gBAAgB;GAAG,IAAI,CAAC;GAClF,SAAS;EACX;CACF,CAAC;AACH"}
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/forms/button.tsx"],"mappings":";;;;;;;AAOA,IAAM,IAAiB,EACrB,qYACA;CACE,UAAU;EACR,SAAS;GAUP,SAAS;GAMT,OAAO;GACP,aAKE;GAUF,SACE;GACF,WAAW;GACX,OAAO;GAOP,MAAM;EACR;EAQA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF,GAKM,IAA+D;CACnE,SAAS;CACT,MAAM;CACN,IAAI;CACJ,WAAW;CACX,IAAI;CACJ,WAAW;AACb;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,aAAU,IACV,aAAU,IACV,aACA,YACA,QACA,GAAG,KAeA;CAOH,IAAM,KAAe,MAA+C;EAClE,IAAI,GAAS;GAEX,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;GACtB;EACF;EACA,IAAU,CAAK;CACjB,GAOM,IACJ,KAAW,CAAC,IACV,kBAAC,QAAD;EACE,aAAU;EACV,WAAU;EAFZ,UAAA,CAIE,kBAAC,QAAD;GACE,aAAU;GACV,WAAU;GAET;EACG,CAAA,GACN,kBAAC,QAAD;GAAM,aAAU;GAAiB,WAAU;GACzC,UAAA,kBAAC,GAAD;IAAS,MAAM,EAA4B,KAAQ;IAAY,OAAO;GAAO,CAAA;EACzE,CAAA,CACF;CAEN,CAAA,IAAA;CAGJ,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,gBAAgB;GAChB,aAAa;GACb,WAAW,EAAG,EAAe;IAAE;IAAS;GAAK,CAAC,GAAG,CAAS;GAC1D,GAAI,IAAU,CAAC,IAAI,EAAE,UAAU,EAAQ;GACvC,GAAG;GACH,GAAI,IAAU;IAAE,aAAa;IAAM,iBAAiB;IAAM,gBAAgB;GAAG,IAAI,CAAC;GAClF,SAAS;EACX;CACF,CAAC;AACH"}

package/dist/components/layout/flex.d.ts

@@ -4,7 +4,7 @@ declare const flexVariants: (props?: ({
     direction?: "col" | "row" | null | undefined;
     align?: "end" | "start" | "center" | "baseline" | "stretch" | null | undefined;
     justify?: "end" | "start" | "center" | "between" | null | undefined;
-    gap?: "0" | "1" | "2" | "0.5" | "1.5" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
+    gap?: "0" | "1" | "0.5" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
     wrap?: boolean | null | undefined;
     inline?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/layout/grid.d.ts

@@ -5,7 +5,7 @@ declare const gridVariants: (props?: ({
     sm?: "1" | "2" | "3" | "4" | "5" | "6" | "8" | null | undefined;
     md?: "1" | "2" | "3" | "4" | "5" | "6" | "8" | null | undefined;
     lg?: "1" | "2" | "3" | "4" | "5" | "6" | "8" | null | undefined;
-    gap?: "0" | "1" | "2" | "0.5" | "1.5" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
+    gap?: "0" | "1" | "0.5" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * CSS grid container with an enumerated column count and gap scale.

package/dist/components/layout/stack.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const stackVariants: (props?: ({
-    gap?: "0" | "1" | "2" | "0.5" | "1.5" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
+    gap?: "0" | "1" | "0.5" | "1.5" | "2" | "2.5" | "3" | "4" | "5" | "6" | "8" | "12" | null | undefined;
     align?: "end" | "start" | "center" | "stretch" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**

package/dist/components/plugin/board-showcase.js

@@ -12,7 +12,7 @@ var f = {
 	boardColor: "Board color",
 	blackBoard: "Black Board",
 	whiteBoard: "White Board"
-}, p = "rounded-full border px-4 py-1.5 text-xs font-medium transition-colors data-[active]:border-brand-emphasis data-[active]:bg-brand-emphasis data-[active]:text-brand-foreground data-[active]:font-semibold hover:border-brand hover:text-brand data-[active]:hover:text-brand-foreground";
+}, p = "rounded-full border px-4 py-1.5 text-xs font-medium transition-colors data-[active]:border-primary data-[active]:bg-primary data-[active]:text-primary-foreground data-[active]:font-semibold hover:border-brand hover:text-brand data-[active]:hover:text-primary-foreground";
 function m({ previews: o, previewLabel: m, size: h = "md", boardType: g, defaultBoardType: _ = "black", onBoardTypeChange: v, labels: y, className: b }) {
 	let x = {
 		...f,
@@ -60,7 +60,7 @@ function m({ previews: o, previewLabel: m, size: h = "md", boardType: g, default
 					type: "button",
 					"aria-pressed": n,
 					onClick: () => T(t),
-					className: e("border px-4 py-1.5 text-xs font-medium transition-colors", "first:rounded-l-full last:rounded-r-full [&:not(:last-child)]:border-r-0", "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", n ? "border-brand-emphasis bg-brand-emphasis font-semibold text-brand-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
+					className: e("border px-4 py-1.5 text-xs font-medium transition-colors", "first:rounded-l-full last:rounded-r-full [&:not(:last-child)]:border-r-0", "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", n ? "border-primary bg-primary font-semibold text-primary-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
 					children: t === "black" ? x.blackBoard : x.whiteBoard
 				}, t);
 			})

package/dist/components/plugin/board-showcase.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-showcase.js","names":[],"sources":["../../../src/components/plugin/board-showcase.tsx"],"mappings":";;;;;;;;AAiCA,IAAa,IAA+C;CAC1D,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd,GAoBM,IACJ;AAIF,SAAgB,EAAc,EAC5B,aACA,iBACA,UAAO,MACP,cACA,sBAAmB,SACnB,sBACA,WACA,gBACqB;CACrB,IAAM,IAAI;EAAE,GAAG;EAAyB,GAAG;CAAO,GAC5C,CAAC,GAAuB,KAA4B,EAA4B,CAAgB,GAChG,IAAkB,KAAa;CAErC,SAAS,EAAgB,GAAyB;EAEhD,AADI,MAAc,KAAA,KAAW,EAAyB,CAAI,GAC1D,IAAoB,CAAI;CAC1B;CAEA,IAAI,EAAS,WAAW,GAAG,OAAO;CAElC,IAAM,IAAY,EAAc,GAAU,CAAC;CAE3C,OACE,kBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,EAAG,oCAAoC,CAAS;EAA3F,UAAA,CACE,kBAAC,GAAD;GAAM,cAAc;GAAG,WAAU;GAAjC,UAAA,CACG,EAAS,SAAS,KACjB,kBAAC,GAAD;IAAU,cAAY,EAAE;IAAY,WAAU;IAC3C,UAAA,EAAU,KAAK,GAAO,MACrB,kBAAC,GAAD;KAAyB,OAAO;KAAO,WAAW;KAC/C,UAAA;IACU,GAFK,CAEL,CACd;GACO,CAAA,GAGX,EAAS,KAAK,GAAS,MACtB,kBAAC,GAAD;IAEE,OAAO;IACP,WAAU;IAEV,UAAA,kBAAC,GAAD;KACE,SAAS,EAAe,CAAO;KACzB;KACN,WAAW;KACX,YAAY,EAAQ,eAAe;KACnC,WAAW,EAAQ,cAAc;KACjC,WAAW,EAAQ,cAAc;KACnB;IACf,CAAA;GACU,GAbN,EAAU,EAaJ,CACd,CACG;EAEN,CAAA,GAAA,kBAAC,OAAD;GAAK,MAAK;GAAQ,cAAY,EAAE;GAAY,WAAU;GAClD,UAAA,CAAC,SAAS,OAAO,CAAC,CAAW,KAAK,MAAU;IAC5C,IAAM,IAAS,MAAoB;IACnC,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,gBAAc;KACd,eAAe,EAAgB,CAAK;KACpC,WAAW,EACT,4DACA,4EACA,oEACA,IACI,gFACA,2DACN;KAEC,UAAA,MAAU,UAAU,EAAE,aAAa,EAAE;IAChC,GAdD,CAcC;GAEZ,CAAC;EACE,CAAA,CACF;;AAET"}
+{"version":3,"file":"board-showcase.js","names":[],"sources":["../../../src/components/plugin/board-showcase.tsx"],"mappings":";;;;;;;;AAiCA,IAAa,IAA+C;CAC1D,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd,GAsBM,IACJ;AAIF,SAAgB,EAAc,EAC5B,aACA,iBACA,UAAO,MACP,cACA,sBAAmB,SACnB,sBACA,WACA,gBACqB;CACrB,IAAM,IAAI;EAAE,GAAG;EAAyB,GAAG;CAAO,GAC5C,CAAC,GAAuB,KAA4B,EAA4B,CAAgB,GAChG,IAAkB,KAAa;CAErC,SAAS,EAAgB,GAAyB;EAEhD,AADI,MAAc,KAAA,KAAW,EAAyB,CAAI,GAC1D,IAAoB,CAAI;CAC1B;CAEA,IAAI,EAAS,WAAW,GAAG,OAAO;CAElC,IAAM,IAAY,EAAc,GAAU,CAAC;CAE3C,OACE,kBAAC,OAAD;EAAK,aAAU;EAAiB,WAAW,EAAG,oCAAoC,CAAS;EAA3F,UAAA,CACE,kBAAC,GAAD;GAAM,cAAc;GAAG,WAAU;GAAjC,UAAA,CACG,EAAS,SAAS,KACjB,kBAAC,GAAD;IAAU,cAAY,EAAE;IAAY,WAAU;IAC3C,UAAA,EAAU,KAAK,GAAO,MACrB,kBAAC,GAAD;KAAyB,OAAO;KAAO,WAAW;KAC/C,UAAA;IACU,GAFK,CAEL,CACd;GACO,CAAA,GAGX,EAAS,KAAK,GAAS,MACtB,kBAAC,GAAD;IAEE,OAAO;IACP,WAAU;IAEV,UAAA,kBAAC,GAAD;KACE,SAAS,EAAe,CAAO;KACzB;KACN,WAAW;KACX,YAAY,EAAQ,eAAe;KACnC,WAAW,EAAQ,cAAc;KACjC,WAAW,EAAQ,cAAc;KACnB;IACf,CAAA;GACU,GAbN,EAAU,EAaJ,CACd,CACG;EAEN,CAAA,GAAA,kBAAC,OAAD;GAAK,MAAK;GAAQ,cAAY,EAAE;GAAY,WAAU;GAClD,UAAA,CAAC,SAAS,OAAO,CAAC,CAAW,KAAK,MAAU;IAC5C,IAAM,IAAS,MAAoB;IACnC,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,gBAAc;KACd,eAAe,EAAgB,CAAK;KACpC,WAAW,EACT,4DACA,4EACA,oEACA,IACI,oEACA,2DACN;KAEC,UAAA,MAAU,UAAU,EAAE,aAAa,EAAE;IAChC,GAdD,CAcC;GAEZ,CAAC;EACE,CAAA,CACF;;AAET"}

package/dist/components/plugin/plugin-category-badge.d.ts

@@ -1,7 +1,33 @@
 /**
- * Category badge for a plugin. One hue per category, defined once here so a
+ * Category chip for a plugin. One hue per category, defined once here so a
  * plugin reads the same colour in the FiestaBoard marketplace and in the docs
  * plugin directory. Unknown categories fall back to the neutral badge.
+ *
+ * This is a TILE, not a tint (#231). It used to be a 15%-opacity pill whose
+ * fill was an invented hue that had nothing to do with the plugin's own board
+ * preview — on the docs directory you could see a blue WEATHER badge sitting
+ * directly above a strip whose coloured tile was green. The seven category
+ * tokens are now the seven literal hardware hexes, and this component renders
+ * one as what it is: a square of board colour, with the leaf seam the board
+ * renderer draws, seated on the board's own dark surface.
+ *
+ * Two things follow from that and are load-bearing:
+ *
+ *  1. The square is ALWAYS on the dark board surface, in both themes, because
+ *     a tile's colour is a property of the hardware and not of the viewer's
+ *     theme. The chip is the one place in the UI where that is literally true.
+ *
+ *  2. The category tokens are consumed HERE AND NOWHERE ELSE. They are
+ *     saturated hardware inks chosen for a 6mm plastic flap, not UI colours;
+ *     `bg-category-*` on a page surface will not meet contrast and is not what
+ *     they are for. Identity is a square; state is a fill, a rule or a dot.
+ *
+ * The old set shared one lightness across all seven, so the chips measured
+ * 1.001:1 against each other and were indistinguishable to a deuteranopic
+ * user. The tiles span 4.21:1 to 19.65:1 against board black, so six of the
+ * seven separate on lightness alone with hue removed. The seventh —
+ * home/orange against transit/green, 0.001 apart in lightness — is told apart
+ * by the word next to it, and only by the word.
  */
 /** The categories FiestaBoard plugins may declare (manifest `category`). */
 export declare const PLUGIN_CATEGORIES: readonly ["art", "data", "entertainment", "home", "transit", "utility", "weather"];

package/dist/components/plugin/plugin-category-badge.js

@@ -1,6 +1,5 @@
 import { cn as e } from "../../lib/utils.js";
-import { Badge as t } from "../feedback/badge.js";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/plugin/plugin-category-badge.tsx
 var r = [
 	"art",
@@ -11,24 +10,29 @@ var r = [
 	"utility",
 	"weather"
 ], i = {
-	art: "bg-category-art/15 border-category-art/30 text-category-art-foreground",
-	data: "bg-category-data/15 border-category-data/30 text-category-data-foreground",
-	entertainment: "bg-category-entertainment/15 border-category-entertainment/30 text-category-entertainment-foreground",
-	home: "bg-category-home/15 border-category-home/30 text-category-home-foreground",
-	transit: "bg-category-transit/15 border-category-transit/30 text-category-transit-foreground",
-	utility: "bg-category-utility/15 border-category-utility/30 text-category-utility-foreground",
-	weather: "bg-category-weather/15 border-category-weather/30 text-category-weather-foreground"
+	art: "bg-category-art",
+	data: "bg-category-data",
+	entertainment: "bg-category-entertainment",
+	home: "bg-category-home",
+	transit: "bg-category-transit",
+	utility: "bg-category-utility",
+	weather: "bg-category-weather"
 };
 function a(e) {
 	return e in i;
 }
 function o({ category: r, label: o, className: s }) {
-	let c = a(r) ? i[r] : "";
-	return /* @__PURE__ */ n(t, {
-		variant: a(r) ? "outline" : "secondary",
+	let c = a(r);
+	return /* @__PURE__ */ n("span", {
 		"data-category": r,
-		className: e("text-[0.68rem] font-semibold uppercase tracking-wide px-2 py-0.5", c, s),
-		children: o ?? r
+		className: e("inline-flex w-fit max-w-full items-center gap-1.5 rounded-md", "border border-white/10 bg-board-surface-dark py-1 pl-1.5 pr-2", s),
+		children: [/* @__PURE__ */ t("span", {
+			"aria-hidden": "true",
+			className: e("relative block h-[13px] w-[10px] shrink-0 rounded-[2px]", c ? i[r] : "bg-board-text-on-dark/35", "after:absolute after:inset-x-0 after:top-1/2 after:h-px after:bg-black/45 after:content-['']")
+		}), /* @__PURE__ */ t("span", {
+			className: "truncate font-mono text-[0.68rem] font-semibold uppercase leading-none tracking-wide text-board-text-on-dark",
+			children: o ?? r
+		})]
 	});
 }
 //#endregion

package/dist/components/plugin/plugin-category-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-category-badge.js","names":[],"sources":["../../../src/components/plugin/plugin-category-badge.tsx"],"mappings":";;;;AAUA,IAAa,IAAoB;CAAC;CAAO;CAAQ;CAAiB;CAAQ;CAAW;CAAW;AAAS,GAQnG,IAAmD;CACvD,KAAK;CACL,MAAM;CACN,eAAe;CACf,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;AACX;AAEA,SAAS,EAAgB,GAA8C;CACrE,OAAO,KAAY;AACrB;AAUA,SAAgB,EAAoB,EAAE,aAAU,UAAO,gBAAuC;CAC5F,IAAM,IAAO,EAAgB,CAAQ,IAAI,EAAiB,KAAY;CACtE,OACE,kBAAC,GAAD;EACE,SAAS,EAAgB,CAAQ,IAAI,YAAY;EACjD,iBAAe;EACf,WAAW,EAAG,oEAAoE,GAAM,CAAS;EAEhG,UAAA,KAAS;CACL,CAAA;AAEX"}
+{"version":3,"file":"plugin-category-badge.js","names":[],"sources":["../../../src/components/plugin/plugin-category-badge.tsx"],"mappings":";;;AAmCA,IAAa,IAAoB;CAAC;CAAO;CAAQ;CAAiB;CAAQ;CAAW;CAAW;AAAS,GAQnG,IAAgD;CACpD,KAAK;CACL,MAAM;CACN,eAAe;CACf,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;AACX;AAEA,SAAS,EAAgB,GAA8C;CACrE,OAAO,KAAY;AACrB;AAUA,SAAgB,EAAoB,EAAE,aAAU,UAAO,gBAAuC;CAC5F,IAAM,IAAQ,EAAgB,CAAQ;CACtC,OACE,kBAAC,QAAD;EACE,iBAAe;EACf,WAAW,EAOT,gEACA,iEACA,CACF;EAZF,UAAA,CAgBE,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,2DACA,IAAQ,EAAc,KAAY,4BAElC,8FACF;EACD,CAAA,GACD,kBAAC,QAAD;GAAM,WAAU;GACb,UAAA,KAAS;EACN,CAAA,CACF;;AAEV"}

package/dist/components/typography/text.js

@@ -17,7 +17,7 @@ var r = n("", {
 			destructive: "text-destructive",
 			info: "text-info",
 			success: "text-success",
-			warning: "text-warning"
+			warning: "text-hue-yellow"
 		},
 		weight: {
 			normal: "font-normal",

package/dist/components/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../../src/components/typography/text.tsx"],"mappings":";;;;;AAKA,IAAM,IAAe,EAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,IAAI;EACN;EACA,MAAM;GACJ,SAAS;GACT,OAAO;GACP,aAAa;GACb,MAAM;GACN,SAAS;GACT,SAAS;EACX;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;CACF;CACA,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,QAAQ;CACV;AACF,CAAC;AAgBD,SAAS,EAAK,EAAE,QAAK,KAAK,cAAW,SAAM,SAAM,WAAQ,GAAG,KAAoB;CAE9E,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAO,WAAW,EAAG,EAAa;GAAE;GAAM;GAAM;EAAO,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AACjH"}
+{"version":3,"file":"text.js","names":[],"sources":["../../../src/components/typography/text.tsx"],"mappings":";;;;;AAKA,IAAM,IAAe,EAAI,IAAI;CAC3B,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,IAAI;EACN;EACA,MAAM;GACJ,SAAS;GACT,OAAO;GACP,aAAa;GACb,MAAM;GACN,SAAS;GAIT,SAAS;EACX;EACA,QAAQ;GACN,QAAQ;GACR,QAAQ;GACR,UAAU;EACZ;CACF;CACA,iBAAiB;EACf,MAAM;EACN,MAAM;EACN,QAAQ;CACV;AACF,CAAC;AAgBD,SAAS,EAAK,EAAE,QAAK,KAAK,cAAW,SAAM,SAAM,WAAQ,GAAG,KAAoB;CAE9E,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAO,WAAW,EAAG,EAAa;GAAE;GAAM;GAAM;EAAO,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AACjH"}

package/dist/components/wizard/wizard-progress.d.ts

@@ -0,0 +1,29 @@
+export interface WizardProgressProps {
+    /** Ordered step labels. Length defines the number of steps. */
+    steps: string[];
+    /** 1-based index of the step the user is on. */
+    current: number;
+    /** Accessible name for the list, e.g. "Setup progress". */
+    label: string;
+    className?: string;
+}
+/**
+ * The segmented progress indicator for a multi-step flow.
+ *
+ * Extracted from FiestaBoard's setup wizard, where it was three bare `<div>`s
+ * and a row of `<Text>` labels. That version had no accessible semantics at
+ * all: a screen reader got three empty boxes and three disconnected words, so
+ * "which step am I on, of how many" — the only question the component exists
+ * to answer — was answerable only by sighted users.
+ *
+ * It is an ordered list here, each step is a real `<li>` carrying its own
+ * label, and the active one is marked `aria-current="step"`. The visual bar
+ * and the label are the SAME element rather than two parallel rows, so they
+ * cannot drift out of alignment when a label wraps.
+ *
+ * Completed and current steps fill with `--primary` — the same "this is
+ * engaged" pigment as the primary button and the active nav item — and
+ * pending steps sit on `--muted`. The bar carries a 3:1 shape difference on
+ * its own, so state is not signalled by colour alone.
+ */
+export declare function WizardProgress({ steps, current, label, className }: WizardProgressProps): import("react").JSX.Element;

package/dist/components/wizard/wizard-progress.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/wizard/wizard-progress.tsx
+function r({ steps: r, current: i, label: a, className: o }) {
+	return /* @__PURE__ */ t("ol", {
+		"aria-label": a,
+		className: e("flex items-start gap-2", o),
+		children: r.map((r, a) => {
+			let o = a + 1;
+			return /* @__PURE__ */ n("li", {
+				"aria-current": o === i ? "step" : void 0,
+				className: "flex min-w-0 flex-1 flex-col gap-2",
+				children: [/* @__PURE__ */ t("span", {
+					"aria-hidden": "true",
+					className: e("h-1.5 rounded-full transition-colors duration-slow", o <= i ? "bg-primary" : "bg-muted")
+				}), /* @__PURE__ */ t("span", {
+					className: e("truncate text-xs transition-colors duration-slow", o === i ? "text-foreground font-medium" : "text-muted-foreground"),
+					children: r
+				})]
+			}, r);
+		})
+	});
+}
+//#endregion
+export { r as WizardProgress };
+
+//# sourceMappingURL=wizard-progress.js.map

package/dist/components/wizard/wizard-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-progress.js","names":[],"sources":["../../../src/components/wizard/wizard-progress.tsx"],"mappings":";;;AA+BA,SAAgB,EAAe,EAAE,UAAO,YAAS,UAAO,gBAAkC;CACxF,OACE,kBAAC,MAAD;EAAI,cAAY;EAAO,WAAW,EAAG,0BAA0B,CAAS;EACrE,UAAA,EAAM,KAAK,GAAM,MAAM;GACtB,IAAM,IAAQ,IAAI;GAElB,OACE,kBAAC,MAAD;IAEE,gBAAc,MAAU,IAAU,SAAS,KAAA;IAC3C,WAAU;IAHZ,UAAA,CAKE,kBAAC,QAAD;KACE,eAAY;KACZ,WAAW,EAAG,sDATP,KAAS,IAS2D,eAAe,UAAU;IACrG,CAAA,GACD,kBAAC,QAAD;KACE,WAAW,EACT,oDACA,MAAU,IAAU,gCAAgC,uBACtD;KAEC,UAAA;IACG,CAAA,CACJ;GAhBG,GAAA,CAgBH;EAER,CAAC;CACC,CAAA;AAER"}

package/dist/components/wizard/wizard-shell.d.ts

@@ -0,0 +1,63 @@
+export interface WizardShellProps {
+    /** Brand mark for the header medallion — an <img>, an inline SVG, anything. */
+    icon?: React.ReactNode;
+    /**
+     * Wordmark rendered beside the mark. Together they are the product lockup —
+     * a bare icon identifies nothing on a screen someone is seeing for the first
+     * time, which is exactly the audience of a setup wizard.
+     */
+    wordmark?: React.ReactNode;
+    /** Product-level title, shown once above the step. */
+    title: string;
+    /** Product-level subtitle. */
+    description?: React.ReactNode;
+    /** Header-right slot: language selector, help link, theme toggle. */
+    aside?: React.ReactNode;
+    /** Ordered step labels; length defines the step count. */
+    steps: string[];
+    /** 1-based current step. */
+    current: number;
+    /** Accessible name for the progress list. */
+    progressLabel: string;
+    /** Heading for the current step. */
+    stepTitle: string;
+    /** Supporting copy for the current step. */
+    stepDescription?: React.ReactNode;
+    /** The step's own form/content. */
+    children: React.ReactNode;
+    /** Footer row — back, step count, skip, next. */
+    footer?: React.ReactNode;
+    /**
+     * Short board phrases to pack into the backdrop field. Omit for a plain
+     * background — the backdrop is opt-in because it is the splashy option, and
+     * a wizard that is not a first-run experience should not have one.
+     */
+    backdropPhrases?: string[];
+    className?: string;
+}
+/**
+ * Full-screen shell for a multi-step setup flow.
+ *
+ * Extracted from FiestaBoard's setup wizard, which is the first screen a new
+ * user ever sees and was the only surface in the product still built on
+ * devices the system has since retired:
+ *
+ *   * A full-bleed WebGL Aurora behind everything. It was the last consumer of
+ *     the animated-gradient look that got deleted from the sidebar, for the
+ *     same reason — it out-shouted the form it was behind, and on first run the
+ *     form is the entire job.
+ *   * `bg-background/75 backdrop-blur-xl` glass over that aurora. Once there is
+ *     no aurora, a translucent blur has nothing to blur: it just makes the card
+ *     a slightly muddier version of the page.
+ *   * `border border-white/10`, a pinned white hairline. Invisible on a light
+ *     page — the same class of bug that put white labels on a light rail.
+ *
+ * What replaces them is the ordinary card vocabulary: `--card` on
+ * `--background`, one `--elevation-modal`, one `--border`. The result reads as
+ * an installed application rather than a splash screen, and it inherits every
+ * later change to those tokens for free.
+ *
+ * The shell is presentational and holds no state. Step order, validation,
+ * persistence and routing stay with the consumer — this owns the frame.
+ */
+export declare function WizardShell({ icon, wordmark, title, description, aside, steps, current, progressLabel, stepTitle, stepDescription, children, footer, backdropPhrases, className, }: WizardShellProps): import("react").JSX.Element;

package/dist/components/wizard/wizard-shell.js

@@ -0,0 +1,69 @@
+import { cn as e } from "../../lib/utils.js";
+import { WizardProgress as t } from "./wizard-progress.js";
+import { BoardBackdrop as n } from "../board/board-backdrop.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/wizard/wizard-shell.tsx
+function a({ icon: a, wordmark: o, title: s, description: c, aside: l, steps: u, current: d, progressLabel: f, stepTitle: p, stepDescription: m, children: h, footer: g, backdropPhrases: _, className: v }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("bg-background fixed inset-0 z-50 overflow-y-auto", v),
+		children: [_?.length ? /* @__PURE__ */ r(n, {
+			phrases: _,
+			fixed: !0
+		}) : null, /* @__PURE__ */ r("div", {
+			className: "relative flex min-h-full items-start justify-center px-4 py-6 sm:px-6 sm:py-10",
+			children: /* @__PURE__ */ i("div", {
+				className: e("bg-card border-border w-full max-w-lg rounded-2xl border p-6 sm:p-8", "shadow-[var(--elevation-modal)]"),
+				children: [
+					/* @__PURE__ */ i("header", {
+						className: "pb-6",
+						children: [
+							/* @__PURE__ */ i("div", {
+								className: "flex items-center justify-between gap-4",
+								children: [/* @__PURE__ */ i("span", {
+									className: "flex min-w-0 items-center gap-3",
+									children: [a ? /* @__PURE__ */ r("span", {
+										className: "bg-board-surface-dark flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-xl ring-1 ring-white/10 sm:size-14",
+										children: a
+									}) : null, o]
+								}), l]
+							}),
+							/* @__PURE__ */ r("h1", {
+								className: "mt-5 text-2xl font-semibold tracking-tight text-balance sm:text-3xl",
+								children: s
+							}),
+							c ? /* @__PURE__ */ r("p", {
+								className: "text-muted-foreground mt-2 text-sm sm:text-base",
+								children: c
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ r(t, {
+						steps: u,
+						current: d,
+						label: f,
+						className: "pb-7"
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "mb-6",
+						children: [/* @__PURE__ */ r("h2", {
+							className: "text-xl font-semibold tracking-tight sm:text-2xl",
+							children: p
+						}), m ? /* @__PURE__ */ r("p", {
+							className: "text-muted-foreground mt-1",
+							children: m
+						}) : null]
+					}),
+					h,
+					g ? /* @__PURE__ */ r("div", {
+						className: "border-border mt-8 flex items-center justify-between border-t pt-6",
+						children: g
+					}) : null
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { a as WizardShell };
+
+//# sourceMappingURL=wizard-shell.js.map

package/dist/components/wizard/wizard-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-shell.js","names":[],"sources":["../../../src/components/wizard/wizard-shell.tsx"],"mappings":";;;;;AAsEA,SAAgB,EAAY,EAC1B,SACA,aACA,UACA,gBACA,UACA,UACA,YACA,kBACA,cACA,oBACA,aACA,WACA,oBACA,gBACmB;CACnB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,oDAAoD,CAAS;EAAhF,UAAA,CAGG,GAAiB,SAAS,kBAAC,GAAD;GAAe,SAAS;GAAiB,OAAA;EAAO,CAAA,IAAI,MAC/E,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,OAAD;IACE,WAAW,EACT,uEACA,iCACF;IAJF,UAAA;KAME,kBAAC,UAAD;MAAQ,WAAU;MAAlB,UAAA;OAYE,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;SAAhB,UAAA,CACG,IACC,kBAAC,QAAD;UAAM,WAAU;UACb,UAAA;SACG,CAAA,IACJ,MACH,CACG;QACL,CAAA,GAAA,CACE;;OACL,kBAAC,MAAD;QAAI,WAAU;QAAuE,UAAA;OAAU,CAAA;OAC9F,IAAc,kBAAC,KAAD;QAAG,WAAU;QAAmD,UAAA;OAAe,CAAA,IAAI;MAC5F;;KAER,kBAAC,GAAD;MAAuB;MAAgB;MAAS,OAAO;MAAe,WAAU;KAAQ,CAAA;KAExF,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;OAAoD,UAAA;MAAc,CAAA,GAC/E,IAAkB,kBAAC,KAAD;OAAG,WAAU;OAA8B,UAAA;MAAmB,CAAA,IAAI,IAClF;;KAEJ;KAEA,IACC,kBAAC,OAAD;MAAK,WAAU;MAAsE,UAAA;KAAY,CAAA,IAC/F;IACD;;EACF,CAAA,CACF;;AAET"}

package/dist/index.d.ts

@@ -10,7 +10,6 @@ export * from "./components/containment/accordion";
 export * from "./components/containment/card";
 export * from "./components/containment/collapsible";
 export * from "./components/containment/json-tree";
-export * from "./components/effects/aurora";
 export * from "./components/feedback/alert";
 export * from "./components/feedback/badge";
 export * from "./components/feedback/empty-state";
@@ -32,7 +31,6 @@ export * from "./components/typography/list";
 export * from "./components/containment/scroll-area";
 export * from "./components/containment/table";
 export * from "./components/containment/tabs";
-export { default as DecryptedText } from "./components/effects/react-bits/decrypted-text";
 export { default as FadeContent } from "./components/effects/react-bits/fade-content";
 export * from "./components/feedback/skeleton";
 export * from "./components/feedback/spinner";
@@ -60,10 +58,10 @@ export * from "./components/chrome/page-toolbar";
 export * from "./components/chrome/sidebar";
 export * from "./components/chrome/skip-to-content";
 export * from "./components/chrome/theme-toggle";
-export * from "./components/seasons/sidebar-aurora";
-export * from "./components/seasons/sidebar-aurora-horizontal";
-export * from "./lib/seasons";
+export * from "./components/wizard/wizard-progress";
+export * from "./components/wizard/wizard-shell";
 export { cn } from "./lib/utils";
+export * from "./components/board/board-backdrop";
 export * from "./components/board/board-display";
 export * from "./components/board/board-teaser";
 export * from "./components/board/scaled-board-display";