@fiestaboard/ui 1.6.3

package/dist/components/board/scaled-board-display.d.ts

@@ -0,0 +1,37 @@
+import { type BoardDisplayProps } from "./board-display";
+export interface ScaledBoardDisplayProps extends BoardDisplayProps {
+    /** Accessible label for the Fit / Actual size toggle group (note arrays only). */
+    previewSizeLabel?: string;
+    /** Label for the fit-to-container mode toggle button. */
+    fitModeLabel?: string;
+    /** Label for the actual-size mode toggle button. */
+    actualModeLabel?: string;
+}
+/**
+ * Wraps {@link BoardDisplay} so it shrinks to fit a narrow parent.
+ *
+ * BoardDisplay sizes its tiles via viewport breakpoints
+ * (`sm:w-[20px] md:w-[24px]…`). That works on a full-width page but
+ * stops responding when the editor pane is squeezed by, say, the
+ * resizable AI chat panel — the board overflows or gets clipped.
+ *
+ * In the default **fit** mode we keep the natural tile rendering and just
+ * apply `transform: scale()` based on the actual parent width measured at
+ * runtime. We never scale UP — full size is always the cap, so the board
+ * looks identical in roomy layouts.
+ *
+ * For note-array boards (which can be very wide, e.g. 3×60, or very tall,
+ * e.g. 12×15) a small toggle switches to **actual** mode: tiles render at
+ * their natural readable size inside a horizontally-scrollable container,
+ * with no vertical clipping. The toggle is only rendered for note arrays,
+ * so flagship/note previews are visually unchanged.
+ */
+declare function ScaledBoardDisplayImpl({ previewSizeLabel, fitModeLabel, actualModeLabel, ...props }: ScaledBoardDisplayProps): import("react").JSX.Element;
+/**
+ * Memoized so a parent re-render with unchanged props doesn't re-render the
+ * wrapper (its children include the toggle UI). The heavyweight
+ * {@link BoardDisplay} below is already memoized with a custom comparator;
+ * this keeps the wrapper from being the weak link in that chain.
+ */
+export declare const ScaledBoardDisplay: import("react").MemoExoticComponent<typeof ScaledBoardDisplayImpl>;
+export {};

package/dist/components/board/scaled-board-display.js

@@ -0,0 +1,118 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { isNoteArray as t } from "../../lib/board-dimensions.js";
+import { BoardDisplay as n } from "./board-display.js";
+import { memo as r, useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/board/scaled-board-display.tsx
+var l = "fiestaboard:boardPreviewMode";
+function u() {
+	if (typeof window > "u") return "fit";
+	try {
+		return window.sessionStorage.getItem(l) === "actual" ? "actual" : "fit";
+	} catch {
+		return "fit";
+	}
+}
+function d(e) {
+	if (!(typeof window > "u")) try {
+		window.sessionStorage.setItem(l, e);
+	} catch {}
+}
+function f({ previewSizeLabel: r = "Preview size", fitModeLabel: l = "Fit", actualModeLabel: f = "Actual size", ...p }) {
+	let m = a(null), h = a(null), [g, _] = o(1), [v, y] = o(null), [b, x] = o(null), S = t(p.deviceType ?? "flagship"), [C, w] = o(() => u()), T = S ? C : "fit", E = (e) => {
+		w(e), d(e);
+	};
+	i(() => {
+		if (T !== "fit") return;
+		let e = m.current, t = h.current;
+		if (!e || !t) return;
+		let n = (() => {
+			let t = e.parentElement;
+			for (; t;) {
+				let e = getComputedStyle(t);
+				if (e.overflowX === "hidden" || e.overflowX === "scroll" || e.overflowX === "auto") return t;
+				t = t.parentElement;
+			}
+			return e;
+		})(), r = null, i = () => {
+			r = null;
+			let i = getComputedStyle(n), a = n.clientWidth - parseFloat(i.paddingLeft) - parseFloat(i.paddingRight), o = e.clientWidth > 0 ? Math.min(a, e.clientWidth) : a, s = t.firstElementChild, c = s ? s.offsetWidth : t.offsetWidth, l = s ? s.offsetHeight : t.offsetHeight;
+			if (!c || !o) return;
+			let u = Math.min(1, o / c);
+			_((e) => Math.abs(e - u) > .001 ? u : e), y(c * u), x(l * u);
+		}, a = () => {
+			r === null && (r = requestAnimationFrame(i));
+		};
+		i();
+		let o = new ResizeObserver(a);
+		return o.observe(n), o.observe(e), o.observe(t), () => {
+			o.disconnect(), r !== null && cancelAnimationFrame(r);
+		};
+	}, [
+		p.message,
+		p.size,
+		p.deviceType,
+		p.notesWide,
+		p.notesTall,
+		T
+	]);
+	let D = S ? /* @__PURE__ */ s("div", {
+		className: "mb-1 flex w-full justify-center",
+		role: "group",
+		"aria-label": r,
+		children: /* @__PURE__ */ c("div", {
+			className: "flex gap-1",
+			children: [/* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: () => E("fit"),
+				"aria-pressed": T === "fit",
+				className: e("rounded-full border px-2.5 py-1 text-[11px] transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", T === "fit" ? "border-primary bg-primary/10 text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"),
+				children: l
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: () => E("actual"),
+				"aria-pressed": T === "actual",
+				className: e("rounded-full border px-2.5 py-1 text-[11px] transition-colors focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none", T === "actual" ? "border-primary bg-primary/10 text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"),
+				children: f
+			})]
+		})
+	}) : null;
+	return T === "actual" ? /* @__PURE__ */ c("div", {
+		"data-slot": "scaled-board-display",
+		className: "w-full min-w-0",
+		children: [D, /* @__PURE__ */ s("div", {
+			"data-testid": "actual-size-scroll",
+			className: "w-full overflow-x-auto",
+			style: { overflowY: "visible" },
+			children: /* @__PURE__ */ s(n, { ...p })
+		})]
+	}) : /* @__PURE__ */ c("div", {
+		"data-slot": "scaled-board-display",
+		className: "w-full min-w-0",
+		children: [D, /* @__PURE__ */ s("div", {
+			ref: m,
+			className: "flex w-full min-w-0 justify-center overflow-hidden",
+			children: /* @__PURE__ */ s("div", {
+				style: {
+					width: v ?? void 0,
+					height: b ?? void 0
+				},
+				children: /* @__PURE__ */ s("div", {
+					ref: h,
+					style: {
+						transform: `scale(${g})`,
+						transformOrigin: "top left",
+						width: "fit-content"
+					},
+					children: /* @__PURE__ */ s(n, { ...p })
+				})
+			})
+		})]
+	});
+}
+var p = r(f);
+//#endregion
+export { p as ScaledBoardDisplay };
+
+//# sourceMappingURL=scaled-board-display.js.map

package/dist/components/board/scaled-board-display.js.map

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

package/dist/components/board/static-board-display.d.ts

@@ -0,0 +1,17 @@
+import { type DeviceType } from "../../lib/board-dimensions";
+export interface StaticBoardDisplayProps {
+    message: string | null;
+    size?: "sm" | "md" | "lg";
+    boardType?: "black" | "white";
+    deviceType?: DeviceType;
+    className?: string;
+    /** Notes wide (for note_array device; ignored otherwise). */
+    notesWide?: number;
+    /** Notes tall (for note_array device; ignored otherwise). */
+    notesTall?: number;
+    /** Accessible label when a message is shown. */
+    previewLabel?: string;
+    /** Accessible label when the board has no message. */
+    emptyLabel?: string;
+}
+export declare const StaticBoardDisplay: import("react").MemoExoticComponent<({ message, size, boardType, deviceType, className, notesWide, notesTall, previewLabel, emptyLabel, }: StaticBoardDisplayProps) => import("react").JSX.Element>;

package/dist/components/board/static-board-display.js

@@ -0,0 +1,140 @@
+"use client";
+import { resolveColorCode as e } from "../../lib/board-colors.js";
+import { messageToGrid as t } from "../../lib/board-characters.js";
+import { isNoteArray as n, resolveDimensions as r } from "../../lib/board-dimensions.js";
+import { gapClasses as i, paddingClasses as a, sizeClasses as o, textSizeClasses as s } from "../../lib/board-metrics.js";
+import { memo as c, useMemo as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/board/static-board-display.tsx
+var f = c(function({ message: c, size: f = "sm", boardType: p = "black", deviceType: m = "flagship", className: h = "", notesWide: g = 1, notesTall: _ = 1, previewLabel: v = "Board preview", emptyLabel: y = "Empty board display" }) {
+	let b = r(m, g, _), x = n(m), S = p === "white", C = S ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", w = S ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", T = l(() => t(c ?? "", b.rows, b.cols, m), [
+		c,
+		b.rows,
+		b.cols,
+		m
+	]), E = f === "sm" ? "6px" : f === "md" ? "8px" : "10px", D = S ? "var(--color-board-bezel-light)" : "var(--color-board-bezel-dark)", O = S ? "var(--color-board-bezel-border-light)" : "var(--color-board-bezel-border-dark)", k = f === "sm" ? S ? "0 2px 8px rgba(0,0,0,0.1), inset 0 1px 2px rgba(255,255,255,0.9)" : "0 2px 8px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.06)" : S ? "0 8px 32px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.08), inset 0 1px 2px rgba(255,255,255,0.9), inset 0 0 0 1px rgba(255,255,255,0.5)" : "0 8px 32px rgba(0,0,0,0.6), 0 4px 16px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.08), inset 0 0 0 1px rgba(255,255,255,0.03)", A = f === "sm" ? S ? "0 1px 2px rgba(0,0,0,0.15)" : "0 1px 2px rgba(0,0,0,0.4)" : S ? "0 2px 4px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.1), inset 0 -1px 2px rgba(255,255,255,0.5), inset 1px 0 1px rgba(0,0,0,0.08), inset -1px 0 1px rgba(255,255,255,0.4)" : "0 2px 4px rgba(0,0,0,0.5), inset 0 1px 2px rgba(0,0,0,0.8), inset 0 -1px 1px rgba(255,255,255,0.08), inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.05)";
+	return /* @__PURE__ */ u("div", {
+		className: "w-full flex justify-center",
+		children: /* @__PURE__ */ u("div", {
+			role: "img",
+			"aria-label": c ? v : y,
+			"data-slot": "static-board-display",
+			className: `${f === "sm" ? "rounded-lg border-[3px]" : "rounded-lg sm:rounded-xl border-[3px] sm:border-[4px] lg:border-[5px]"} ${h} max-w-full`,
+			style: {
+				backgroundColor: D,
+				borderColor: O,
+				boxShadow: k,
+				width: "fit-content"
+			},
+			children: /* @__PURE__ */ u("div", {
+				className: `${a[f]} relative`,
+				"aria-hidden": "true",
+				style: { background: S ? "linear-gradient(135deg, var(--color-board-surface-light) 0%, var(--color-board-bezel-border-light) 100%)" : "linear-gradient(135deg, var(--color-board-surface-dark) 0%, var(--color-board-black) 100%)" },
+				children: /* @__PURE__ */ u("div", {
+					className: `flex flex-col ${i[f]}`,
+					children: T.map((t, n) => {
+						let r = x && n > 0 && n % 3 == 0;
+						return /* @__PURE__ */ u("div", {
+							"data-note-row": "",
+							...r ? { "data-note-row-seam": "true" } : {},
+							className: `flex ${i[f]} justify-center`,
+							style: r ? { marginTop: E } : void 0,
+							children: t.map((t, n) => {
+								let r = x && n > 0 && n % 15 == 0, i = r ? { marginLeft: E } : void 0, a = r ? { "data-note-col-seam": "true" } : {};
+								if (t.type === "color") {
+									let r = e(t.code, S);
+									return f === "sm" ? /* @__PURE__ */ u("div", {
+										"data-note-tile": "",
+										...a,
+										className: `${o[f]} rounded-[3px]`,
+										style: {
+											backgroundColor: r,
+											boxShadow: A,
+											contain: "layout style paint",
+											...i
+										}
+									}, n) : /* @__PURE__ */ u("div", {
+										"data-note-tile": "",
+										...a,
+										className: `relative ${o[f]} rounded-[3px] overflow-hidden`,
+										style: {
+											backgroundColor: C,
+											boxShadow: A,
+											contain: "layout style paint",
+											...i
+										},
+										children: /* @__PURE__ */ u("div", {
+											className: "absolute rounded-[3px] overflow-hidden",
+											style: {
+												top: "3px",
+												bottom: "4px",
+												left: "1px",
+												right: "1px",
+												backgroundColor: r,
+												boxShadow: "0 2px 4px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.15), inset 0 -1px 1px rgba(0,0,0,0.25)"
+											},
+											children: /* @__PURE__ */ u("div", { className: "absolute top-1/2 left-0 right-0 h-[1px] bg-black/10" })
+										})
+									}, n);
+								}
+								let c = t.value, l = c === "♥";
+								return f === "sm" ? /* @__PURE__ */ u("div", {
+									"data-note-tile": "",
+									...a,
+									className: `${o[f]} rounded-[3px] flex items-center justify-center`,
+									style: {
+										backgroundColor: C,
+										boxShadow: A,
+										contain: "layout style paint",
+										...i
+									},
+									children: c !== " " && /* @__PURE__ */ u("span", {
+										className: `${s[f]} font-mono font-semibold select-none leading-none`,
+										style: { color: l ? "#eb4034" : w },
+										children: c
+									})
+								}, n) : /* @__PURE__ */ d("div", {
+									"data-note-tile": "",
+									...a,
+									className: `relative ${o[f]} rounded-[3px] overflow-hidden`,
+									style: {
+										backgroundColor: C,
+										boxShadow: A,
+										contain: "layout style paint",
+										...i
+									},
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "absolute inset-0 flex items-center justify-center",
+											style: { zIndex: 2 },
+											children: c !== " " && /* @__PURE__ */ u("span", {
+												className: `${s[f]} font-mono font-semibold select-none leading-none`,
+												style: { color: l ? "#eb4034" : w },
+												children: c
+											})
+										}),
+										/* @__PURE__ */ u("div", {
+											className: `absolute top-1/2 left-0 right-0 h-[1px] ${S ? "bg-black/10" : "bg-black/30"}`,
+											style: { zIndex: 3 }
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "absolute inset-0 pointer-events-none",
+											style: {
+												zIndex: 1,
+												background: S ? "linear-gradient(180deg, rgba(255,255,255,0.3) 0%, transparent 50%, rgba(0,0,0,0.05) 100%)" : "linear-gradient(180deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(0,0,0,0.2) 100%)"
+											}
+										})
+									]
+								}, n);
+							})
+						}, n);
+					})
+				})
+			})
+		})
+	});
+});
+//#endregion
+export { f as StaticBoardDisplay };
+
+//# sourceMappingURL=static-board-display.js.map

package/dist/components/board/static-board-display.js.map

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

package/dist/components/chrome/board-icon.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Vestaboard-shaped icon: a wide rounded frame with rows of split-flap tile
+ * dots. Used wherever the UI points at a physical board (board switcher,
+ * active-board indicator) instead of lucide's Monitor, which reads as a TV.
+ *
+ * Drawn in the lucide style (24×24 viewBox, stroke-based, currentColor) so it
+ * sits seamlessly next to real lucide icons.
+ */
+export declare const BoardIcon: import("react").MemoExoticComponent<({ className }: {
+    className?: string;
+}) => import("react").JSX.Element>;

package/dist/components/chrome/board-icon.js

@@ -0,0 +1,31 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/chrome/board-icon.tsx
+var r = e(function({ className: e }) {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: e,
+		"data-testid": "board-icon",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ t("rect", {
+				x: "2",
+				y: "5",
+				width: "20",
+				height: "14",
+				rx: "2"
+			}),
+			/* @__PURE__ */ t("path", { d: "M6.5 9.5h.01M10.17 9.5h.01M13.84 9.5h.01M17.5 9.5h.01" }),
+			/* @__PURE__ */ t("path", { d: "M6.5 14.5h.01M10.17 14.5h.01M13.84 14.5h.01M17.5 14.5h.01" })
+		]
+	});
+});
+//#endregion
+export { r as BoardIcon };
+
+//# sourceMappingURL=board-icon.js.map

package/dist/components/chrome/board-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-icon.js","names":[],"sources":["../../../src/components/chrome/board-icon.tsx"],"mappings":";;;AAUA,IAAa,IAAY,EAAK,SAAmB,EAAE,gBAAqC;CACtF,OACE,kBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;EACJ;EACX,eAAY;EACZ,eAAY;EATd,UAAA;GAWE,kBAAC,QAAD;IAAM,GAAE;IAAI,GAAE;IAAI,OAAM;IAAK,QAAO;IAAK,IAAG;GAAK,CAAA;GACjD,kBAAC,QAAD,EAAM,GAAE,wDAAyD,CAAA;GACjE,kBAAC,QAAD,EAAM,GAAE,4DAA6D,CAAA;EAClE;;AAET,CAAC"}

package/dist/components/chrome/board-selector.d.ts

@@ -0,0 +1,30 @@
+export interface BoardOption {
+    id: string;
+    name?: string;
+}
+export interface BoardSelectorLabels {
+    /** aria-label for the trigger, e.g. "Select board". */
+    boardSelector: string;
+    /** Placeholder when nothing selected, e.g. "Select a board". */
+    selectBoard: string;
+    /** Fallback display name for unnamed boards. */
+    unnamedBoard: string;
+}
+interface BoardSelectorProps {
+    boards: BoardOption[];
+    value: string;
+    onChange: (id: string) => void;
+    labels: BoardSelectorLabels;
+    collapsed?: boolean;
+    variant?: "sidebar" | "mobileHeader";
+}
+/**
+ * Board picker — the app-wide context switcher, presentational half.
+ * FiestaBoard wires it to its current-board context and renders it only
+ * for multi-board installs. Sits at the TOP of the sidebar menu because it
+ * scopes everything below it — the same slot workspace switchers occupy in
+ * multi-tenant apps. Collapsed, it shrinks to an icon-only trigger with a
+ * tooltip showing the current board name.
+ */
+export declare const BoardSelector: import("react").MemoExoticComponent<({ boards, value, onChange, labels, collapsed, variant, }: BoardSelectorProps) => import("react").JSX.Element>;
+export {};

package/dist/components/chrome/board-selector.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Select as t, SelectContent as n, SelectItem as r, SelectTrigger as i, SelectValue as a } from "../ui/select.js";
+import { Tooltip as o, TooltipContent as s, TooltipTrigger as c } from "../ui/tooltip.js";
+import { BoardIcon as l } from "./board-icon.js";
+import { memo as u, useMemo as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/chrome/board-selector.tsx
+var m = u(function({ boards: u, value: m, onChange: h, labels: g, collapsed: _ = !1, variant: v = "sidebar" }) {
+	let y = d(() => u.map((e) => /* @__PURE__ */ f(r, {
+		value: e.id,
+		children: e.name || g.unnamedBoard
+	}, e.id)), [u, g.unnamedBoard]), b = /* @__PURE__ */ p(i, {
+		"aria-label": g.boardSelector,
+		className: e("gap-2 border-sidebar-border/70 bg-sidebar-accent/40 font-medium text-sidebar-foreground shadow-none transition-[width,padding] duration-100 hover:bg-sidebar-accent/70", v === "mobileHeader" && "h-9 w-auto min-w-0 max-w-[170px] px-2.5 max-[479px]:gap-1 max-[479px]:px-2", v === "sidebar" && (_ ? "h-9 w-full justify-center gap-0 px-0 [&>span:last-child]:hidden" : "h-10 w-full")),
+		children: [/* @__PURE__ */ f(l, { className: "h-5 w-5 flex-shrink-0 text-sidebar-foreground/70" }), /* @__PURE__ */ f("span", {
+			className: e("min-w-0 flex-1 overflow-hidden whitespace-nowrap text-left transition-opacity duration-100", v === "sidebar" && _ ? "max-w-0 opacity-0" : "max-w-48 opacity-100 delay-150", v === "mobileHeader" && "max-[479px]:hidden!"),
+			children: /* @__PURE__ */ f(a, { placeholder: g.selectBoard })
+		})]
+	});
+	return /* @__PURE__ */ p(t, {
+		value: m,
+		onValueChange: h,
+		children: [_ ? /* @__PURE__ */ p(o, { children: [/* @__PURE__ */ f(c, {
+			asChild: !0,
+			children: b
+		}), /* @__PURE__ */ f(s, {
+			side: "right",
+			className: "font-medium",
+			children: u.find((e) => e.id === m)?.name || g.unnamedBoard
+		})] }) : b, /* @__PURE__ */ f(n, { children: y })]
+	});
+});
+//#endregion
+export { m as BoardSelector };
+
+//# sourceMappingURL=board-selector.js.map

package/dist/components/chrome/board-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-selector.js","names":[],"sources":["../../../src/components/chrome/board-selector.tsx"],"mappings":";;;;;;;;AAwCA,IAAa,IAAgB,EAAK,SAAuB,EACvD,WACA,UACA,aACA,WACA,eAAY,IACZ,aAAU,aACW;CAIrB,IAAM,IAAQ,QAEV,EAAO,KAAK,MACV,kBAAC,GAAD;EAA2B,OAAO,EAAM;EACrC,UAAA,EAAM,QAAQ,EAAO;CACZ,GAFK,EAAM,EAEX,CACb,GACH,CAAC,GAAQ,EAAO,YAAY,CAC9B,GAEM,IACJ,kBAAC,GAAD;EACE,cAAY,EAAO;EACnB,WAAW,EACT,0KAGA,MAAY,kBAAkB,8EAC9B,MAAY,cACT,IAQG,oEACA,cACR;EAlBF,UAAA,CAoBE,kBAAC,GAAD,EAAW,WAAU,mDAAoD,CAAA,GACzE,kBAAC,QAAD;GACE,WAAW,EACT,8FACA,MAAY,aAAa,IAAY,sBAAsB,kCAG3D,MAAY,kBAAkB,qBAChC;GAEA,UAAA,kBAAC,GAAD,EAAa,aAAa,EAAO,YAAc,CAAA;EAC3C,CAAA,CACO;;CAGjB,OACE,kBAAC,GAAD;EAAe;EAAO,eAAe;EAArC,UAAA,CACG,IACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB,SAAA;GAAS,UAAA;EAAwB,CAAA,GACjD,kBAAC,GAAD;GAAgB,MAAK;GAAQ,WAAU;GACpC,UAAA,EAAO,MAAM,MAAM,EAAE,OAAO,CAAK,CAAC,EAAE,QAAQ,EAAO;EACtC,CAAA,CACT,EAAA,CAAA,IAET,GAEF,kBAAC,GAAD,EAAA,UAAgB,EAAqB,CAAA,CAC/B;;AAEZ,CAAC"}

package/dist/components/chrome/fiesta-icon.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The brand palette: semantic slot name → CSS custom property → default hex.
+ * Override any `cssVar` on an ancestor element to re-tint that slot.
+ */
+export declare const FIESTA_ICON_PALETTE: {
+    name: string;
+    cssVar: string;
+    hex: string;
+}[];
+/**
+ * The brand mark as standalone SVG markup — the source of truth for the
+ * data URI below and for anything that needs the mark outside React.
+ */
+export declare const FIESTA_ICON_SVG: string;
+/**
+ * The mark as a `data:image/svg+xml` URI for `<img src>` consumers (Sidebar
+ * `logoIconSrc`, Storybook `brandImage`). Inside an `<img>` the CSS custom
+ * properties can't be themed, so the palette fallbacks apply — the classic
+ * brand colors. Minimally escaped (quotes become apostrophes; only `%`, `#`,
+ * `<`, `>` are percent-encoded) so the URI stays readable and compact.
+ */
+export declare const FIESTA_ICON_DATA_URI: string;
+interface FiestaIconProps {
+    size?: number;
+    className?: string;
+}
+export declare const FiestaIcon: import("react").MemoExoticComponent<({ size, className }: FiestaIconProps) => import("react").JSX.Element>;
+export {};

package/dist/components/chrome/fiesta-icon.js

@@ -0,0 +1,129 @@
+import { memo as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/chrome/fiesta-icon.tsx
+var n = [
+	{
+		name: "outline",
+		hex: "#1e1434",
+		rects: "11,3,1,1,2 12,3,11,1,5 9,4,2,1,3 16,4,1,1 23,4,1,1,4 24,4,1,1,1 8,5,1,1,2 9,5,2,1 23,5,1,1 24,5,1,1,4 25,5,1,1,1 7,6,1,1,3 8,6,1,1 24,6,1,1 25,6,1,1,5 6,7,1,1,4 26,7,1,1,5 5,8,1,1,4 27,8,1,1,4 28,8,1,2,1 5,9,1,1,7 27,9,1,1 3,10,1,2,1 4,10,1,1,5 28,10,1,1,6 29,10,1,1,2 4,11,1,2 28,11,1,7 29,11,1,1,4 3,12,1,1,2 29,12,1,3,3 2,13,1,2,3 3,13,1,3 0,15,1,1,2 1,15,1,1,4 2,15,1,1,6 29,15,1,1,4 0,16,1,9,3 1,16,1,9 29,16,1,1,3 29,17,1,1,6 27,18,1,1 30,18,1,1,3 31,18,1,1,1 25,19,2,1 30,19,1,6 31,19,1,6,3 22,20,2,1 19,21,4,1 18,22,3,1 16,23,1,1,6 17,23,1,1,7 18,23,2,1 12,24,3,1 15,24,1,1,7 18,24,1,2 0,25,1,1,2 1,25,1,1,6 2,25,1,1,7 9,25,2,1 11,25,1,1,7 12,25,2,1,6 14,25,2,1,1 17,25,1,2,1 30,25,1,1,6 31,25,1,1,2 2,26,1,1,3 3,26,1,1 9,26,2,1,7 11,26,1,1,4 18,26,1,1,7 19,26,1,1 28,26,1,1 29,26,1,1,7 3,27,1,1,2 4,27,4,1 8,27,1,1,7 9,27,2,1,1 18,27,1,1,1 19,27,1,1,4 20,27,1,1,7 27,27,1,1,7 28,27,1,1,4 29,27,1,1,1 4,28,5,1,2 20,28,1,1,3 21,28,6,1,7 27,28,1,1,3"
+	},
+	{
+		name: "shell",
+		hex: "#e8a520",
+		rects: "17,8,1,4 25,8,1,1 18,9,7,1 16,10,1,11 18,10,2,2 22,10,5,3 14,11,2,5 5,12,1,1 19,12,3,3 27,12,1,3 13,13,1,6 17,13,2,4 22,13,2,4 26,13,1,3 11,15,1,1 19,15,1,2 24,15,2,1 12,16,1,2 14,16,1,5 20,16,2,2 24,16,1,1 3,17,1,8 10,17,1,1 17,17,1,3 22,17,1,2 15,18,1,3 20,18,1,1 10,19,2,4 18,19,2,1 12,20,2,1 12,21,1,2 10,23,1,1 8,24,1,2 4,25,1,2 6,26,1,1"
+	},
+	{
+		name: "shell-shade",
+		hex: "#cf8014",
+		rects: "11,5,1,4 17,7,1,1 16,8,1,1 6,9,1,2 9,9,1,1 5,10,1,1,7 7,10,1,1 20,10,2,2 27,10,1,1 13,11,1,1 17,12,2,1 11,13,1,2 24,13,2,2 10,15,1,1 20,15,2,1 27,15,1,2 3,16,1,1 15,16,1,2 25,16,2,2 18,17,2,2 23,17,2,1 12,18,1,2 21,18,1,3 23,18,1,2 13,19,1,1 20,19,1,2 22,19,1,1 17,20,3,1 13,21,5,1 13,22,3,1 11,23,1,1 13,23,2,1 4,24,1,1 9,24,2,1 7,25,1,2 5,26,1,1 8,26,1,1"
+	},
+	{
+		name: "shell-light",
+		hex: "#f2b836",
+		rects: "12,5,3,1 8,7,1,1 18,7,7,2 7,9,1,1 25,9,2,1 5,11,1,1 27,11,1,1 4,13,1,1 12,15,1,1 10,16,2,1 11,17,1,2 10,18,1,1 9,21,1,1 9,23,1,1"
+	},
+	{
+		name: "shell-glint",
+		hex: "#fbd04f",
+		rects: "9,6,2,1 16,9,1,1 15,10,1,1 13,12,1,1 12,13,1,2 4,14,1,1 9,19,1,2 9,22,1,1"
+	},
+	{
+		name: "filling",
+		hex: "#5a220a",
+		rects: "17,4,3,1 17,6,7,1 16,7,1,1 10,14,1,1 2,16,1,1 9,16,1,2 4,17,2,1 27,17,1,1 5,18,2,2 26,18,1,1 4,19,1,2 7,19,2,2 5,21,1,2 8,21,1,2 4,22,1,2 6,22,2,2 16,22,2,1 5,24,1,1 11,24,1,1 17,24,1,1,1 3,25,1,1 6,25,1,1"
+	},
+	{
+		name: "filling-dark",
+		hex: "#440b00",
+		rects: "13,10,1,1 6,24,1,1"
+	},
+	{
+		name: "tomato",
+		hex: "#a82115",
+		rects: "19,5,1,1 12,6,2,1 13,7,1,1 15,9,1,1 14,10,1,1 9,11,1,1 12,12,1,1 5,13,4,2 6,15,2,1 2,17,1,1 4,18,1,1 9,18,1,1 24,18,2,1 2,20,1,1 5,20,2,1 4,21,1,1 6,21,2,1 18,21,1,1 5,23,1,1 8,23,1,1 12,23,1,1 15,23,1,1 7,24,1,1 5,25,1,1"
+	},
+	{
+		name: "tomato-bright",
+		hex: "#dc2813",
+		rects: "17,5,2,1 12,7,1,1 10,8,1,2 8,10,2,1"
+	},
+	{
+		name: "lettuce",
+		hex: "#54a31b",
+		rects: "16,5,1,1 20,5,1,1 15,6,1,1 9,7,2,1 13,8,2,1 11,9,1,1 13,9,1,1 12,10,1,1 10,11,1,2 6,12,1,1 9,13,1,2 5,16,1,1 7,17,2,1 20,23,1,1 21,26,1,1 27,26,1,1"
+	},
+	{
+		name: "lettuce-bright",
+		hex: "#6ec421",
+		rects: "21,5,1,1 16,6,1,1 15,7,1,1 12,9,1,1 10,10,2,1 6,11,1,1 8,11,1,2 9,12,1,1 8,15,1,2 27,22,1,1 22,24,1,1 25,24,1,1"
+	},
+	{
+		name: "lettuce-deep",
+		hex: "#3f7717",
+		rects: "22,5,1,1 14,6,1,2 15,8,1,1 8,9,1,1 14,9,1,1 7,11,1,2 11,11,2,1 11,12,1,1 10,13,1,1 5,15,1,1 9,15,1,1 4,16,1,1 6,16,2,1 6,17,1,1 7,18,2,1 2,19,1,1 2,21,1,2 29,24,1,1 19,25,1,1"
+	},
+	{
+		name: "lime-flesh",
+		hex: "#c4e574",
+		rects: "29,19,1,4 25,20,2,1 28,20,1,1 24,21,2,1 23,22,2,1 26,23,1,1 20,24,1,1 23,24,1,3 27,24,2,1 27,25,1,1 22,26,1,1 24,26,3,1"
+	},
+	{
+		name: "lime",
+		hex: "#9cd23e",
+		rects: "15,5,1,1 7,8,3,1 12,8,1,1 4,15,1,1 27,19,2,1 24,20,1,1 27,20,1,2 23,21,1,1 26,21,1,2 28,21,1,3 25,22,1,2 21,23,4,1 27,23,1,1 29,23,1,1 19,24,1,1 21,24,1,2 24,24,1,2 26,24,1,2 20,25,1,1 22,25,1,1 25,25,1,1 28,25,1,1"
+	},
+	{
+		name: "lime-rind",
+		hex: "#365e31",
+		rects: "11,4,1,1,6 12,4,4,1 20,4,3,1 7,7,1,1,7 25,7,1,1,7 6,8,1,1,7 26,8,1,1 2,18,1,1 28,18,2,1 24,19,1,1 21,22,2,1 2,23,1,2 29,25,1,1 20,26,1,1 21,27,6,1"
+	}
+], r = (e) => `--fiesta-icon-${e}`, i = n.map(({ name: e, hex: t }) => ({
+	name: e,
+	cssVar: r(e),
+	hex: t
+}));
+function a(e) {
+	return e.split(" ").map((e) => {
+		let [t, n, r, i, a] = e.split(",").map(Number);
+		return {
+			x: t,
+			y: n,
+			width: r,
+			height: i,
+			...a === void 0 ? {} : { opacity: a / 8 }
+		};
+	});
+}
+var o = n.map((e) => ({
+	name: e.name,
+	fill: `var(${r(e.name)}, ${e.hex})`,
+	rects: a(e.rects)
+})), s = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" shape-rendering=\"crispEdges\">" + o.map((e) => `<g fill="${e.fill}">` + e.rects.map((e) => `<rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}"` + (e.opacity === void 0 ? "" : ` opacity="${e.opacity}"`) + "/>").join("") + "</g>").join("") + "</svg>", c = `data:image/svg+xml,${s.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E")}`, l = null;
+function u() {
+	return l === null && (l = o.map((e) => /* @__PURE__ */ t("g", {
+		fill: e.fill,
+		children: e.rects.map((e, n) => /* @__PURE__ */ t("rect", {
+			x: e.x,
+			y: e.y,
+			width: e.width,
+			height: e.height,
+			opacity: e.opacity
+		}, n))
+	}, e.name))), l;
+}
+var d = e(function({ size: e = 32, className: n }) {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 32 32",
+		width: e,
+		height: e,
+		shapeRendering: "crispEdges",
+		"aria-hidden": "true",
+		focusable: "false",
+		className: n,
+		children: u()
+	});
+});
+//#endregion
+export { c as FIESTA_ICON_DATA_URI, i as FIESTA_ICON_PALETTE, s as FIESTA_ICON_SVG, d as FiestaIcon };
+
+//# sourceMappingURL=fiesta-icon.js.map

package/dist/components/chrome/fiesta-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fiesta-icon.js","names":[],"sources":["../../../src/components/chrome/fiesta-icon.tsx"],"mappings":";;;AAuBA,IAAM,IAA0B;CAC9B;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OAAO;CACT;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EAAE,MAAM;EAAgB,KAAK;EAAW,OAAO;CAAqB;CACpE;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EAAE,MAAM;EAAiB,KAAK;EAAW,OAAO;CAAsC;CACtF;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;CACA;EACE,MAAM;EACN,KAAK;EACL,OACE;CACJ;AACF,GAEM,KAAa,MAAiB,iBAAiB,KAMxC,IAAsB,EAAM,KAAK,EAAE,SAAM,cAAW;CAAE;CAAM,QAAQ,EAAU,CAAI;CAAG;AAAI,EAAE;AAUxG,SAAS,EAAW,GAA6B;CAC/C,OAAO,EAAQ,MAAM,GAAG,CAAC,CAAC,KAAK,MAAU;EACvC,IAAM,CAAC,GAAG,GAAG,GAAO,GAAQ,KAAW,EAAM,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM;EAClE,OAAO;GAAE;GAAG;GAAG;GAAO;GAAQ,GAAI,MAAY,KAAA,IAAY,CAAC,IAAI,EAAE,SAAS,IAAU,EAAE;EAAG;CAC3F,CAAC;AACH;AAEA,IAAM,IAAS,EAAM,KAAK,OAAU;CAClC,MAAM,EAAK;CACX,MAAM,OAAO,EAAU,EAAK,IAAI,EAAE,IAAI,EAAK,IAAI;CAC/C,OAAO,EAAW,EAAK,KAAK;AAC9B,EAAE,GAMW,IACX,oGACA,EAAO,KACJ,MACC,YAAY,EAAM,KAAK,MACvB,EAAM,MACH,KACE,MACC,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,YAAY,EAAE,OAAO,MAClE,EAAE,YAAY,KAAA,IAAY,KAAK,aAAa,EAAE,QAAQ,MACvD,IACJ,CAAC,CACA,KAAK,EAAE,IACV,MACJ,CAAC,CAAC,KAAK,EAAE,IACT,UASW,IAAuB,sBAAsB,EAAgB,QAAQ,MAAM,GAAG,CAAC,CACzF,QAAQ,MAAM,KAAK,CAAC,CACpB,QAAQ,MAAM,KAAK,CAAC,CACpB,QAAQ,MAAM,KAAK,CAAC,CACpB,QAAQ,MAAM,KAAK,KAOlB,IAAiC;AASrC,SAAS,IAA6B;CAUpC,OATI,MAAiB,SACnB,IAAe,EAAO,KAAK,MACzB,kBAAC,KAAD;EAAoB,MAAM,EAAM;EAC7B,UAAA,EAAM,MAAM,KAAK,GAAG,MACnB,kBAAC,QAAD;GAAc,GAAG,EAAE;GAAG,GAAG,EAAE;GAAG,OAAO,EAAE;GAAO,QAAQ,EAAE;GAAQ,SAAS,EAAE;EAAU,GAA1E,CAA0E,CACtF;CACA,GAJK,EAAM,IAIX,CACJ,IAEI;AACT;AAOA,IAAa,IAAa,EAAK,SAAoB,EAAE,UAAO,IAAI,gBAA8B;CAC5F,OACE,kBAAC,OAAD;EACE,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,gBAAe;EACf,eAAY;EACZ,WAAU;EACC;EAEV,UAAA,EAAgB;CACd,CAAA;AAET,CAAC"}

package/dist/components/chrome/fiesta-logo.d.ts

@@ -0,0 +1,6 @@
+interface FiestaLogoProps {
+    size?: "sm" | "md";
+    className?: string;
+}
+export declare const FiestaLogo: import("react").MemoExoticComponent<({ size, className }: FiestaLogoProps) => import("react").JSX.Element>;
+export {};

package/dist/components/chrome/fiesta-logo.js

@@ -0,0 +1,20 @@
+import { cn as e } from "../../lib/utils.js";
+import { memo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/chrome/fiesta-logo.tsx
+var i = t(function({ size: t = "md", className: i }) {
+	return /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-baseline select-none leading-none tracking-tight", t === "sm" ? "text-lg" : "text-xl", i),
+		children: [/* @__PURE__ */ n("span", {
+			className: "font-black text-brand logo-fiesta-text",
+			children: "Fiesta"
+		}), /* @__PURE__ */ n("span", {
+			className: "font-light text-sidebar-foreground",
+			children: "Board"
+		})]
+	});
+});
+//#endregion
+export { i as FiestaLogo };
+
+//# sourceMappingURL=fiesta-logo.js.map

package/dist/components/chrome/fiesta-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fiesta-logo.js","names":[],"sources":["../../../src/components/chrome/fiesta-logo.tsx"],"mappings":";;;;AASA,IAAa,IAAa,EAAK,SAAoB,EAAE,UAAO,MAAM,gBAA8B;CAG9F,OACE,kBAAC,QAAD;EACE,WAAW,EACT,sEALO,MAAS,OAMT,YAAY,WACnB,CACF;EALF,UAAA,CAOE,kBAAC,QAAD;GAAM,WAAU;GAAyC,UAAA;EAAY,CAAA,GACrE,kBAAC,QAAD;GAAM,WAAU;GAAqC,UAAA;EAAW,CAAA,CAC5D;;AAEV,CAAC"}