themelia-react-ui 1.0.0 → 1.0.2

package/dist/features/theme-tweaker.js

@@ -1,48 +1,48 @@
 "use client";
-import { h as e, m as t } from "../ui-provider-CftIB6TY.js";
+import { h as e, m as t } from "../ui-provider-DRPn3qNl.js";
 import { COMPONENT_SCALES as n, SEMANTIC_TONES as r } from "../component-vocabulary.js";
 import { t as i } from "../theme-scope-kStaAer0.js";
 import { interpolateString as a, useStrings as o } from "../lib/strings.js";
-import { t as s } from "../utils-C2EKeIw3.js";
-import { n as c } from "../buttons-Co6GavvM.js";
-import { a as l, i as u } from "../typography-Cv8MT-82.js";
-import { r as d, t as f } from "../structure-BvW4vG4H.js";
-import { _ as p, f as m, g as h, h as g, m as ee, t as te } from "../smart-card-B5FcKODh.js";
-import { i as ne, l as re, r as ie } from "../overlays-DBqV0J_V.js";
-import { m as ae } from "../primitives-DKPOGVpj.js";
-import { t as oe } from "../accordion-BRWh3BM1.js";
-import { t as _ } from "../badge-BZXZT9wd.js";
-import { t as v } from "../input-DMorJiTI.js";
-import { d as se } from "../text-inputs-BhOcedTo.js";
-import { t as y } from "../form-field-C6W-y2hR.js";
-import { a as b, l as x } from "../choice-inputs-CavA-SGV.js";
-import { i as ce, n as S } from "../value-inputs-Co1fu-xv.js";
-import { d as le } from "../forms-numeric-Y15Bg5Nr.js";
-import { t as ue } from "../item-pJ0GsOiJ.js";
-import { i as de, r as fe, t as pe } from "../tabs-DY09eoZg.js";
-import { forwardRef as C, useEffect as me, useId as he, useImperativeHandle as ge, useMemo as w, useRef as _e, useState as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { CheckCircle2 as ve, Copy as O, Download as ye, Info as be, LayoutGrid as xe, Moon as Se, Palette as k, RotateCcw as Ce, Search as we, Settings2 as Te, Shapes as Ee, ShieldCheck as A, Sun as De, Type as Oe } from "lucide-react";
+import { t as s } from "../utils-BvH9PSmq.js";
+import { a as c, i as l } from "../typography-BxQgiZyw.js";
+import { t as u } from "../button-BZDasD04.js";
+import { r as d, t as f } from "../structure-CRdqVawd.js";
+import { _ as p, g as m, h as ee, p as te, t as ne, v as re } from "../smart-card-DjGVV2xr.js";
+import { i as ie, l as ae, r as oe } from "../overlays-DUbs1KEi.js";
+import { m as se } from "../primitives-C7ff0QaI.js";
+import { t as ce } from "../accordion-BRTcsp8J.js";
+import { t as h } from "../badge-CzId1Wlm.js";
+import { t as g } from "../input-SX9V0AL3.js";
+import { d as le } from "../text-inputs-DsR56TR-.js";
+import { a as _, c as v } from "../choice-inputs-Mk3iWbhr.js";
+import { t as y } from "../form-field-CZwrkP7m.js";
+import { i as ue, n as de } from "../value-inputs-D0KCrfVC.js";
+import { d as fe } from "../forms-numeric-Crrm80Lm.js";
+import { t as pe } from "../item-DE4YnuJx.js";
+import { i as me, r as he, t as ge } from "../tabs-BNgu7g0u.js";
+import { forwardRef as b, useEffect as _e, useId as x, useImperativeHandle as ve, useMemo as S, useRef as ye, useState as C } from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { CheckCircle2 as be, Copy as E, Download as xe, Info as Se, LayoutGrid as Ce, Moon as we, Palette as D, RotateCcw as Te, Search as Ee, Settings2 as De, Shapes as Oe, ShieldCheck as O, Sun as ke, Type as Ae } from "lucide-react";
 //#region src/components/features/theme-tweaker/theme-tweaker.utils.ts
-var ke = {
+var je = {
 	shared: ":root",
 	light: ":root,\n.light",
 	dark: ".dark"
-}, j = /^--[a-z][a-z0-9-]*$/i, Ae = /[;{}]/, je = /[;{}]/;
-function M(e = {}) {
+}, k = /^--[a-z][a-z0-9-]*$/i, Me = /[;{}]/, Ne = /[;{}]/;
+function A(e = {}) {
 	return {
 		mode: e.mode ?? "light",
-		shared: { ...e.shared ?? {} },
-		light: { ...e.light ?? {} },
-		dark: { ...e.dark ?? {} }
+		shared: { ...e.shared },
+		light: { ...e.light },
+		dark: { ...e.dark }
 	};
 }
-function N(e) {
-	return j.test(e);
+function j(e) {
+	return k.test(e);
 }
-function P(e, t = !0) {
+function M(e, t = !0) {
 	return Object.entries(e).filter((e) => typeof e[1] == "string" && e[1].trim().length > 0).flatMap(([e, n]) => {
-		if (!N(e)) {
+		if (!j(e)) {
 			if (!t) return [];
 			throw TypeError(`Invalid CSS variable name: ${e}`);
 		}
@@ -50,121 +50,121 @@ function P(e, t = !0) {
 			let t = e.charCodeAt(0);
 			return t < 32 || t === 127;
 		});
-		if (Ae.test(r) || i) {
+		if (Me.test(r) || i) {
 			if (!t) return [];
 			throw TypeError(`Unsafe CSS value for ${e}.`);
 		}
 		return [[e, r]];
 	}).sort(([e], [t]) => e.localeCompare(t));
 }
-function F(e, t) {
+function N(e, t) {
 	let n = e.trim();
-	if (n.length === 0 || je.test(n)) throw TypeError(`Invalid ${t} theme selector.`);
+	if (n.length === 0 || Ne.test(n)) throw TypeError(`Invalid ${t} theme selector.`);
 	return n;
 }
-function I(e, t) {
-	let n = P(t);
+function P(e, t) {
+	let n = M(t);
 	return n.length === 0 ? null : [
 		`${e} {`,
 		...n.map(([e, t]) => `\t${e}: ${t};`),
 		"}"
 	].join("\n");
 }
-function L(e, t = {}) {
-	let n = t.selectors ?? ke, r = [
-		I(F(n.shared, "shared"), e.shared),
-		I(F(n.light, "light"), e.light),
-		I(F(n.dark, "dark"), e.dark)
+function F(e, t = {}) {
+	let n = t.selectors ?? je, r = [
+		P(N(n.shared, "shared"), e.shared),
+		P(N(n.light, "light"), e.light),
+		P(N(n.dark, "dark"), e.dark)
 	].filter((e) => e !== null), i = t.banner === !1 ? null : `/* ${t.banner ?? "themelia-react-ui theme overrides"} */`;
 	return `${[...i ? [i] : [], ...r.length > 0 ? r : ["/* No explicit overrides. */"]].join("\n\n")}\n`;
 }
-function R(t = {}) {
+function I(t = {}) {
 	let n = e(t), { locale: r, formatRelativeTime: i, ...a } = n.dates;
 	return {
 		...n,
 		dates: a
 	};
 }
-function z(e = {}) {
-	let t = R(e);
+function L(e = {}) {
+	let t = I(e);
 	return `import type { UIConfig } from 'themelia-react-ui/ui-provider';\n\nexport const adminUIConfig = ${JSON.stringify(t, null, "	")} satisfies UIConfig;\n`;
 }
-function Me(e, t = e.mode) {
+function Pe(e, t = e.mode) {
 	return {
 		...e.shared,
 		...e[t]
 	};
 }
-function B(e, t = e.mode) {
-	return Object.fromEntries(P(Me(e, t), !1));
+function R(e, t = e.mode) {
+	return Object.fromEntries(M(Pe(e, t), !1));
 }
-function Ne(e) {
-	return P(e.shared, !1).length + P(e.light, !1).length + P(e.dark, !1).length;
+function Fe(e) {
+	return M(e.shared, !1).length + M(e.light, !1).length + M(e.dark, !1).length;
 }
-function Pe(e) {
-	let t = F(e, "shared");
+function Ie(e) {
+	let t = N(e, "shared");
 	return {
 		shared: t,
 		light: `${t},\n${t}.light,\n.light ${t}`,
 		dark: `${t}.dark,\n.dark ${t}`
 	};
 }
-function Fe(e, t = "admin-ui-theme.css", n = {}, r = {}) {
-	let i = M(r.resolvedTheme ?? e), a = R(r.providerConfig);
+function Le(e, t = "admin-ui-theme.css", n = {}, r = {}) {
+	let i = A(r.resolvedTheme ?? e), a = I(r.providerConfig);
 	return {
 		fileName: t,
-		cssText: L(i, {
+		cssText: F(i, {
 			...n,
 			banner: n.banner ?? "themelia-react-ui complete theme"
 		}),
-		overrideCssText: L(e, n),
-		theme: M(e),
+		overrideCssText: F(e, n),
+		theme: A(e),
 		resolvedTheme: i,
-		overrideCount: Ne(e),
+		overrideCount: Fe(e),
 		providerFileName: r.providerFileName ?? "admin-ui.config.ts",
 		providerConfig: a,
-		providerConfigText: z(a)
+		providerConfigText: L(a)
 	};
 }
-function Ie(e) {
-	Le({
+function Re(e) {
+	ze({
 		fileName: e.fileName,
 		text: e.cssText,
 		mimeType: "text/css;charset=utf-8"
 	});
 }
-function Le({ fileName: e, text: t, mimeType: n = "text/plain;charset=utf-8" }) {
+function ze({ fileName: e, text: t, mimeType: n = "text/plain;charset=utf-8" }) {
 	if (typeof document > "u" || typeof URL > "u") throw Error("File download requires a browser document. Provide onExport in non-browser environments.");
 	let r = new Blob([t], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
 	a.href = i, a.download = e, a.hidden = !0, document.body.append(a), a.click(), a.remove(), URL.revokeObjectURL(i);
 }
 //#endregion
 //#region src/components/features/theme-tweaker/theme-scope.tsx
-var V = C(function({ theme: e, mode: t = e.mode, className: n, style: r, children: a, ...o }, c) {
-	return /* @__PURE__ */ E(i, {
+var z = b(function({ theme: e, mode: t = e.mode, className: n, style: r, children: a, ...o }, c) {
+	return /* @__PURE__ */ w(i, {
 		...o,
 		ref: c,
 		"data-theme-mode": t,
 		className: s("theme-scope--component", t, n),
 		style: {
-			...B(e, t),
+			...R(e, t),
 			...r
 		},
 		children: a
 	});
 });
-V.displayName = "ThemeScope";
+z.displayName = "ThemeScope";
 //#endregion
 //#region src/components/features/theme-tweaker/use-applied-theme.ts
-function Re(e, t) {
+function Be(e, t) {
 	return e === null ? null : e === "self" ? t.current : e === "document" ? typeof document > "u" ? null : document.documentElement : typeof e == "function" ? e() : e;
 }
-function ze({ apply: e, manageModeClass: t, selfRef: n, target: r, theme: i }) {
-	me(() => {
+function Ve({ apply: e, manageModeClass: t, selfRef: n, target: r, theme: i }) {
+	_e(() => {
 		if (!e || r === "self") return;
-		let a = Re(r, n);
+		let a = Be(r, n);
 		if (!a) return;
-		let o = B(i), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+		let o = R(i), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
 		for (let [e, t] of Object.entries(o)) typeof t == "string" && (s.set(e, {
 			value: a.style.getPropertyValue(e),
 			priority: a.style.getPropertyPriority(e)
@@ -188,22 +188,22 @@ function ze({ apply: e, manageModeClass: t, selfRef: n, target: r, theme: i }) {
 }
 //#endregion
 //#region src/components/features/theme-tweaker/admin-ui-theme-provider.tsx
-var Be = C(function({ config: n, theme: r, mode: i = r.mode, target: a = "document", manageModeClass: o = !0, className: c, children: l, ...u }, d) {
-	let f = _e(null);
-	ge(d, () => f.current);
-	let p = w(() => M({
+var B = b(function({ config: n, theme: r, mode: i = r.mode, target: a = "document", manageModeClass: o = !0, className: c, children: l, ...u }, d) {
+	let f = ye(null);
+	ve(d, () => f.current);
+	let p = S(() => A({
 		...r,
 		mode: i
-	}), [i, r]), m = w(() => e(n), [n]);
-	return ze({
+	}), [i, r]), m = S(() => e(n), [n]);
+	return Ve({
 		apply: a === "document",
 		manageModeClass: o,
 		selfRef: f,
 		target: a,
 		theme: p
-	}), /* @__PURE__ */ E(t, {
+	}), /* @__PURE__ */ w(t, {
 		config: m,
-		children: /* @__PURE__ */ E(V, {
+		children: /* @__PURE__ */ w(z, {
 			...u,
 			ref: f,
 			theme: p,
@@ -213,10 +213,10 @@ var Be = C(function({ config: n, theme: r, mode: i = r.mode, target: a = "docume
 		})
 	});
 });
-Be.displayName = "AdminUIThemeProvider";
+B.displayName = "AdminUIThemeProvider";
 //#endregion
 //#region src/components/features/theme-tweaker/theme-tweaker.fields.ts
-var H = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--popover.--popover-foreground.--primary.--primary-foreground.--secondary.--secondary-foreground.--muted.--muted-foreground.--accent.--accent-foreground.--destructive.--destructive-foreground.--border.--input.--ring.--chart-1.--chart-2.--chart-3.--chart-4.--chart-5.--sidebar.--sidebar-foreground.--sidebar-primary.--sidebar-primary-foreground.--sidebar-accent.--sidebar-accent-foreground.--sidebar-border.--sidebar-ring".split("."), Ve = [
+var V = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--popover.--popover-foreground.--primary.--primary-foreground.--secondary.--secondary-foreground.--muted.--muted-foreground.--accent.--accent-foreground.--destructive.--destructive-foreground.--border.--input.--ring.--chart-1.--chart-2.--chart-3.--chart-4.--chart-5.--sidebar.--sidebar-foreground.--sidebar-primary.--sidebar-primary-foreground.--sidebar-accent.--sidebar-accent-foreground.--sidebar-border.--sidebar-ring".split("."), He = [
 	"--success",
 	"--success-foreground",
 	"--info",
@@ -235,12 +235,12 @@ var H = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--po
 	"--inverse-surface-strong",
 	"--inverse-border",
 	"--inverse-decoration"
-], He = ["--overlay-backdrop"], Ue = [
+], Ue = ["--overlay-backdrop"], We = [
 	"--font-heading",
 	"--font-sans",
 	"--font-serif",
 	"--font-mono"
-], U = [
+], H = [
 	"xxs",
 	"xs",
 	"pxs",
@@ -256,7 +256,7 @@ var H = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--po
 	"7xl",
 	"8xl",
 	"9xl"
-].flatMap((e) => [`--text-${e}`, `--text-${e}--line-height`]), We = [
+].flatMap((e) => [`--text-${e}`, `--text-${e}--line-height`]), Ge = [
 	"--shadow-2xs",
 	"--shadow-xs",
 	"--shadow-sm",
@@ -265,7 +265,7 @@ var H = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--po
 	"--shadow-lg",
 	"--shadow-xl",
 	"--shadow-2xl"
-], W = [
+], U = [
 	"--space-scale",
 	"--density-scale",
 	"--height-action",
@@ -279,7 +279,7 @@ var H = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--po
 	"--avatar",
 	"--shell-header-height",
 	"--shell-sidebar-width"
-], Ge = [
+], W = [
 	"--content-width-sm",
 	"--content-width-md",
 	"--content-width-lg",
@@ -301,7 +301,7 @@ var H = /* @__PURE__ */ "--background.--foreground.--card.--card-foreground.--po
 	"--overlay-backdrop": "Scrim painted behind dialog, alert dialog, sheet, and drawer surfaces.",
 	"--primary-accent": "Brand color used as foreground for icons, spinners, and active marks.",
 	"--warning-accent": "Warning color used as foreground for icons and marks on tinted warning surfaces.",
-	"--radius": "Base shadcn corner radius from which package radii derive.",
+	"--radius": "Outer surface radius; controls and collection rows derive a bounded inner curve from this same root.",
 	"--space-scale": "Multiplies structural gaps and padding without changing control heights.",
 	"--density-scale": "Multiplies actions, controls, rows, and density-sensitive geometry.",
 	"--height-action": "Base height for buttons and clickable action triggers.",
@@ -560,25 +560,25 @@ function q(e, t, n, r, i) {
 	}));
 }
 var Ye = [
-	...q(H.slice(0, 6), "colors", "surfaces-content", "mode", "color"),
-	...q(He, "colors", "surfaces-content", "shared", "color"),
-	...q(H.slice(6, 19), "colors", "brand-actions", "mode", "color"),
-	...q(H.slice(19, 24), "colors", "charts", "mode", "color"),
-	...q(H.slice(24), "colors", "sidebar", "mode", "color"),
-	...q(Ve.slice(0, 7), "states", "semantic-feedback", "mode", "color"),
-	...q(Ve.slice(7), "states", "inverse-surfaces", "mode", "color"),
-	...q(Ue, "typography", "font-families", "shared", "font"),
-	...q(U, "typography", "type-scale", "shared", "length"),
+	...q(V.slice(0, 6), "colors", "surfaces-content", "mode", "color"),
+	...q(Ue, "colors", "surfaces-content", "shared", "color"),
+	...q(V.slice(6, 19), "colors", "brand-actions", "mode", "color"),
+	...q(V.slice(19, 24), "colors", "charts", "mode", "color"),
+	...q(V.slice(24), "colors", "sidebar", "mode", "color"),
+	...q(He.slice(0, 7), "states", "semantic-feedback", "mode", "color"),
+	...q(He.slice(7), "states", "inverse-surfaces", "mode", "color"),
+	...q(We, "typography", "font-families", "shared", "font"),
+	...q(H, "typography", "type-scale", "shared", "length"),
 	...q(["--radius"], "shape", "radius", "shared", "length"),
-	...q(We, "shape", "elevation", "mode", "shadow"),
-	...q(W.slice(0, 2), "structure", "global-scales", "shared", "length"),
-	...q(W.slice(2, 5), "structure", "actions-controls", "shared", "length"),
+	...q(Ge, "shape", "elevation", "mode", "shadow"),
+	...q(U.slice(0, 2), "structure", "global-scales", "shared", "length"),
+	...q(U.slice(2, 5), "structure", "actions-controls", "shared", "length"),
 	...q(["--gap-normal", "--gap-dense"], "structure", "rows-surfaces", "shared", "length"),
-	...q(W.slice(5, 9), "structure", "rows-surfaces", "shared", "length"),
-	...q(W.slice(9, 11), "structure", "media", "shared", "length"),
-	...q(W.slice(11), "structure", "application-shell", "shared", "length"),
-	...q(Ge.slice(0, 5), "structure", "content-widths", "shared", "length"),
-	...q(Ge.slice(5), "structure", "adaptive-layout", "shared", "length")
+	...q(U.slice(5, 9), "structure", "rows-surfaces", "shared", "length"),
+	...q(U.slice(9, 11), "structure", "media", "shared", "length"),
+	...q(U.slice(11), "structure", "application-shell", "shared", "length"),
+	...q(W.slice(0, 5), "structure", "content-widths", "shared", "length"),
+	...q(W.slice(5), "structure", "adaptive-layout", "shared", "length")
 ].map((e) => e.name === "--space-scale" || e.name === "--density-scale" ? {
 	...e,
 	kind: "number"
@@ -631,6 +631,7 @@ var Ye = [
 		cardSurface: "Card surface",
 		spinner: "Spinner",
 		cardDivider: "Card header divider",
+		cardFooterDivider: "Card footer divider",
 		toastPosition: "Position",
 		toastTheme: "Theme",
 		toastDuration: "Duration (ms)",
@@ -701,7 +702,7 @@ function Y(e, t) {
 	}));
 }
 function Xe({ config: e, onChange: t, strings: i = J }) {
-	let a = R(e), o = Y(n, i), s = [
+	let a = I(e), o = Y(n, i), s = [
 		"sunday",
 		"monday",
 		"tuesday",
@@ -712,7 +713,7 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 	].map((e, t) => ({
 		value: String(t),
 		label: i.options[e]
-	})), c = (e, n, r) => {
+	})), l = (e, n, r) => {
 		t({
 			...a,
 			[e]: {
@@ -721,50 +722,50 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 			}
 		});
 	};
-	return /* @__PURE__ */ D(f, {
+	return /* @__PURE__ */ T(f, {
 		gap: "lg",
 		className: "theme-tweaker--provider-settings",
 		children: [
-			/* @__PURE__ */ D(f, {
+			/* @__PURE__ */ T(f, {
 				gap: "normal",
-				children: [/* @__PURE__ */ E(l, {
+				children: [/* @__PURE__ */ w(c, {
 					weight: "semibold",
 					children: i.title
-				}), /* @__PURE__ */ E(l, {
+				}), /* @__PURE__ */ w(c, {
 					size: "xs",
 					type: "secondary",
 					children: i.description
 				})]
 			}),
-			/* @__PURE__ */ D(m, {
+			/* @__PURE__ */ T(te, {
 				tone: "info",
 				role: "note",
 				className: "theme-tweaker--provider-boundary",
 				children: [
-					/* @__PURE__ */ E(be, { "aria-hidden": "true" }),
-					/* @__PURE__ */ E(p, { children: i.boundaryTitle }),
-					/* @__PURE__ */ E(ee, { children: i.boundaryDescription }),
-					/* @__PURE__ */ D(g, { children: [
-						/* @__PURE__ */ E(h, {
+					/* @__PURE__ */ w(Se, { "aria-hidden": "true" }),
+					/* @__PURE__ */ w(re, { children: i.boundaryTitle }),
+					/* @__PURE__ */ w(ee, { children: i.boundaryDescription }),
+					/* @__PURE__ */ T(m, { children: [
+						/* @__PURE__ */ w(p, {
 							label: i.summary.locale,
 							value: a.formatting?.locale ?? i.options.default
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ w(p, {
 							label: i.summary.currency,
 							value: a.money?.defaultCurrency ?? i.options.default
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ w(p, {
 							label: i.summary.controls,
 							value: i.options[a.density?.defaultScale ?? "md"] ?? a.density?.defaultScale ?? i.options.md
 						}),
-						/* @__PURE__ */ E(h, {
+						/* @__PURE__ */ w(p, {
 							label: i.summary.cards,
 							value: i.options[a.card?.defaultSurface ?? "card"] ?? a.card?.defaultSurface ?? i.options.default
 						})
 					] })
 				]
 			}),
-			/* @__PURE__ */ E(oe, {
+			/* @__PURE__ */ w(ce, {
 				multiple: !0,
 				defaultValue: ["regional"],
 				variant: "bordered",
@@ -775,34 +776,34 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 						value: "regional",
 						title: i.sections.regional.title,
 						description: i.sections.regional.description,
-						content: /* @__PURE__ */ D("div", {
+						content: /* @__PURE__ */ T("div", {
 							className: "grid min-w-0 grid-cols-1 gap-space-md @2xl/theme-tweaker-controls:grid-cols-2",
 							children: [
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.locale,
-									children: /* @__PURE__ */ E(v, {
+									children: /* @__PURE__ */ w(g, {
 										value: a.formatting?.locale ?? "",
-										onChange: (e) => c("formatting", "locale", e.target.value)
+										onChange: (e) => l("formatting", "locale", e.target.value)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.defaultCurrency,
-									children: /* @__PURE__ */ E(v, {
+									children: /* @__PURE__ */ w(g, {
 										value: a.money?.defaultCurrency ?? "",
-										onChange: (e) => c("money", "defaultCurrency", e.target.value.toUpperCase())
+										onChange: (e) => l("money", "defaultCurrency", e.target.value.toUpperCase())
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.displayCurrency,
-									children: /* @__PURE__ */ E(v, {
+									children: /* @__PURE__ */ w(g, {
 										value: a.money?.displayCurrency ?? "",
 										placeholder: i.displayCurrencyPlaceholder,
-										onChange: (e) => c("money", "displayCurrency", e.target.value.toUpperCase() || void 0)
+										onChange: (e) => l("money", "displayCurrency", e.target.value.toUpperCase() || void 0)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.moneyFormat,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.money?.formatMode,
 										options: Y([
 											"decimal",
@@ -810,22 +811,22 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 											"with_symbol",
 											"locale_aware"
 										], i),
-										onValueChange: (e) => c("money", "formatMode", e)
+										onValueChange: (e) => l("money", "formatMode", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.firstDay,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: String(a.dates?.weekStartsOn ?? 1),
 										options: s,
-										onValueChange: (e) => c("dates", "weekStartsOn", Number(e))
+										onValueChange: (e) => l("dates", "weekStartsOn", Number(e))
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.dateFormat,
-									children: /* @__PURE__ */ E(v, {
+									children: /* @__PURE__ */ w(g, {
 										value: a.dates?.format ?? "",
-										onChange: (e) => c("dates", "format", e.target.value)
+										onChange: (e) => l("dates", "format", e.target.value)
 									})
 								})
 							]
@@ -835,12 +836,12 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 						value: "content",
 						title: i.sections.content.title,
 						description: i.sections.content.description,
-						content: /* @__PURE__ */ D("div", {
+						content: /* @__PURE__ */ T("div", {
 							className: "grid min-w-0 grid-cols-1 gap-space-md @2xl/theme-tweaker-controls:grid-cols-2",
 							children: [
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.textSize,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.typography?.defaultTextSize,
 										options: Y([
 											"xxs",
@@ -851,41 +852,41 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 											"lg",
 											"xl"
 										], i),
-										onValueChange: (e) => c("typography", "defaultTextSize", e)
+										onValueChange: (e) => l("typography", "defaultTextSize", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.commentComposer,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.comments?.composerPosition,
 										options: Y(["top", "bottom"], i),
-										onValueChange: (e) => c("comments", "composerPosition", e)
+										onValueChange: (e) => l("comments", "composerPosition", e)
 									})
 								}),
-								/* @__PURE__ */ E(b, {
+								/* @__PURE__ */ w(_, {
 									label: i.labels.dualPricing,
 									description: i.dualPricingDescription,
 									value: a.money?.dualPricingEnabled ?? !1,
-									onValueChange: (e) => c("money", "dualPricingEnabled", e)
+									onValueChange: (e) => l("money", "dualPricingEnabled", e)
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.dualPricingMode,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.money?.displayMode,
 										options: Y([
 											"default_only",
 											"dual",
 											"dynamic"
 										], i),
-										onValueChange: (e) => c("money", "displayMode", e)
+										onValueChange: (e) => l("money", "displayMode", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.dualPricingLayout,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.money?.dualPricingDisplay,
 										options: Y(["inline", "lines"], i),
-										onValueChange: (e) => c("money", "dualPricingDisplay", e)
+										onValueChange: (e) => l("money", "dualPricingDisplay", e)
 									})
 								})
 							]
@@ -895,85 +896,90 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 						value: "components",
 						title: i.sections.components.title,
 						description: i.sections.components.description,
-						content: /* @__PURE__ */ D("div", {
+						content: /* @__PURE__ */ T("div", {
 							className: "grid min-w-0 grid-cols-1 gap-space-md @2xl/theme-tweaker-controls:grid-cols-2",
 							children: [
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.componentScale,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.density?.defaultScale,
 										options: o,
-										onValueChange: (e) => c("density", "defaultScale", e)
+										onValueChange: (e) => l("density", "defaultScale", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.itemVariant,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.item?.defaultVariant,
 										options: Y([
 											"default",
 											"outline",
 											"muted"
 										], i),
-										onValueChange: (e) => c("item", "defaultVariant", e)
+										onValueChange: (e) => l("item", "defaultVariant", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.buttonTone,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.button?.defaultTone,
 										options: Y(r, i),
-										onValueChange: (e) => c("button", "defaultTone", e)
+										onValueChange: (e) => l("button", "defaultTone", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.buttonStyle,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.button?.defaultButtonStyle,
 										options: Y([
 											"solid",
 											"outline",
 											"ghost"
 										], i),
-										onValueChange: (e) => c("button", "defaultButtonStyle", e)
+										onValueChange: (e) => l("button", "defaultButtonStyle", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.badgeTone,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.badge?.defaultTone,
 										options: Y(r, i),
-										onValueChange: (e) => c("badge", "defaultTone", e)
+										onValueChange: (e) => l("badge", "defaultTone", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.cardSurface,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.card?.defaultSurface,
 										options: Y([
 											"card",
 											"flat",
 											"framed"
 										], i),
-										onValueChange: (e) => c("card", "defaultSurface", e)
+										onValueChange: (e) => l("card", "defaultSurface", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.spinner,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.spinner?.defaultVariant,
 										options: Y([
 											"default",
 											"shimmer",
 											"progress"
 										], i),
-										onValueChange: (e) => c("spinner", "defaultVariant", e)
+										onValueChange: (e) => l("spinner", "defaultVariant", e)
 									})
 								}),
-								/* @__PURE__ */ E(b, {
+								/* @__PURE__ */ w(_, {
 									label: i.labels.cardDivider,
 									value: a.card?.defaultHeaderDivider ?? !1,
-									onValueChange: (e) => c("card", "defaultHeaderDivider", e)
+									onValueChange: (e) => l("card", "defaultHeaderDivider", e)
+								}),
+								/* @__PURE__ */ w(_, {
+									label: i.labels.cardFooterDivider ?? J.labels.cardFooterDivider,
+									value: a.card?.defaultFooterDivider ?? !1,
+									onValueChange: (e) => l("card", "defaultFooterDivider", e)
 								})
 							]
 						})
@@ -982,12 +988,12 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 						value: "toasts",
 						title: i.sections.toasts.title,
 						description: i.sections.toasts.description,
-						content: /* @__PURE__ */ D("div", {
+						content: /* @__PURE__ */ T("div", {
 							className: "grid min-w-0 grid-cols-1 gap-space-md @2xl/theme-tweaker-controls:grid-cols-2",
 							children: [
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.toastPosition,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.toast?.position,
 										options: Y([
 											"top-right",
@@ -997,50 +1003,50 @@ function Xe({ config: e, onChange: t, strings: i = J }) {
 											"bottom-left",
 											"bottom-center"
 										], i),
-										onValueChange: (e) => c("toast", "position", e)
+										onValueChange: (e) => l("toast", "position", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.toastTheme,
-									children: /* @__PURE__ */ E(x, {
+									children: /* @__PURE__ */ w(v, {
 										value: a.toast?.theme,
 										options: Y([
 											"light",
 											"dark",
 											"system"
 										], i),
-										onValueChange: (e) => c("toast", "theme", e)
+										onValueChange: (e) => l("toast", "theme", e)
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.toastDuration,
-									children: /* @__PURE__ */ E(v, {
+									children: /* @__PURE__ */ w(g, {
 										type: "number",
 										min: 1e3,
 										step: 500,
 										value: String(a.toast?.duration ?? 5e3),
-										onChange: (e) => c("toast", "duration", Number(e.target.value))
+										onChange: (e) => l("toast", "duration", Number(e.target.value))
 									})
 								}),
-								/* @__PURE__ */ E(y, {
+								/* @__PURE__ */ w(y, {
 									label: i.labels.visibleToasts,
-									children: /* @__PURE__ */ E(v, {
+									children: /* @__PURE__ */ w(g, {
 										type: "number",
 										min: 1,
 										max: 10,
 										value: String(a.toast?.visibleToasts ?? 4),
-										onChange: (e) => c("toast", "visibleToasts", Number(e.target.value))
+										onChange: (e) => l("toast", "visibleToasts", Number(e.target.value))
 									})
 								}),
-								/* @__PURE__ */ E(b, {
+								/* @__PURE__ */ w(_, {
 									label: i.labels.closeButton,
 									value: a.toast?.closeButton ?? !0,
-									onValueChange: (e) => c("toast", "closeButton", e)
+									onValueChange: (e) => l("toast", "closeButton", e)
 								}),
-								/* @__PURE__ */ E(b, {
+								/* @__PURE__ */ w(_, {
 									label: i.labels.richColors,
 									value: a.toast?.richColors ?? !1,
-									onValueChange: (e) => c("toast", "richColors", e)
+									onValueChange: (e) => l("toast", "richColors", e)
 								})
 							]
 						})
@@ -1264,20 +1270,20 @@ var nt = [
 	"structure",
 	"defaults"
 ], rt = {
-	colors: k,
-	states: A,
-	typography: Oe,
-	shape: Ee,
-	structure: xe,
-	defaults: Te
+	colors: D,
+	states: O,
+	typography: Ae,
+	shape: Oe,
+	structure: Ce,
+	defaults: De
 };
 function it({ title: e, description: t, code: n, copyLabel: r, downloadLabel: i, onCopy: a, onDownload: o, downloading: s = !1 }) {
-	let d = he();
-	return /* @__PURE__ */ D(f, {
-		render: /* @__PURE__ */ E("section", { "aria-labelledby": d }),
+	let d = x();
+	return /* @__PURE__ */ T(f, {
+		render: /* @__PURE__ */ w("section", { "aria-labelledby": d }),
 		gap: "md",
 		className: "theme-tweaker--export-artifact min-w-0",
-		children: [/* @__PURE__ */ D(f, {
+		children: [/* @__PURE__ */ T(f, {
 			direction: {
 				base: "vertical",
 				sm: "horizontal"
@@ -1289,46 +1295,46 @@ function it({ title: e, description: t, code: n, copyLabel: r, downloadLabel: i,
 			justify: { sm: "between" },
 			gap: "md",
 			className: "theme-tweaker--export-artifact-header",
-			children: [/* @__PURE__ */ D(f, {
+			children: [/* @__PURE__ */ T(f, {
 				gap: "dense",
 				className: "min-w-0",
-				children: [/* @__PURE__ */ E(u, {
+				children: [/* @__PURE__ */ w(l, {
 					id: d,
 					tag: "h3",
 					children: e
-				}), /* @__PURE__ */ E(l, {
+				}), /* @__PURE__ */ w(c, {
 					size: "xs",
 					type: "secondary",
 					children: t
 				})]
-			}), /* @__PURE__ */ D(f, {
+			}), /* @__PURE__ */ T(f, {
 				direction: "horizontal",
 				gap: "xs",
 				align: "center",
 				wrap: !0,
 				className: "theme-tweaker--export-artifact-actions sm:shrink-0",
-				children: [/* @__PURE__ */ E(c, {
+				children: [/* @__PURE__ */ w(u, {
 					type: "button",
 					size: "sm",
 					tone: "secondary",
 					buttonStyle: "outline",
-					icon: O,
+					icon: E,
 					onClick: a,
 					children: r
-				}), /* @__PURE__ */ E(c, {
+				}), /* @__PURE__ */ w(u, {
 					type: "button",
 					size: "sm",
-					icon: ye,
+					icon: xe,
 					loading: s,
 					onClick: o,
 					children: i
 				})]
 			})]
-		}), /* @__PURE__ */ E("pre", {
+		}), /* @__PURE__ */ w("pre", {
 			tabIndex: 0,
 			"aria-label": e,
-			className: "theme-tweaker--export-code max-h-48 min-w-0 overflow-auto rounded-radius border border-border bg-muted/30 p-surface-xs font-mono text-xs leading-relaxed text-foreground focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50 sm:max-h-72",
-			children: /* @__PURE__ */ E("code", { children: n })
+			className: "theme-tweaker--export-code max-h-48 min-w-0 overflow-auto rounded-radius border border-border bg-muted/30 p-surface-xs font-mono text-xs leading-relaxed text-foreground focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring sm:max-h-72",
+			children: /* @__PURE__ */ w("code", { children: n })
 		})]
 	});
 }
@@ -1344,20 +1350,20 @@ function ot(e, t) {
 	return e === "document" ? document.documentElement : e === "self" || e === null ? t : typeof e == "function" ? e() : e ?? t;
 }
 function st(e, t) {
-	if (typeof document > "u" || typeof window > "u") return M(e);
+	if (typeof document > "u" || typeof window > "u") return A(e);
 	let n = document.documentElement, r = [...new Set(t.map((e) => e.name))], i = n.classList.contains("light"), a = n.classList.contains("dark"), o = new Map(r.map((e) => [e, {
 		value: n.style.getPropertyValue(e),
 		priority: n.style.getPropertyPriority(e)
 	}])), s = (t) => {
 		for (let e of r) n.style.removeProperty(e);
 		n.classList.toggle("light", t === "light"), n.classList.toggle("dark", t === "dark");
-		for (let [r, i] of Object.entries(B(e, t))) typeof i == "string" && n.style.setProperty(r, i);
+		for (let [r, i] of Object.entries(R(e, t))) typeof i == "string" && n.style.setProperty(r, i);
 		let i = window.getComputedStyle(n);
 		return Object.fromEntries(r.map((e) => [e, i.getPropertyValue(e).trim()]).filter((e) => e[1].length > 0));
 	};
 	try {
 		let n = s("light"), r = s("dark"), i = new Set(t.filter((e) => e.scope === "shared").map((e) => e.name));
-		return M({
+		return A({
 			mode: e.mode,
 			shared: Object.fromEntries(Object.entries(n).filter(([e]) => i.has(e))),
 			light: Object.fromEntries(Object.entries(n).filter(([e]) => !i.has(e))),
@@ -1372,29 +1378,29 @@ function st(e, t) {
 	}
 }
 function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, strings: o }) {
-	let s = `theme-variable-${he().replace(/:/g, "")}`, u = /* @__PURE__ */ E(c, {
+	let s = `theme-variable-${x().replace(/:/g, "")}`, l = /* @__PURE__ */ w(u, {
 		type: "button",
 		iconOnly: !0,
 		tone: "secondary",
 		buttonStyle: "ghost",
-		icon: Ce,
+		icon: Te,
 		withTooltip: o.resetVariable,
 		"aria-label": `${o.resetVariable}: ${e.label}`,
 		disabled: !t,
 		onClick: i,
-		children: /* @__PURE__ */ E(l, {
+		children: /* @__PURE__ */ w(c, {
 			tag: "span",
 			size: "inherit",
 			className: "sr-only",
 			children: o.resetVariable
 		})
 	}), d = e.placeholder ?? n ?? o.inheritValue, p;
-	if (e.kind === "color") p = /* @__PURE__ */ D(f, {
+	if (e.kind === "color") p = /* @__PURE__ */ T(f, {
 		direction: "horizontal",
 		gap: "xs",
 		align: "center",
 		wrap: !1,
-		children: [/* @__PURE__ */ E(ce, {
+		children: [/* @__PURE__ */ w(ue, {
 			id: s,
 			"aria-label": e.label,
 			"aria-description": e.description,
@@ -1404,13 +1410,13 @@ function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, st
 			onValueChange: r,
 			placeholder: d,
 			className: "min-w-0 flex-1"
-		}), u]
+		}), l]
 	});
 	else if (e.control?.type === "range") {
 		let i = $(t || n, e.control);
-		p = /* @__PURE__ */ D(f, {
+		p = /* @__PURE__ */ T(f, {
 			gap: "sm",
-			children: [/* @__PURE__ */ E(S, {
+			children: [/* @__PURE__ */ w(de, {
 				id: `${s}-slider`,
 				"aria-label": a(o.adjustVariable, { label: e.label }),
 				value: i,
@@ -1418,15 +1424,15 @@ function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, st
 				max: e.control.max,
 				step: e.control.step,
 				onValueChange: (t) => r(at(t, e.control))
-			}), /* @__PURE__ */ D(f, {
+			}), /* @__PURE__ */ T(f, {
 				direction: "horizontal",
 				gap: "xs",
 				align: "center",
 				wrap: !1,
-				children: [/* @__PURE__ */ E(f, {
+				children: [/* @__PURE__ */ w(f, {
 					gap: "none",
 					className: "w-28 max-w-full shrink-0",
-					children: /* @__PURE__ */ E(le, {
+					children: /* @__PURE__ */ w(fe, {
 						id: s,
 						"aria-label": e.label,
 						"aria-description": e.description,
@@ -1443,17 +1449,17 @@ function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, st
 						},
 						className: "font-mono tabular-nums"
 					})
-				}), u]
+				}), l]
 			})]
 		});
-	} else p = e.kind === "font" || e.kind === "shadow" ? /* @__PURE__ */ D(f, {
+	} else p = e.kind === "font" || e.kind === "shadow" ? /* @__PURE__ */ T(f, {
 		direction: "horizontal",
 		gap: "xs",
 		align: "start",
 		wrap: !1,
-		children: [/* @__PURE__ */ E(f, {
+		children: [/* @__PURE__ */ w(f, {
 			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ E(se, {
+			children: /* @__PURE__ */ w(le, {
 				id: s,
 				"aria-label": e.label,
 				"aria-description": e.description,
@@ -1464,13 +1470,13 @@ function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, st
 				autoResize: !0,
 				className: "font-mono"
 			})
-		}), u]
-	}) : /* @__PURE__ */ D(f, {
+		}), l]
+	}) : /* @__PURE__ */ T(f, {
 		direction: "horizontal",
 		gap: "xs",
 		align: "center",
 		wrap: !1,
-		children: [/* @__PURE__ */ E(v, {
+		children: [/* @__PURE__ */ w(g, {
 			id: s,
 			"aria-label": e.label,
 			"aria-description": e.description,
@@ -1478,24 +1484,24 @@ function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, st
 			onChange: (e) => r(e.target.value),
 			placeholder: d,
 			className: "min-w-0 flex-1 font-mono"
-		}), u]
+		}), l]
 	});
-	return /* @__PURE__ */ E(y, {
-		label: /* @__PURE__ */ D(f, {
-			render: /* @__PURE__ */ E("span", {}),
+	return /* @__PURE__ */ w(y, {
+		label: /* @__PURE__ */ T(f, {
+			render: /* @__PURE__ */ w("span", {}),
 			direction: "horizontal",
 			gap: "sm",
 			align: "baseline",
 			justify: "between",
 			wrap: !0,
 			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ E(l, {
+			children: [/* @__PURE__ */ w(c, {
 				tag: "span",
 				size: "inherit",
 				weight: "medium",
 				className: "min-w-0",
 				children: e.label
-			}), /* @__PURE__ */ E(ae, {
+			}), /* @__PURE__ */ w(se, {
 				size: "xs",
 				type: "secondary",
 				weight: "regular",
@@ -1509,48 +1515,48 @@ function ct({ field: e, value: t, effectiveValue: n, onChange: r, onReset: i, st
 	});
 }
 function lt({ strings: e }) {
-	return /* @__PURE__ */ E(te, {
+	return /* @__PURE__ */ w(ne, {
 		title: e.previewTitle,
 		description: e.previewDescription,
-		icon: /* @__PURE__ */ E(k, {}),
+		icon: /* @__PURE__ */ w(D, {}),
 		headerDivider: !0,
 		className: "theme-tweaker--preview-card",
-		children: /* @__PURE__ */ D(f, {
+		children: /* @__PURE__ */ T(f, {
 			gap: "lg",
 			children: [
-				/* @__PURE__ */ D(f, {
+				/* @__PURE__ */ T(f, {
 					direction: "horizontal",
 					gap: "sm",
 					wrap: !0,
 					children: [
-						/* @__PURE__ */ E(_, {
+						/* @__PURE__ */ w(h, {
 							tone: "success",
 							children: e.previewSuccess
 						}),
-						/* @__PURE__ */ E(_, {
+						/* @__PURE__ */ w(h, {
 							tone: "warning",
 							children: e.previewWarning
 						}),
-						/* @__PURE__ */ E(_, {
+						/* @__PURE__ */ w(h, {
 							tone: "secondary",
 							children: e.previewContract
 						})
 					]
 				}),
-				/* @__PURE__ */ E(ue, {
+				/* @__PURE__ */ w(pe, {
 					variant: "muted",
 					padding: "default",
-					media: /* @__PURE__ */ E(k, {}),
+					media: /* @__PURE__ */ w(D, {}),
 					mediaVariant: "icon",
 					title: e.previewItemTitle,
 					description: e.previewItemDescription,
-					trailing: /* @__PURE__ */ E(ve, { className: "size-icon text-success" })
+					trailing: /* @__PURE__ */ w(be, { className: "size-icon text-success" })
 				}),
-				/* @__PURE__ */ E(y, {
+				/* @__PURE__ */ w(y, {
 					label: e.previewFieldLabel,
-					children: /* @__PURE__ */ E(v, { placeholder: e.previewFieldPlaceholder })
+					children: /* @__PURE__ */ w(g, { placeholder: e.previewFieldPlaceholder })
 				}),
-				/* @__PURE__ */ E(c, {
+				/* @__PURE__ */ w(u, {
 					type: "button",
 					children: e.previewAction
 				})
@@ -1565,53 +1571,53 @@ function ut(e, t, n) {
 		[r]: i
 	};
 }
-var dt = C(function({ value: e, defaultValue: t, onValueChange: n, onModeChange: r, fields: i = Ye, target: p = "self", apply: m = !0, manageModeClass: h = !0, preview: g, fileName: ee = "admin-ui-theme.css", config: ae, defaultConfig: se, onConfigChange: x, providerFileName: ce = "admin-ui.config.ts", showIntro: le = !0, selectors: ue, onExport: C, onCopy: he, onReset: ve, onError: O, actionsSlot: be, strings: xe, className: k, ...Te }, Ee) {
-	let A = o(Ze, xe), [Oe, ke] = T(() => M(t)), j = w(() => e ? M(e) : Oe, [Oe, e]), [Ae, je] = T(() => R(se)), N = w(() => R(ae ?? Ae), [ae, Ae]), [P, F] = T("colors"), [I, L] = T(""), [z, Me] = T(!0), [Pe, Re] = T(16), [Be, H] = T(1.2), [Ve, He] = T(.8), [Ue, U] = T("idle"), We = ne(), [W, Ge] = T(!1), G = _e(null);
-	ge(Ee, () => G.current), ze({
+var dt = b(function({ value: e, defaultValue: t, onValueChange: n, onModeChange: r, fields: i = Ye, target: p = "self", apply: m = !0, manageModeClass: ee = !0, preview: te, fileName: re = "admin-ui-theme.css", config: se, defaultConfig: le, onConfigChange: v, providerFileName: ue = "admin-ui.config.ts", showIntro: fe = !0, selectors: pe, onExport: b, onCopy: x, onReset: be, onError: E, actionsSlot: Se, strings: Ce, className: D, ...De }, Oe) {
+	let O = o(Ze, Ce), [Ae, je] = C(() => A(t)), k = S(() => e ? A(e) : Ae, [Ae, e]), [Me, Ne] = C(() => I(le)), j = S(() => I(se ?? Me), [se, Me]), [M, N] = C("colors"), [P, F] = C(""), [L, Pe] = C(!0), [Ie, Be] = C(16), [B, V] = C(1.2), [He, Ue] = C(.8), [We, H] = C("idle"), Ge = ie(), [U, W] = C(!1), G = ye(null);
+	ve(Oe, () => G.current), Ve({
 		apply: m,
-		manageModeClass: h,
+		manageModeClass: ee,
 		selfRef: G,
 		target: p,
-		theme: j
+		theme: k
 	});
-	let [K, Ke] = T(() => M(j)), [qe, Je] = T({});
-	me(() => {
+	let [K, Ke] = C(() => A(k)), [qe, Je] = C({});
+	_e(() => {
 		if (typeof window > "u") return;
 		let e = window.setTimeout(() => {
 			let e = ot(p, G.current);
 			if (!e) return;
 			let t = window.getComputedStyle(e);
-			Je(Object.fromEntries(i.map((e) => [e.name, t.getPropertyValue(e.name).trim()]))), Ke(st(j, i));
+			Je(Object.fromEntries(i.map((e) => [e.name, t.getPropertyValue(e.name).trim()]))), Ke(st(k, i));
 		}, 0);
 		return () => window.clearTimeout(e);
 	}, [
 		m,
 		i,
 		p,
-		j
+		k
 	]);
-	let { artifact: q, error: J } = w(() => {
+	let { artifact: q, error: J } = S(() => {
 		try {
-			let e = M({
-				mode: j.mode,
+			let e = A({
+				mode: k.mode,
 				shared: {
 					...K.shared,
-					...j.shared
+					...k.shared
 				},
 				light: {
 					...K.light,
-					...j.light
+					...k.light
 				},
 				dark: {
 					...K.dark,
-					...j.dark
+					...k.dark
 				}
 			});
 			return {
-				artifact: Fe(j, ee, { selectors: ue }, {
+				artifact: Le(k, re, { selectors: pe }, {
 					resolvedTheme: e,
-					providerConfig: N,
-					providerFileName: ce
+					providerConfig: j,
+					providerFileName: ue
 				}),
 				error: null
 			};
@@ -1622,21 +1628,21 @@ var dt = C(function({ value: e, defaultValue: t, onValueChange: n, onModeChange:
 			};
 		}
 	}, [
-		ee,
-		N,
-		ce,
-		K,
+		re,
+		j,
 		ue,
-		j
-	]), Y = q?.cssText ?? `/* ${A.invalidTheme} */\n`, X = w(() => Ne(j), [j]), Z = I.trim().toLowerCase(), $e = w(() => i.filter((e) => !Z && e.group !== P ? !1 : !Z || [
+		K,
+		pe,
+		k
+	]), Y = q?.cssText ?? `/* ${O.invalidTheme} */\n`, X = S(() => Fe(k), [k]), Z = P.trim().toLowerCase(), $e = S(() => i.filter((e) => !Z && e.group !== M ? !1 : !Z || [
 		e.name,
 		e.label,
 		e.description
 	].filter(Boolean).some((e) => e?.toLowerCase().includes(Z))), [
 		i,
-		P,
+		M,
 		Z
-	]), Q = w(() => {
+	]), Q = S(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of $e) {
 			let n = `${t.group}:${t.section}`, r = e.get(n);
@@ -1648,298 +1654,298 @@ var dt = C(function({ value: e, defaultValue: t, onValueChange: n, onModeChange:
 		}
 		return [...e.values()].sort((e, t) => Number(t.section === "brand-actions") - Number(e.section === "brand-actions"));
 	}, [$e]), $ = (t) => {
-		e === void 0 && ke(t), n?.(t), U("idle");
+		e === void 0 && je(t), n?.(t), H("idle");
 	}, at = (e) => {
-		ae === void 0 && je(e), x?.(e), U("idle");
+		se === void 0 && Ne(e), v?.(e), H("idle");
 	}, dt = (e) => {
 		$({
-			...j,
-			[j.mode]: {
-				...j[j.mode],
+			...k,
+			[k.mode]: {
+				...k[k.mode],
 				...e
 			}
 		});
 	}, ft = (e) => {
 		$({
-			...j,
+			...k,
 			shared: {
-				...j.shared,
+				...k.shared,
 				...e
 			}
 		});
 	}, pt = (e) => {
-		e !== j.mode && ($({
-			...j,
+		e !== k.mode && ($({
+			...k,
 			mode: e
 		}), r?.(e));
 	}, mt = async () => {
 		try {
 			if (J) throw J;
-			if (Ge(!0), !q) throw Error(A.invalidTheme);
-			C ? await C(q) : Ie(q), U("exported");
+			if (W(!0), !q) throw Error(O.invalidTheme);
+			b ? await b(q) : Re(q), H("exported");
 		} catch (e) {
-			O?.(e);
+			E?.(e);
 		} finally {
-			Ge(!1);
+			W(!1);
 		}
 	}, ht = async (e) => {
 		try {
-			if (he) await he(e);
+			if (x) await x(e);
 			else if (typeof navigator < "u" && navigator.clipboard) await navigator.clipboard.writeText(e);
 			else throw Error("Clipboard access is unavailable. Provide onCopy for this environment.");
-			U("copied");
+			H("copied");
 		} catch (e) {
-			O?.(e);
+			E?.(e);
 		}
 	}, gt = () => {
 		try {
-			if (!q) throw J ?? Error(A.invalidTheme);
-			Le({
+			if (!q) throw J ?? Error(O.invalidTheme);
+			ze({
 				fileName: q.providerFileName,
 				text: q.providerConfigText,
 				mimeType: "text/typescript;charset=utf-8"
-			}), U("exported");
+			}), H("exported");
 		} catch (e) {
-			O?.(e);
+			E?.(e);
 		}
 	}, _t = () => {
-		let e = j, t = M({ mode: j.mode });
-		$(t), ve?.(e), U("idle");
-	}, vt = J ? A.invalidTheme : Ue === "copied" ? A.copiedStatus : Ue === "exported" ? A.exportedStatus : null, yt = P === "colors" ? /* @__PURE__ */ E(b, {
+		let e = k, t = A({ mode: k.mode });
+		$(t), be?.(e), H("idle");
+	}, vt = J ? O.invalidTheme : We === "copied" ? O.copiedStatus : We === "exported" ? O.exportedStatus : null, yt = M === "colors" ? /* @__PURE__ */ w(_, {
 		className: "theme-tweaker--recipe",
-		label: A.autoPalette,
-		description: A.autoPaletteDescription,
-		value: z,
-		onValueChange: Me
-	}) : P === "typography" ? /* @__PURE__ */ E(te, {
-		title: A.typeRecipeTitle,
-		description: A.typeRecipeDescription,
+		label: O.autoPalette,
+		description: O.autoPaletteDescription,
+		value: L,
+		onValueChange: Pe
+	}) : M === "typography" ? /* @__PURE__ */ w(ne, {
+		title: O.typeRecipeTitle,
+		description: O.typeRecipeDescription,
 		surface: "flat",
 		padding: "none",
 		className: "theme-tweaker--recipe",
-		children: /* @__PURE__ */ D(d, {
+		children: /* @__PURE__ */ T(d, {
 			columns: 1,
 			gap: "md",
 			className: "@2xl/theme-tweaker-controls:grid-cols-2",
-			children: [/* @__PURE__ */ E(y, {
-				label: A.baseTypeSize,
-				children: /* @__PURE__ */ E(S, {
-					"aria-label": A.baseTypeSize,
-					value: Pe,
+			children: [/* @__PURE__ */ w(y, {
+				label: O.baseTypeSize,
+				children: /* @__PURE__ */ w(de, {
+					"aria-label": O.baseTypeSize,
+					value: Ie,
 					min: 14,
 					max: 20,
 					step: 1,
 					onValueChange: (e) => {
-						Re(e), ft(et({
+						Be(e), ft(et({
 							baseSize: e,
-							ratio: Be
+							ratio: B
 						}));
 					}
 				})
-			}), /* @__PURE__ */ E(y, {
-				label: A.typeRatio,
-				children: /* @__PURE__ */ E(S, {
-					"aria-label": A.typeRatio,
-					value: Be,
+			}), /* @__PURE__ */ w(y, {
+				label: O.typeRatio,
+				children: /* @__PURE__ */ w(de, {
+					"aria-label": O.typeRatio,
+					value: B,
 					min: 1.125,
 					max: 1.333,
 					step: .01,
 					onValueChange: (e) => {
-						H(e), ft(et({
-							baseSize: Pe,
+						V(e), ft(et({
+							baseSize: Ie,
 							ratio: e
 						}));
 					}
 				})
 			})]
 		})
-	}) : P === "shape" ? /* @__PURE__ */ E(te, {
-		title: A.elevationRecipeTitle,
-		description: A.elevationRecipeDescription,
+	}) : M === "shape" ? /* @__PURE__ */ w(ne, {
+		title: O.elevationRecipeTitle,
+		description: O.elevationRecipeDescription,
 		surface: "flat",
 		padding: "none",
 		className: "theme-tweaker--recipe",
-		children: /* @__PURE__ */ E(y, {
-			label: A.elevationIntensity,
-			children: /* @__PURE__ */ E(S, {
-				"aria-label": A.elevationIntensity,
-				value: Ve,
+		children: /* @__PURE__ */ w(y, {
+			label: O.elevationIntensity,
+			children: /* @__PURE__ */ w(de, {
+				"aria-label": O.elevationIntensity,
+				value: He,
 				min: 0,
 				max: 1,
 				step: .05,
 				onValueChange: (e) => {
-					He(e), dt(tt({ intensity: e }));
+					Ue(e), dt(tt({ intensity: e }));
 				}
 			})
 		})
-	}) : null, bt = /* @__PURE__ */ D("div", {
-		className: s("grid min-w-0 grid-cols-1 gap-space-xl theme-tweaker--layout", g !== !1 && "@3xl/theme-tweaker:grid-cols-2"),
+	}) : null, bt = /* @__PURE__ */ T("div", {
+		className: s("grid min-w-0 grid-cols-1 gap-space-xl theme-tweaker--layout", te !== !1 && "@3xl/theme-tweaker:grid-cols-2"),
 		children: [
-			/* @__PURE__ */ D(f, {
+			/* @__PURE__ */ T(f, {
 				gap: "lg",
 				className: "theme-tweaker--controls @container/theme-tweaker-controls min-w-0",
-				children: [/* @__PURE__ */ D(f, {
+				children: [/* @__PURE__ */ T(f, {
 					gap: "lg",
 					className: "theme-tweaker--header shrink-0",
 					children: [
-						le ? /* @__PURE__ */ D(f, {
+						fe ? /* @__PURE__ */ T(f, {
 							gap: "normal",
 							className: "theme-tweaker--intro",
-							children: [/* @__PURE__ */ D(f, {
+							children: [/* @__PURE__ */ T(f, {
 								direction: "horizontal",
 								gap: "sm",
 								align: "center",
 								wrap: !0,
-								children: [/* @__PURE__ */ E(u, {
+								children: [/* @__PURE__ */ w(l, {
 									tag: "h2",
 									className: "theme-tweaker--title",
-									children: A.title
-								}), /* @__PURE__ */ E(_, {
+									children: O.title
+								}), /* @__PURE__ */ w(h, {
 									tone: "secondary",
-									children: a(A.changedCount, { count: X })
+									children: a(O.changedCount, { count: X })
 								})]
-							}), /* @__PURE__ */ E(l, {
+							}), /* @__PURE__ */ w(c, {
 								type: "secondary",
 								className: "theme-tweaker--description",
-								children: A.description
+								children: O.description
 							})]
 						}) : null,
-						/* @__PURE__ */ D(f, {
+						/* @__PURE__ */ T(f, {
 							direction: "horizontal",
 							justify: "between",
 							align: "center",
 							wrap: !0,
 							gap: "sm",
 							className: "theme-tweaker--toolbar",
-							children: [/* @__PURE__ */ E(f, {
+							children: [/* @__PURE__ */ w(f, {
 								direction: "horizontal",
 								gap: "sm",
 								align: "center",
 								wrap: !0,
-								children: /* @__PURE__ */ E(pe, {
-									value: j.mode,
+								children: /* @__PURE__ */ w(ge, {
+									value: k.mode,
 									onValueChange: (e) => pt(e),
-									children: /* @__PURE__ */ D(fe, { children: [/* @__PURE__ */ D(de, {
+									children: /* @__PURE__ */ T(he, { children: [/* @__PURE__ */ T(me, {
 										value: "light",
-										children: [/* @__PURE__ */ E(De, { className: "size-icon-sm" }), A.lightMode]
-									}), /* @__PURE__ */ D(de, {
+										children: [/* @__PURE__ */ w(ke, { className: "size-icon-sm" }), O.lightMode]
+									}), /* @__PURE__ */ T(me, {
 										value: "dark",
-										children: [/* @__PURE__ */ E(Se, { className: "size-icon-sm" }), A.darkMode]
+										children: [/* @__PURE__ */ w(we, { className: "size-icon-sm" }), O.darkMode]
 									})] })
 								})
-							}), /* @__PURE__ */ D(f, {
+							}), /* @__PURE__ */ T(f, {
 								direction: "horizontal",
 								gap: "xs",
 								align: "center",
 								justify: "end",
 								wrap: !1,
 								className: "theme-tweaker--actions",
-								children: [/* @__PURE__ */ E(c, {
+								children: [/* @__PURE__ */ w(u, {
 									type: "button",
-									icon: ye,
+									icon: xe,
 									disabled: !!J,
 									onClick: () => {
-										U("idle"), We.show();
+										H("idle"), Ge.show();
 									},
-									children: A.export
-								}), be]
+									children: O.export
+								}), Se]
 							})]
 						}),
-						/* @__PURE__ */ E(y, {
-							label: /* @__PURE__ */ E(l, {
+						/* @__PURE__ */ w(y, {
+							label: /* @__PURE__ */ w(c, {
 								tag: "span",
 								size: "inherit",
 								className: "sr-only",
-								children: A.searchLabel
+								children: O.searchLabel
 							}),
 							className: "theme-tweaker--search",
-							children: /* @__PURE__ */ E(v, {
-								value: I,
-								onChange: (e) => L(e.target.value),
-								placeholder: A.searchPlaceholder,
-								startIcon: we,
+							children: /* @__PURE__ */ w(g, {
+								value: P,
+								onChange: (e) => F(e.target.value),
+								placeholder: O.searchPlaceholder,
+								startIcon: Ee,
 								clearable: !0,
-								onClear: () => L(""),
-								"aria-description": A.searchHint
+								onClear: () => F(""),
+								"aria-description": O.searchHint
 							})
 						})
 					]
-				}), /* @__PURE__ */ D(f, {
+				}), /* @__PURE__ */ T(f, {
 					gap: "lg",
 					className: "theme-tweaker--workspace min-h-0",
-					children: [/* @__PURE__ */ E("nav", {
-						"aria-label": A.groupNavigationLabel,
+					children: [/* @__PURE__ */ w("nav", {
+						"aria-label": O.groupNavigationLabel,
 						className: "theme-tweaker--navigation min-w-0",
-						children: /* @__PURE__ */ E(pe, {
-							value: P,
+						children: /* @__PURE__ */ w(ge, {
+							value: M,
 							onValueChange: (e) => {
-								L(""), F(e);
+								F(""), N(e);
 							},
 							className: "w-full",
-							children: /* @__PURE__ */ E(fe, {
+							children: /* @__PURE__ */ w(he, {
 								scrollable: !0,
 								scrollStrings: {
-									previous: A.previousGroup,
-									next: A.nextGroup
+									previous: O.previousGroup,
+									next: O.nextGroup
 								},
 								className: "theme-tweaker--group-list",
 								children: nt.map((e) => {
 									let t = rt[e];
-									return /* @__PURE__ */ D(de, {
+									return /* @__PURE__ */ T(me, {
 										value: e,
-										onClick: () => L(""),
+										onClick: () => F(""),
 										className: "theme-tweaker--group-trigger",
-										children: [/* @__PURE__ */ E(t, { "aria-hidden": "true" }), /* @__PURE__ */ E(l, {
+										children: [/* @__PURE__ */ w(t, { "aria-hidden": "true" }), /* @__PURE__ */ w(c, {
 											tag: "span",
 											size: "inherit",
 											weight: "medium",
 											className: "min-w-0 flex-1 truncate text-left",
-											children: A.groups[e]
+											children: O.groups[e]
 										})]
 									}, e);
 								})
 							})
 						})
-					}), /* @__PURE__ */ D(f, {
+					}), /* @__PURE__ */ T(f, {
 						gap: "lg",
 						className: "theme-tweaker--body theme-tweaker--editor min-h-0 min-w-0",
 						children: [
-							/* @__PURE__ */ D(f, {
+							/* @__PURE__ */ T(f, {
 								gap: "normal",
 								className: "theme-tweaker--editor-heading",
-								children: [/* @__PURE__ */ D(f, {
+								children: [/* @__PURE__ */ T(f, {
 									direction: "horizontal",
 									gap: "sm",
 									align: "center",
 									wrap: !0,
 									children: [
-										/* @__PURE__ */ E(u, {
+										/* @__PURE__ */ w(l, {
 											tag: "h3",
-											children: Z ? A.allGroups : A.groups[P]
+											children: Z ? O.allGroups : O.groups[M]
 										}),
-										le ? null : /* @__PURE__ */ E(_, {
+										fe ? null : /* @__PURE__ */ w(h, {
 											tone: "secondary",
-											children: a(A.changedCount, { count: X })
+											children: a(O.changedCount, { count: X })
 										}),
-										Z ? /* @__PURE__ */ E(_, {
+										Z ? /* @__PURE__ */ w(h, {
 											tone: "secondary",
 											role: "status",
 											"aria-live": "polite",
-											children: a(A.searchResults, { count: $e.length })
+											children: a(O.searchResults, { count: $e.length })
 										}) : null
 									]
-								}), /* @__PURE__ */ E(l, {
+								}), /* @__PURE__ */ w(c, {
 									size: "xs",
 									type: "secondary",
-									children: Z ? A.searchHint : A.groupDescriptions[P]
+									children: Z ? O.searchHint : O.groupDescriptions[M]
 								})]
 							}),
 							Z ? null : yt,
-							P === "defaults" && !Z ? /* @__PURE__ */ E(Xe, {
-								config: N,
+							M === "defaults" && !Z ? /* @__PURE__ */ w(Xe, {
+								config: j,
 								onChange: at,
-								strings: A.providerSettings
-							}) : Q.length > 0 ? /* @__PURE__ */ E(oe, {
+								strings: O.providerSettings
+							}) : Q.length > 0 ? /* @__PURE__ */ w(ce, {
 								multiple: !0,
 								defaultValue: [`${Q[0].group}:${Q[0].section}`],
 								variant: "bordered",
@@ -1947,109 +1953,109 @@ var dt = C(function({ value: e, defaultValue: t, onValueChange: n, onModeChange:
 								className: "theme-tweaker--sections shrink-0",
 								itemClassName: "theme-tweaker--section",
 								items: Q.map((e) => {
-									let t = new Set(e.fields.map((e) => e.scope)), n = t.size > 1 ? A.mixedScope : t.has("shared") ? A.sharedScope : j.mode === "light" ? A.lightMode : A.darkMode, r = Z ? a(A.groupSectionLabel, {
-										group: A.groups[e.group],
-										section: A.sections[e.section]
-									}) : A.sections[e.section];
+									let t = new Set(e.fields.map((e) => e.scope)), n = t.size > 1 ? O.mixedScope : t.has("shared") ? O.sharedScope : k.mode === "light" ? O.lightMode : O.darkMode, r = Z ? a(O.groupSectionLabel, {
+										group: O.groups[e.group],
+										section: O.sections[e.section]
+									}) : O.sections[e.section];
 									return {
 										value: `${e.group}:${e.section}`,
 										title: r,
-										description: a(A.variableCount, { count: e.fields.length }),
-										badge: /* @__PURE__ */ E(_, {
+										description: a(O.variableCount, { count: e.fields.length }),
+										badge: /* @__PURE__ */ w(h, {
 											tone: "secondary",
 											children: n
 										}),
-										content: /* @__PURE__ */ E(f, {
+										content: /* @__PURE__ */ w(f, {
 											gap: "none",
 											className: "theme-tweaker--fields",
 											children: e.fields.map((e) => {
-												let t = e.scope === "shared" ? "shared" : j.mode, n = j[t][e.name] ?? "";
-												return /* @__PURE__ */ E(ct, {
+												let t = e.scope === "shared" ? "shared" : k.mode, n = k[t][e.name] ?? "";
+												return /* @__PURE__ */ w(ct, {
 													field: e,
 													value: n,
 													effectiveValue: qe[e.name] ?? "",
-													strings: A,
+													strings: O,
 													onChange: (t) => {
-														if (e.name === "--primary" && z && t.trim()) {
+														if (e.name === "--primary" && L && t.trim()) {
 															dt(Qe({
 																primary: t,
-																mode: j.mode
+																mode: k.mode
 															}));
 															return;
 														}
-														$(ut(j, e, t));
+														$(ut(k, e, t));
 													},
-													onReset: () => $(ut(j, e, ""))
+													onReset: () => $(ut(k, e, ""))
 												}, e.name);
 											})
 										})
 									};
 								})
-							}, `${P}:${Z}`) : /* @__PURE__ */ E(l, {
+							}, `${M}:${Z}`) : /* @__PURE__ */ w(c, {
 								type: "secondary",
 								className: "theme-tweaker--empty rounded-radius border border-dashed border-border p-surface",
-								children: A.emptySearch
+								children: O.emptySearch
 							})
 						]
 					})]
 				})]
 			}),
-			g === !1 ? null : /* @__PURE__ */ E(f, {
+			te === !1 ? null : /* @__PURE__ */ w(f, {
 				className: "theme-tweaker--preview min-w-0 self-start",
-				children: g ?? /* @__PURE__ */ E(lt, { strings: A })
+				children: te ?? /* @__PURE__ */ w(lt, { strings: O })
 			}),
-			/* @__PURE__ */ E(ie, {
-				...We.overlayProps,
-				title: A.exportDialogTitle,
-				description: A.exportDialogDescription,
+			/* @__PURE__ */ w(oe, {
+				...Ge.overlayProps,
+				title: O.exportDialogTitle,
+				description: O.exportDialogDescription,
 				showCloseButton: !1,
 				showCancel: !1,
 				showConfirm: !1,
-				surfaceStyle: B(j),
-				className: s("theme-tweaker--export-dialog sm:max-w-4xl", j.mode),
-				footer: /* @__PURE__ */ D(f, {
+				surfaceStyle: R(k),
+				className: s("theme-tweaker--export-dialog sm:max-w-4xl", k.mode),
+				footer: /* @__PURE__ */ T(f, {
 					direction: "horizontal",
 					align: "center",
 					justify: "between",
 					className: "theme-tweaker--export-footer w-full",
-					children: [/* @__PURE__ */ E(c, {
+					children: [/* @__PURE__ */ w(u, {
 						type: "button",
 						tone: "secondary",
 						buttonStyle: "ghost",
-						icon: Ce,
+						icon: Te,
 						disabled: X === 0,
 						onClick: _t,
-						children: A.reset
-					}), /* @__PURE__ */ E(re, { render: /* @__PURE__ */ E(c, {
+						children: O.reset
+					}), /* @__PURE__ */ w(ae, { render: /* @__PURE__ */ w(u, {
 						tone: "secondary",
 						buttonStyle: "outline",
-						children: A.close
+						children: O.close
 					}) })]
 				}),
-				children: /* @__PURE__ */ D(f, {
+				children: /* @__PURE__ */ T(f, {
 					gap: "xl",
 					className: "theme-tweaker--export-body",
 					children: [
-						/* @__PURE__ */ E(it, {
-							title: A.cssOutputLabel,
-							description: A.cssOutputDescription,
+						/* @__PURE__ */ w(it, {
+							title: O.cssOutputLabel,
+							description: O.cssOutputDescription,
 							code: Y,
-							copyLabel: A.copy,
-							downloadLabel: W ? A.exportPending : A.downloadCss,
-							downloading: W,
+							copyLabel: O.copy,
+							downloadLabel: U ? O.exportPending : O.downloadCss,
+							downloading: U,
 							onCopy: () => void ht(Y),
 							onDownload: () => void mt()
 						}),
-						/* @__PURE__ */ E(it, {
-							title: A.providerOutputLabel,
-							description: A.providerOutputDescription,
+						/* @__PURE__ */ w(it, {
+							title: O.providerOutputLabel,
+							description: O.providerOutputDescription,
 							code: q?.providerConfigText ?? "",
-							copyLabel: A.copyProvider,
-							downloadLabel: A.downloadProvider,
+							copyLabel: O.copyProvider,
+							downloadLabel: O.downloadProvider,
 							onCopy: () => void ht(q?.providerConfigText ?? ""),
 							onDownload: gt
 						}),
-						vt ? /* @__PURE__ */ E(l, {
+						vt ? /* @__PURE__ */ w(c, {
 							tag: "div",
 							size: "xs",
 							type: J ? "error" : "secondary",
@@ -2063,21 +2069,21 @@ var dt = C(function({ value: e, defaultValue: t, onValueChange: n, onModeChange:
 			})
 		]
 	});
-	return p === "self" ? /* @__PURE__ */ E(V, {
-		...Te,
+	return p === "self" ? /* @__PURE__ */ w(z, {
+		...De,
 		ref: G,
-		theme: m ? j : M({ mode: j.mode }),
-		className: s("theme-tweaker--component @container/theme-tweaker bg-background text-foreground", k),
+		theme: m ? k : A({ mode: k.mode }),
+		className: s("theme-tweaker--component @container/theme-tweaker bg-background text-foreground", D),
 		children: bt
-	}) : /* @__PURE__ */ E("div", {
-		...Te,
+	}) : /* @__PURE__ */ w("div", {
+		...De,
 		ref: G,
-		className: s("theme-tweaker--component @container/theme-tweaker", k),
+		className: s("theme-tweaker--component @container/theme-tweaker", D),
 		children: bt
 	});
 });
 dt.displayName = "ThemeTweaker";
 //#endregion
-export { Be as AdminUIThemeProvider, V as ThemeScope, dt as ThemeTweaker, B as adminUIThemeToStyle, Ne as countAdminUIThemeOverrides, M as createAdminUITheme, Pe as createScopedAdminUIThemeSelectors, R as createSerializableUIConfig, Fe as createThemeTweakerExportArtifact, ke as defaultAdminUIThemeSelectors, J as defaultThemeProviderSettingsStrings, Ye as defaultThemeTweakerFields, Ze as defaultThemeTweakerStrings, tt as deriveAdminUIElevation, Qe as deriveAdminUIPalette, et as deriveAdminUITypeScale, Ie as downloadAdminUITheme, Me as getActiveAdminUIThemeOverrides, N as isAdminUIThemeVariableName, L as serializeAdminUITheme, z as serializeUIProviderConfig };
+export { B as AdminUIThemeProvider, z as ThemeScope, dt as ThemeTweaker, R as adminUIThemeToStyle, Fe as countAdminUIThemeOverrides, A as createAdminUITheme, Ie as createScopedAdminUIThemeSelectors, I as createSerializableUIConfig, Le as createThemeTweakerExportArtifact, je as defaultAdminUIThemeSelectors, J as defaultThemeProviderSettingsStrings, Ye as defaultThemeTweakerFields, Ze as defaultThemeTweakerStrings, tt as deriveAdminUIElevation, Qe as deriveAdminUIPalette, et as deriveAdminUITypeScale, Re as downloadAdminUITheme, Pe as getActiveAdminUIThemeOverrides, j as isAdminUIThemeVariableName, F as serializeAdminUITheme, L as serializeUIProviderConfig };
 
 //# sourceMappingURL=theme-tweaker.js.map