@fiestaboard/ui 5.2.0 → 5.4.0

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

@@ -7,61 +7,63 @@ import { isNoteArray as d, resolveDimensions as f } from "../../lib/board-dimens
 import { memo as p, useMemo as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/board/static-board-display.tsx
-var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ message: p, size: y = "sm", boardType: b = "black", deviceType: x = "flagship", className: S = "", notesWide: C = 1, notesTall: w = 1, previewLabel: T, messageLabel: E = _, emptyLabel: D = "Empty board display" }) {
-	let O = f(x, C, w), k = d(x), A = b === "white", j = A ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", M = A ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", N = m(() => t(p ?? "", O.rows, O.cols, x), [
+var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ message: p, size: y = "sm", boardType: b = "black", deviceType: x = "flagship", code62Glyph: S, className: C = "", notesWide: w = 1, notesTall: T = 1, previewLabel: E, messageLabel: D = _, emptyLabel: O = "Empty board display" }) {
+	let k = f(x, w, T), A = d(x), j = b === "white", M = j ? "var(--color-board-surface-light)" : "var(--color-board-surface-dark)", N = j ? "var(--color-board-text-on-light)" : "var(--color-board-text-on-dark)", P = m(() => t(p ?? "", k.rows, k.cols, x, S), [
 		p,
-		O.rows,
-		O.cols,
-		x
-	]), P = m(() => {
-		if (!p) return D;
-		if (T !== void 0) return T;
-		let e = n(p, x);
-		return e ? E(e) : v;
+		k.rows,
+		k.cols,
+		x,
+		S
+	]), F = m(() => {
+		if (!p) return O;
+		if (E !== void 0) return E;
+		let e = n(p, x, S);
+		return e ? D(e) : v;
 	}, [
 		p,
 		x,
-		T,
+		S,
 		E,
-		D
-	]), F = y === "sm" ? "6px" : y === "md" ? "8px" : "10px", I = A ? "var(--color-board-bezel-light)" : "var(--color-board-bezel-dark)", L = A ? "var(--color-board-bezel-border-light)" : "var(--color-board-bezel-border-dark)", R = y === "sm" ? A ? "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)" : A ? "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)", z = y === "sm" ? A ? "0 1px 2px rgba(0,0,0,0.15)" : "0 1px 2px rgba(0,0,0,0.4)" : A ? "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)";
+		D,
+		O
+	]), I = y === "sm" ? "6px" : y === "md" ? "8px" : "10px", L = j ? "var(--color-board-bezel-light)" : "var(--color-board-bezel-dark)", R = j ? "var(--color-board-bezel-border-light)" : "var(--color-board-bezel-border-dark)", z = y === "sm" ? j ? "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)" : j ? "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)", B = y === "sm" ? j ? "0 1px 2px rgba(0,0,0,0.15)" : "0 1px 2px rgba(0,0,0,0.4)" : j ? "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__ */ h("div", {
 		className: "w-full flex justify-center",
 		children: /* @__PURE__ */ h("div", {
 			role: "img",
-			"aria-label": P,
+			"aria-label": F,
 			"data-slot": "static-board-display",
-			className: `${y === "sm" ? "rounded-lg border-[3px]" : "rounded-lg sm:rounded-xl border-[3px] sm:border-[4px] lg:border-[5px]"} ${S}`,
+			className: `${y === "sm" ? "rounded-lg border-[3px]" : "rounded-lg sm:rounded-xl border-[3px] sm:border-[4px] lg:border-[5px]"} ${C}`,
 			style: {
-				backgroundColor: I,
-				borderColor: L,
-				boxShadow: R,
+				backgroundColor: L,
+				borderColor: R,
+				boxShadow: z,
 				width: "fit-content"
 			},
 			children: /* @__PURE__ */ h("div", {
 				className: `${i[y]} relative`,
 				"aria-hidden": "true",
-				style: { background: A ? "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%)" },
+				style: { background: j ? "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__ */ h("div", {
 					className: `flex flex-col ${r[y]}`,
-					children: N.map((t, n) => {
-						let i = k && n > 0 && n % 3 == 0;
+					children: P.map((t, n) => {
+						let i = A && n > 0 && n % 3 == 0;
 						return /* @__PURE__ */ h("div", {
 							"data-note-row": "",
 							...i ? { "data-note-row-seam": "true" } : {},
 							className: `flex ${r[y]} justify-center`,
-							style: i ? { marginTop: F } : void 0,
+							style: i ? { marginTop: I } : void 0,
 							children: t.map((t, n) => {
-								let r = k && n > 0 && n % 15 == 0, i = r ? { marginLeft: F } : void 0, d = r ? { "data-note-col-seam": "true" } : {};
+								let r = A && n > 0 && n % 15 == 0, i = r ? { marginLeft: I } : void 0, d = r ? { "data-note-col-seam": "true" } : {};
 								if (t.type === "color") {
-									let r = e(t.code, A);
+									let r = e(t.code, j);
 									return y === "sm" ? /* @__PURE__ */ h("div", {
 										"data-note-tile": "",
 										...d,
 										className: `${o[y]} ${a[y]} shrink-0`,
 										style: {
 											backgroundColor: r,
-											boxShadow: z,
+											boxShadow: B,
 											contain: "layout style paint",
 											...i
 										}
@@ -70,8 +72,8 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
 										...d,
 										className: `relative ${o[y]} ${a[y]} shrink-0 overflow-hidden`,
 										style: {
-											backgroundColor: j,
-											boxShadow: z,
+											backgroundColor: M,
+											boxShadow: B,
 											contain: "layout style paint",
 											...i
 										},
@@ -98,14 +100,14 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
 									...d,
 									className: `${o[y]} ${a[y]} flex shrink-0 items-center justify-center`,
 									style: {
-										backgroundColor: j,
-										boxShadow: z,
+										backgroundColor: M,
+										boxShadow: B,
 										contain: "layout style paint",
 										...i
 									},
 									children: f !== " " && /* @__PURE__ */ h("span", {
 										className: `${s[y]} font-mono font-semibold select-none leading-none`,
-										style: { color: p ? "#eb4034" : M },
+										style: { color: p ? "#eb4034" : N },
 										children: f
 									})
 								}, n) : /* @__PURE__ */ g("div", {
@@ -113,8 +115,8 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
 									...d,
 									className: `relative ${o[y]} ${a[y]} shrink-0 overflow-hidden`,
 									style: {
-										backgroundColor: j,
-										boxShadow: z,
+										backgroundColor: M,
+										boxShadow: B,
 										contain: "layout style paint",
 										...i
 									},
@@ -127,7 +129,7 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
 											},
 											children: f !== " " && /* @__PURE__ */ h("span", {
 												className: `${s[y]} font-mono font-semibold select-none leading-none`,
-												style: { color: p ? "#eb4034" : M },
+												style: { color: p ? "#eb4034" : N },
 												children: f
 											})
 										}),
@@ -139,7 +141,7 @@ var _ = (e) => `Board preview: ${e}`, v = "Board preview", y = p(function({ mess
 											className: "absolute inset-0 pointer-events-none",
 											style: {
 												zIndex: 1,
-												background: A ? "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%)"
+												background: j ? "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%)"
 											}
 										})
 									]

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

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

@@ -0,0 +1,53 @@
+import * as React from "react";
+declare function NavList({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+/** One row's list item. Wraps a {@link NavListLink} — or anything else a row needs to be. */
+declare function NavListItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+export type NavListLinkProps = React.ComponentProps<"a"> & {
+    /**
+     * Render the caller's own element instead of an `<a>` — the same
+     * `useRender` mechanics as {@link "./breadcrumb".BreadcrumbLink}. This is
+     * how a router Link (Docusaurus's `<Link>`, FiestaBoard's
+     * ViewTransitionLink) gets prefetch and base-path handling while this
+     * component keeps owning the row's look and its ARIA.
+     */
+    asChild?: boolean;
+    /**
+     * Marks this row as the current destination: paints the pill AND sets
+     * `aria-current`. The app derives it from its router — the design system
+     * never guesses at routes.
+     */
+    active?: boolean;
+    /**
+     * Which kind of "current" this row is, when `active`. Defaults to `"page"`;
+     * pass `"location"` for a table of contents, where the row points at a
+     * position inside the page you are already on.
+     * @default "page"
+     */
+    current?: "page" | "step" | "location" | "date" | "time";
+};
+declare function NavListLink({ className, asChild, active, current, children, ref, ...props }: NavListLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export type NavListSectionProps = React.ComponentProps<"li"> & {
+    /** Open on first render, uncontrolled — a router opens the section holding the current route. */
+    defaultOpen?: boolean;
+    /** Controlled open state; pair with {@link NavListSectionProps.onOpenChange}. */
+    open?: boolean;
+    /**
+     * Fired with the next open state. One argument, not Base UI's
+     * `(open, eventDetails)` pair, so `onOpenChange={setOpen}` behaves.
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+declare function NavListSection({ className, children, defaultOpen, open, onOpenChange, ...props }: NavListSectionProps): React.JSX.Element;
+/**
+ * The section's header row: a real `<button>` from Base UI's Collapsible, so
+ * `aria-expanded` and the panel wiring are the primitive's. Children are the
+ * section's localized label (plus an optional leading icon); the caret is
+ * appended and hidden from AT.
+ */
+declare function NavListSectionTrigger({ className, children, ...props }: React.ComponentProps<"button">): React.JSX.Element;
+/**
+ * The section's sublist. Renders the Collapsible panel wrapping a nested
+ * `<ul>` — children are {@link NavListItem}s, exactly as in the parent list.
+ */
+declare function NavListSectionContent({ className, children, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+export { NavList, NavListItem, NavListLink, NavListSection, NavListSectionContent, NavListSectionTrigger };

package/dist/components/chrome/nav-list.js

@@ -0,0 +1,84 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r } from "../containment/collapsible.js";
+import { ChevronRight as i } from "lucide-react";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useRender as c } from "@base-ui/react/use-render";
+//#region src/components/chrome/nav-list.tsx
+var l = [
+	"flex min-h-9 w-full items-center gap-2.5 rounded-md px-3 py-2 text-left text-sm font-medium",
+	"transition-[color,background-color,border-color,box-shadow] duration-control focus-ring",
+	"[&>svg]:size-4 [&>svg]:shrink-0"
+], u = "nav-active font-semibold", d = "text-muted-foreground nav-active-hover hover:text-foreground";
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ o("ul", {
+		role: "list",
+		"data-slot": "nav-list",
+		className: e("flex list-none flex-col gap-0.5 p-0", t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ o("li", {
+		"data-slot": "nav-list-item",
+		className: e("min-w-0", t),
+		...n
+	});
+}
+function m({ className: t, asChild: n = !1, active: r = !1, current: i = "page", children: o, ref: s, ...f }) {
+	return c({
+		defaultTagName: "a",
+		ref: s,
+		render: n ? a.Children.only(o) : void 0,
+		props: {
+			"data-slot": "nav-list-link",
+			"data-active": r ? "" : void 0,
+			"aria-current": r ? i : void 0,
+			className: e(l, r ? u : d, t),
+			...n ? {} : { children: o },
+			...f
+		}
+	});
+}
+function h({ className: n, children: r, defaultOpen: i, open: a, onOpenChange: s, ...c }) {
+	return /* @__PURE__ */ o("li", {
+		"data-slot": "nav-list-section",
+		className: e("min-w-0", n),
+		...c,
+		children: /* @__PURE__ */ o(t, {
+			className: "flex flex-col gap-0.5",
+			defaultOpen: i,
+			open: a,
+			onOpenChange: s ? (e) => s(e) : void 0,
+			children: r
+		})
+	});
+}
+function g({ className: t, children: n, ...a }) {
+	return /* @__PURE__ */ s(r, {
+		"data-slot": "nav-list-section-trigger",
+		className: e(l, d, "group/nav-list-section-trigger justify-between", t),
+		...a,
+		children: [n, /* @__PURE__ */ o(i, {
+			"aria-hidden": "true",
+			className: "ml-auto transition-transform duration-control group-data-[panel-open]/nav-list-section-trigger:rotate-90"
+		})]
+	});
+}
+function _({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ o(n, {
+		"data-slot": "nav-list-section-panel",
+		children: /* @__PURE__ */ o("ul", {
+			role: "list",
+			"data-slot": "nav-list-section-content",
+			className: e("ml-4 flex list-none flex-col gap-0.5 border-l border-border py-0.5 pl-2", t),
+			...i,
+			children: r
+		})
+	});
+}
+//#endregion
+export { f as NavList, p as NavListItem, m as NavListLink, h as NavListSection, _ as NavListSectionContent, g as NavListSectionTrigger };
+
+//# sourceMappingURL=nav-list.js.map

package/dist/components/chrome/nav-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-list.js","names":[],"sources":["../../../src/components/chrome/nav-list.tsx"],"mappings":";;;;;;;;AA4FA,IAAM,IAAe;CACnB;CACA;CACA;AACF,GAIM,IAAsB,4BACtB,IAAuB;AAM7B,SAAS,EAAQ,EAAE,cAAW,GAAG,KAAqC;CACpE,OAME,kBAAC,MAAD;EAAI,MAAK;EAAO,aAAU;EAAW,WAAW,EAAG,uCAAuC,CAAS;EAAG,GAAI;CAAQ,CAAA;AAEtH;AAGA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAqC;CACxE,OAAO,kBAAC,MAAD;EAAI,aAAU;EAAgB,WAAW,EAAG,WAAW,CAAS;EAAG,GAAI;CAAQ,CAAA;AACxF;AA8BA,SAAS,EAAY,EACnB,cACA,aAAU,IACV,YAAS,IACT,aAAU,QACV,aACA,QACA,GAAG,KACgB;CACnB,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GAGb,eAAe,IAAS,KAAK,KAAA;GAC7B,gBAAgB,IAAS,IAAU,KAAA;GACnC,WAAW,EAAG,GAAc,IAAS,IAAsB,GAAsB,CAAS;GAC1F,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH;AAkBA,SAAS,EAAe,EAAE,cAAW,aAAU,gBAAa,SAAM,iBAAc,GAAG,KAA8B;CAC/G,OAGE,kBAAC,MAAD;EAAI,aAAU;EAAmB,WAAW,EAAG,WAAW,CAAS;EAAG,GAAI;EACxE,UAAA,kBAAC,GAAD;GACE,WAAU;GACG;GACP;GACN,cAAc,KAAgB,MAAa,EAAa,CAAQ,IAAI,KAAA;GAEnE;EACU,CAAA;CACX,CAAA;AAER;AAQA,SAAS,EAAsB,EAAE,cAAW,aAAU,GAAG,KAAyC;CAChG,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,GAAc,GAAsB,kDAAkD,CAAS;EAC7G,GAAI;EAHN,UAAA,CAKG,GAQD,kBAAC,GAAD;GACE,eAAY;GACZ,WAAU;EACX,CAAA,CACiB;;AAExB;AAMA,SAAS,EAAsB,EAAE,cAAW,aAAU,GAAG,KAAqC;CAC5F,OACE,kBAAC,GAAD;EAAoB,aAAU;EAsB5B,UAAA,kBAAC,MAAD;GACE,MAAK;GACL,aAAU;GACV,WAAW,EAGT,2EACA,CACF;GACA,GAAI;GAEH;EACC,CAAA;CACc,CAAA;AAExB"}

package/dist/components/containment/icon-tile.d.ts

@@ -0,0 +1,67 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+/**
+ * IconTile — the small rounded square that holds one icon (#229 item 5).
+ *
+ * Taxonomy: `containment/`, because the job is literally "box another thing".
+ * The two neighbours it is NOT:
+ *
+ *   * `feedback/` owns the system talking about itself — Badge, Chip, Alert,
+ *     StatusDot. An IconTile says nothing; it is a ground for whatever glyph
+ *     the consumer puts in it, and it carries no state, no severity and no
+ *     announcement. Filing it beside Badge because both are small and
+ *     rounded would file it by looks, which is the one rule §1.1 forbids.
+ *   * `chrome/` owns the app frame (Sidebar, PageHeader, the logos). The tile
+ *     is not frame furniture — it appears inside cards, empty states, list
+ *     rows and wizard headers alike.
+ *
+ * Card is the same idea one order of magnitude up (a surface that holds
+ * arbitrary content); IconTile is the smallest member of that family, sized
+ * for exactly one glyph. Hence `containment/`.
+ *
+ * What it replaces: the wizard header medallion, which hand-rolled
+ * `size-12 … rounded-xl ring-1 ring-white/10` on the board surface
+ * (wizard-shell.tsx), and the same shape typed out again wherever an icon
+ * needed a ground. One primitive, two tones, three sizes.
+ *
+ * Accessibility: the tile is DECORATIVE BY DEFAULT and stamps
+ * `aria-hidden="true"` on itself. An icon in a tile is nearly always a
+ * restatement of the text beside it — the wizard's brand mark sits next to
+ * the wordmark, an empty state's icon sits above its title — and announcing
+ * both is the double-announcement §6.7 forbids. Opting out (`decorative
+ * ={false}`) hands the semantics back to the consumer, who must then give
+ * the glyph itself a name. There is deliberately no `label` prop: a tile
+ * that needs a name needs a *localized* name, and this package ships no
+ * copy of its own (§8) — an `aria-label` on the glyph or on the tile via
+ * props is the consumer's call, not a default this file can invent.
+ *
+ * Not a control. It has no `focus-ring`, no hover state and no `onClick`
+ * contract, so SC 2.5.8's 24×24 floor does not reach it (the smallest size
+ * is 32px anyway). Wrap it in a Button or make the row the target if the
+ * tile needs to be pressable — a clickable `<span>` is the bug MediaFrame
+ * was promoted to fix.
+ */
+declare const iconTileVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "muted" | "board" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type IconTileProps = React.ComponentProps<"span"> & VariantProps<typeof iconTileVariants> & {
+    /**
+     * Keep the tile and its glyph out of the accessibility tree.
+     * `@default true` — an icon in a tile almost always repeats the text
+     * beside it. Pass `false` when the glyph is the only carrier of its
+     * meaning, and give that glyph a localized name yourself.
+     */
+    decorative?: boolean;
+};
+/**
+ * A muted (or board-black) rounded square that centres one icon.
+ *
+ * ```tsx
+ * <IconTile size="lg" tone="board">
+ *   <FiestaIcon className="size-8" />
+ * </IconTile>
+ * ```
+ */
+declare function IconTile({ className, size, tone, decorative, ref, ...props }: IconTileProps): React.JSX.Element;
+export { IconTile, iconTileVariants };

package/dist/components/containment/icon-tile.js

@@ -0,0 +1,44 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+//#region src/components/containment/icon-tile.tsx
+var r = n([
+	"inline-flex shrink-0 items-center justify-center",
+	"overflow-hidden",
+	"[&_svg]:pointer-events-none [&_svg]:shrink-0"
+], {
+	variants: {
+		size: {
+			sm: "size-8 rounded-md [&_svg:not([class*='size-'])]:size-4",
+			md: "size-10 rounded-lg [&_svg:not([class*='size-'])]:size-5",
+			lg: "size-12 rounded-xl [&_svg:not([class*='size-'])]:size-6"
+		},
+		tone: {
+			muted: "bg-muted text-muted-foreground",
+			board: "bg-board-surface-dark text-board-text-on-dark ring-1 ring-white/10"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		tone: "muted"
+	}
+});
+function i({ className: n, size: i, tone: a, decorative: o = !0, ref: s, ...c }) {
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "icon-tile",
+		"data-size": i ?? "md",
+		"data-tone": a ?? "muted",
+		"aria-hidden": o ? !0 : void 0,
+		ref: s,
+		className: e(r({
+			size: i,
+			tone: a
+		}), n),
+		...c
+	});
+}
+//#endregion
+export { i as IconTile, r as iconTileVariants };
+
+//# sourceMappingURL=icon-tile.js.map

package/dist/components/containment/icon-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-tile.js","names":[],"sources":["../../../src/components/containment/icon-tile.tsx"],"mappings":";;;;;AA8CA,IAAM,IAAmB,EACvB;CAIE;CAKA;CACA;AACF,GACA;CACE,UAAU;EAWR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,MAAM;GAKJ,OAAO;GAeP,OAAO;EACT;CACF;CACA,iBAAiB;EACf,MAAM;EACN,MAAM;CACR;AACF,CACF;AAsBA,SAAS,EAAS,EAAE,cAAW,SAAM,SAAM,gBAAa,IAAM,QAAK,GAAG,KAAwB;CAC5F,OACE,kBAAC,QAAD;EACE,aAAU;EAGV,aAAW,KAAQ;EACnB,aAAW,KAAQ;EAGnB,eAAa,IAAa,KAAO,KAAA;EAC5B;EACL,WAAW,EAAG,EAAiB;GAAE;GAAM;EAAK,CAAC,GAAG,CAAS;EACzD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/containment/json-tree.js

@@ -10,7 +10,7 @@ var c = {
 	boolean: "text-hue-yellow",
 	nullish: "text-muted-foreground italic",
 	other: "text-foreground"
-}, l = "text-info", u = "text-tag-variable-foreground", d = "-ml-1 flex w-full items-center gap-1 rounded-sm px-1 py-0.5 text-left text-xs text-muted-foreground transition-colors duration-control hover:bg-muted/60 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px]", f = "shrink-0 rounded-sm p-0.5 opacity-0 transition-opacity duration-control hover:bg-muted group-hover:opacity-100 focus-visible:opacity-100 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px]", p = 1500;
+}, l = "text-info", u = "text-tag-variable-foreground", d = "-ml-1 flex w-full items-center gap-1 rounded-sm px-1 py-0.5 text-left text-xs text-muted-foreground transition-colors duration-control hover:bg-muted/60 focus-ring", f = "shrink-0 rounded-sm p-0.5 opacity-0 transition-opacity duration-control hover:bg-muted group-hover:opacity-100 focus-visible:opacity-100 focus-ring", p = 1500;
 function m(e) {
 	return typeof e == "object" && !!e;
 }

package/dist/components/containment/json-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-tree.js","names":[],"sources":["../../../src/components/containment/json-tree.tsx"],"mappings":";;;;;;AAeA,IAAM,IAAa;CACjB,QAAQ;CAGR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAGM,IAAW,aACX,IAAa,gCAEb,IACJ,6NAKI,IACJ,6MAEI,IAAoB;AAE1B,SAAS,EAAS,GAA8D;CAC9E,OAAO,OAAO,KAAU,cAAY;AACtC;AAEA,SAAS,EAAQ,GAAwB;CACvC,IAAI,KAAU,MAA6B,OAAO,EAAW;CAC7D,QAAQ,OAAO,GAAf;EACE,KAAK,UACH,OAAO,EAAW;EACpB,KAAK;EACL,KAAK,UACH,OAAO,EAAW;EACpB,KAAK,WACH,OAAO,EAAW;EACpB,SACE,OAAO,EAAW;CACtB;AACF;AAGA,SAAS,EAAa,GAAwB;CAG5C,OAFI,KAAU,OAAoC,SAC9C,OAAO,KAAU,WAAiB,IAAI,EAAM,KACzC,OAAO,CAAK;AACrB;AA6DA,IAAa,IAAW,EAAM,KAAK,SAAsB,EACvD,SACA,UAAO,IACP,aACA,qBAAkB,IAClB,0BAAuB,GACvB,WACA,gBACgB;CAChB,IAAM,EACJ,iBAAc,MAAc,aAAa,KACzC,iBAAc,GAAW,MAAkB,GAAG,EAAE,IAAI,EAAM,GAAG,MAAU,IAAI,SAAS,QAAQ,IAC5F,UAAO,QACP,cAAW,eACX,WAAQ,YACN,KAAU,CAAC,GAET,IAAc,IAAuB,GACrC,CAAC,GAAU,KAAe,EAAM,SAAS,KAAmB,CAAW,GAIvE,CAAC,GAAS,KAAc,EAAM,SAAS,KAAmB,CAAW,GACrE,CAAC,GAAc,KAAmB,EAAM,SAAwB,IAAI,GACpE,IAAU,EAAM,MAAM,GACtB,IAAa,EAAM,OAA6C,IAAI;CAE1E,EAAM,sBACS;EACX,AAAI,EAAW,YAAY,QAAM,aAAa,EAAW,OAAO;CAClE,GACC,CAAC,CAAC;CAEL,SAAS,EAAa,GAAmB,GAAgB;EAIvD,AAHA,IAAW,GAAW,CAAK,GAC3B,EAAgB,CAAS,GACrB,EAAW,YAAY,QAAM,aAAa,EAAW,OAAO,GAChE,EAAW,UAAU,iBAAiB,EAAgB,IAAI,GAAG,CAAiB;CAChF;CAEA,SAAS,IAAS;EAEhB,AADA,GAAa,MAAS,CAAC,CAAI,GAC3B,EAAW,EAAI;CACjB;CAIA,SAAS,EAAoB,GAA+C;EAC1E,AAAI,EAAM,QAAQ,gBAAgB,CAAC,KACjC,EAAM,eAAe,GACrB,EAAO,KACE,EAAM,QAAQ,eAAe,MACtC,EAAM,eAAe,GACrB,EAAY,EAAK;CAErB;CAEA,IAAI,CAAC,EAAS,CAAI,GAChB,OACE,kBAAC,QAAD;EAAM,aAAU;EAAkB,WAAW,EAAG,qBAAqB,EAAQ,CAAI,GAAG,CAAS;EAC1F,UAAA,EAAa,CAAI;CACd,CAAA;CAIV,IAAM,IAAU,MAAM,QAAQ,CAAI,GAC5B,IAAoC,IACtC,EAAK,KAAK,GAAM,MAAU,CAAC,OAAO,CAAK,GAAG,CAAI,CAAC,IAC/C,OAAO,QAAQ,CAAI,GACjB,IAAU,IAAU,IAAI,EAAQ,OAAO,KAAK,IAAI,EAAQ,OAAO,IAC/D,IAAa,KAAK,IAAI,GAAG,IAAuB,CAAC;CAEvD,OACE,kBAAC,OAAD;EAAK,aAAU;EAAY,WAAW,EAAG,QAAQ,CAAS;EAA1D,UAAA;GACE,kBAAC,UAAD;IACE,MAAK;IACL,iBAAe;IACf,iBAAe,IAAU,IAAU,KAAA;IACnC,SAAS;IACT,WAAW;IACX,WAAW;IANb,UAAA;KAQc,EAAX,IAAY,IAA8C,GAA/C,EAAa,WAAU,kBAAmB,CAA+C;KACrG,kBAAC,QAAD;MAAM,eAAY;MAAO,WAAU;MAChC,UAAA;KACG,CAAA;KACN,kBAAC,QAAD;MAAM,WAAU;MAAW,UAAA,EAAW,KAAQ,GAAM,EAAQ,MAAM;KAAQ,CAAA;IACpE;;GAKP,KACC,kBAAC,QAAD;IAAM,MAAK;IAAS,WAAU;IAC3B,UAAA,MAAiB,OAAO,KAAK;GAC1B,CAAA;GAGP,KACC,kBAAC,MAAD;IACE,IAAI;IACJ,QAAQ,CAAC;IACT,WAAU;IAHZ,UAAA,CAKG,EAAQ,WAAW,KAAK,kBAAC,MAAD;KAAI,WAAU;KAAwC,UAAA;IAAU,CAAA,GACxF,EAAQ,KAAK,CAAC,GAAK,OAAW;KAC7B,IAAM,IAAY,IAAU,GAAG,EAAK,GAAG,EAAI,KAAK,IAAO,GAAG,EAAK,GAAG,MAAQ,GACpE,IAAQ,IAAU,IAAI,EAAI,MAAM,GAAG,EAAI;KAC7C,OACE,kBAAC,MAAD;MAAc,WAAU;MAAxB,UAAA,CACE,kBAAC,QAAD;OAAM,WAAW,EAAG,iDAAiD,IAAU,IAAa,CAAQ;OACjG,UAAA;MACG,CAAA,GACL,EAAS,CAAK,IACb,kBAAC,GAAD;OACE,MAAM;OACN,MAAM;OACI;OACV,sBAAsB;OACd;MACT,CAAA,IAED,kBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA,CACE,kBAAC,QAAD;QAAM,WAAW,EAAG,8BAA8B,EAAQ,CAAK,CAAC;QAAI,UAAA,EAAa,CAAK;OAAQ,CAAA,GAC7F,KACC,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAa,GAAW,CAAK;QAC5C,cAAY,EAAW,CAAS;QAChC,OAAO,EAAW,CAAS;QAC3B,WAAW;QAEV,UAAA,MAAiB,IAChB,kBAAC,GAAD,EAAO,WAAU,sBAAuB,CAAA,IAExC,kBAAC,GAAD,EAAM,WAAU,+BAAgC,CAAA;OAE5C,CAAA,CAEN;MAEN,CAAA,CAAA;KAhCK,GAAA,CAgCL;IAER,CAAC,CACC;;EAEH;;AAET,CAAC"}
+{"version":3,"file":"json-tree.js","names":[],"sources":["../../../src/components/containment/json-tree.tsx"],"mappings":"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"}

package/dist/components/containment/media-frame.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+/**
+ * MediaFrame — a framed figure for screenshots and other media.
+ *
+ * Promoted from the docs site's BoardScreenshot/ThemedScreenshot pair
+ * (issue #229 item 4), which shipped two structurally identical CSS modules.
+ * The frame is the shared shell: media on a card surface with a hairline
+ * border, plus an optional bar for a caption or a toolbar (the docs put a
+ * black/white toggle there). The bar renders whatever the consumer passes —
+ * the toggle itself belongs to ToggleGroup (#218), not here.
+ *
+ * Zooming is composition, not a built-in: wrap `MediaFrameMedia` in a
+ * `LightboxTrigger asChild` (see overlays/lightbox.tsx), or pass `onZoom`
+ * for a hand-rolled handler. Either way the media becomes a real `<button>`,
+ * so the affordance is keyboard-operable for free.
+ */
+declare function MediaFrame({ className, ...props }: React.ComponentProps<"figure">): React.JSX.Element;
+interface MediaFrameMediaProps extends React.ComponentProps<"button"> {
+    /**
+     * Zoom-affordance handler. Setting it (or `onClick`, which a
+     * `LightboxTrigger asChild` injects) switches the media well from a plain
+     * `<div>` to a `<button>` with a zoom cursor and focus ring.
+     */
+    onZoom?: React.MouseEventHandler<HTMLButtonElement>;
+}
+declare function MediaFrameMedia({ className, onZoom, onClick, type, children, ...props }: MediaFrameMediaProps): React.JSX.Element;
+declare function MediaFrameBar({ className, ...props }: React.ComponentProps<"figcaption">): React.JSX.Element;
+export { MediaFrame, MediaFrameBar, MediaFrameMedia };

package/dist/components/containment/media-frame.js

@@ -0,0 +1,40 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/containment/media-frame.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("figure", {
+		"data-slot": "media-frame",
+		className: e("flex flex-col overflow-hidden rounded-xl border bg-card text-card-foreground shadow-card", n),
+		...r
+	});
+}
+var r = "block w-full [&_img]:block [&_img]:h-auto [&_img]:w-full [&_video]:block [&_video]:h-auto [&_video]:w-full";
+function i({ className: n, onZoom: i, onClick: a, type: o, children: s, ...c }) {
+	return i == null && a == null ? /* @__PURE__ */ t("div", {
+		"data-slot": "media-frame-media",
+		className: e(r, n),
+		...c,
+		children: s
+	}) : /* @__PURE__ */ t("button", {
+		type: o ?? "button",
+		"data-slot": "media-frame-media",
+		className: e(r, "cursor-zoom-in outline-none focus-visible:ring-[3px] focus-visible:ring-inset focus-visible:ring-ring/50", n),
+		onClick: (e) => {
+			a?.(e), i?.(e);
+		},
+		...c,
+		children: s
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("figcaption", {
+		"data-slot": "media-frame-bar",
+		className: e("flex flex-wrap items-center justify-center gap-2 border-t px-3 py-2 text-sm text-muted-foreground", n),
+		...r
+	});
+}
+//#endregion
+export { n as MediaFrame, a as MediaFrameBar, i as MediaFrameMedia };
+
+//# sourceMappingURL=media-frame.js.map

package/dist/components/containment/media-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-frame.js","names":[],"sources":["../../../src/components/containment/media-frame.tsx"],"mappings":";;;;AAoBA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAyC;CAC3E,OACE,kBAAC,UAAD;EACE,aAAU;EAKV,WAAW,EACT,4FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAMA,IAAM,IACJ;AAWF,SAAS,EAAgB,EAAE,cAAW,WAAQ,YAAS,SAAM,aAAU,GAAG,KAA+B;CA8BvG,OAtBoB,KAAU,QAAQ,KAAW,OAI7C,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,GAAkB,CAAS;EACzC,GAAK;EAEJ;CACE,CAAA,IAaP,kBAAC,UAAD;EAEE,MAAM,KAAQ;EACd,aAAU;EAIV,WAAW,EACT,GACA,4GACA,CACF;EACA,UArB6D,MAAU;GAKzE,AADA,IAAU,CAAK,GACf,IAAS,CAAK;EAChB;EAgBI,GAAI;EAEH;CACK,CAAA;AAEZ;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAA6C;CAClF,OACE,kBAAC,cAAD;EACE,aAAU;EAMV,WAAW,EACT,qGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/containment/scroll-area.d.ts

@@ -1,5 +1,22 @@
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
 import * as React from "react";
+/**
+ * The viewport is a real tab stop (`tabIndex={0}` — a scrollable region has to
+ * be keyboard-operable), so it needs a visible focus indicator. It cannot draw
+ * its own: the Root is `overflow-hidden` and the Viewport is an `h-full w-full`
+ * direct child filling it exactly, so ANY outset ring on the Viewport — the
+ * `.focus-ring` box-shadow, or the `focus-visible:ring-[3px]` this used to
+ * spell — paints entirely inside the clipped region and is never seen. That is
+ * the same clipping that keeps `media-frame.tsx` and `time-picker.tsx` pinned
+ * in the theme-contrast guard, and it made this control's indicator invisible
+ * long before the ring recipe changed (SC 2.4.7).
+ *
+ * So the ring is drawn on the ROOT, which clips its descendants but not its own
+ * box-shadow, and it is keyed to the Viewport's focus with `has-*`. The value
+ * comes from `--focus-ring-shadow` (#228 item 5) rather than a re-spelling of
+ * the three stops, so a retune of the ring tracks here by construction — the
+ * same move `plugin-card.tsx` will make for its `::after` overlay.
+ */
 declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>): React.JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/components/containment/scroll-area.js

@@ -7,12 +7,12 @@ import { ScrollArea as r } from "@base-ui/react/scroll-area";
 function i({ className: i, children: o, ...s }) {
 	return /* @__PURE__ */ n(r.Root, {
 		"data-slot": "scroll-area",
-		className: e("relative overflow-hidden", i),
+		className: e("relative overflow-hidden has-[[data-slot=scroll-area-viewport]:focus-visible]:shadow-[var(--focus-ring-shadow)]", i),
 		...s,
 		children: [
 			/* @__PURE__ */ t(r.Viewport, {
 				"data-slot": "scroll-area-viewport",
-				className: "h-full w-full rounded-[inherit] outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+				className: "h-full w-full rounded-[inherit] outline-none",
 				tabIndex: 0,
 				children: o
 			}),

package/dist/components/containment/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../src/components/containment/scroll-area.tsx"],"mappings":";;;;;;AAOA,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAAgE;CAC5G,OACE,kBAAC,EAAoB,MAArB;EAA0B,aAAU;EAAc,WAAW,EAAG,4BAA4B,CAAS;EAAG,GAAI;EAA5G,UAAA;GACE,kBAAC,EAAoB,UAArB;IACE,aAAU;IACV,WAAU;IACV,UAAU;IAET;GAC2B,CAAA;GAC9B,kBAAC,GAAD,CAAY,CAAA;GACZ,kBAAC,EAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAS,EAAU,EACjB,cACA,iBAAc,YACd,GAAG,KAC0D;CAC7D,OACE,kBAAC,EAAoB,WAArB;EACE,aAAU;EACG;EACb,WAAW,EACT,+IACA,MAAgB,cAAc,sDAC9B,MAAgB,gBAAgB,wDAChC,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAoB,OAArB;GAA2B,aAAU;GAAoB,WAAU;EAA0C,CAAA;CAChF,CAAA;AAEnC"}
+{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../src/components/containment/scroll-area.tsx"],"mappings":";;;;;;AAwBA,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAAgE;CAC5G,OACE,kBAAC,EAAoB,MAArB;EACE,aAAU;EACV,WAAW,EACT,mHACA,CACF;EACA,GAAI;EANN,UAAA;GAQE,kBAAC,EAAoB,UAArB;IACE,aAAU;IAGV,WAAU;IACV,UAAU;IAET;GAC2B,CAAA;GAC9B,kBAAC,GAAD,CAAY,CAAA;GACZ,kBAAC,EAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAS,EAAU,EACjB,cACA,iBAAc,YACd,GAAG,KAC0D;CAC7D,OACE,kBAAC,EAAoB,WAArB;EACE,aAAU;EACG;EACb,WAAW,EACT,+IACA,MAAgB,cAAc,sDAC9B,MAAgB,gBAAgB,wDAChC,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAoB,OAArB;GAA2B,aAAU;GAAoB,WAAU;EAA0C,CAAA;CAChF,CAAA;AAEnC"}

package/dist/components/containment/tabs.js

@@ -20,14 +20,14 @@ function i({ className: r, ...i }) {
 function a({ className: r, ...i }) {
 	return /* @__PURE__ */ t(n.Tab, {
 		"data-slot": "tabs-trigger",
-		className: e("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-[color,background-color,box-shadow] duration-base outline-none not-data-[active]:hover:bg-background/50 not-data-[active]:hover:text-foreground focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm", r),
+		className: e("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-[color,background-color,box-shadow] duration-base focus-ring not-data-[active]:hover:bg-background/50 not-data-[active]:hover:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-background data-[active]:text-foreground data-[active]:shadow-sm", r),
 		...i
 	});
 }
 function o({ className: r, ...i }) {
 	return /* @__PURE__ */ t(n.Panel, {
 		"data-slot": "tabs-content",
-		className: e("mt-2 outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px]", r),
+		className: e("mt-2 focus-ring", r),
 		...i
 	});
 }

package/dist/components/containment/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/containment/tabs.tsx"],"mappings":";;;;;;AAOA,SAAS,EAAK,EAAE,GAAG,KAA0D;CAC3E,OAAO,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAO,GAAI;CAAQ,CAAA;AAC1D;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA0D;CAC1F,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,8FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAyD;CAC5F,OACE,kBAAC,EAAc,KAAf;EACE,aAAU;EACV,WAAW,EAIT,0bACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA2D;CAC9F,OACE,kBAAC,EAAc,OAAf;EACE,aAAU;EACV,WAAW,EAAG,yEAAyE,CAAS;EAChG,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/containment/tabs.tsx"],"mappings":";;;;;;AAOA,SAAS,EAAK,EAAE,GAAG,KAA0D;CAC3E,OAAO,kBAAC,EAAc,MAAf;EAAoB,aAAU;EAAO,GAAI;CAAQ,CAAA;AAC1D;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA0D;CAC1F,OACE,kBAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,8FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAyD;CAC5F,OACE,kBAAC,EAAc,KAAf;EACE,aAAU;EACV,WAAW,EAIT,oYACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAA2D;CAC9F,OAAO,kBAAC,EAAc,OAAf;EAAqB,aAAU;EAAe,WAAW,EAAG,mBAAmB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAChH"}

package/dist/components/editor/formula/formula-editor-panel.js

@@ -367,7 +367,7 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 										onClick: () => Ae(t),
 										"aria-expanded": !r,
 										"aria-controls": s,
-										className: e("flex items-center justify-between w-full px-2 py-1.5 text-[11px] font-semibold transition-colors", "bg-muted/40 hover:bg-muted/70", "outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", a?.text ?? "text-muted-foreground"),
+										className: e("flex items-center justify-between w-full px-2 py-1.5 text-[11px] font-semibold transition-colors", "bg-muted/40 hover:bg-muted/70", "focus-ring", a?.text ?? "text-muted-foreground"),
 										children: [/* @__PURE__ */ C(l, {
 											as: "span",
 											weight: "semibold",
@@ -382,7 +382,7 @@ function P({ initialExpr: d = "", mode: f, onConfirm: p, onCancel: m, formulaFun
 											children: /* @__PURE__ */ C("button", {
 												type: "button",
 												onClick: () => Oe(e.name),
-												className: "w-full text-left px-3 py-1 text-xs hover:bg-accent hover:text-accent-foreground transition-colors flex items-baseline gap-2 group outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+												className: "w-full text-left px-3 py-1 text-xs hover:bg-accent hover:text-accent-foreground transition-colors flex items-baseline gap-2 group focus-ring",
 												children: [/* @__PURE__ */ S(l, {
 													as: "span",
 													size: "xs",