@fiestaboard/ui 5.3.0 → 5.4.1

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

@@ -13,26 +13,26 @@ var f = {
 	blackBoard: "Black Board",
 	whiteBoard: "White Board"
 }, 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 = {
+function m({ previews: o, previewLabel: m, size: h = "md", boardType: g, code62Glyph: _, defaultBoardType: v = "black", onBoardTypeChange: y, labels: b, className: x }) {
+	let S = {
 		...f,
-		...y
-	}, [S, C] = l(_), w = g ?? S;
-	function T(e) {
-		g === void 0 && C(e), v?.(e);
+		...b
+	}, [C, w] = l(v), T = g ?? C;
+	function E(e) {
+		g === void 0 && w(e), y?.(e);
 	}
 	if (o.length === 0) return null;
-	let E = s(o, x);
+	let D = s(o, S);
 	return /* @__PURE__ */ d("div", {
 		"data-slot": "board-showcase",
-		className: e("flex flex-col items-center gap-4", b),
+		className: e("flex flex-col items-center gap-4", x),
 		children: [/* @__PURE__ */ d(t, {
 			defaultValue: 0,
 			className: "flex w-full flex-col items-center gap-4",
 			children: [o.length > 1 && /* @__PURE__ */ u(r, {
-				"aria-label": x.boardShape,
+				"aria-label": S.boardShape,
 				className: "h-auto gap-2 rounded-full bg-transparent p-0",
-				children: E.map((e, t) => /* @__PURE__ */ u(i, {
+				children: D.map((e, t) => /* @__PURE__ */ u(i, {
 					value: t,
 					className: p,
 					children: e
@@ -43,25 +43,26 @@ function m({ previews: o, previewLabel: m, size: h = "md", boardType: g, default
 				children: /* @__PURE__ */ u(a, {
 					message: c(e),
 					size: h,
-					boardType: w,
+					boardType: T,
 					deviceType: e.device_type ?? "flagship",
+					code62Glyph: _,
 					notesWide: e.notes_wide ?? 1,
 					notesTall: e.notes_tall ?? 1,
 					previewLabel: m
 				})
-			}, E[t]))]
+			}, D[t]))]
 		}), /* @__PURE__ */ u("div", {
 			role: "group",
-			"aria-label": x.boardColor,
+			"aria-label": S.boardColor,
 			className: "flex",
 			children: ["black", "white"].map((t) => {
-				let n = w === t;
+				let n = T === t;
 				return /* @__PURE__ */ u("button", {
 					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-primary bg-primary font-semibold text-primary-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
-					children: t === "black" ? x.blackBoard : x.whiteBoard
+					onClick: () => E(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", "focus-ring", n ? "border-primary bg-primary font-semibold text-primary-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
+					children: t === "black" ? S.blackBoard : S.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,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"}
+{"version":3,"file":"board-showcase.js","names":[],"sources":["../../../src/components/plugin/board-showcase.tsx"],"mappings":";;;;;;;;AAkCA,IAAa,IAA+C;CAC1D,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd,GA4BM,IACJ;AAIF,SAAgB,EAAc,EAC5B,aACA,iBACA,UAAO,MACP,cACA,gBACA,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;KACtB;KACb,WAAW,EAAQ,cAAc;KACjC,WAAW,EAAQ,cAAc;KACnB;IACf,CAAA;GACU,GAdN,EAAU,EAcJ,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,cACA,IACI,oEACA,2DACN;KAEC,UAAA,MAAU,UAAU,EAAE,aAAa,EAAE;IAChC,GAdD,CAcC;GAEZ,CAAC;EACE,CAAA,CACF;;AAET"}

package/dist/components/plugin/plugin-card.d.ts

@@ -9,6 +9,7 @@
  * without nesting one interactive element inside another.
  */
 import type { CSSProperties, ReactNode } from "react";
+import type { Code62Glyph } from "../../lib/board-characters";
 export interface PluginCardProps {
     name: string;
     description?: ReactNode;
@@ -24,6 +25,12 @@ export interface PluginCardProps {
     /** Literal board line, at most 15 tiles. Omit to hide the teaser footer. */
     teaser?: string;
     boardType?: "black" | "white";
+    /**
+     * Which glyph the viewer's board draws for code 62 — a teaser carrying a
+     * temperature is `°` on an older Flagship and `♥` on one built from 2026
+     * (FiestaBoard#1666). Defaults to `"degree"`.
+     */
+    code62Glyph?: Code62Glyph;
     /**
      * Renders the card's primary link. Receives the class that stretches it over
      * the card, and the card title as children.
@@ -37,4 +44,4 @@ export interface PluginCardProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function PluginCard({ name, description, authorLabel, category, categoryLabel, teaser, boardType, renderLink, action, className, style, }: PluginCardProps): import("react").JSX.Element;
+export declare function PluginCard({ name, description, authorLabel, category, categoryLabel, teaser, boardType, code62Glyph, renderLink, action, className, style, }: PluginCardProps): import("react").JSX.Element;

package/dist/components/plugin/plugin-card.js

@@ -7,11 +7,11 @@ import { ScaledBoardTeaser as i } from "./scaled-board-teaser.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/plugin/plugin-card.tsx
 var s = "after:absolute after:inset-0 after:rounded-xl after:content-[''] outline-none focus-visible:after:ring-[3px] focus-visible:after:ring-ring/50 text-foreground no-underline hover:no-underline hover:text-foreground";
-function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel: f, teaser: p, boardType: m = "black", renderLink: h, action: g, className: _, style: v }) {
+function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel: f, teaser: p, boardType: m = "black", code62Glyph: h, renderLink: g, action: _, className: v, style: y }) {
 	return /* @__PURE__ */ o("div", {
 		"data-slot": "plugin-card",
-		style: v,
-		className: e("group relative flex h-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground", "shadow-card transition-[transform,box-shadow] duration-base hover:-translate-y-1 hover:shadow-lg", "motion-reduce:transition-none motion-reduce:hover:translate-y-0", _),
+		style: y,
+		className: e("group relative flex h-full flex-col overflow-hidden rounded-xl border bg-card text-card-foreground", "shadow-card transition-[transform,box-shadow] duration-base hover:-translate-y-1 hover:shadow-lg", "motion-reduce:transition-none motion-reduce:hover:translate-y-0", v),
 		children: [/* @__PURE__ */ o("div", {
 			className: "flex flex-1 flex-col gap-2 p-4",
 			children: [
@@ -20,7 +20,7 @@ function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel
 					children: [/* @__PURE__ */ a(t, {
 						level: 3,
 						className: "min-w-0 text-base",
-						children: h({
+						children: g({
 							className: s,
 							children: c
 						})
@@ -44,9 +44,9 @@ function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel
 						size: "xs",
 						className: "truncate",
 						children: u
-					}) : /* @__PURE__ */ a("span", {}), g && /* @__PURE__ */ a("div", {
+					}) : /* @__PURE__ */ a("span", {}), _ && /* @__PURE__ */ a("div", {
 						className: "relative z-10 shrink-0",
-						children: g
+						children: _
 					})]
 				})
 			]
@@ -54,7 +54,8 @@ function c({ name: c, description: l, authorLabel: u, category: d, categoryLabel
 			className: "border-t bg-muted/30 px-3 py-4",
 			children: /* @__PURE__ */ a(i, {
 				teaser: p,
-				boardType: m
+				boardType: m,
+				code62Glyph: h
 			})
 		})]
 	});

package/dist/components/plugin/plugin-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-card.js","names":[],"sources":["../../../src/components/plugin/plugin-card.tsx"],"mappings":";;;;;;;;AAsBA,IAAM,IACJ;AA8BF,SAAgB,EAAW,EACzB,SACA,gBACA,gBACA,aACA,kBACA,WACA,eAAY,SACZ,eACA,WACA,cACA,YACkB;CAClB,OACE,kBAAC,OAAD;EACE,aAAU;EACH;EACP,WAAW,EACT,sGACA,oGACA,mEACA,CACF;EARF,UAAA,CAUE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,GAAD;MAAS,OAAO;MAAG,WAAU;MAC1B,UAAA,EAAW;OAAE,WAAW;OAAsB,UAAU;MAAK,CAAC;KACxD,CAAA,GACR,KAAY,kBAAC,GAAD;MAA+B;MAAU,OAAO;MAAe,WAAU;KAAW,CAAA,CAC9F;;IAEJ,KACC,kBAAC,GAAD;KAAM,MAAK;KAAQ,MAAK;KAAK,WAAU;KACpC,UAAA;IACG,CAAA;IAGR,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,IACC,kBAAC,GAAD;MAAM,IAAG;MAAO,MAAK;MAAQ,MAAK;MAAK,WAAU;MAC9C,UAAA;KACG,CAAA,IAEN,kBAAC,QAAD,CAAO,CAAA,GAER,KAAU,kBAAC,OAAD;MAAK,WAAU;MAA0B,UAAA;KAAY,CAAA,CAC7D;;GACF;EAEJ,CAAA,GAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,GAAD;IAA2B;IAAmB;GAAY,CAAA;EACvD,CAAA,CAEJ;;AAET"}
+{"version":3,"file":"plugin-card.js","names":[],"sources":["../../../src/components/plugin/plugin-card.tsx"],"mappings":";;;;;;;;AAuBA,IAAM,IACJ;AAoCF,SAAgB,EAAW,EACzB,SACA,gBACA,gBACA,aACA,kBACA,WACA,eAAY,SACZ,gBACA,eACA,WACA,cACA,YACkB;CAClB,OACE,kBAAC,OAAD;EACE,aAAU;EACH;EACP,WAAW,EACT,sGACA,oGACA,mEACA,CACF;EARF,UAAA,CAUE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,GAAD;MAAS,OAAO;MAAG,WAAU;MAC1B,UAAA,EAAW;OAAE,WAAW;OAAsB,UAAU;MAAK,CAAC;KACxD,CAAA,GACR,KAAY,kBAAC,GAAD;MAA+B;MAAU,OAAO;MAAe,WAAU;KAAW,CAAA,CAC9F;;IAEJ,KACC,kBAAC,GAAD;KAAM,MAAK;KAAQ,MAAK;KAAK,WAAU;KACpC,UAAA;IACG,CAAA;IAGR,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,IACC,kBAAC,GAAD;MAAM,IAAG;MAAO,MAAK;MAAQ,MAAK;MAAK,WAAU;MAC9C,UAAA;KACG,CAAA,IAEN,kBAAC,QAAD,CAAO,CAAA,GAER,KAAU,kBAAC,OAAD;MAAK,WAAU;MAA0B,UAAA;KAAY,CAAA,CAC7D;;GACF;EAEJ,CAAA,GAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,GAAD;IAA2B;IAAmB;IAAwB;GAAc,CAAA;EACjF,CAAA,CAEJ;;AAET"}

package/dist/components/plugin/scaled-board-teaser.d.ts

@@ -1,11 +1,14 @@
+import type { Code62Glyph } from "../../lib/board-characters";
 export interface ScaledBoardTeaserProps {
     /** Literal board line, e.g. `"{66}AQI 45 CLEAR"`. */
     teaser: string;
     boardType?: "black" | "white";
+    /** Which glyph the board draws for code 62; see `BoardTeaser`. */
+    code62Glyph?: Code62Glyph;
     /** Strip width in tiles. */
     tiles?: number;
     minScale?: number;
     maxScale?: number;
     className?: string;
 }
-export declare function ScaledBoardTeaser({ teaser, boardType, tiles, minScale, maxScale, className, }: ScaledBoardTeaserProps): import("react").JSX.Element;
+export declare function ScaledBoardTeaser({ teaser, boardType, code62Glyph, tiles, minScale, maxScale, className, }: ScaledBoardTeaserProps): import("react").JSX.Element;

package/dist/components/plugin/scaled-board-teaser.js

@@ -5,31 +5,32 @@ import { useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/plugin/scaled-board-teaser.tsx
 var o = 18;
-function s({ teaser: s, boardType: c = "black", tiles: l = 15, minScale: u = .85, maxScale: d = 1.5, className: f }) {
-	let p = r(null), [m, h] = i(1);
+function s({ teaser: s, boardType: c = "black", code62Glyph: l, tiles: u = 15, minScale: d = .85, maxScale: f = 1.5, className: p }) {
+	let m = r(null), [h, g] = i(1);
 	return n(() => {
-		let e = p.current, t = e?.firstElementChild;
+		let e = m.current, t = e?.firstElementChild;
 		if (!e || !t) return;
 		let n = () => {
-			t.offsetWidth > 0 && h(Math.min(d, Math.max(u, e.clientWidth / t.offsetWidth)));
+			t.offsetWidth > 0 && g(Math.min(f, Math.max(d, e.clientWidth / t.offsetWidth)));
 		};
 		n();
 		let r = new ResizeObserver(n);
 		return r.observe(e), () => r.disconnect();
-	}, [u, d]), /* @__PURE__ */ a("div", {
-		ref: p,
+	}, [d, f]), /* @__PURE__ */ a("div", {
+		ref: m,
 		"data-slot": "scaled-board-teaser",
-		className: e("flex justify-center overflow-hidden", f),
-		style: { height: `${o * m}px` },
+		className: e("flex justify-center overflow-hidden", p),
+		style: { height: `${o * h}px` },
 		children: /* @__PURE__ */ a("div", {
 			style: {
-				transform: `scale(${m})`,
+				transform: `scale(${h})`,
 				transformOrigin: "top center"
 			},
 			children: /* @__PURE__ */ a(t, {
 				teaser: s,
-				tiles: l,
-				boardType: c
+				tiles: u,
+				boardType: c,
+				code62Glyph: l
 			})
 		})
 	});

package/dist/components/plugin/scaled-board-teaser.js.map

@@ -1 +1 @@
-{"version":3,"file":"scaled-board-teaser.js","names":[],"sources":["../../../src/components/plugin/scaled-board-teaser.tsx"],"mappings":";;;;;;AAgBA,IAAM,IAAe;AAarB,SAAgB,EAAkB,EAChC,WACA,eAAY,SACZ,WAAQ,IACR,cAAW,KACX,cAAW,KACX,gBACyB;CACzB,IAAM,IAAe,EAAuB,IAAI,GAC1C,CAAC,GAAO,KAAY,EAAS,CAAC;CAkBpC,OAhBA,QAAgB;EACd,IAAM,IAAY,EAAa,SACzB,IAAQ,GAAW;EACzB,IAAI,CAAC,KAAa,CAAC,GAAO;EAC1B,IAAM,UAAgB;GAEpB,AAAI,EAAM,cAAc,KACtB,EAAS,KAAK,IAAI,GAAU,KAAK,IAAI,GAAU,EAAU,cAAc,EAAM,WAAW,CAAC,CAAC;EAE9F;EACA,EAAQ;EACR,IAAM,IAAW,IAAI,eAAe,CAAO;EAE3C,OADA,EAAS,QAAQ,CAAS,SACb,EAAS,WAAW;CACnC,GAAG,CAAC,GAAU,CAAQ,CAAC,GAGrB,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,uCAAuC,CAAS;EAC9D,OAAO,EAAE,QAAQ,GAAG,IAAe,EAAM,IAAI;EAE7C,UAAA,kBAAC,OAAD;GAAK,OAAO;IAAE,WAAW,SAAS,EAAM;IAAI,iBAAiB;GAAa;GACxE,UAAA,kBAAC,GAAD;IAAqB;IAAe;IAAkB;GAAY,CAAA;EAC/D,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"scaled-board-teaser.js","names":[],"sources":["../../../src/components/plugin/scaled-board-teaser.tsx"],"mappings":";;;;;;AAiBA,IAAM,IAAe;AAerB,SAAgB,EAAkB,EAChC,WACA,eAAY,SACZ,gBACA,WAAQ,IACR,cAAW,KACX,cAAW,KACX,gBACyB;CACzB,IAAM,IAAe,EAAuB,IAAI,GAC1C,CAAC,GAAO,KAAY,EAAS,CAAC;CAkBpC,OAhBA,QAAgB;EACd,IAAM,IAAY,EAAa,SACzB,IAAQ,GAAW;EACzB,IAAI,CAAC,KAAa,CAAC,GAAO;EAC1B,IAAM,UAAgB;GAEpB,AAAI,EAAM,cAAc,KACtB,EAAS,KAAK,IAAI,GAAU,KAAK,IAAI,GAAU,EAAU,cAAc,EAAM,WAAW,CAAC,CAAC;EAE9F;EACA,EAAQ;EACR,IAAM,IAAW,IAAI,eAAe,CAAO;EAE3C,OADA,EAAS,QAAQ,CAAS,SACb,EAAS,WAAW;CACnC,GAAG,CAAC,GAAU,CAAQ,CAAC,GAGrB,kBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,WAAW,EAAG,uCAAuC,CAAS;EAC9D,OAAO,EAAE,QAAQ,GAAG,IAAe,EAAM,IAAI;EAE7C,UAAA,kBAAC,OAAD;GAAK,OAAO;IAAE,WAAW,SAAS,EAAM;IAAI,iBAAiB;GAAa;GACxE,UAAA,kBAAC,GAAD;IAAqB;IAAe;IAAkB;IAAwB;GAAc,CAAA;EACzF,CAAA;CACF,CAAA;AAET"}

package/dist/components/typography/heading.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const headingVariants: (props?: ({
-    tone?: "default" | "destructive" | "muted" | null | undefined;
+    tone?: "muted" | "default" | "destructive" | null | undefined;
     size?: "base" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {

package/dist/components/typography/text-link.d.ts

@@ -1,9 +1,33 @@
 import * as React from "react";
 /**
- * Inline text anchor with the canonical link treatment, always underlined at
- * rest (satisfies WCAG 1.4.1 / axe link-in-text-block), and the unified 3px
- * soft focus ring. For router navigation, keep using the router's `Link`
+ * Inline text anchor with the canonical link treatment: always underlined at
+ * rest (WCAG 1.4.1 / axe `link-in-text-block`), brand pigment, and the shared
+ * two-tone focus ring. For router navigation, keep using the router's `Link`
  * component; this primitive is for plain anchors.
+ *
+ * ## Pigment: `text-brand`, never `text-primary` (#238)
+ *
+ * `--primary` is the literal #f5a623 tile. It measures **1.83:1** on a light
+ * page — legal as a button field with board ink on it, illegal as a sentence.
+ * `--brand` is the same hue at the ink plateau: **5.09:1** light, **9.63:1**
+ * dark on `--background`. This is the pigment `Button`'s `link` variant
+ * already uses, and the two are deliberately the same so a link does not
+ * change colour depending on which component drew it.
+ *
+ * The underline is permanent rather than on hover because colour alone cannot
+ * distinguish a link from body copy: `--brand` against `--foreground` is
+ * 1.86:1 in dark, under G183's 3:1.
+ *
+ * ## Focus: the shared `focus-ring` class (#238)
+ *
+ * The previous recipe was `outline-none focus-visible:ring-[3px]
+ * focus-visible:ring-ring/50`, which is now a two-part failure. `--ring`
+ * follows `--primary`, so since 4.0.0 the band is the tile; composited in
+ * gamma space a 50% band of it measures **1.36:1** against a light page,
+ * against SC 2.4.11's 3:1. And `outline-none` suppressed the UA outline that
+ * would otherwise have covered for it, so the link had no visible focus
+ * indicator at all. `focus-ring` bounds the orange band with board-ink
+ * hairlines (16:1 on light surfaces) — see the recipe in theme.css.
  */
 declare function TextLink({ className, ...props }: React.ComponentProps<"a">): React.JSX.Element;
 export { TextLink };

package/dist/components/typography/text-link.js

@@ -5,7 +5,7 @@ import { jsx as t } from "react/jsx-runtime";
 function n({ className: n, ...r }) {
 	return /* @__PURE__ */ t("a", {
 		"data-slot": "text-link",
-		className: e("rounded-sm text-primary underline underline-offset-4 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", n),
+		className: e("focus-ring rounded-sm text-brand underline underline-offset-4", n),
 		...r
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"text-link.js","names":[],"sources":["../../../src/components/typography/text-link.tsx"],"mappings":";;;;AAUA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAoC;CACpE,OACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EACT,yHACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"text-link.js","names":[],"sources":["../../../src/components/typography/text-link.tsx"],"mappings":";;;;AAkCA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAoC;CACpE,OACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EAAG,iEAAiE,CAAS;EACxF,GAAI;CACL,CAAA;AAEL"}

package/dist/components/typography/text.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const textVariants: (props?: ({
     size?: "base" | "sm" | "lg" | "xs" | null | undefined;
-    tone?: "default" | "destructive" | "info" | "success" | "warning" | "muted" | null | undefined;
+    tone?: "muted" | "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
     weight?: "normal" | "medium" | "semibold" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {

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

@@ -1,5 +1,10 @@
 export interface WizardShellProps {
-    /** Brand mark for the header medallion — an <img>, an inline SVG, anything. */
+    /**
+     * Brand mark for the header medallion — an <img>, an inline SVG, anything.
+     * Rendered inside a decorative {@link IconTile}, so it is hidden from
+     * assistive technology: the `wordmark` beside it is the lockup's name and
+     * announcing both would say the product twice.
+     */
     icon?: React.ReactNode;
     /**
      * Wordmark rendered beside the mark. Together they are the product lockup —

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

@@ -1,62 +1,65 @@
 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";
+import { IconTile as t } from "../containment/icon-tile.js";
+import { WizardProgress as n } from "./wizard-progress.js";
+import { BoardBackdrop as r } from "../board/board-backdrop.js";
+import { jsx as i, jsxs as a } 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: _,
+function o({ icon: o, wordmark: s, title: c, description: l, aside: u, steps: d, current: f, progressLabel: p, stepTitle: m, stepDescription: h, children: g, footer: _, backdropPhrases: v, className: y }) {
+	return /* @__PURE__ */ a("div", {
+		className: e("bg-background fixed inset-0 z-50 overflow-y-auto", y),
+		children: [v?.length ? /* @__PURE__ */ i(r, {
+			phrases: v,
 			fixed: !0
-		}) : null, /* @__PURE__ */ r("div", {
+		}) : null, /* @__PURE__ */ i("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", {
+			children: /* @__PURE__ */ a("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", {
+					/* @__PURE__ */ a("header", {
 						className: "pb-6",
 						children: [
-							/* @__PURE__ */ i("div", {
+							/* @__PURE__ */ a("div", {
 								className: "flex items-center justify-between gap-4",
-								children: [/* @__PURE__ */ i("span", {
+								children: [/* @__PURE__ */ a("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]
+									children: [o ? /* @__PURE__ */ i(t, {
+										size: "lg",
+										tone: "board",
+										className: "sm:size-14",
+										children: o
+									}) : null, s]
+								}), u]
 							}),
-							/* @__PURE__ */ r("h1", {
+							/* @__PURE__ */ i("h1", {
 								className: "mt-5 text-2xl font-semibold tracking-tight text-balance sm:text-3xl",
-								children: s
+								children: c
 							}),
-							c ? /* @__PURE__ */ r("p", {
+							l ? /* @__PURE__ */ i("p", {
 								className: "text-muted-foreground mt-2 text-sm sm:text-base",
-								children: c
+								children: l
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ r(t, {
-						steps: u,
-						current: d,
-						label: f,
+					/* @__PURE__ */ i(n, {
+						steps: d,
+						current: f,
+						label: p,
 						className: "pb-7"
 					}),
-					/* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a("div", {
 						className: "mb-6",
-						children: [/* @__PURE__ */ r("h2", {
+						children: [/* @__PURE__ */ i("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
+						}), h ? /* @__PURE__ */ i("p", {
+							className: "text-muted-foreground mt-1",
+							children: h
 						}) : null]
 					}),
-					h,
-					g ? /* @__PURE__ */ r("div", {
+					g,
+					_ ? /* @__PURE__ */ i("div", {
 						className: "border-border mt-8 flex items-center justify-between border-t pt-6",
-						children: g
+						children: _
 					}) : null
 				]
 			})
@@ -64,6 +67,6 @@ function a({ icon: a, wordmark: o, title: s, description: c, aside: l, steps: u,
 	});
 }
 //#endregion
-export { a as WizardShell };
+export { o as WizardShell };
 
 //# sourceMappingURL=wizard-shell.js.map

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

@@ -1 +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"}
+{"version":3,"file":"wizard-shell.js","names":[],"sources":["../../../src/components/wizard/wizard-shell.tsx"],"mappings":";;;;;;AA4EA,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;OAcE,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CACE,kBAAC,QAAD;SAAM,WAAU;SAAhB,UAAA,CACG,IAIC,kBAAC,GAAD;UAAU,MAAK;UAAK,MAAK;UAAQ,WAAU;UACxC,UAAA;SACO,CAAA,IACR,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

@@ -9,6 +9,7 @@
 export * from "./components/containment/accordion";
 export * from "./components/containment/card";
 export * from "./components/containment/collapsible";
+export * from "./components/containment/icon-tile";
 export * from "./components/containment/json-tree";
 export * from "./components/containment/media-frame";
 export * from "./components/feedback/alert";
@@ -40,9 +41,11 @@ export * from "./components/feedback/spinner";
 export * from "./components/feedback/status-dot";
 export * from "./components/forms/select";
 export * from "./components/forms/slider";
+export * from "./components/forms/swatch";
 export * from "./components/forms/switch";
 export * from "./components/forms/textarea";
 export * from "./components/forms/time-picker";
+export * from "./components/forms/timezone-picker";
 export * from "./components/forms/toggle";
 export * from "./components/forms/toggle-card";
 export * from "./components/layout/stack";
@@ -57,6 +60,7 @@ export * from "./components/chrome/fiesta-icon";
 export * from "./components/chrome/fiesta-logo";
 export * from "./components/chrome/language-selector";
 export * from "./components/chrome/main-content";
+export * from "./components/chrome/nav-list";
 export * from "./components/chrome/page-header";
 export * from "./components/chrome/page-layout";
 export * from "./components/chrome/page-toolbar";