@fiestaboard/ui 5.2.0 → 5.4.0

package/dist/components/overlays/lightbox.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { OverlayClose as t } from "./overlay-close.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Dialog as a } from "@base-ui/react/dialog";
+//#region src/components/overlays/lightbox.tsx
+var o = a.Root;
+function s({ asChild: e = !1, children: t, ...i }) {
+	return /* @__PURE__ */ r(a.Trigger, {
+		"data-slot": "lightbox-trigger",
+		...e ? { render: n.Children.only(t) } : { children: t },
+		...i
+	});
+}
+var c = a.Portal;
+function l({ asChild: e = !1, children: t, ...i }) {
+	return /* @__PURE__ */ r(a.Close, {
+		"data-slot": "lightbox-close",
+		...e ? { render: n.Children.only(t) } : { children: t },
+		...i
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r(a.Backdrop, {
+		"data-slot": "lightbox-overlay",
+		className: e("fixed inset-0 z-[var(--z-modal)] bg-black/85 data-[open]:animate-in data-[ending-style]:animate-out data-[ending-style]:fade-out-0 data-[open]:fade-in-0", t),
+		...n
+	});
+}
+function d({ className: n, children: o, "aria-label": s = "Media viewer", ...l }) {
+	return /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(u, {}), /* @__PURE__ */ i(a.Popup, {
+		"data-slot": "lightbox-content",
+		"aria-label": s,
+		className: e("fixed left-[50%] top-[50%] z-[var(--z-modal)] flex max-h-[92svh] max-w-[92vw] translate-x-[-50%] translate-y-[-50%] flex-col items-center gap-3 pt-12 outline-none duration-base data-[open]:animate-in data-[ending-style]:animate-out data-[ending-style]:fade-out-0 data-[open]:fade-in-0 data-[ending-style]:zoom-out-95 data-[open]:zoom-in-95", "[&_img]:max-h-[78svh] [&_img]:max-w-[92vw] [&_img]:rounded-lg [&_img]:object-contain [&_img]:shadow-modal [&_video]:max-h-[78svh] [&_video]:max-w-[92vw] [&_video]:rounded-lg [&_video]:object-contain [&_video]:shadow-modal", n),
+		...l,
+		children: [o, /* @__PURE__ */ r(t, {
+			"data-slot": "lightbox-close",
+			size: "md",
+			className: "right-0 top-0 bg-white/15 text-white hover:bg-white/25"
+		})]
+	})] });
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "lightbox-footer",
+		className: e("flex flex-wrap items-center justify-center gap-2 text-white", t),
+		...n
+	});
+}
+//#endregion
+export { o as Lightbox, l as LightboxClose, d as LightboxContent, f as LightboxFooter, u as LightboxOverlay, c as LightboxPortal, s as LightboxTrigger };
+
+//# sourceMappingURL=lightbox.js.map

package/dist/components/overlays/lightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightbox.js","names":[],"sources":["../../../src/components/overlays/lightbox.tsx"],"mappings":";;;;;;;AAuBA,IAAM,IAAW,EAAkB;AAEnC,SAAS,EAAgB,EACvB,aAAU,IACV,aACA,GAAG,KAC8E;CACjF,OACE,kBAAC,EAAkB,SAAnB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAiB,EAAkB;AAEzC,SAAS,EAAc,EACrB,aAAU,IACV,aACA,GAAG,KAC4E;CAC/E,OACE,kBAAC,EAAkB,OAAnB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAkE;CACzG,OACE,kBAAC,EAAkB,UAAnB;EACE,aAAU;EAWV,WAAW,EACT,4JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAYA,SAAS,EAAgB,EACvB,cACA,aACA,cAAc,IAAY,gBAC1B,GAAG,KACoB;CACvB,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAkB,CAAA,GAUlB,kBAAC,EAAkB,OAAnB;EACE,aAAU;EACV,cAAY;EACZ,WAAW,EAIT,uVAUA,iOACA,CACF;EACA,GAAI;EApBN,UAAA,CAsBG,GAmCD,kBAAC,GAAD;GACE,aAAU;GACV,MAAK;GACL,WAAU;EACX,CAAA,CACsB;CACX,CAAA,CAAA,EAAA,CAAA;AAEpB;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAsC;CAC5E,OACE,kBAAC,OAAD;EACE,aAAU;EAKV,WAAW,EAAG,+DAA+D,CAAS;EACtF,GAAI;CACL,CAAA;AAEL"}

package/dist/components/overlays/overlay-close.js

@@ -6,7 +6,7 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { cva as i } from "class-variance-authority";
 import { Dialog as a } from "@base-ui/react/dialog";
 //#region src/components/overlays/overlay-close.tsx
-var o = i("absolute right-4 top-4 flex items-center justify-center rounded-full bg-muted/80 transition-colors hover:bg-muted outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", {
+var o = i("absolute right-4 top-4 flex items-center justify-center rounded-full bg-muted/80 transition-colors hover:bg-muted focus-ring disabled:pointer-events-none disabled:opacity-50", {
 	variants: { size: {
 		sm: "size-8 [&_svg]:size-4",
 		md: "size-10 [&_svg]:size-5"

package/dist/components/overlays/overlay-close.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-close.js","names":[],"sources":["../../../src/components/overlays/overlay-close.tsx"],"mappings":";;;;;;;;AAgBA,IAAM,IAAuB,EAC3B,uOACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAkBA,SAAS,EAAa,EAAE,SAAM,cAAW,WAAQ,SAAS,GAAG,KAA4B;CACvF,OACE,kBAAC,EAAgB,OAAjB;EAAuB,WAAW,EAAG,EAAqB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;EAArF,UAAA,CACE,kBAAC,GAAD,CAAI,CAAA,GACJ,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,CAClB;;AAE3B"}
+{"version":3,"file":"overlay-close.js","names":[],"sources":["../../../src/components/overlays/overlay-close.tsx"],"mappings":";;;;;;;;AAgBA,IAAM,IAAuB,EAC3B,iLACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAkBA,SAAS,EAAa,EAAE,SAAM,cAAW,WAAQ,SAAS,GAAG,KAA4B;CACvF,OACE,kBAAC,EAAgB,OAAjB;EAAuB,WAAW,EAAG,EAAqB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;EAArF,UAAA,CACE,kBAAC,GAAD,CAAI,CAAA,GACJ,kBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAY,CAAA,CAClB;;AAE3B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"board-showcase.js","names":[],"sources":["../../../src/components/plugin/board-showcase.tsx"],"mappings":";;;;;;;;AAiCA,IAAa,IAA+C;CAC1D,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;AACd,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":";;;;;;;;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,cACA,IACI,oEACA,2DACN;KAEC,UAAA,MAAU,UAAU,EAAE,aAAa,EAAE;IAChC,GAdD,CAcC;GAEZ,CAAC;EACE,CAAA,CACF;;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,7 +9,9 @@
 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";
 export * from "./components/feedback/badge";
 export * from "./components/feedback/chip";
@@ -25,6 +27,7 @@ export * from "./components/layout/grid";
 export * from "./components/overlays/alert-dialog";
 export * from "./components/overlays/dialog";
 export * from "./components/overlays/dropdown-menu";
+export * from "./components/overlays/lightbox";
 export * from "./components/overlays/popover";
 export * from "./components/typography/code";
 export * from "./components/typography/heading";
@@ -38,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";
@@ -55,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";