@fiestaboard/ui 1.6.4 → 1.7.0

package/dist/components/plugin/board-showcase.d.ts

@@ -0,0 +1,24 @@
+import { type BoardPreviewEntry, type PreviewShapeLabels } from "../../lib/board-previews";
+export interface BoardShowcaseLabels extends PreviewShapeLabels {
+    /** Accessible name for the shape tab list. */
+    boardShape: string;
+    /** Accessible name for the board-colour group. */
+    boardColor: string;
+    blackBoard: string;
+    whiteBoard: string;
+}
+export declare const DEFAULT_SHOWCASE_LABELS: BoardShowcaseLabels;
+export interface BoardShowcaseProps {
+    /** Literal boards to show; the first is the default tab. */
+    previews: BoardPreviewEntry[];
+    /** Accessible description of the board, e.g. "Weather on a split-flap board". */
+    previewLabel?: string;
+    size?: "sm" | "md" | "lg";
+    /** Controlled board colour. Leave unset to let the showcase own it. */
+    boardType?: "black" | "white";
+    defaultBoardType?: "black" | "white";
+    onBoardTypeChange?: (boardType: "black" | "white") => void;
+    labels?: Partial<BoardShowcaseLabels>;
+    className?: string;
+}
+export declare function BoardShowcase({ previews, previewLabel, size, boardType, defaultBoardType, onBoardTypeChange, labels, className, }: BoardShowcaseProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,73 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Tabs as t, TabsContent as n, TabsList as r, TabsTrigger as i } from "../ui/tabs.js";
+import { StaticBoardDisplay as a } from "../board/static-board-display.js";
+import { DEFAULT_SHAPE_LABELS as o, previewLabels as s, previewMessage as c } from "../../lib/board-previews.js";
+import { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/plugin/board-showcase.tsx
+var f = {
+	...o,
+	boardShape: "Board shape",
+	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";
+function m({ previews: o, previewLabel: m, size: h = "md", boardType: g, defaultBoardType: _ = "black", onBoardTypeChange: v, labels: y, className: b }) {
+	let x = {
+		...f,
+		...y
+	}, [S, C] = l(_), w = g ?? S;
+	function T(e) {
+		g === void 0 && C(e), v?.(e);
+	}
+	if (o.length === 0) return null;
+	let E = s(o, x);
+	return /* @__PURE__ */ d("div", {
+		"data-slot": "board-showcase",
+		className: e("flex flex-col items-center gap-4", b),
+		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,
+				className: "h-auto gap-2 rounded-full bg-transparent p-0",
+				children: E.map((e, t) => /* @__PURE__ */ u(i, {
+					value: t,
+					className: p,
+					children: e
+				}, e))
+			}), o.map((e, t) => /* @__PURE__ */ u(n, {
+				value: t,
+				className: "mt-0 flex w-full justify-center overflow-x-auto rounded-xl bg-muted/40 px-4 py-6 shadow-card",
+				children: /* @__PURE__ */ u(a, {
+					message: c(e),
+					size: h,
+					boardType: w,
+					deviceType: e.device_type ?? "flagship",
+					notesWide: e.notes_wide ?? 1,
+					notesTall: e.notes_tall ?? 1,
+					previewLabel: m
+				})
+			}, E[t]))]
+		}), /* @__PURE__ */ u("div", {
+			role: "group",
+			"aria-label": x.boardColor,
+			className: "flex",
+			children: ["black", "white"].map((t) => {
+				let n = w === 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-brand-emphasis bg-brand-emphasis font-semibold text-brand-foreground" : "text-muted-foreground hover:border-brand hover:text-brand"),
+					children: t === "black" ? x.blackBoard : x.whiteBoard
+				}, t);
+			})
+		})]
+	});
+}
+//#endregion
+export { m as BoardShowcase, f as DEFAULT_SHOWCASE_LABELS };
+
+//# sourceMappingURL=board-showcase.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,40 @@
+/**
+ * Directory card for a plugin: name, category, description, author, and a
+ * split-flap teaser strip showing what the plugin actually puts on a board.
+ *
+ * Presentational — routing and localization stay with the consumer. The
+ * primary link is supplied through `renderLink` because the two consumers use
+ * different routers (Docusaurus `Link`, the app's `smart-link`); the card
+ * stretches it over the whole surface so the `action` slot can hold a button
+ * without nesting one interactive element inside another.
+ */
+import type { CSSProperties, ReactNode } from "react";
+export interface PluginCardProps {
+    name: string;
+    description?: ReactNode;
+    /**
+     * Pre-formatted attribution, e.g. `"by FiestaBoard Team"` — the wording is a
+     * localized string, so the consumer builds it.
+     */
+    authorLabel?: ReactNode;
+    /** Manifest category id, e.g. `"weather"`. Omit to hide the badge. */
+    category?: string;
+    /** Localized category name. */
+    categoryLabel?: string;
+    /** Literal board line, at most 15 tiles. Omit to hide the teaser footer. */
+    teaser?: string;
+    boardType?: "black" | "white";
+    /**
+     * Renders the card's primary link. Receives the class that stretches it over
+     * the card, and the card title as children.
+     */
+    renderLink: (props: {
+        className: string;
+        children: ReactNode;
+    }) => ReactNode;
+    /** Trailing action, e.g. an Install button. Rendered above the stretched link. */
+    action?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function PluginCard({ name, description, authorLabel, category, categoryLabel, teaser, boardType, renderLink, action, className, style, }: PluginCardProps): import("react").JSX.Element;

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

@@ -0,0 +1,65 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Heading as t } from "../ui/heading.js";
+import { Text as n } from "../ui/text.js";
+import { PluginCategoryBadge as r } from "./plugin-category-badge.js";
+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 }) {
+	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-200 hover:-translate-y-1 hover:shadow-lg", "motion-reduce:transition-none motion-reduce:hover:translate-y-0", _),
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex flex-1 flex-col gap-2 p-4",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ a(t, {
+						level: 3,
+						className: "min-w-0 text-base",
+						children: h({
+							className: s,
+							children: c
+						})
+					}), d && /* @__PURE__ */ a(r, {
+						category: d,
+						label: f,
+						className: "ml-auto"
+					})]
+				}),
+				l && /* @__PURE__ */ a(n, {
+					tone: "muted",
+					size: "sm",
+					className: "line-clamp-3 flex-1 leading-relaxed",
+					children: l
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "mt-auto flex items-center justify-between gap-2 pt-1",
+					children: [u ? /* @__PURE__ */ a(n, {
+						as: "span",
+						tone: "muted",
+						size: "xs",
+						className: "truncate",
+						children: u
+					}) : /* @__PURE__ */ a("span", {}), g && /* @__PURE__ */ a("div", {
+						className: "relative z-10 shrink-0",
+						children: g
+					})]
+				})
+			]
+		}), p && /* @__PURE__ */ a("div", {
+			className: "border-t bg-muted/30 px-3 py-4",
+			children: /* @__PURE__ */ a(i, {
+				teaser: p,
+				boardType: m
+			})
+		})]
+	});
+}
+//#endregion
+export { c as PluginCard };
+
+//# sourceMappingURL=plugin-card.js.map

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

@@ -0,0 +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,mGACA,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"}

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

@@ -0,0 +1,16 @@
+/**
+ * Category badge 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.
+ */
+/** The categories FiestaBoard plugins may declare (manifest `category`). */
+export declare const PLUGIN_CATEGORIES: readonly ["art", "data", "entertainment", "home", "transit", "utility", "weather"];
+export type PluginCategory = (typeof PLUGIN_CATEGORIES)[number];
+export interface PluginCategoryBadgeProps {
+    /** Manifest category id, e.g. `"weather"`. */
+    category: string;
+    /** Localized display name. Defaults to the raw category id. */
+    label?: string;
+    className?: string;
+}
+export declare function PluginCategoryBadge({ category, label, className }: PluginCategoryBadgeProps): import("react").JSX.Element;

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

@@ -0,0 +1,37 @@
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/plugin/plugin-category-badge.tsx
+var r = [
+	"art",
+	"data",
+	"entertainment",
+	"home",
+	"transit",
+	"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"
+};
+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",
+		"data-category": r,
+		className: e("text-[0.68rem] font-semibold uppercase tracking-wide px-2 py-0.5", c, s),
+		children: o ?? r
+	});
+}
+//#endregion
+export { r as PLUGIN_CATEGORIES, o as PluginCategoryBadge };
+
+//# sourceMappingURL=plugin-category-badge.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,11 @@
+export interface ScaledBoardTeaserProps {
+    /** Literal board line, e.g. `"{66}AQI 45 CLEAR"`. */
+    teaser: string;
+    boardType?: "black" | "white";
+    /** 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;

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

@@ -0,0 +1,40 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { BoardTeaser as t } from "../board/board-teaser.js";
+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);
+	return n(() => {
+		let e = p.current, t = e?.firstElementChild;
+		if (!e || !t) return;
+		let n = () => {
+			t.offsetWidth > 0 && h(Math.min(d, Math.max(u, e.clientWidth / t.offsetWidth)));
+		};
+		n();
+		let r = new ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [u, d]), /* @__PURE__ */ a("div", {
+		ref: p,
+		"data-slot": "scaled-board-teaser",
+		className: e("flex justify-center overflow-hidden", f),
+		style: { height: `${o * m}px` },
+		children: /* @__PURE__ */ a("div", {
+			style: {
+				transform: `scale(${m})`,
+				transformOrigin: "top center"
+			},
+			children: /* @__PURE__ */ a(t, {
+				teaser: s,
+				tiles: l,
+				boardType: c
+			})
+		})
+	});
+}
+//#endregion
+export { s as ScaledBoardTeaser };
+
+//# sourceMappingURL=scaled-board-teaser.js.map

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

@@ -0,0 +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"}

package/dist/components/seasons/aurora-canvas.js

@@ -23,45 +23,42 @@ function i(n, i, a, o, s = 1) {
 			console.error(`${o}: WebGL2 not available`);
 			return;
 		}
-		l.clearColor(0, 0, 0, 0), l.enable(l.BLEND), l.blendFunc(l.SRC_ALPHA, l.ONE_MINUS_SRC_ALPHA);
 		function u(e, t) {
 			let n = l.createShader(e);
 			return n ? (l.shaderSource(n, t), l.compileShader(n), l.getShaderParameter(n, l.COMPILE_STATUS) ? n : (console.error(`${o} shader error:`, l.getShaderInfoLog(n)), null)) : null;
 		}
-		let d = u(l.VERTEX_SHADER, t), f = u(l.FRAGMENT_SHADER, i);
-		if (!d || !f) return;
-		let p = l.createProgram();
-		if (!p) return;
-		if (l.attachShader(p, d), l.attachShader(p, f), l.linkProgram(p), !l.getProgramParameter(p, l.LINK_STATUS)) {
-			console.error(`${o} link error:`, l.getProgramInfoLog(p));
-			return;
+		let d = null, f = null, p = null, m = null, h = null, g = null;
+		function _() {
+			if (l.isContextLost() || (l.clearColor(0, 0, 0, 0), l.enable(l.BLEND), l.blendFunc(l.SRC_ALPHA, l.ONE_MINUS_SRC_ALPHA), f = u(l.VERTEX_SHADER, t), p = u(l.FRAGMENT_SHADER, i), !f || !p) || (d = l.createProgram(), !d)) return !1;
+			if (l.attachShader(d, f), l.attachShader(d, p), l.linkProgram(d), !l.getProgramParameter(d, l.LINK_STATUS)) return console.error(`${o} link error:`, l.getProgramInfoLog(d)), !1;
+			l.useProgram(d), m = l.createBuffer(), l.bindBuffer(l.ARRAY_BUFFER, m), l.bufferData(l.ARRAY_BUFFER, new Float32Array([
+				-1,
+				-1,
+				3,
+				-1,
+				-1,
+				3
+			]), l.STATIC_DRAW);
+			let n = l.getAttribLocation(d, "position");
+			l.enableVertexAttribArray(n), l.vertexAttribPointer(n, 2, l.FLOAT, !1, 0, 0), h = l.getUniformLocation(d, "uTime");
+			let a = l.getUniformLocation(d, "uColorStops");
+			g = l.getUniformLocation(d, "uResolution");
+			let s = l.getUniformLocation(d, "uBlend");
+			return l.uniform3fv(a, new Float32Array(e.slice(0, 6).flatMap(r))), l.uniform1f(s, .75), !0;
 		}
-		l.useProgram(p);
-		let m = l.createBuffer();
-		l.bindBuffer(l.ARRAY_BUFFER, m), l.bufferData(l.ARRAY_BUFFER, new Float32Array([
-			-1,
-			-1,
-			3,
-			-1,
-			-1,
-			3
-		]), l.STATIC_DRAW);
-		let h = l.getAttribLocation(p, "position");
-		l.enableVertexAttribArray(h), l.vertexAttribPointer(h, 2, l.FLOAT, !1, 0, 0);
-		let g = l.getUniformLocation(p, "uTime"), _ = l.getUniformLocation(p, "uColorStops"), v = l.getUniformLocation(p, "uResolution"), y = l.getUniformLocation(p, "uBlend");
-		l.uniform3fv(_, new Float32Array(e.slice(0, 6).flatMap(r))), l.uniform1f(y, .75);
-		function b() {
+		let v = _();
+		function y() {
 			let e = a.parentElement;
 			if (!e) return;
 			let { width: t, height: n } = e.getBoundingClientRect(), r = Math.max(1, Math.round(t * s)), i = Math.max(1, Math.round(n * s));
-			a.width = r, a.height = i, a.style.width = `${t}px`, a.style.height = `${n}px`, l.viewport(0, 0, r, i), l.uniform2f(v, r, i);
+			a.width = r, a.height = i, a.style.width = `${t}px`, a.style.height = `${n}px`, l.viewport(0, 0, r, i), l.uniform2f(g, r, i);
 		}
-		let x = 0, S = (e) => {
-			l.uniform1f(g, e), l.clear(l.COLOR_BUFFER_BIT), l.drawArrays(l.TRIANGLES, 0, 3);
+		let b = 0, x = !1, S = (e) => {
+			!v || x || (l.uniform1f(h, e), l.clear(l.COLOR_BUFFER_BIT), l.drawArrays(l.TRIANGLES, 0, 3));
 		}, C = (e) => {
-			x = requestAnimationFrame(C), S(e * .001);
+			b = requestAnimationFrame(C), S(e * .001);
 		}, w = window.matchMedia("(prefers-reduced-motion: reduce)"), T = !0, E = () => {
-			cancelAnimationFrame(x), w.matches ? S(0) : T && (x = requestAnimationFrame(C));
+			cancelAnimationFrame(b), !(!v || x) && (w.matches ? S(0) : T && (b = requestAnimationFrame(C)));
 		};
 		w.addEventListener("change", E);
 		let D = new IntersectionObserver((e) => {
@@ -69,10 +66,16 @@ function i(n, i, a, o, s = 1) {
 		});
 		D.observe(a);
 		let O = new ResizeObserver(() => {
-			b(), w.matches && S(0);
+			y(), w.matches && S(0);
 		});
-		return O.observe(a.parentElement), b(), E(), () => {
-			cancelAnimationFrame(x), D.disconnect(), w.removeEventListener("change", E), O.disconnect(), l.deleteProgram(p), l.deleteShader(d), l.deleteShader(f), l.deleteBuffer(m);
+		O.observe(a.parentElement), y(), E();
+		let k = (e) => {
+			e.preventDefault(), x = !0, cancelAnimationFrame(b);
+		}, A = () => {
+			x = !1, v = _(), v && (y(), E());
+		};
+		return a.addEventListener("webglcontextlost", k), a.addEventListener("webglcontextrestored", A), () => {
+			cancelAnimationFrame(b), D.disconnect(), w.removeEventListener("change", E), O.disconnect(), a.removeEventListener("webglcontextlost", k), a.removeEventListener("webglcontextrestored", A), l.deleteProgram(d), l.deleteShader(f), l.deleteShader(p), l.deleteBuffer(m);
 		};
 	}, [
 		n,

package/dist/components/seasons/aurora-canvas.js.map

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

package/dist/components/ui/aurora.js

@@ -34,10 +34,10 @@ function o({ colorStops: o = [
 				alpha: !0,
 				premultipliedAlpha: !0,
 				antialias: !0
-			}), d = u.gl;
-			d.clearColor(0, 0, 0, 0), d.enable(d.BLEND), d.blendFunc(d.ONE, d.ONE_MINUS_SRC_ALPHA), d.canvas.style.backgroundColor = "transparent";
-			let p = new l(d);
-			p.attributes.uv && delete p.attributes.uv;
+			}), d = u.gl, p = () => {
+				d.clearColor(0, 0, 0, 0), d.enable(d.BLEND), d.blendFunc(d.ONE, d.ONE_MINUS_SRC_ALPHA), d.canvas.style.backgroundColor = "transparent";
+			};
+			p();
 			let m = "", h = [], g = (e) => {
 				let t = e.join(",");
 				return t !== m && (m = t, h = e.map((e) => {
@@ -48,45 +48,61 @@ function o({ colorStops: o = [
 						t.b
 					];
 				})), h;
-			}, _ = new s(d, {
-				vertex: i,
-				fragment: a,
-				uniforms: {
-					uTime: { value: 0 },
-					uAmplitude: { value: f.current.amplitude },
-					uColorStops: { value: g(f.current.colorStops) },
-					uResolution: { value: [e.offsetWidth, e.offsetHeight] },
-					uBlend: { value: f.current.blend }
+			}, _ = !1, v, y, b = () => {
+				if (v = void 0, y = void 0, !d.isContextLost()) try {
+					let t = new l(d);
+					t.attributes.uv && delete t.attributes.uv, v = new s(d, {
+						vertex: i,
+						fragment: a,
+						uniforms: {
+							uTime: { value: 0 },
+							uAmplitude: { value: f.current.amplitude },
+							uColorStops: { value: g(f.current.colorStops) },
+							uResolution: { value: [e.offsetWidth, e.offsetHeight] },
+							uBlend: { value: f.current.blend }
+						}
+					}), y = new o(d, {
+						geometry: t,
+						program: v
+					});
+				} catch (e) {
+					v = void 0, y = void 0, console.error("Aurora scene build failed:", e);
 				}
-			}), v = new o(d, {
-				geometry: p,
-				program: _
-			}), y = (e) => {
+			};
+			b();
+			let x = (e) => {
+				if (_ || !v || !y) return;
 				let t = f.current, n = t.time ?? e * .01;
-				_.uniforms.uTime.value = n * (t.speed ?? 1) * .1, _.uniforms.uAmplitude.value = t.amplitude ?? 1, _.uniforms.uBlend.value = t.blend ?? .5, _.uniforms.uColorStops.value = g(t.colorStops), u.render({ scene: v });
-			}, b = window.matchMedia("(prefers-reduced-motion: reduce)"), x = 0, S = 0;
-			function C() {
+				v.uniforms.uTime.value = n * (t.speed ?? 1) * .1, v.uniforms.uAmplitude.value = t.amplitude ?? 1, v.uniforms.uBlend.value = t.blend ?? .5, v.uniforms.uColorStops.value = g(t.colorStops), u.render({ scene: y });
+			}, S = window.matchMedia("(prefers-reduced-motion: reduce)"), C = 0, w = 0;
+			function T() {
 				if (!e) return;
 				let t = e.offsetWidth, n = e.offsetHeight;
-				(t !== x || n !== S) && (x = t, S = n, u.setSize(t, n), _.uniforms.uResolution.value = [t, n], b.matches && y(0));
+				(t !== C || n !== w) && (C = t, w = n, u.setSize(t, n), v && (v.uniforms.uResolution.value = [t, n]), S.matches && x(0));
 			}
-			let w = null, T = () => {
-				w === null && (w = requestAnimationFrame(() => {
-					w = null, C();
+			let E = null, D = () => {
+				E === null && (E = requestAnimationFrame(() => {
+					E = null, T();
 				}));
 			};
-			window.addEventListener("resize", T), e.appendChild(d.canvas);
-			let E = 0, D = (e) => {
-				E = requestAnimationFrame(D), y(e);
-			}, O = !0, k = () => {
-				cancelAnimationFrame(E), b.matches ? y(0) : O && (E = requestAnimationFrame(D));
+			window.addEventListener("resize", D), e.appendChild(d.canvas);
+			let O = 0, k = (e) => {
+				O = requestAnimationFrame(k), x(e);
+			}, A = !0, j = () => {
+				cancelAnimationFrame(O), !(_ || !v) && (S.matches ? x(0) : A && (O = requestAnimationFrame(k)));
 			};
-			b.addEventListener("change", k);
-			let A = new IntersectionObserver((e) => {
-				O = e[0].intersectionRatio > 0, k();
+			S.addEventListener("change", j);
+			let M = new IntersectionObserver((e) => {
+				A = e[0].intersectionRatio > 0, j();
 			});
-			A.observe(e), C(), k(), n = () => {
-				cancelAnimationFrame(E), A.disconnect(), b.removeEventListener("change", k), window.removeEventListener("resize", T), w !== null && cancelAnimationFrame(w), e && d.canvas.parentNode === e && e.removeChild(d.canvas), d.getExtension("WEBGL_lose_context")?.loseContext();
+			M.observe(e), T(), j();
+			let N = (e) => {
+				e.preventDefault(), _ = !0, cancelAnimationFrame(O);
+			}, P = () => {
+				_ = !1, p(), b(), C = 0, w = 0, T(), j();
+			};
+			d.canvas.addEventListener("webglcontextlost", N), d.canvas.addEventListener("webglcontextrestored", P), n = () => {
+				cancelAnimationFrame(O), M.disconnect(), S.removeEventListener("change", j), window.removeEventListener("resize", D), E !== null && cancelAnimationFrame(E), d.canvas.removeEventListener("webglcontextlost", N), d.canvas.removeEventListener("webglcontextrestored", P), e && d.canvas.parentNode === e && e.removeChild(d.canvas), d.getExtension("WEBGL_lose_context")?.loseContext();
 			};
 		})(), () => {
 			t = !0, n?.();

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

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

package/dist/index.d.ts

@@ -64,3 +64,8 @@ export * from "./components/board/static-board-display";
 export * from "./lib/board-characters";
 export * from "./lib/board-colors";
 export * from "./lib/board-dimensions";
+export * from "./lib/board-previews";
+export * from "./components/plugin/board-showcase";
+export * from "./components/plugin/plugin-card";
+export * from "./components/plugin/plugin-category-badge";
+export * from "./components/plugin/scaled-board-teaser";

package/dist/index.js

@@ -56,4 +56,9 @@ import { BoardDisplay as un } from "./components/board/board-display.js";
 import { BoardTeaser as dn } from "./components/board/board-teaser.js";
 import { ScaledBoardDisplay as fn } from "./components/board/scaled-board-display.js";
 import { StaticBoardDisplay as pn } from "./components/board/static-board-display.js";
-export { Bt as ALL_COLOR_CODES, Vt as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, a as Alert, o as AlertDescription, u as AlertDialog, d as AlertDialogAction, f as AlertDialogCancel, p as AlertDialogContent, m as AlertDialogDescription, h as AlertDialogFooter, g as AlertDialogHeader, _ as AlertDialogOverlay, v as AlertDialogPortal, y as AlertDialogTitle, b as AlertDialogTrigger, s as AlertTitle, x as Aurora, Jt as BOARD_CHARS, Ht as BOARD_COLORS, S as Badge, un as BoardDisplay, pt as BoardIcon, mt as BoardSelector, dn as BoardTeaser, w as Box, c as Button, Ut as COLOR_CODE_MAP, Wt as COLOR_DISPLAY, T as Card, E as CardAction, D as CardContent, O as CardDescription, k as CardFooter, A as CardHeader, j as CardTitle, M as Checkbox, N as Code, P as Collapsible, F as CollapsibleContent, I as CollapsibleTrigger, nn as DEVICE_DIMENSIONS, be as DecryptedText, L as Dialog, R as DialogClose, z as DialogContent, B as DialogDescription, V as DialogFooter, H as DialogHeader, U as DialogOverlay, W as DialogPortal, G as DialogTitle, K as DialogTrigger, q as DropdownMenu, J as DropdownMenuCheckboxItem, Y as DropdownMenuContent, X as DropdownMenuGroup, Z as DropdownMenuItem, Q as DropdownMenuLabel, $ as DropdownMenuPortal, ee as DropdownMenuRadioGroup, te as DropdownMenuRadioItem, ne as DropdownMenuSeparator, re as DropdownMenuShortcut, ie as DropdownMenuSub, ae as DropdownMenuSubContent, oe as DropdownMenuSubTrigger, se as DropdownMenuTrigger, Yt as EXTRA_CHARS, ce as EmptyState, ht as FIESTA_ICON_DATA_URI, gt as FIESTA_ICON_PALETTE, _t as FIESTA_ICON_SVG, xe as FadeContent, vt as FiestaIcon, yt as FiestaLogo, le as Flex, de as Grid, jt as HIDE_FESTIVE_COOKIE, pe as Heading, he as Input, ge as Label, bt as LanguageSelector, _e as List, ve as ListItem, rn as MAX_NOTES_PER_AXIS, xt as MainContent, an as NOTE_COLS, on as NOTE_ROWS, Mt as PRIDE_SEASON, St as PageHeader, Ct as PageIconGradientDefs, wt as PageLayout, Tt as PageToolbar, Nt as SEASONS, fn as ScaledBoardDisplay, Se as ScrollArea, Ce as ScrollBar, we as Select, Te as SelectContent, Ee as SelectGroup, De as SelectItem, Oe as SelectLabel, ke as SelectScrollDownButton, Ae as SelectScrollUpButton, je as SelectSeparator, Me as SelectTrigger, Ne as SelectValue, Pe as Sheet, Fe as SheetClose, Ie as SheetContent, Le as SheetDescription, Re as SheetFooter, ze as SheetHeader, Be as SheetOverlay, Ve as SheetPortal, He as SheetTitle, Ue as SheetTrigger, Ot as Sidebar, Et as SidebarAurora, Dt as SidebarAuroraHorizontal, We as Skeleton, kt as SkipToContent, Ge as Slider, Ke as Stack, pn as StaticBoardDisplay, Je as Switch, Ye as Table, Xe as TableBody, Ze as TableCell, Qe as TableHead, $e as TableHeader, et as TableRow, tt as Tabs, nt as TabsContent, rt as TabsList, it as TabsTrigger, at as Text, st as TextLink, ct as Textarea, At as ThemeToggle, lt as Tooltip, ut as TooltipContent, dt as TooltipProvider, ft as TooltipTrigger, C as badgeVariants, l as buttonVariants, e as cn, Pt as fireSeasonBurst, ue as flexVariants, Ft as getActiveSeason, Gt as getBoardColor, Xt as getCharFromToken, Zt as getCharIndex, fe as gridVariants, me as headingVariants, Qt as isColorTile, sn as isNoteArray, Kt as isValidBoardColor, ye as listVariants, $t as messageToGrid, cn as noteArrayDimensions, en as parseLine, It as readCookieString, qt as resolveColorCode, ln as resolveDimensions, Lt as shouldShowPride, qe as stackVariants, ot as textVariants, tn as tokensEqual, Rt as useActiveSeason, zt as usePrideActive };
+import { DEFAULT_SHAPE_LABELS as mn, previewLabel as hn, previewLabels as gn, previewMessage as _n } from "./lib/board-previews.js";
+import { BoardShowcase as vn, DEFAULT_SHOWCASE_LABELS as yn } from "./components/plugin/board-showcase.js";
+import { PLUGIN_CATEGORIES as bn, PluginCategoryBadge as xn } from "./components/plugin/plugin-category-badge.js";
+import { ScaledBoardTeaser as Sn } from "./components/plugin/scaled-board-teaser.js";
+import { PluginCard as Cn } from "./components/plugin/plugin-card.js";
+export { Bt as ALL_COLOR_CODES, Vt as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, a as Alert, o as AlertDescription, u as AlertDialog, d as AlertDialogAction, f as AlertDialogCancel, p as AlertDialogContent, m as AlertDialogDescription, h as AlertDialogFooter, g as AlertDialogHeader, _ as AlertDialogOverlay, v as AlertDialogPortal, y as AlertDialogTitle, b as AlertDialogTrigger, s as AlertTitle, x as Aurora, Jt as BOARD_CHARS, Ht as BOARD_COLORS, S as Badge, un as BoardDisplay, pt as BoardIcon, mt as BoardSelector, vn as BoardShowcase, dn as BoardTeaser, w as Box, c as Button, Ut as COLOR_CODE_MAP, Wt as COLOR_DISPLAY, T as Card, E as CardAction, D as CardContent, O as CardDescription, k as CardFooter, A as CardHeader, j as CardTitle, M as Checkbox, N as Code, P as Collapsible, F as CollapsibleContent, I as CollapsibleTrigger, mn as DEFAULT_SHAPE_LABELS, yn as DEFAULT_SHOWCASE_LABELS, nn as DEVICE_DIMENSIONS, be as DecryptedText, L as Dialog, R as DialogClose, z as DialogContent, B as DialogDescription, V as DialogFooter, H as DialogHeader, U as DialogOverlay, W as DialogPortal, G as DialogTitle, K as DialogTrigger, q as DropdownMenu, J as DropdownMenuCheckboxItem, Y as DropdownMenuContent, X as DropdownMenuGroup, Z as DropdownMenuItem, Q as DropdownMenuLabel, $ as DropdownMenuPortal, ee as DropdownMenuRadioGroup, te as DropdownMenuRadioItem, ne as DropdownMenuSeparator, re as DropdownMenuShortcut, ie as DropdownMenuSub, ae as DropdownMenuSubContent, oe as DropdownMenuSubTrigger, se as DropdownMenuTrigger, Yt as EXTRA_CHARS, ce as EmptyState, ht as FIESTA_ICON_DATA_URI, gt as FIESTA_ICON_PALETTE, _t as FIESTA_ICON_SVG, xe as FadeContent, vt as FiestaIcon, yt as FiestaLogo, le as Flex, de as Grid, jt as HIDE_FESTIVE_COOKIE, pe as Heading, he as Input, ge as Label, bt as LanguageSelector, _e as List, ve as ListItem, rn as MAX_NOTES_PER_AXIS, xt as MainContent, an as NOTE_COLS, on as NOTE_ROWS, bn as PLUGIN_CATEGORIES, Mt as PRIDE_SEASON, St as PageHeader, Ct as PageIconGradientDefs, wt as PageLayout, Tt as PageToolbar, Cn as PluginCard, xn as PluginCategoryBadge, Nt as SEASONS, fn as ScaledBoardDisplay, Sn as ScaledBoardTeaser, Se as ScrollArea, Ce as ScrollBar, we as Select, Te as SelectContent, Ee as SelectGroup, De as SelectItem, Oe as SelectLabel, ke as SelectScrollDownButton, Ae as SelectScrollUpButton, je as SelectSeparator, Me as SelectTrigger, Ne as SelectValue, Pe as Sheet, Fe as SheetClose, Ie as SheetContent, Le as SheetDescription, Re as SheetFooter, ze as SheetHeader, Be as SheetOverlay, Ve as SheetPortal, He as SheetTitle, Ue as SheetTrigger, Ot as Sidebar, Et as SidebarAurora, Dt as SidebarAuroraHorizontal, We as Skeleton, kt as SkipToContent, Ge as Slider, Ke as Stack, pn as StaticBoardDisplay, Je as Switch, Ye as Table, Xe as TableBody, Ze as TableCell, Qe as TableHead, $e as TableHeader, et as TableRow, tt as Tabs, nt as TabsContent, rt as TabsList, it as TabsTrigger, at as Text, st as TextLink, ct as Textarea, At as ThemeToggle, lt as Tooltip, ut as TooltipContent, dt as TooltipProvider, ft as TooltipTrigger, C as badgeVariants, l as buttonVariants, e as cn, Pt as fireSeasonBurst, ue as flexVariants, Ft as getActiveSeason, Gt as getBoardColor, Xt as getCharFromToken, Zt as getCharIndex, fe as gridVariants, me as headingVariants, Qt as isColorTile, sn as isNoteArray, Kt as isValidBoardColor, ye as listVariants, $t as messageToGrid, cn as noteArrayDimensions, en as parseLine, hn as previewLabel, gn as previewLabels, _n as previewMessage, It as readCookieString, qt as resolveColorCode, ln as resolveDimensions, Lt as shouldShowPride, qe as stackVariants, ot as textVariants, tn as tokensEqual, Rt as useActiveSeason, zt as usePrideActive };

package/dist/lib/board-previews.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Board previews — the `teaser` / `previews` plugin-manifest contract, shared
+ * by every surface that advertises a plugin (the FiestaBoard marketplace, the
+ * docs plugin directory).
+ *
+ * A preview holds *literal* board rows, never `{{variables}}`: widths count
+ * tiles, so a color marker like `{66}` is one tile and an end tag `{/green}` is
+ * none. See FiestaBoard's docs/development/PLUGIN_DEVELOPMENT.md.
+ */
+import type { DeviceType } from "./board-dimensions";
+/** One literal board, at one shape. */
+export interface BoardPreviewEntry {
+    /** Human tab label; when absent, derive one with `previewLabel()`. */
+    label?: string;
+    device_type?: DeviceType;
+    /** Notes wide (note_array only). */
+    notes_wide?: number;
+    /** Notes tall (note_array only). */
+    notes_tall?: number;
+    rows: string[];
+}
+/** Localized shape names. `noteArray` may contain `{w}` and `{h}` placeholders. */
+export interface PreviewShapeLabels {
+    flagship: string;
+    note: string;
+    noteArray: string;
+}
+export declare const DEFAULT_SHAPE_LABELS: PreviewShapeLabels;
+/** Tab label for a preview: its declared label, or one derived from the shape. */
+export declare function previewLabel(preview: BoardPreviewEntry, labels?: PreviewShapeLabels): string;
+/**
+ * Tab labels for a whole preview list, numbering repeats so every tab has a
+ * distinct accessible name — authors may declare several previews of the same
+ * shape ("Flagship" twice).
+ */
+export declare function previewLabels(previews: BoardPreviewEntry[], labels?: PreviewShapeLabels): string[];
+/** The newline-joined message `StaticBoardDisplay` renders. */
+export declare function previewMessage(preview: BoardPreviewEntry): string;

package/dist/lib/board-previews.js

@@ -0,0 +1,23 @@
+//#region src/lib/board-previews.ts
+var e = {
+	flagship: "Flagship",
+	note: "Note",
+	noteArray: "Note Array {w}×{h}"
+};
+function t(t, n = e) {
+	return t.label ? t.label : t.device_type === "note_array" ? n.noteArray.replace("{w}", String(t.notes_wide ?? 1)).replace("{h}", String(t.notes_tall ?? 1)) : t.device_type === "note" ? n.note : n.flagship;
+}
+function n(e, n) {
+	let r = /* @__PURE__ */ new Map();
+	return e.map((e) => {
+		let i = t(e, n), a = r.get(i) ?? 0;
+		return r.set(i, a + 1), a > 0 ? `${i} ${a + 1}` : i;
+	});
+}
+function r(e) {
+	return e.rows.join("\n");
+}
+//#endregion
+export { e as DEFAULT_SHAPE_LABELS, t as previewLabel, n as previewLabels, r as previewMessage };
+
+//# sourceMappingURL=board-previews.js.map

package/dist/lib/board-previews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-previews.js","names":[],"sources":["../../src/lib/board-previews.ts"],"mappings":";AA+BA,IAAa,IAA2C;CACtD,UAAU;CACV,MAAM;CACN,WAAW;AACb;AAGA,SAAgB,EAAa,GAA4B,IAA6B,GAA8B;CAOlH,OANI,EAAQ,QAAc,EAAQ,QAC9B,EAAQ,gBAAgB,eACnB,EAAO,UACX,QAAQ,OAAO,OAAO,EAAQ,cAAc,CAAC,CAAC,CAAC,CAC/C,QAAQ,OAAO,OAAO,EAAQ,cAAc,CAAC,CAAC,IAE5C,EAAQ,gBAAgB,SAAS,EAAO,OAAO,EAAO;AAC/D;AAOA,SAAgB,EAAc,GAA+B,GAAuC;CAClG,IAAM,oBAAO,IAAI,IAAoB;CACrC,OAAO,EAAS,KAAK,MAAY;EAC/B,IAAM,IAAO,EAAa,GAAS,CAAM,GACnC,IAAS,EAAK,IAAI,CAAI,KAAK;EAEjC,OADA,EAAK,IAAI,GAAM,IAAS,CAAC,GAClB,IAAS,IAAI,GAAG,EAAK,GAAG,IAAS,MAAM;CAChD,CAAC;AACH;AAGA,SAAgB,EAAe,GAAoC;CACjE,OAAO,EAAQ,KAAK,KAAK,IAAI;AAC/B"}

package/dist/theme.css

@@ -86,6 +86,23 @@
   --color-tag-formula: var(--tag-formula);
   --color-tag-formula-foreground: var(--tag-formula-foreground);
 
+  /* Plugin category accents (PluginCategoryBadge) — one hue per category so a
+     plugin reads the same on the marketplace and in the docs directory. */
+  --color-category-weather: var(--category-weather);
+  --color-category-weather-foreground: var(--category-weather-foreground);
+  --color-category-transit: var(--category-transit);
+  --color-category-transit-foreground: var(--category-transit-foreground);
+  --color-category-data: var(--category-data);
+  --color-category-data-foreground: var(--category-data-foreground);
+  --color-category-entertainment: var(--category-entertainment);
+  --color-category-entertainment-foreground: var(--category-entertainment-foreground);
+  --color-category-art: var(--category-art);
+  --color-category-art-foreground: var(--category-art-foreground);
+  --color-category-utility: var(--category-utility);
+  --color-category-utility-foreground: var(--category-utility-foreground);
+  --color-category-home: var(--category-home);
+  --color-category-home-foreground: var(--category-home-foreground);
+
   /* Overlay */
   --color-overlay: var(--overlay);
 
@@ -193,6 +210,20 @@
   --tag-success-foreground: oklch(0.35 0.1 160);
   --tag-formula: oklch(0.45 0.15 80);
   --tag-formula-foreground: oklch(0.35 0.1 80);
+  --category-weather: oklch(0.55 0.14 245);
+  --category-weather-foreground: oklch(0.42 0.11 245);
+  --category-transit: oklch(0.55 0.15 145);
+  --category-transit-foreground: oklch(0.42 0.12 145);
+  --category-data: oklch(0.55 0.16 305);
+  --category-data-foreground: oklch(0.42 0.13 305);
+  --category-entertainment: oklch(0.55 0.14 75);
+  --category-entertainment-foreground: oklch(0.42 0.11 75);
+  --category-art: oklch(0.55 0.16 30);
+  --category-art-foreground: oklch(0.42 0.13 30);
+  --category-utility: oklch(0.55 0.03 255);
+  --category-utility-foreground: oklch(0.42 0.03 255);
+  --category-home: oklch(0.55 0.12 180);
+  --category-home-foreground: oklch(0.42 0.1 180);
   --overlay: oklch(0 0 0 / 80%);
   /* Brand accent - darkened for WCAG 2.2 AA (≥4.5:1 on light bg) */
   --brand: oklch(0.56 0.15 75);
@@ -392,6 +423,20 @@
   --tag-success-foreground: oklch(0.85 0.08 160);
   --tag-formula: oklch(0.65 0.15 80);
   --tag-formula-foreground: oklch(0.85 0.08 80);
+  --category-weather: oklch(0.68 0.13 245);
+  --category-weather-foreground: oklch(0.85 0.08 245);
+  --category-transit: oklch(0.68 0.14 145);
+  --category-transit-foreground: oklch(0.85 0.09 145);
+  --category-data: oklch(0.68 0.14 305);
+  --category-data-foreground: oklch(0.85 0.09 305);
+  --category-entertainment: oklch(0.68 0.13 75);
+  --category-entertainment-foreground: oklch(0.85 0.08 75);
+  --category-art: oklch(0.68 0.14 30);
+  --category-art-foreground: oklch(0.85 0.09 30);
+  --category-utility: oklch(0.68 0.03 255);
+  --category-utility-foreground: oklch(0.85 0.02 255);
+  --category-home: oklch(0.68 0.11 180);
+  --category-home-foreground: oklch(0.85 0.07 180);
   --overlay: oklch(0 0 0 / 80%);
   --brand: oklch(0.78 0.14 75);
   --brand-emphasis: oklch(0.55 0.16 60);

package/package.json

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