@burdenoff/fe-libs 2026.624.2 → 2026.625.2

package/dist/shared/providers/shell/ThemeProvider.d.ts

@@ -1,17 +1,37 @@
 import { ReactNode } from 'react';
 /**
  * Boff UI theme axis. `mode` is the user's stored choice and may be any of the
- * six concrete Boff UI themes or `system` (which resolves to light/dark from the
- * OS preference). The light/dark *family* is exposed separately as
- * `resolvedTheme` (used by color-scheme, the native status bar, and the
- * `colorMode` alias), while `resolvedThemeName` is the concrete theme written to
- * `data-theme` on the document root.
+ * six concrete Boff UI themes, `system` (resolves to light/dark from the OS), or
+ * `custom` (a user-designed theme — see {@link CustomTheme}). The light/dark
+ * *family* is exposed separately as `resolvedTheme`, while `resolvedThemeName` is
+ * the concrete CSS theme written to `data-theme` on the document root.
  */
-export type ThemeMode = 'light' | 'dark' | 'forest' | 'ocean' | 'sunset' | 'high-contrast' | 'system';
-export type ThemeName = Exclude<ThemeMode, 'system'>;
+export type ThemeMode = 'light' | 'dark' | 'forest' | 'ocean' | 'sunset' | 'high-contrast' | 'system' | 'custom';
+/** The six concrete CSS themes (`data-theme` only ever receives one of these). */
+export type ThemeName = Exclude<ThemeMode, 'system' | 'custom'>;
 export type Brand = 'workspaces' | 'fluidgrids' | 'bigconsole' | 'botlit' | 'vibecontrols' | 'healthybowl' | 'default';
 export type Density = 'compact' | 'comfortable' | 'spacious';
 export type Typography = 'default' | 'large' | 'small';
+/** Glass intensity preference (drives `data-glass` → blur + opaque fallback). */
+export type GlassIntensity = 'off' | 'subtle' | 'full';
+/**
+ * A user-designed, saved theme. Reusable across every product (the storage key
+ * is shared across all shells). A custom theme inherits a light/dark base CSS
+ * block and redefines ONLY the action accent (which retints the whole UI via the
+ * existing `color-mix(... var(--color-action-primary-bg) ...)` tokens) plus the
+ * density / typography / glass / motion axes — no new token names.
+ */
+export interface CustomTheme {
+    id: string;
+    name: string;
+    base: 'light' | 'dark';
+    /** single hex accent — feeds --color-action-primary-bg only */
+    accent: string;
+    density: Density;
+    typography: Typography;
+    glass: GlassIntensity;
+    reduceMotion: boolean;
+}
 /** Metadata for the theme picker / Appearance settings UI. */
 export interface ThemeOption {
     value: ThemeName;
@@ -24,6 +44,8 @@ export interface ThemeContextValue {
     brand: Brand;
     density: Density;
     typography: Typography;
+    glass: GlassIntensity;
+    reduceMotion: boolean;
     /** light/dark family of the active theme */
     resolvedTheme: 'light' | 'dark';
     /** concrete theme written to data-theme (light|dark|forest|ocean|sunset|high-contrast) */
@@ -32,6 +54,15 @@ export interface ThemeContextValue {
     setBrand: (brand: Brand) => void;
     setDensity: (density: Density) => void;
     setTypography: (typography: Typography) => void;
+    setGlass: (glass: GlassIntensity) => void;
+    setReduceMotion: (reduce: boolean) => void;
+    customThemes: CustomTheme[];
+    activeCustomId: string | null;
+    createCustomTheme: (t: Omit<CustomTheme, 'id'>) => CustomTheme;
+    updateCustomTheme: (id: string, patch: Partial<Omit<CustomTheme, 'id'>>) => void;
+    deleteCustomTheme: (id: string) => void;
+    /** Activate a saved custom theme (sets mode='custom'). */
+    applyCustomTheme: (id: string) => void;
     colorMode: 'light' | 'dark';
     toggleColorMode: () => void;
 }
@@ -41,8 +72,9 @@ export interface ThemeProviderProps {
     defaultBrand?: Brand;
     defaultDensity?: Density;
     defaultTypography?: Typography;
+    defaultGlass?: GlassIntensity;
     storageKey?: string;
 }
-export declare function ThemeProvider({ children, defaultMode, defaultBrand, defaultDensity, defaultTypography, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, defaultMode, defaultBrand, defaultDensity, defaultTypography, defaultGlass, storageKey, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTheme(): ThemeContextValue;
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/shared/providers/shell/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;;;;;;GAOG;AACH,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,eAAe,GACf,QAAQ,CAAC;AACb,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrD,MAAM,MAAM,KAAK,GACb,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,aAAa,GACb,SAAS,CAAC;AACd,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAYvD,8DAA8D;AAC9D,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AACD,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,WAAW,CAOpD,CAAC;AAIF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,0FAA0F;IAC1F,iBAAiB,EAAE,SAAS,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAEhD,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAsB,EACtB,YAAwB,EACxB,cAA8B,EAC9B,iBAA6B,EAC7B,UAA8B,GAC/B,EAAE,kBAAkB,2CA2IpB;AAED,wBAAgB,QAAQ,sBAMvB"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/providers/shell/ThemeProvider.tsx"],"names":[],"mappings":"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"}

package/dist/shared/providers/shell/ThemeProvider.js

@@ -7,73 +7,184 @@ var s = new Set([
 	"ocean",
 	"sunset",
 	"high-contrast"
-]), c = (e) => s.has(e) ? "dark" : "light", l = e(null);
-function u({ children: e, defaultMode: t = "system", defaultBrand: s = "default", defaultDensity: u = "comfortable", defaultTypography: d = "default", storageKey: f = "burdenoff-theme" }) {
-	let [p, m] = a(() => typeof window > "u" ? t : localStorage.getItem(`${f}-mode`) || t), [h, g] = a(() => typeof window > "u" ? s : localStorage.getItem(`${f}-brand`) || s), [_, v] = a(() => typeof window > "u" ? u : localStorage.getItem(`${f}-density`) || u), [y, b] = a(() => typeof window > "u" ? d : localStorage.getItem(`${f}-typography`) || d), [x, S] = a(() => p === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : p);
+]), c = [
+	{
+		value: "light",
+		label: "Light",
+		family: "light"
+	},
+	{
+		value: "dark",
+		label: "Dark",
+		family: "dark"
+	},
+	{
+		value: "forest",
+		label: "Forest",
+		family: "dark"
+	},
+	{
+		value: "ocean",
+		label: "Ocean",
+		family: "dark"
+	},
+	{
+		value: "sunset",
+		label: "Sunset",
+		family: "dark"
+	},
+	{
+		value: "high-contrast",
+		label: "High Contrast",
+		family: "dark"
+	}
+], l = (e) => s.has(e) ? "dark" : "light";
+function u(e) {
+	let t = /^#?([0-9a-f]{6})$/i.exec(e.trim());
+	if (!t) return 0;
+	let n = parseInt(t[1], 16), r = [
+		n >> 16 & 255,
+		n >> 8 & 255,
+		n & 255
+	].map((e) => {
+		let t = e / 255;
+		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	});
+	return .2126 * r[0] + .7152 * r[1] + .0722 * r[2];
+}
+var d = (e) => u(e) > .45;
+function f(e, t) {
+	if (typeof window > "u") return t;
+	try {
+		let n = localStorage.getItem(e);
+		return n ? JSON.parse(n) : t;
+	} catch {
+		return t;
+	}
+}
+var p = e(null);
+function m({ children: e, defaultMode: t = "system", defaultBrand: s = "default", defaultDensity: c = "comfortable", defaultTypography: u = "default", defaultGlass: m = "full", storageKey: h = "burdenoff-theme" }) {
+	let g = (e, t) => typeof window > "u" ? t : localStorage.getItem(`${h}-${e}`) || t, [_, v] = a(() => g("mode", t)), [y, b] = a(() => g("brand", s)), [x, S] = a(() => g("density", c)), [C, w] = a(() => g("typography", u)), [T, E] = a(() => g("glass", m)), [D, O] = a(() => g("reduce-motion", "") === "1"), [k, A] = a(() => f(`${h}-custom-list`, [])), [j, M] = a(() => g("active-custom", "") || null), N = i(() => _ === "custom" ? k.find((e) => e.id === j) ?? null : null, [
+		_,
+		k,
+		j
+	]), [P, F] = a(() => _ === "custom" ? "light" : _ === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : _);
 	r(() => {
-		if (p === "system") {
-			let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
-				S(e.matches ? "dark" : "light");
-			};
-			return e.addEventListener("change", t), S(e.matches ? "dark" : "light"), () => e.removeEventListener("change", t);
-		} else S(p);
-	}, [p]);
-	let C = c(x);
+		if (_ === "system") {
+			let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => F(e.matches ? "dark" : "light");
+			return e.addEventListener("change", t), F(e.matches ? "dark" : "light"), () => e.removeEventListener("change", t);
+		}
+		F(_ === "custom" ? N?.base ?? "light" : _);
+	}, [_, N]);
+	let I = l(P), L = N?.density ?? x, R = N?.typography ?? C, z = N?.glass ?? T, B = N?.reduceMotion ?? D;
 	r(() => {
 		let e = document.documentElement;
-		e.setAttribute("data-theme", x), e.setAttribute("data-brand", h), e.setAttribute("data-density", _), e.setAttribute("data-typography", y), C === "dark" ? e.classList.add("dark") : e.classList.remove("dark");
+		if (e.setAttribute("data-theme", P), e.setAttribute("data-brand", y), e.setAttribute("data-density", L), e.setAttribute("data-typography", R), e.setAttribute("data-glass", z), e.toggleAttribute("data-reduce-motion", B), I === "dark" ? e.classList.add("dark") : e.classList.remove("dark"), N) {
+			let t = N.accent;
+			e.style.setProperty("--color-action-primary-bg", t), e.style.setProperty("--color-action-primary-bgHover", `color-mix(in oklab, ${t} 84%, black)`), e.style.setProperty("--color-action-primary-bgActive", `color-mix(in oklab, ${t} 70%, black)`), d(t) ? e.style.setProperty("--color-action-primary-text", "#0a0a0a") : e.style.removeProperty("--color-action-primary-text");
+		} else e.style.removeProperty("--color-action-primary-bg"), e.style.removeProperty("--color-action-primary-bgHover"), e.style.removeProperty("--color-action-primary-bgActive"), e.style.removeProperty("--color-action-primary-text");
 	}, [
-		x,
-		C,
-		h,
-		_,
-		y
+		P,
+		I,
+		y,
+		L,
+		R,
+		z,
+		B,
+		N
 	]);
-	let w = n((e) => {
-		m(e), localStorage.setItem(`${f}-mode`, e);
-	}, [f]), T = n((e) => {
-		g(e), localStorage.setItem(`${f}-brand`, e);
-	}, [f]), E = n((e) => {
-		v(e), localStorage.setItem(`${f}-density`, e);
-	}, [f]), D = n((e) => {
-		b(e), localStorage.setItem(`${f}-typography`, e);
-	}, [f]), O = n(() => {
-		w(C === "light" ? "dark" : "light");
-	}, [C, w]), k = i(() => ({
-		mode: p,
-		brand: h,
-		density: _,
-		typography: y,
-		resolvedTheme: C,
-		resolvedThemeName: x,
-		setMode: w,
-		setBrand: T,
-		setDensity: E,
-		setTypography: D,
-		colorMode: C,
-		toggleColorMode: O
+	let V = n((e, t) => localStorage.setItem(`${h}-${e}`, t), [h]), H = n((e) => {
+		v(e), V("mode", e);
+	}, [V]), U = n((e) => {
+		b(e), V("brand", e);
+	}, [V]), W = n((e) => {
+		S(e), V("density", e);
+	}, [V]), G = n((e) => {
+		w(e), V("typography", e);
+	}, [V]), K = n((e) => {
+		E(e), V("glass", e);
+	}, [V]), q = n((e) => {
+		O(e), V("reduce-motion", e ? "1" : "0");
+	}, [V]), J = n((e) => {
+		A(e), localStorage.setItem(`${h}-custom-list`, JSON.stringify(e));
+	}, [h]), Y = n((e) => {
+		let t = typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `ct-${Date.now()}-${Math.floor(performance.now())}`, n = {
+			...e,
+			id: t
+		};
+		return J([...k, n]), n;
+	}, [k, J]), X = n((e, t) => {
+		J(k.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, [k, J]), Z = n((e) => {
+		J(k.filter((t) => t.id !== e)), j === e && (M(null), V("active-custom", ""), H("system"));
+	}, [
+		k,
+		J,
+		j,
+		V,
+		H
+	]), Q = n((e) => {
+		M(e), V("active-custom", e), H("custom");
+	}, [V, H]), $ = n(() => {
+		H(I === "light" ? "dark" : "light");
+	}, [I, H]), ee = i(() => ({
+		mode: _,
+		brand: y,
+		density: L,
+		typography: R,
+		glass: z,
+		reduceMotion: B,
+		resolvedTheme: I,
+		resolvedThemeName: P,
+		setMode: H,
+		setBrand: U,
+		setDensity: W,
+		setTypography: G,
+		setGlass: K,
+		setReduceMotion: q,
+		customThemes: k,
+		activeCustomId: j,
+		createCustomTheme: Y,
+		updateCustomTheme: X,
+		deleteCustomTheme: Z,
+		applyCustomTheme: Q,
+		colorMode: I,
+		toggleColorMode: $
 	}), [
-		p,
-		h,
 		_,
 		y,
-		C,
-		x,
-		w,
-		T,
-		E,
-		D,
-		O
+		L,
+		R,
+		z,
+		B,
+		I,
+		P,
+		H,
+		U,
+		W,
+		G,
+		K,
+		q,
+		k,
+		j,
+		Y,
+		X,
+		Z,
+		Q,
+		$
 	]);
-	return /* @__PURE__ */ o(l.Provider, {
-		value: k,
+	return /* @__PURE__ */ o(p.Provider, {
+		value: ee,
 		children: e
 	});
 }
-function d() {
-	let e = t(l);
+function h() {
+	let e = t(p);
 	if (!e) throw Error("useTheme must be used within a ThemeProvider");
 	return e;
 }
 //#endregion
-export { u as ThemeProvider, d as useTheme };
+export { c as THEME_OPTIONS, m as ThemeProvider, h as useTheme };

package/dist/ui/cta-overflow-menu.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export type CTAAction = {
+    label: string;
+    onSelect: () => void;
+    intent?: 'default' | 'destructive';
+    icon?: ReactNode;
+    disabled?: boolean;
+};
+export type CTAPrimaryAction = {
+    label: string;
+    onSelect: () => void;
+    disabled?: boolean;
+    icon?: ReactNode;
+};
+export type CTAOverflowMenuProps = {
+    /** Optional single primary call-to-action, rendered as a solid Button. */
+    primary?: CTAPrimaryAction;
+    /** Secondary actions, collapsed into the overflow ("More") menu. */
+    actions: CTAAction[];
+    /** Menu alignment relative to the trigger. Default 'end'. */
+    align?: 'start' | 'end';
+    /** Optional className for the wrapping flex row. */
+    className?: string;
+};
+/**
+ * CTAOverflowMenu — Boff UI 2.0 action-group primitive that enforces the
+ * "one primary CTA, everything else in a menu" rule. The primary action is a
+ * single solid Button; the remaining actions live behind an icon "More"
+ * dropdown. Destructive items are tinted with the status-error token.
+ *
+ * Fully keyboard accessible via the underlying Radix dropdown (the trigger is
+ * a real button with an accessible label).
+ */
+declare function CTAOverflowMenu({ primary, actions, align, className }: CTAOverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CTAOverflowMenu {
+    var displayName: string;
+}
+export { CTAOverflowMenu };
+//# sourceMappingURL=cta-overflow-menu.d.ts.map

package/dist/ui/cta-overflow-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cta-overflow-menu.d.ts","sourceRoot":"","sources":["../../src/ui/cta-overflow-menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,oEAAoE;IACpE,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAa,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA2C5F;kBA3CQ,eAAe;;;AA8CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/ui/cta-overflow-menu.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../shared-utils.js";
+import { Button as t } from "./button.js";
+import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "./dropdown-menu.js";
+import { MoreHorizontal as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/ui/cta-overflow-menu.tsx
+function l({ primary: l, actions: u, align: d = "end", className: f }) {
+	return /* @__PURE__ */ c("div", {
+		className: e("flex items-center gap-2", f),
+		children: [l ? /* @__PURE__ */ c(t, {
+			type: "button",
+			variant: "default",
+			onClick: l.onSelect,
+			disabled: l.disabled,
+			children: [l.icon, l.label]
+		}) : null, u.length > 0 ? /* @__PURE__ */ c(n, { children: [/* @__PURE__ */ s(a, {
+			asChild: !0,
+			children: /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: "icon",
+				"aria-label": "More actions",
+				children: /* @__PURE__ */ s(o, {})
+			})
+		}), /* @__PURE__ */ s(r, {
+			align: d,
+			children: u.map((t, n) => /* @__PURE__ */ c(i, {
+				disabled: t.disabled,
+				onSelect: t.onSelect,
+				className: e("gap-2", t.intent === "destructive" && "text-status-error-text focus:text-status-error-text focus:bg-status-error-bg-subtle"),
+				children: [t.icon, t.label]
+			}, `${t.label}-${n}`))
+		})] }) : null]
+	});
+}
+l.displayName = "CTAOverflowMenu";
+//#endregion
+export { l as CTAOverflowMenu };

package/dist/ui/emphasis-panel.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+/**
+ * EmphasisPanel — Boff UI 2.0 hero / summary wrapper used to draw attention to
+ * exactly ONE zone per page (e.g. a primary summary, a featured callout). Uses
+ * the accent wash + seam border tokens so it reads as elevated-but-quiet.
+ *
+ * Restraint guideline: use at most one EmphasisPanel per page. For ordinary
+ * content surfaces, reach for `Card` / `GlassCard` instead.
+ */
+export type EmphasisPanelProps = HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+declare function EmphasisPanel({ ref, className, children, ...props }: EmphasisPanelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace EmphasisPanel {
+    var displayName: string;
+}
+export { EmphasisPanel };
+//# sourceMappingURL=emphasis-panel.d.ts.map

package/dist/ui/emphasis-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emphasis-panel.d.ts","sourceRoot":"","sources":["../../src/ui/emphasis-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAahF;kBAbQ,aAAa;;;AAgBtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/ui/emphasis-panel.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../shared-utils.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/emphasis-panel.tsx
+function n({ ref: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("rounded-card border border-border-seam bg-accent-wash p-6 text-text-primary", r),
+		...a,
+		children: i
+	});
+}
+n.displayName = "EmphasisPanel";
+//#endregion
+export { n as EmphasisPanel };

package/dist/ui/glass-card.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+/**
+ * GlassCard — Boff UI 2.0 surface primitive composed over the base Card visual
+ * language. It does NOT fork `Card`; it provides additional "treatments" for
+ * hero/metric/insight surfaces while staying on semantic tokens only.
+ *
+ * No-movement policy: cards NEVER shift position on hover. Hover only
+ * intensifies the shadow/border (a calm highlight) — it never translates,
+ * scales, or removes the resting shadow. Reduced-motion / high-contrast
+ * collapse the glass + glow via the underlying tokens.
+ */
+declare const glassCardVariants: (props?: ({
+    treatment?: "glass" | "plain" | "metric" | "insight" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type GlassCardProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof glassCardVariants> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+declare function GlassCard({ ref, className, treatment, children, ...props }: GlassCardProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GlassCard {
+    var displayName: string;
+}
+export { GlassCard, glassCardVariants };
+//# sourceMappingURL=glass-card.d.ts.map

package/dist/ui/glass-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-card.d.ts","sourceRoot":"","sources":["../../src/ui/glass-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;;GASG;AACH,QAAA,MAAM,iBAAiB;;8EAuBtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACzD,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAEJ,iBAAS,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,SAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAM7F;kBANQ,SAAS;;;AASlB,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/ui/glass-card.js

@@ -0,0 +1,27 @@
+import { cn as e } from "../shared-utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+//#region src/ui/glass-card.tsx
+var r = n("relative rounded-card text-text-primary transition-[box-shadow,border-color] duration-200 ease-[var(--motion-easing-out)]", {
+	variants: { treatment: {
+		plain: "border border-border-subtle bg-bg-surface shadow-elevation-1 hover:border-border-strong hover:shadow-elevation-2",
+		glass: "border border-border-seam bg-[var(--color-surface-glass)] backdrop-blur-[var(--blur-glass)] shadow-[var(--shadow-pop)] before:absolute before:inset-0 before:rounded-card before:bg-gloss-card before:pointer-events-none hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)]",
+		metric: "border border-border-seam bg-bg-surface bg-accent-wash shadow-elevation-1 hover:border-border-strong hover:shadow-elevation-2",
+		insight: "border border-border-seam bg-bg-surface shadow-[var(--shadow-pop)] hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)]"
+	} },
+	defaultVariants: { treatment: "plain" }
+});
+function i({ ref: n, className: i, treatment: a = "plain", children: o, ...s }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e(r({ treatment: a }), i),
+		...s,
+		children: /* @__PURE__ */ t("div", {
+			className: "relative z-[1]",
+			children: o
+		})
+	});
+}
+i.displayName = "GlassCard";
+//#endregion
+export { i as GlassCard, r as glassCardVariants };

package/dist/ui/index.d.ts

@@ -32,4 +32,8 @@ export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
 export { Textarea, type TextareaProps } from './textarea';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip';
 export { PageContainer, type PageContainerProps, type PageContainerVariant, } from './page-container';
+export { GlassCard, glassCardVariants, type GlassCardProps } from './glass-card';
+export { EmphasisPanel, type EmphasisPanelProps } from './emphasis-panel';
+export { ShowMore, type ShowMoreProps } from './show-more';
+export { CTAOverflowMenu, type CTAOverflowMenuProps, type CTAAction, type CTAPrimaryAction, } from './cta-overflow-menu';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/show-more.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type ShowMoreProps = {
+    children: ReactNode;
+    /** Clipped height (px) shown while collapsed. Default 120. */
+    collapsedHeight?: number;
+    /** Optional className for the outer wrapper. */
+    className?: string;
+    /** Label used for the toggle. Defaults to "Show more" / "Show less". */
+    label?: string;
+};
+/**
+ * ShowMore — Boff UI 2.0 progressive-disclosure primitive. Collapsed, the
+ * content is clipped to `collapsedHeight` with a bottom fade mask and a ghost
+ * toggle button. Expanded, the full content is revealed.
+ *
+ * Height is animated via a max-height transition. Reduced-motion is honoured
+ * globally (the `data-reduce-motion` CSS neutralises transitions), so no
+ * per-component motion guard is required here.
+ *
+ * Accessibility: the toggle exposes `aria-expanded` and `aria-controls`, and
+ * the disclosed content region is labelled by the button via `id`.
+ */
+declare function ShowMore({ children, collapsedHeight, className, label }: ShowMoreProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ShowMore {
+    var displayName: string;
+}
+export { ShowMore };
+//# sourceMappingURL=show-more.d.ts.map

package/dist/ui/show-more.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-more.d.ts","sourceRoot":"","sources":["../../src/ui/show-more.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxD,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,eAAqB,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,2CAiCrF;kBAjCQ,QAAQ;;;AAoCjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/show-more.js

@@ -0,0 +1,31 @@
+import { cn as e } from "../shared-utils.js";
+import { Button as t } from "./button.js";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ui/show-more.tsx
+function o({ children: o, collapsedHeight: s = 120, className: c, label: l }) {
+	let [u, d] = r(!1), f = n(), p = l ?? (u ? "Show less" : "Show more");
+	return /* @__PURE__ */ a("div", {
+		className: e("flex flex-col", c),
+		children: [/* @__PURE__ */ i("div", {
+			id: f,
+			className: e("relative overflow-hidden transition-[max-height] duration-300 ease-[var(--motion-easing-out)]", !u && "[mask-image:linear-gradient(to_bottom,black_calc(100%-3rem),transparent)] [-webkit-mask-image:linear-gradient(to_bottom,black_calc(100%-3rem),transparent)]"),
+			style: { maxHeight: u ? "100000px" : s },
+			children: o
+		}), /* @__PURE__ */ i("div", {
+			className: "mt-2 flex justify-center",
+			children: /* @__PURE__ */ i(t, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				"aria-expanded": u,
+				"aria-controls": f,
+				onClick: () => d((e) => !e),
+				children: p
+			})
+		})]
+	});
+}
+o.displayName = "ShowMore";
+//#endregion
+export { o as ShowMore };

package/dist/ui.js

@@ -32,4 +32,8 @@ import { Tabs as ht, TabsContent as gt, TabsList as _t, TabsTrigger as vt } from
 import { Textarea as yt } from "./ui/textarea.js";
 import { Tooltip as bt, TooltipContent as xt, TooltipProvider as St, TooltipTrigger as Ct } from "./ui/tooltip.js";
 import { PageContainer as wt } from "./ui/page-container.js";
-export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, ie as AlertDialog, ae as AlertDialogAction, oe as AlertDialogCancel, se as AlertDialogContent, ce as AlertDialogDescription, le as AlertDialogFooter, ue as AlertDialogHeader, de as AlertDialogOverlay, fe as AlertDialogPortal, pe as AlertDialogTitle, me as AlertDialogTrigger, he as Badge, _ as BottomSheet, v as BottomSheetClose, y as BottomSheetContent, b as BottomSheetDescription, x as BottomSheetFooter, S as BottomSheetHeader, C as BottomSheetTitle, w as BottomSheetTrigger, H as Button, _e as Card, ve as CardContent, ye as CardDescription, be as CardFooter, xe as CardHeader, Se as CardTitle, Ce as Checkbox, we as Command, Te as CommandDialog, Ee as CommandEmpty, De as CommandGroup, Oe as CommandInput, ke as CommandItem, Ae as CommandList, je as CommandSeparator, Me as CommandShortcut, i as Dialog, a as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, u as DialogOverlay, d as DialogPortal, f as DialogTitle, p as DialogTrigger, Ne as DropdownMenu, Pe as DropdownMenuCheckboxItem, Fe as DropdownMenuContent, Ie as DropdownMenuGroup, Le as DropdownMenuItem, Re as DropdownMenuLabel, ze as DropdownMenuPortal, Be as DropdownMenuRadioGroup, Ve as DropdownMenuRadioItem, He as DropdownMenuSeparator, Ue as DropdownMenuShortcut, We as DropdownMenuSub, Ge as DropdownMenuSubContent, Ke as DropdownMenuSubTrigger, qe as DropdownMenuTrigger, re as EmptyState, m as EntityIdModal, Je as Input, Ye as Label, g as OptionalFields, wt as PageContainer, ee as Pagination, Xe as Popover, Ze as PopoverAnchor, Qe as PopoverContent, $e as PopoverTrigger, T as ResponsiveDialog, E as ResponsiveDialogClose, D as ResponsiveDialogContent, O as ResponsiveDialogDescription, k as ResponsiveDialogFooter, A as ResponsiveDialogHeader, j as ResponsiveDialogTitle, M as ResponsiveDialogTrigger, ne as ResponsiveStack, V as ResponsiveTable, et as ScrollArea, tt as ScrollBar, W as Select, G as SelectContent, K as SelectGroup, q as SelectItem, J as SelectLabel, Y as SelectScrollDownButton, X as SelectScrollUpButton, Z as SelectSeparator, Q as SelectTrigger, $ as SelectValue, nt as Separator, rt as Sheet, it as SheetClose, at as SheetContent, ot as SheetDescription, st as SheetFooter, ct as SheetHeader, lt as SheetTitle, ut as SheetTrigger, dt as Skeleton, pt as Spinner, te as Stepper, mt as Switch, N as Table, P as TableBody, F as TableCaption, I as TableCell, L as TableFooter, R as TableHead, z as TableHeader, B as TableRow, ht as Tabs, gt as TabsContent, _t as TabsList, vt as TabsTrigger, yt as Textarea, ft as Toaster, bt as Tooltip, xt as TooltipContent, St as TooltipProvider, Ct as TooltipTrigger, ge as badgeVariants, U as buttonVariants, h as useEntityIdModal };
+import { GlassCard as Tt, glassCardVariants as Et } from "./ui/glass-card.js";
+import { EmphasisPanel as Dt } from "./ui/emphasis-panel.js";
+import { ShowMore as Ot } from "./ui/show-more.js";
+import { CTAOverflowMenu as kt } from "./ui/cta-overflow-menu.js";
+export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, ie as AlertDialog, ae as AlertDialogAction, oe as AlertDialogCancel, se as AlertDialogContent, ce as AlertDialogDescription, le as AlertDialogFooter, ue as AlertDialogHeader, de as AlertDialogOverlay, fe as AlertDialogPortal, pe as AlertDialogTitle, me as AlertDialogTrigger, he as Badge, _ as BottomSheet, v as BottomSheetClose, y as BottomSheetContent, b as BottomSheetDescription, x as BottomSheetFooter, S as BottomSheetHeader, C as BottomSheetTitle, w as BottomSheetTrigger, H as Button, kt as CTAOverflowMenu, _e as Card, ve as CardContent, ye as CardDescription, be as CardFooter, xe as CardHeader, Se as CardTitle, Ce as Checkbox, we as Command, Te as CommandDialog, Ee as CommandEmpty, De as CommandGroup, Oe as CommandInput, ke as CommandItem, Ae as CommandList, je as CommandSeparator, Me as CommandShortcut, i as Dialog, a as DialogClose, o as DialogContent, s as DialogDescription, c as DialogFooter, l as DialogHeader, u as DialogOverlay, d as DialogPortal, f as DialogTitle, p as DialogTrigger, Ne as DropdownMenu, Pe as DropdownMenuCheckboxItem, Fe as DropdownMenuContent, Ie as DropdownMenuGroup, Le as DropdownMenuItem, Re as DropdownMenuLabel, ze as DropdownMenuPortal, Be as DropdownMenuRadioGroup, Ve as DropdownMenuRadioItem, He as DropdownMenuSeparator, Ue as DropdownMenuShortcut, We as DropdownMenuSub, Ge as DropdownMenuSubContent, Ke as DropdownMenuSubTrigger, qe as DropdownMenuTrigger, Dt as EmphasisPanel, re as EmptyState, m as EntityIdModal, Tt as GlassCard, Je as Input, Ye as Label, g as OptionalFields, wt as PageContainer, ee as Pagination, Xe as Popover, Ze as PopoverAnchor, Qe as PopoverContent, $e as PopoverTrigger, T as ResponsiveDialog, E as ResponsiveDialogClose, D as ResponsiveDialogContent, O as ResponsiveDialogDescription, k as ResponsiveDialogFooter, A as ResponsiveDialogHeader, j as ResponsiveDialogTitle, M as ResponsiveDialogTrigger, ne as ResponsiveStack, V as ResponsiveTable, et as ScrollArea, tt as ScrollBar, W as Select, G as SelectContent, K as SelectGroup, q as SelectItem, J as SelectLabel, Y as SelectScrollDownButton, X as SelectScrollUpButton, Z as SelectSeparator, Q as SelectTrigger, $ as SelectValue, nt as Separator, rt as Sheet, it as SheetClose, at as SheetContent, ot as SheetDescription, st as SheetFooter, ct as SheetHeader, lt as SheetTitle, ut as SheetTrigger, Ot as ShowMore, dt as Skeleton, pt as Spinner, te as Stepper, mt as Switch, N as Table, P as TableBody, F as TableCaption, I as TableCell, L as TableFooter, R as TableHead, z as TableHeader, B as TableRow, ht as Tabs, gt as TabsContent, _t as TabsList, vt as TabsTrigger, yt as Textarea, ft as Toaster, bt as Tooltip, xt as TooltipContent, St as TooltipProvider, Ct as TooltipTrigger, ge as badgeVariants, U as buttonVariants, Et as glassCardVariants, h as useEntityIdModal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.624.2",
+  "version": "2026.625.2",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "imports": {