themelia-ui 1.0.0

package/dist/features/suggestions.css

@@ -0,0 +1,13 @@
+@import "../core.css";
+@import "../css/suggestions.css";
+@import "../css/feedback.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/combobox2.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/combobox.css";
+@import "../css/spinner.css";

package/dist/features/suggestions.js

@@ -0,0 +1,155 @@
+"use client";
+import "../core.css";
+import "../css/suggestions.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { t } from "../feedback-DHdvxang.js";
+import { t as n } from "../use-debounced-callback-BcKYwxqp.js";
+import { n as r } from "../combobox-DtElGhBC.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/features/suggestions/use-suggestions.ts
+function u(e) {
+	return !!(e && e.name === "AbortError");
+}
+function d(e, t) {
+	return new Promise((n, r) => {
+		if (t.aborted) {
+			r(new DOMException("Aborted", "AbortError"));
+			return;
+		}
+		let i = setTimeout(n, e);
+		t.addEventListener("abort", () => {
+			clearTimeout(i), r(new DOMException("Aborted", "AbortError"));
+		});
+	});
+}
+var f = [];
+function p(e) {
+	let { fetchData: t, minQueryLength: r = 1, debounceMs: c = 300, requestDelay: l = 0, preload: p = !1, query: m, defaultQuery: h = "", onQueryChange: g, value: _, defaultValue: v = null, onValueChange: y, open: b, defaultOpen: x = !1, onOpenChange: S, onError: C } = e, [w, T] = s([]), [E, D] = s(h), [O, k] = s(v), [A, j] = s(x), [M, N] = s(!1), [P, F] = s(null), [I, L] = s(0), R = o(t), z = o(C);
+	a(() => {
+		R.current = t, z.current = C;
+	});
+	let B = m ?? E, V = _ === void 0 ? O : _, H = b ?? A, U = i((e) => {
+		m === void 0 && D(e), g?.(e);
+	}, [m, g]), W = i((e) => {
+		_ === void 0 && k(e), y?.(e);
+	}, [_, y]), G = i((e) => {
+		b === void 0 && j(e), S?.(e);
+	}, [b, S]), K = i(() => L((e) => e + 1), []), q = B.length >= r || p && B.length === 0, J = q ? w : f, Y = q && M, X = q ? P : null, Z = n((e, t, n) => {
+		(async () => {
+			N(!0), F(null);
+			try {
+				if (t > 0 && await d(t, n), n.aborted) return;
+				let r = await R.current(e, { signal: n });
+				n.aborted || T(Array.isArray(r) ? r : []);
+			} catch (t) {
+				if (n.aborted || u(t)) return;
+				T((e) => e.length === 0 ? e : []), F(t), z.current?.(t, e);
+			} finally {
+				n.aborted || N(!1);
+			}
+		})();
+	}, c);
+	return a(() => {
+		if (!q) return;
+		let e = new AbortController();
+		return Z(B, l, e.signal), () => {
+			Z.cancel(), e.abort();
+		};
+	}, [
+		B,
+		l,
+		I,
+		Z,
+		q
+	]), {
+		items: J,
+		isLoading: Y,
+		error: X,
+		isError: X !== null,
+		retry: K,
+		query: B,
+		setQuery: U,
+		value: V,
+		setValue: W,
+		open: H,
+		setOpen: G
+	};
+}
+//#endregion
+//#region src/components/features/suggestions/suggestions.strings.ts
+var m = {
+	placeholder: "Search…",
+	emptyMessage: "No results found.",
+	loadingMessage: "Searching…",
+	startTypingMessage: "Type to search.",
+	errorMessage: "Could not load suggestions.",
+	retry: "Retry"
+}, h = { error: "suggestions-module__error___ujn33" };
+//#endregion
+//#region src/components/features/suggestions/suggestions.tsx
+function g({ id: n, fetchData: i, itemKey: a, itemText: o, renderItem: s, renderError: u, minQueryLength: d = 1, debounceMs: f, requestDelay: g, preload: _ = !1, query: v, defaultQuery: y, onQueryChange: b, value: x, defaultValue: S, onValueChange: C, open: w, defaultOpen: T, onOpenChange: E, onError: D, allowClear: O = !0, clearInputOnClose: k = !1, disabled: A = !1, className: j, strings: M }) {
+	let N = {
+		...m,
+		...M
+	}, P = p({
+		fetchData: i,
+		minQueryLength: d,
+		debounceMs: f,
+		requestDelay: g,
+		preload: _,
+		query: v,
+		defaultQuery: y,
+		onQueryChange: b,
+		value: x,
+		defaultValue: S,
+		onValueChange: C,
+		open: w,
+		defaultOpen: T,
+		onOpenChange: E,
+		onError: D
+	}), F = P.isError && P.error !== null ? u?.({
+		error: P.error,
+		query: P.query,
+		retry: P.retry
+	}) ?? /* @__PURE__ */ c(t, {
+		title: N.errorMessage,
+		onRetry: P.retry,
+		strings: { retry: N.retry },
+		className: h.error
+	}) : null;
+	return /* @__PURE__ */ l("div", {
+		"data-slot": "suggestions",
+		className: e("suggestions-combobox--component", j),
+		children: [/* @__PURE__ */ c(r, {
+			id: n,
+			items: P.items,
+			searchValue: P.query,
+			onSearchValueChange: P.setQuery,
+			selectedValue: P.value,
+			onSelectedValueChange: P.setValue,
+			getItemLabel: o,
+			getItemKey: (e) => String(a(e)),
+			renderItem: s,
+			minSearchLength: d,
+			loading: P.isLoading,
+			showListContent: !P.isError,
+			strings: {
+				placeholder: N.placeholder,
+				noResults: N.emptyMessage,
+				searching: N.loadingMessage,
+				formatTypeToSearch: () => N.startTypingMessage,
+				formatTypeMore: () => N.startTypingMessage
+			},
+			clearable: O,
+			open: P.open,
+			onOpenChange: (e) => {
+				P.setOpen(e), !e && k && P.setQuery("");
+			},
+			clearSearchOnClose: !1,
+			disabled: A
+		}), F]
+	});
+}
+//#endregion
+export { g as SuggestionsCombobox, m as defaultSuggestionsStrings, p as useSuggestions };

package/dist/features/sync.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../structure-C4IX5OuO.cjs"),n=require("../choice-inputs-DNcJJXTp.cjs"),r=require("../label-i-3ieEsj.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("react-hook-form"),s=require("clsx");function c(e){return{getError:t=>e?.[t],hasError:t=>e?.[t]!==void 0,formError:e?.server??e?.general,hasAnyError:!!e&&Object.values(e).some(e=>e!==void 0)}}var l={hoursLabel:`Sync window`,hoursDescription:`How far back the integration should reconcile records.`,optionsLabel:`Options`,optionsDescription:`Narrow the run when only one record family needs repairing.`,hoursRequired:`Choose a sync window.`},u={form:`sync-module__form___J93DT`,section:`sync-module__section___ijK-F`,optional:`sync-module__optional___heqRe`},d=`24`;function f(e){let t=Number(e.hours);if(!Number.isFinite(t))throw TypeError(`SyncRangeForm cannot read "${e.hours}" as a number of hours. Pass transformSubmit for a non-numeric vocabulary.`);return{hours:t,options:[...e.options]}}function p({formId:p,options:m,syncOptions:h,value:g,defaultValue:_,onValueChange:v,transformSubmit:y,onSubmit:b,onError:x,resetKey:S,disabled:C=!1,submitting:w=!1,errors:T,strings:E,className:D}){let O={...l,...E},{getError:k}=c((0,i.useMemo)(()=>Object.fromEntries(Object.entries(T??{}).map(([e,t])=>[e,Array.isArray(t)?t[0]:t])),[T])),A=(0,i.useMemo)(()=>({hours:_?.hours??d,options:[..._?.options??[]]}),[_?.hours,_?.options]),{control:j,getValues:M,handleSubmit:N,reset:P,formState:{isSubmitting:F}}=(0,o.useForm)({defaultValues:g??A}),I=C||w||F;(0,i.useEffect)(()=>{g!==void 0&&P(g)},[P,g]),(0,i.useEffect)(()=>{S!==void 0&&P(g??A)},[A,P,S,g]);let L=async e=>{try{await b((y??f)(e),e)}catch(e){x?.(e)}},R=k(`hours`);return(0,a.jsxs)(`form`,{id:p,onSubmit:N(L),"aria-busy":I||void 0,className:(0,s.clsx)(`sync-range-form--component`,u.form,D),children:[(0,a.jsxs)(`section`,{className:u.section,children:[(0,a.jsxs)(t.o,{gap:`xs`,children:[(0,a.jsx)(r.t,{children:O.hoursLabel}),(0,a.jsx)(e.o,{size:`xs`,type:`secondary`,children:O.hoursDescription})]}),(0,a.jsx)(o.Controller,{name:`hours`,control:j,rules:{required:O.hoursRequired},render:({field:e})=>(0,a.jsx)(n.o,{options:m,value:e.value,onValueChange:t=>{e.onChange(t),v?.({...M(),hours:t})},name:e.name,columns:2,invalid:!!R,disabled:I})}),!!R&&(0,a.jsx)(e.o,{size:`xs`,type:`error`,children:R})]}),!!h?.length&&(0,a.jsx)(`section`,{className:u.optional,children:(0,a.jsxs)(t.o,{gap:`md`,children:[(0,a.jsxs)(t.o,{gap:`xs`,children:[(0,a.jsx)(r.t,{children:O.optionsLabel}),(0,a.jsx)(e.o,{size:`xs`,type:`secondary`,children:O.optionsDescription})]}),(0,a.jsx)(o.Controller,{name:`options`,control:j,render:({field:e})=>(0,a.jsx)(n.a,{options:h,value:e.value,onValueChange:t=>{e.onChange(t),v?.({...M(),options:t})},columns:2,disabled:I})})]})})]})}exports.SyncRangeForm=p,exports.defaultSyncRangeFormStrings=l;

package/dist/features/sync.css

@@ -0,0 +1,11 @@
+@import "../core.css";
+@import "../css/sync.css";
+@import "../css/typography.css";
+@import "../css/structure.css";
+@import "../css/choice-inputs.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/buttons.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/label.css";

package/dist/features/sync.js

@@ -0,0 +1,140 @@
+"use client";
+import "../core.css";
+import "../css/sync.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { o as t } from "../typography-vC_wwEBm.js";
+import { o as n } from "../structure-es_UqqmD.js";
+import { a as r, o as i } from "../choice-inputs-B4fseaKf.js";
+import { t as a } from "../label-D4Rzt9vL.js";
+import { useEffect as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Controller as u, useForm as d } from "react-hook-form";
+//#region src/hooks/use-form-errors.ts
+function f(e) {
+	return {
+		getError: (t) => e?.[t],
+		hasError: (t) => e?.[t] !== void 0,
+		formError: e?.server ?? e?.general,
+		hasAnyError: !!e && Object.values(e).some((e) => e !== void 0)
+	};
+}
+//#endregion
+//#region src/components/features/sync/sync.strings.ts
+var p = {
+	hoursLabel: "Sync window",
+	hoursDescription: "How far back the integration should reconcile records.",
+	optionsLabel: "Options",
+	optionsDescription: "Narrow the run when only one record family needs repairing.",
+	hoursRequired: "Choose a sync window."
+}, m = {
+	form: "sync-module__form___J93DT",
+	section: "sync-module__section___ijK-F",
+	optional: "sync-module__optional___heqRe"
+}, h = "24";
+function g(e) {
+	let t = Number(e.hours);
+	if (!Number.isFinite(t)) throw TypeError(`SyncRangeForm cannot read "${e.hours}" as a number of hours. Pass transformSubmit for a non-numeric vocabulary.`);
+	return {
+		hours: t,
+		options: [...e.options]
+	};
+}
+function _({ formId: _, options: v, syncOptions: y, value: b, defaultValue: x, onValueChange: S, transformSubmit: C, onSubmit: w, onError: T, resetKey: E, disabled: D = !1, submitting: O = !1, errors: k, strings: A, className: j }) {
+	let M = {
+		...p,
+		...A
+	}, { getError: N } = f(s(() => Object.fromEntries(Object.entries(k ?? {}).map(([e, t]) => [e, Array.isArray(t) ? t[0] : t])), [k])), P = s(() => ({
+		hours: x?.hours ?? h,
+		options: [...x?.options ?? []]
+	}), [x?.hours, x?.options]), { control: F, getValues: I, handleSubmit: L, reset: R, formState: { isSubmitting: z } } = d({ defaultValues: b ?? P }), B = D || O || z;
+	o(() => {
+		b !== void 0 && R(b);
+	}, [R, b]), o(() => {
+		E !== void 0 && R(b ?? P);
+	}, [
+		P,
+		R,
+		E,
+		b
+	]);
+	let V = async (e) => {
+		try {
+			await w((C ?? g)(e), e);
+		} catch (e) {
+			T?.(e);
+		}
+	}, H = N("hours");
+	return /* @__PURE__ */ l("form", {
+		id: _,
+		onSubmit: L(V),
+		"aria-busy": B || void 0,
+		className: e("sync-range-form--component", m.form, j),
+		children: [/* @__PURE__ */ l("section", {
+			className: m.section,
+			children: [
+				/* @__PURE__ */ l(n, {
+					gap: "xs",
+					children: [/* @__PURE__ */ c(a, { children: M.hoursLabel }), /* @__PURE__ */ c(t, {
+						size: "xs",
+						type: "secondary",
+						children: M.hoursDescription
+					})]
+				}),
+				/* @__PURE__ */ c(u, {
+					name: "hours",
+					control: F,
+					rules: { required: M.hoursRequired },
+					render: ({ field: e }) => /* @__PURE__ */ c(i, {
+						options: v,
+						value: e.value,
+						onValueChange: (t) => {
+							e.onChange(t), S?.({
+								...I(),
+								hours: t
+							});
+						},
+						name: e.name,
+						columns: 2,
+						invalid: !!H,
+						disabled: B
+					})
+				}),
+				!!H && /* @__PURE__ */ c(t, {
+					size: "xs",
+					type: "error",
+					children: H
+				})
+			]
+		}), !!y?.length && /* @__PURE__ */ c("section", {
+			className: m.optional,
+			children: /* @__PURE__ */ l(n, {
+				gap: "md",
+				children: [/* @__PURE__ */ l(n, {
+					gap: "xs",
+					children: [/* @__PURE__ */ c(a, { children: M.optionsLabel }), /* @__PURE__ */ c(t, {
+						size: "xs",
+						type: "secondary",
+						children: M.optionsDescription
+					})]
+				}), /* @__PURE__ */ c(u, {
+					name: "options",
+					control: F,
+					render: ({ field: e }) => /* @__PURE__ */ c(r, {
+						options: y,
+						value: e.value,
+						onValueChange: (t) => {
+							e.onChange(t), S?.({
+								...I(),
+								options: t
+							});
+						},
+						columns: 2,
+						disabled: B
+					})
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { _ as SyncRangeForm, p as defaultSyncRangeFormStrings };

package/dist/features/table.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../table-CETsJblc.cjs");exports.AvatarCell=e.n,exports.CellStack=e.c,exports.CellValue=e.l,exports.ColumnVisibilityToggle=e._,exports.CurrencyCell=e.r,exports.DataTable=e.u,exports.DataTableActions=e.C,exports.DataTableBody=e.y,exports.DataTableHeader=e.v,exports.DataTableToolbar=e.p,exports.DateCell=e.i,exports.DateMetaCell=e.a,exports.FullscreenToggle=e.g,exports.ResourceCell=e.t,exports.StatusCell=e.o,exports.StatusClusterCell=e.s,exports.addSelectionColumn=e.b,exports.defaultDataTableStrings=e.w,exports.getDataTableScrollContainer=e.m,exports.getSelectedRowsData=e.x,exports.mergeDataTableStrings=e.T,exports.resolveCellClassName=e.S,exports.useDataTableScrollState=e.h,exports.useDataTableSize=e.d,exports.useFullscreenTableModality=e.f;

package/dist/features/table.css

@@ -0,0 +1,20 @@
+@import "../core.css";
+@import "../css/table2.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/text-inputs.css";
+@import "../css/table.css";
+@import "../css/avatar.css";
+@import "../css/navigation.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/batch-action-bar.css";
+@import "../css/toolbar.css";

package/dist/features/table.js

@@ -0,0 +1,4 @@
+"use client";
+import "../core.css";
+import { C as e, S as t, T as n, _ as r, a as i, b as a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "../table-DTaGJ0WS.js";
+export { m as AvatarCell, o as CellStack, f as CellValue, r as ColumnVisibilityToggle, _ as CurrencyCell, b as DataTable, e as DataTableActions, w as DataTableBody, x as DataTableHeader, g as DataTableToolbar, d as DateCell, i as DateMetaCell, l as FullscreenToggle, y as ResourceCell, h as StatusCell, v as StatusClusterCell, a as addSelectionColumn, S as defaultDataTableStrings, p as getDataTableScrollContainer, C as getSelectedRowsData, n as mergeDataTableStrings, t as resolveCellClassName, u as useDataTableScrollState, s as useDataTableSize, c as useFullscreenTableModality };

package/dist/features/theme-tweaker.cjs

@@ -0,0 +1,5 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../ui-provider-BS7QPJVb.cjs"),r=require("../buttons-CQc0AVpb.cjs"),i=require("../display-BPuD0OAo.cjs"),a=require("../structure-C4IX5OuO.cjs"),o=require("../primitives-Bcjsjg7A.cjs"),s=require("../badge-CSoXP1oV.cjs"),c=require("../item-BXtuvlig.cjs"),l=require("../forms-v1IKhZJj.cjs"),u=require("../strings-BiKL6k6b.cjs"),d=require("../text-inputs-Dp4Fczk4.cjs"),f=require("../navigation-Zce9nqTO.cjs"),p=require("../choice-inputs-DNcJJXTp.cjs"),m=require("../value-inputs-DA-f9CJK.cjs"),h=require("../accordion-Dw6cjtBX.cjs"),g=require("../dialog-BNVm-pF4.cjs"),ee=require("../forms-numeric-B-LSrgFy.cjs"),te=require("../overlays-SoQf4DDt.cjs"),_=require("../theming-ak8N63kI.cjs");let v=require("lucide-react"),y=require("react"),b=require("react/jsx-runtime"),x=require("clsx");var S={shared:`:root`,light:`:root,
+.light`,dark:`.dark`},C=/^--[a-z][a-z0-9-]*$/i,w=/[;{}]/;function T(e={}){return{mode:e.mode??`light`,shared:{...e.shared??{}},light:{...e.light??{}},dark:{...e.dark??{}}}}function ne(e){return C.test(e)}function E(e,t=!0){return Object.entries(e).filter(e=>typeof e[1]==`string`&&e[1].trim().length>0).flatMap(([e,n])=>{if(!ne(e)){if(!t)return[];throw TypeError(`Invalid CSS variable name: ${e}`)}let r=n.trim(),i=[...r].some(e=>{let t=e.charCodeAt(0);return t<32||t===127});if(w.test(r)||i){if(!t)return[];throw TypeError(`Unsafe CSS value for ${e}.`)}return[[e,r]]}).sort(([e],[t])=>e.localeCompare(t))}function D(e,t){let n=e.trim();if(n.length===0||w.test(n))throw TypeError(`Invalid ${t} theme selector.`);return n}function O(e,t){let n=E(t);return n.length===0?null:[e+` {`,...n.map(([e,t])=>`\t${e}: ${t};`),`}`].join(`
+`)}function k(e,t={}){let n=t.selectors??S,r=[O(D(n.shared,`shared`),e.shared),O(D(n.light,`light`),e.light),O(D(n.dark,`dark`),e.dark)].filter(e=>e!==null),i=t.banner===!1?null:`/* ${t.banner??`Themelia UI theme overrides`} */`;return`${[...i?[i]:[],...r.length>0?r:[`/* No explicit overrides. */`]].join(`
+
+`)}\n`}function A(e={}){let t=n.b(n.x,e),{locale:r,formatRelativeTime:i,...a}=t.dates;return{...t,dates:a}}function re(e={}){let t=A(e);return`import type { UIConfig } from "themelia-ui/ui-provider"\n\nexport const uiConfig = ${JSON.stringify(t,null,`	`)} satisfies UIConfig\n`}function j(e,t=e.mode){return{...e.shared,...e[t]}}function M(e,t=e.mode){return Object.fromEntries(E(j(e,t),!1))}function ie(e){return E(e.shared,!1).length+E(e.light,!1).length+E(e.dark,!1).length}function N(e){let t=D(e,`shared`);return{shared:t,light:`${t},\n${t}.light,\n.light ${t}`,dark:`${t}.dark,\n.dark ${t}`}}function ae(e,t=`theme.css`,n={},r={}){let i=T(r.resolvedTheme??e),a=A(r.providerConfig);return{fileName:t,cssText:k(i,{...n,banner:n.banner??`Themelia UI complete theme`}),overrideCssText:k(e,n),theme:T(e),resolvedTheme:i,overrideCount:ie(e),providerFileName:r.providerFileName??`ui.config.ts`,providerConfig:a,providerConfigText:re(a)}}function oe({fileName:e,text:t,mimeType:n=`text/plain;charset=utf-8`}){if(typeof document>`u`||typeof URL>`u`)throw Error(`Downloading needs a browser document. Pass onExport for other environments.`);let r=URL.createObjectURL(new Blob([t],{type:n})),i=document.createElement(`a`);i.href=r,i.download=e,i.hidden=!0,document.body.append(i),i.click(),i.remove(),URL.revokeObjectURL(r)}function se(e){oe({fileName:e.fileName,text:e.cssText,mimeType:`text/css;charset=utf-8`})}var ce=(0,y.forwardRef)(function({theme:e,mode:t=e.mode,className:n,style:r,children:i,...a},o){return(0,b.jsx)(`div`,{...a,ref:o,"data-theme":t,className:(0,x.clsx)(`theme-scope--component`,t,n),style:{...M(e,t),...r},children:i})}),P={title:`Application defaults`,description:`The display behaviour that ships alongside the exported CSS.`,boundaryTitle:`Mount-once, not live`,boundaryDescription:`These take effect when UIProvider mounts. The CSS variables above preview live; these do not — remount the application root to see them.`,summary:{locale:`Locale`,currency:`Currency`,density:`Density`,textSize:`Text size`},sections:{regional:{title:`Regional formatting`,description:`Locale, dates, and the currency amounts are written in.`},presentation:{title:`Presentation`,description:`Colour scheme, geometry scale, and the default type step.`},money:{title:`Money`,description:`How an amount is written, and whether a second currency shows.`}},labels:{locale:`Locale`,defaultCurrency:`Default currency`,displayCurrency:`Display currency`,moneyFormat:`Money format`,firstDay:`First day of week`,dateFormat:`Date format`,textSize:`Default text size`,density:`Density`,scale:`Geometry scale`,typographyScale:`Type scale`,colorScheme:`Colour scheme`,dualPricing:`Dual pricing`,dualPricingMode:`When the second value shows`,dualPricingLayout:`Layout`,secondaryEmphasis:`Secondary emphasis`},dualPricingDescription:`Show a converted currency beside the primary one.`,displayCurrencyPlaceholder:`Optional`,options:{default:`Default`,light:`Light`,dark:`Dark`,system:`System`,compact:`Compact`,comfortable:`Comfortable`,inherit:`Inherit`,xxs:`XXS`,xs:`XS`,pxs:`PXS`,sm:`SM`,base:`Base`,lg:`LG`,xl:`XL`,decimal:`Decimal`,"with-code":`With code`,"with-symbol":`With symbol`,"primary-only":`Primary only`,dual:`Always`,dynamic:`Only when they differ`,inline:`Inline`,stacked:`Stacked`,discrete:`Discrete`,muted:`Muted`,match:`Match`,hidden:`Hidden`,sunday:`Sunday`,monday:`Monday`,tuesday:`Tuesday`,wednesday:`Wednesday`,thursday:`Thursday`,friday:`Friday`,saturday:`Saturday`}},F={root:`theme-tweaker-module__root___e-O3h`,rootScoped:`theme-tweaker-module__rootScoped___rYQY4`,layout:`theme-tweaker-module__layout___8p3aF`,controls:`theme-tweaker-module__controls___9KKTI`,preview:`theme-tweaker-module__preview___PtajW`,minWidth:`theme-tweaker-module__minWidth___cvSsQ`,layoutWithPreview:`theme-tweaker-module__layoutWithPreview___rgpMU`,toolbar:`theme-tweaker-module__toolbar___FrCtV`,groupList:`theme-tweaker-module__groupList___nONGr`,groupTab:`theme-tweaker-module__groupTab___zZTFe`,groupLabel:`theme-tweaker-module__groupLabel___fEcqc`,fields:`theme-tweaker-module__fields___btYm-`,field:`theme-tweaker-module__field___Sz2vr`,fieldLabel:`theme-tweaker-module__fieldLabel___tjTUs`,controlRow:`theme-tweaker-module__controlRow___pxq9K`,controlInput:`theme-tweaker-module__controlInput___yzoNr`,monoInput:`theme-tweaker-module__monoInput___-pmCy`,numberInput:`theme-tweaker-module__numberInput___sCV48`,empty:`theme-tweaker-module__empty___fo5oM`,providerSettings:`theme-tweaker-module__providerSettings___pCmaA`,settingsGrid:`theme-tweaker-module__settingsGrid___mhn3K`,exportDialog:`theme-tweaker-module__exportDialog___W9OcW`,exportFooter:`theme-tweaker-module__exportFooter___k48VK`,exportBlock:`theme-tweaker-module__exportBlock___4EYdk`,exportBlockHeader:`theme-tweaker-module__exportBlockHeader___jlRWI`,exportCode:`theme-tweaker-module__exportCode___JtpAR`,previewCheck:`theme-tweaker-module__previewCheck___ZR8OQ`},le=[`sunday`,`monday`,`tuesday`,`wednesday`,`thursday`,`friday`,`saturday`];function I(e,t){return e.map(e=>({value:e,label:t.options[e]??e.replaceAll(`-`,` `).replace(/\b\w/g,e=>e.toUpperCase())}))}function ue({config:n,onChange:r,strings:i=P,className:o}){let s=A(n),c=(e,t,n)=>{r({...s,[e]:{...s[e],[t]:n}})},u=(e,t)=>{r({...s,[e]:t})};return(0,b.jsxs)(a.o,{gap:`lg`,className:(0,x.clsx)(`ui-config-settings--component`,F.providerSettings,o),children:[(0,b.jsxs)(a.o,{gap:`xs`,children:[(0,b.jsx)(e.o,{weight:`semibold`,children:i.title}),(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:i.description})]}),(0,b.jsxs)(t.h,{tone:`info`,role:`note`,children:[(0,b.jsx)(v.InfoIcon,{"aria-hidden":!0}),(0,b.jsx)(t.v,{children:i.boundaryTitle}),(0,b.jsx)(t._,{children:i.boundaryDescription}),(0,b.jsx)(t.a,{items:[{label:i.summary.locale,value:s.formatting?.locale??i.options.default},{label:i.summary.currency,value:s.money?.defaultCurrency??i.options.default},{label:i.summary.density,value:i.options[s.density??`default`]??s.density},{label:i.summary.textSize,value:i.options[s.typography?.defaultTextSize??`sm`]??s.typography?.defaultTextSize}]})]}),(0,b.jsx)(h.t,{multiple:!0,defaultValue:[`regional`],surface:`bordered`,media:`none`,items:[{value:`regional`,title:i.sections.regional.title,description:i.sections.regional.description,content:(0,b.jsxs)(`div`,{className:F.settingsGrid,children:[(0,b.jsx)(l.u,{label:i.labels.locale,children:(0,b.jsx)(d.l,{value:s.formatting?.locale??``,onChange:e=>c(`formatting`,`locale`,e.target.value)})}),(0,b.jsx)(l.u,{label:i.labels.firstDay,children:(0,b.jsx)(p.s,{value:String(s.dates?.weekStartsOn??1),options:le.map((e,t)=>({value:String(t),label:i.options[e]??e})),onValueChange:e=>e!==void 0&&c(`dates`,`weekStartsOn`,Number(e))})}),(0,b.jsx)(l.u,{label:i.labels.dateFormat,children:(0,b.jsx)(d.l,{value:s.dates?.format??``,onChange:e=>c(`dates`,`format`,e.target.value),className:F.monoInput})})]})},{value:`presentation`,title:i.sections.presentation.title,description:i.sections.presentation.description,content:(0,b.jsxs)(`div`,{className:F.settingsGrid,children:[(0,b.jsx)(l.u,{label:i.labels.colorScheme,children:(0,b.jsx)(p.s,{value:s.colorScheme,options:I([`light`,`dark`,`system`],i),onValueChange:e=>e!==void 0&&u(`colorScheme`,e)})}),(0,b.jsx)(l.u,{label:i.labels.density,children:(0,b.jsx)(p.s,{value:s.density,options:I([`compact`,`default`,`comfortable`],i),onValueChange:e=>e!==void 0&&u(`density`,e)})}),(0,b.jsx)(l.u,{label:i.labels.textSize,children:(0,b.jsx)(p.s,{value:s.typography?.defaultTextSize,options:I([`inherit`,`xxs`,`xs`,`pxs`,`sm`,`base`,`lg`,`xl`],i),onValueChange:e=>e!==void 0&&c(`typography`,`defaultTextSize`,e)})}),(0,b.jsx)(l.u,{label:i.labels.scale,children:(0,b.jsx)(m.l,{"aria-label":i.labels.scale,value:s.scale??1,min:.75,max:1.35,step:.025,onValueChange:e=>u(`scale`,e)})}),(0,b.jsx)(l.u,{label:i.labels.typographyScale,children:(0,b.jsx)(m.l,{"aria-label":i.labels.typographyScale,value:s.typography?.scale??1,min:.85,max:1.25,step:.025,onValueChange:e=>c(`typography`,`scale`,e)})})]})},{value:`money`,title:i.sections.money.title,description:i.sections.money.description,content:(0,b.jsxs)(`div`,{className:F.settingsGrid,children:[(0,b.jsx)(l.u,{label:i.labels.defaultCurrency,children:(0,b.jsx)(d.l,{value:s.money?.defaultCurrency??``,onChange:e=>c(`money`,`defaultCurrency`,e.target.value.toUpperCase())})}),(0,b.jsx)(l.u,{label:i.labels.displayCurrency,children:(0,b.jsx)(d.l,{value:s.money?.displayCurrency??``,placeholder:i.displayCurrencyPlaceholder,onChange:e=>c(`money`,`displayCurrency`,e.target.value.toUpperCase()||void 0)})}),(0,b.jsx)(l.u,{label:i.labels.moneyFormat,children:(0,b.jsx)(p.s,{value:s.money?.formatMode,options:I([`decimal`,`with-code`,`with-symbol`],i),onValueChange:e=>e!==void 0&&c(`money`,`formatMode`,e)})}),(0,b.jsx)(p.t,{label:i.labels.dualPricing,description:i.dualPricingDescription,value:s.money?.dualPricingEnabled??!1,onValueChange:e=>c(`money`,`dualPricingEnabled`,e)}),(0,b.jsx)(l.u,{label:i.labels.dualPricingMode,children:(0,b.jsx)(p.s,{value:s.money?.displayMode,options:I([`primary-only`,`dual`,`dynamic`],i),onValueChange:e=>e!==void 0&&c(`money`,`displayMode`,e)})}),(0,b.jsx)(l.u,{label:i.labels.dualPricingLayout,children:(0,b.jsx)(p.s,{value:s.money?.layout,options:I([`inline`,`stacked`],i),onValueChange:e=>e!==void 0&&c(`money`,`layout`,e)})})]})}]})]})}var L=`--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(`.`),R=[`--success`,`--success-foreground`,`--info`,`--info-foreground`,`--warning`,`--warning-foreground`,`--warning-accent`,`--link-color`,`--primary-accent`,`--inverse-background`,`--inverse-foreground`,`--inverse-muted`,`--inverse-subtle`,`--inverse-disabled`,`--inverse-surface`,`--inverse-surface-strong`,`--inverse-border`,`--inverse-decoration`],de=[`--overlay-backdrop`],fe=[`--font-heading`,`--font-sans`,`--font-serif`,`--font-mono`],pe=[`xxs`,`xs`,`pxs`,`sm`,`base`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`,`8xl`,`9xl`].flatMap(e=>[`--text-${e}`,`--text-${e}--line-height`]),me=[`--shadow-2xs`,`--shadow-xs`,`--shadow-sm`,`--shadow`,`--shadow-md`,`--shadow-lg`,`--shadow-xl`,`--shadow-2xl`],z=[`--space-scale`,`--density-scale`,`--height-action`,`--height-control`,`--control-x`,`--row-x`,`--row-y`,`--surface-x`,`--surface-y`,`--icon`,`--avatar`,`--shell-header-height`,`--shell-sidebar-width`],B=[`--content-width-sm`,`--content-width-md`,`--content-width-lg`,`--content-width-xl`,`--content-width-2xl`,`--adaptive-grid-min-sm`,`--adaptive-grid-min-md`,`--adaptive-grid-min-lg`],he={"--background":`The page's canvas.`,"--foreground":`Text and icons on the canvas.`,"--primary":`Brand and primary-action colour.`,"--primary-foreground":`Text and icons on a solid primary fill.`,"--muted":`Subdued backgrounds — passive regions, skeletons.`,"--muted-foreground":`Secondary text, metadata, and passive icons.`,"--border":`Dividers, outlines, and surface borders.`,"--ring":`The focus-visible ring.`,"--link-color":`Inline links and copyable values.`,"--overlay-backdrop":`The scrim behind dialogs, sheets, and drawers.`,"--primary-accent":`Brand colour as a FOREGROUND — icons, spinners, active marks.`,"--warning-accent":`Warning colour as a foreground on a tinted warning surface.`,"--radius":`The base corner every other radius derives from.`,"--space-scale":`Multiplies gaps and padding without touching control heights.`,"--density-scale":`Multiplies actions, controls, rows, and everything density-sensitive.`,"--height-action":`Base height for buttons and action triggers.`,"--height-control":`Base height for inputs, selects, and editable controls.`,"--control-x":`Inline inset for actions and form controls.`,"--row-x":`Inline inset shared by collection, menu, command, and table rows.`,"--row-y":`Vertical inset shared by those same rows.`,"--surface-x":`Inline inset for cards, dialogs, panels, and content surfaces.`,"--surface-y":`Vertical inset for those same surfaces.`,"--icon":`Default interface icon size.`,"--avatar":`Default avatar size in ordinary rows and cards.`,"--shell-header-height":`Minimum application-header height.`,"--shell-sidebar-width":`Expanded application-sidebar width.`,"--content-width-lg":`The default readable measure used by Container.`,"--adaptive-grid-min-md":`Default minimum column width used by AdaptiveGrid.`},ge={"--space-scale":`Spacing scale`,"--density-scale":`Density scale`,"--height-action":`Action height`,"--height-control":`Control height`,"--control-x":`Control horizontal padding`,"--row-x":`Row horizontal padding`,"--row-y":`Row vertical padding`,"--surface-x":`Surface horizontal padding`,"--surface-y":`Surface vertical padding`,"--icon":`Interface icon size`,"--avatar":`Default avatar size`,"--shell-header-height":`Header height`,"--shell-sidebar-width":`Sidebar width`,"--content-width-sm":`Small content width`,"--content-width-md":`Medium content width`,"--content-width-lg":`Large content width`,"--content-width-xl":`Extra-large content width`,"--content-width-2xl":`Maximum content width`,"--adaptive-grid-min-sm":`Compact adaptive column`,"--adaptive-grid-min-md":`Default adaptive column`,"--adaptive-grid-min-lg":`Spacious adaptive column`},V={"--radius":{type:`range`,min:0,max:1.5,step:.0625,unit:`rem`,decimalPlaces:4},"--space-scale":{type:`range`,min:.75,max:1.35,step:.025,decimalPlaces:3},"--density-scale":{type:`range`,min:.75,max:1.35,step:.025,decimalPlaces:3},"--height-action":{type:`range`,min:1.5,max:3.5,step:.0625,unit:`rem`,decimalPlaces:4},"--height-control":{type:`range`,min:1.5,max:3.5,step:.0625,unit:`rem`,decimalPlaces:4},"--control-x":{type:`range`,min:.25,max:1.5,step:.0625,unit:`rem`,decimalPlaces:4},"--row-x":{type:`range`,min:.25,max:1.5,step:.0625,unit:`rem`,decimalPlaces:4},"--row-y":{type:`range`,min:.25,max:1.25,step:.0625,unit:`rem`,decimalPlaces:4},"--surface-x":{type:`range`,min:.5,max:2.5,step:.0625,unit:`rem`,decimalPlaces:4},"--surface-y":{type:`range`,min:.5,max:2.5,step:.0625,unit:`rem`,decimalPlaces:4},"--icon":{type:`range`,min:.75,max:2,step:.0625,unit:`rem`,decimalPlaces:4},"--avatar":{type:`range`,min:1.5,max:4,step:.125,unit:`rem`,decimalPlaces:3},"--shell-header-height":{type:`range`,min:3,max:7,step:.125,unit:`rem`,decimalPlaces:3},"--shell-sidebar-width":{type:`range`,min:12,max:24,step:.25,unit:`rem`,decimalPlaces:2},"--content-width-sm":{type:`range`,min:20,max:72,step:1,unit:`rem`,decimalPlaces:0},"--content-width-md":{type:`range`,min:24,max:80,step:1,unit:`rem`,decimalPlaces:0},"--content-width-lg":{type:`range`,min:32,max:96,step:1,unit:`rem`,decimalPlaces:0},"--content-width-xl":{type:`range`,min:40,max:108,step:1,unit:`rem`,decimalPlaces:0},"--content-width-2xl":{type:`range`,min:48,max:120,step:1,unit:`rem`,decimalPlaces:0},"--adaptive-grid-min-sm":{type:`range`,min:8,max:24,step:.5,unit:`rem`,decimalPlaces:1},"--adaptive-grid-min-md":{type:`range`,min:8,max:32,step:.5,unit:`rem`,decimalPlaces:1},"--adaptive-grid-min-lg":{type:`range`,min:12,max:40,step:.5,unit:`rem`,decimalPlaces:1}};function _e(e){return e.replace(/^--/,``).replace(/--/g,` · `).split(`-`).map(e=>e.length<=3?e.toUpperCase():`${e[0]?.toUpperCase()}${e.slice(1)}`).join(` `)}function ve(e,t){return e.startsWith(`--chart-`)?`A categorical series colour. Keep status meaning out of it.`:e.startsWith(`--sidebar-`)?`A sidebar-specific colour.`:e.startsWith(`--inverse-`)?`An explicitly inverse surface or content colour.`:e.endsWith(`-foreground`)?`The foreground paired with the matching fill.`:e.endsWith(`--line-height`)?`Line height for the matching type step.`:e.startsWith(`--text-`)?`Font size for the matching type step.`:e.startsWith(`--font-`)?`Font stack for the matching content role.`:e.startsWith(`--shadow`)?`An elevation step used by surfaces and overlays.`:t===`states`?`A semantic state colour shared by every status surface.`:`A public theme variable used across the kit.`}function H(e,t,n,r,i){return e.map(e=>({name:e,label:ge[e]??_e(e),description:he[e]??ve(e,t),group:t,section:n,scope:r,kind:i,control:V[e]}))}var ye=[...H(L.slice(0,6),`colors`,`surfaces-content`,`mode`,`color`),...H(de,`colors`,`surfaces-content`,`shared`,`color`),...H(L.slice(6,19),`colors`,`brand-actions`,`mode`,`color`),...H(L.slice(19,24),`colors`,`charts`,`mode`,`color`),...H(L.slice(24),`colors`,`sidebar`,`mode`,`color`),...H(R.slice(0,9),`states`,`semantic-feedback`,`mode`,`color`),...H(R.slice(9),`states`,`inverse-surfaces`,`mode`,`color`),...H(fe,`typography`,`font-families`,`shared`,`font`),...H(pe,`typography`,`type-scale`,`shared`,`length`),...H([`--radius`],`shape`,`radius`,`shared`,`length`),...H(me,`shape`,`elevation`,`mode`,`shadow`),...H(z.slice(0,2),`structure`,`global-scales`,`shared`,`number`),...H(z.slice(2,5),`structure`,`actions-controls`,`shared`,`length`),...H(z.slice(5,9),`structure`,`rows-surfaces`,`shared`,`length`),...H(z.slice(9,11),`structure`,`media`,`shared`,`length`),...H(z.slice(11),`structure`,`application-shell`,`shared`,`length`),...H(B.slice(0,5),`structure`,`content-widths`,`shared`,`length`),...H(B.slice(5),`structure`,`adaptive-layout`,`shared`,`length`)],be={title:`Theme tweaker`,description:`Edit the public theme contract, calculate coherent recipes, and export complete CSS plus the display defaults that go with it.`,searchLabel:`Search variables`,searchPlaceholder:`Search by token, label, or purpose…`,searchHint:`Search spans every group, not just the one you are in.`,searchResults:e=>`${e} ${e===1?`result`:`results`}`,allGroups:`All groups`,groupNavigationLabel:`Theme categories`,sharedScope:`Shared`,mixedScope:`Mixed scope`,variableCount:e=>`${e} ${e===1?`variable`:`variables`}`,groupSectionLabel:(e,t)=>`${e} · ${t}`,lightMode:`Light`,darkMode:`Dark`,reset:`Reset overrides`,copy:`Copy CSS`,copyProvider:`Copy config`,export:`Export`,exportPending:`Downloading…`,exportDialogTitle:`Export theme`,exportDialogDescription:`Review, copy, or download the complete CSS theme and the UIProvider configuration that matches it.`,downloadCss:`Download CSS`,downloadProvider:`Download config`,close:`Close`,copiedStatus:`Copied to the clipboard.`,exportedStatus:`File downloaded.`,invalidTheme:`Fix the invalid CSS override before copying or exporting.`,emptySearch:`No public theme variables match this search.`,inheritValue:`Inherits the kit's value`,resetVariable:`Reset variable`,chooseColor:e=>`Choose ${e}`,adjustVariable:e=>`Adjust ${e}`,changedCount:e=>`${e} ${e===1?`override`:`overrides`}`,cssOutputLabel:`Complete theme CSS`,cssOutputDescription:`A standalone contract: every public variable, in both modes, resolved.`,providerOutputLabel:`UIProvider config`,providerOutputDescription:`Mount-once display defaults for the application root.`,autoPalette:`Derive supporting colours`,autoPaletteDescription:`Keep muted, accent, borders, charts, links, and sidebar actions coherent with the primary colour.`,typeRecipeTitle:`Calculated type scale`,typeRecipeDescription:`Generate every font step and line height from one body anchor and one modular ratio.`,baseTypeSize:`Base size`,typeRatio:`Heading ratio`,elevationRecipeTitle:`Calculated elevation`,elevationRecipeDescription:`Generate the whole shadow ladder from one restrained intensity.`,elevationIntensity:`Shadow intensity`,previewTitle:`Semantic preview`,previewDescription:`The same variables drive surfaces, typography, controls, rows, and states.`,previewItemTitle:`Customer workspace`,previewItemDescription:`A long description and an action, at the kit's own rhythm.`,previewFieldLabel:`Workspace name`,previewFieldPlaceholder:`Acme operations`,previewAction:`Save changes`,previewSuccess:`Healthy`,previewWarning:`Review`,previewContract:`CSS variables`,providerSettings:P,groups:{colors:`Colours`,states:`States`,typography:`Typography`,shape:`Shape & elevation`,structure:`Structure`,defaults:`Provider`},groupDescriptions:{colors:`Application surfaces, brand actions, charts, and sidebar colours.`,states:`Semantic feedback and inverse-surface pairs.`,typography:`Font families and the calculated type scale.`,shape:`Corner radius and the elevation ladder.`,structure:`Density, spacing, controls, rows, media, and shell geometry.`,defaults:`Mount-once UIProvider formatting and display defaults.`},sections:{"surfaces-content":`Surfaces & content`,"brand-actions":`Brand & actions`,charts:`Charts`,sidebar:`Sidebar`,"semantic-feedback":`Semantic feedback`,"inverse-surfaces":`Inverse surfaces`,"font-families":`Font families`,"type-scale":`Type scale`,radius:`Radius`,elevation:`Elevation`,"global-scales":`Global scales`,"actions-controls":`Actions & controls`,"rows-surfaces":`Rows & surfaces`,media:`Media`,"application-shell":`Application shell`,"content-widths":`Content widths`,"adaptive-layout":`Adaptive layout`}};function U(e,t){return e===null?null:e===`self`?t.current:e===`document`?typeof document>`u`?null:document.documentElement:typeof e==`function`?e():e}function xe({apply:e,manageModeClass:t,selfRef:n,target:r,theme:i}){(0,y.useEffect)(()=>{if(!e||r===`self`)return;let a=U(r,n);if(!a)return;let o=M(i),s=new Map,c=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)}),a.style.setProperty(e,t),c.set(e,t));let l=a.classList.contains(`light`),u=a.classList.contains(`dark`);return t&&(a.classList.toggle(`light`,i.mode===`light`),a.classList.toggle(`dark`,i.mode===`dark`)),()=>{for(let[e,t]of c){if(a.style.getPropertyValue(e)!==t)continue;let n=s.get(e);n?.value?a.style.setProperty(e,n.value,n.priority):a.style.removeProperty(e)}t&&(a.classList.toggle(`light`,l),a.classList.toggle(`dark`,u))}},[e,t,n,r,i])}var Se=[`colors`,`states`,`typography`,`shape`,`structure`,`defaults`],Ce={colors:(0,b.jsx)(v.PaletteIcon,{}),states:(0,b.jsx)(v.ShieldCheckIcon,{}),typography:(0,b.jsx)(v.TypeIcon,{}),shape:(0,b.jsx)(v.ShapesIcon,{}),structure:(0,b.jsx)(v.LayoutGridIcon,{}),defaults:(0,b.jsx)(v.Settings2Icon,{})};function we(e,t){let n=Number.parseFloat(e);return Number.isFinite(n)?Math.min(t.max,Math.max(t.min,n)):t.min}function Te(e,t){return`${Number(e.toFixed(t.decimalPlaces??3))}${t.unit??``}`}function Ee(e,t){return e===`document`?document.documentElement:e===`self`||e===null?t:typeof e==`function`?e():e??t}function De(e,t){if(typeof document>`u`||typeof window>`u`)return T(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(M(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.length>0))};try{let n=s(`light`),r=s(`dark`),i=new Set(t.filter(e=>e.scope===`shared`).map(e=>e.name));return T({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))),dark:Object.fromEntries(Object.entries(r).filter(([e])=>!i.has(e)))})}finally{for(let e of r){let t=o.get(e);t?.value?n.style.setProperty(e,t.value,t.priority):n.style.removeProperty(e)}n.classList.toggle(`light`,i),n.classList.toggle(`dark`,a)}}function Oe(e,t,n){let r=t.scope===`shared`?`shared`:e.mode,i={...e[r]};return n.trim().length===0?delete i[t.name]:i[t.name]=n,{...e,[r]:i}}function ke({title:t,description:n,code:i,copyLabel:o,downloadLabel:s,downloading:c=!1,onCopy:l,onDownload:u}){let d=(0,y.useId)();return(0,b.jsxs)(`section`,{"aria-labelledby":d,className:F.exportBlock,children:[(0,b.jsxs)(`div`,{className:F.exportBlockHeader,children:[(0,b.jsxs)(a.o,{gap:`2xs`,className:F.minWidth,children:[(0,b.jsx)(e.a,{id:d,level:3,children:t}),(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:n})]}),(0,b.jsxs)(a.o,{direction:`horizontal`,gap:`xs`,align:`center`,wrap:!0,children:[(0,b.jsxs)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,onClick:l,children:[(0,b.jsx)(v.CopyIcon,{}),o]}),(0,b.jsxs)(r.c,{type:`button`,loading:c,onClick:u,children:[(0,b.jsx)(v.DownloadIcon,{}),s]})]})]}),(0,b.jsx)(`pre`,{tabIndex:0,"aria-label":t,className:F.exportCode,children:(0,b.jsx)(`code`,{children:i})})]})}function Ae({field:t,value:n,effectiveValue:i,onChange:s,onReset:c,strings:u}){let f=`theme-variable-${(0,y.useId)().replace(/:/g,``)}`,p=(0,b.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"aria-label":`${u.resetVariable}: ${t.label}`,title:u.resetVariable,disabled:!n,onClick:c,children:(0,b.jsx)(v.RotateCcwIcon,{})}),h=t.placeholder??i??u.inheritValue,g;if(t.kind===`color`)g=(0,b.jsxs)(`div`,{className:F.controlRow,children:[(0,b.jsx)(m.o,{id:f,"aria-label":t.label,value:n,previewValue:n||i||`var(${t.name})`,strings:{picker:u.chooseColor(t.label)},onValueChange:s,placeholder:h,className:F.controlInput}),p]});else if(t.control?.type===`range`){let e=t.control,r=we(n||i,e);g=(0,b.jsxs)(a.o,{gap:`sm`,children:[(0,b.jsx)(m.l,{id:`${f}-slider`,"aria-label":u.adjustVariable(t.label),value:r,min:e.min,max:e.max,step:e.step,onValueChange:t=>s(Te(t,e))}),(0,b.jsxs)(`div`,{className:F.controlRow,children:[(0,b.jsx)(ee.u,{id:f,"aria-label":t.label,value:String(r),decimalPlaces:e.decimalPlaces??3,min:e.min,max:e.max,allowEmpty:!0,normalizeOnBlur:!1,endAdornment:e.unit,onChange:t=>{let n=t.target.value.trim();s(n?`${n}${e.unit??``}`:``)},className:F.numberInput}),p]})]})}else g=(0,b.jsxs)(`div`,{className:F.controlRow,children:[(0,b.jsx)(d.l,{id:f,"aria-label":t.label,value:n,onChange:e=>s(e.target.value),placeholder:h,className:(0,x.clsx)(F.controlInput,F.monoInput)}),p]});return(0,b.jsx)(l.u,{label:(0,b.jsxs)(`span`,{className:F.fieldLabel,children:[(0,b.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`medium`,truncate:!0,children:t.label}),(0,b.jsx)(o.B,{size:`xs`,type:`secondary`,children:t.name})]}),className:F.field,children:g})}function je({strings:e}){return(0,b.jsx)(i.l,{surface:`bordered`,icon:(0,b.jsx)(v.PaletteIcon,{}),title:e.previewTitle,description:e.previewDescription,children:(0,b.jsxs)(a.o,{gap:`lg`,children:[(0,b.jsxs)(a.o,{direction:`horizontal`,gap:`sm`,wrap:!0,children:[(0,b.jsx)(s.t,{tone:`success`,children:e.previewSuccess}),(0,b.jsx)(s.t,{tone:`warning`,children:e.previewWarning}),(0,b.jsx)(s.t,{tone:`neutral`,children:e.previewContract})]}),(0,b.jsxs)(c.t,{surface:`muted`,children:[(0,b.jsx)(c.c,{variant:`icon`,children:(0,b.jsx)(v.PaletteIcon,{})}),(0,b.jsxs)(c.r,{children:[(0,b.jsx)(c.u,{children:e.previewItemTitle}),(0,b.jsx)(c.i,{children:e.previewItemDescription})]}),(0,b.jsx)(v.CheckCircle2Icon,{"aria-hidden":!0,className:F.previewCheck})]}),(0,b.jsx)(l.u,{label:e.previewFieldLabel,children:(0,b.jsx)(d.l,{placeholder:e.previewFieldPlaceholder})}),(0,b.jsx)(r.c,{type:`button`,children:e.previewAction})]})})}var W=(0,y.forwardRef)(function({value:n,defaultValue:o,onValueChange:c,onModeChange:ee,fields:S=ye,target:C=`self`,apply:w=!0,manageModeClass:ne=!0,preview:E,fileName:D=`theme.css`,config:O,defaultConfig:k,onConfigChange:re,providerFileName:j=`ui.config.ts`,showIntro:N=!0,selectors:P,onExport:le,onCopy:I,onReset:L,onError:R,actionsSlot:de,strings:fe,className:pe,...me},z){let B=u.t(be,fe),[he,ge]=(0,y.useState)(()=>T(o)),V=(0,y.useMemo)(()=>n?T(n):he,[he,n]),[_e,ve]=(0,y.useState)(()=>A(k)),H=(0,y.useMemo)(()=>A(O??_e),[O,_e]),[U,we]=(0,y.useState)(`colors`),[Te,W]=(0,y.useState)(``),[Me,Ne]=(0,y.useState)(!0),[Pe,Fe]=(0,y.useState)(16),[Ie,Le]=(0,y.useState)(1.2),[Re,ze]=(0,y.useState)(.8),[Be,G]=(0,y.useState)(`idle`),[Ve,He]=(0,y.useState)(!1),Ue=te.i(),K=(0,y.useRef)(null);(0,y.useImperativeHandle)(z,()=>K.current),xe({apply:w,manageModeClass:ne,selfRef:K,target:C,theme:V});let[q,We]=(0,y.useState)(()=>T(V)),[Ge,Ke]=(0,y.useState)({});(0,y.useEffect)(()=>{if(typeof window>`u`)return;let e=window.setTimeout(()=>{let e=Ee(C,K.current);if(!e)return;let t=window.getComputedStyle(e);Ke(Object.fromEntries(S.map(e=>[e.name,t.getPropertyValue(e.name).trim()]))),We(De(V,S))},0);return()=>window.clearTimeout(e)},[w,S,C,V]);let{artifact:J,error:Y}=(0,y.useMemo)(()=>{try{let e=T({mode:V.mode,shared:{...q.shared,...V.shared},light:{...q.light,...V.light},dark:{...q.dark,...V.dark}});return{artifact:ae(V,D,{selectors:P},{resolvedTheme:e,providerConfig:H,providerFileName:j}),error:null}}catch(e){return{artifact:null,error:e}}},[D,H,j,q,P,V]),qe=J?.cssText??`/* ${B.invalidTheme} */\n`,X=(0,y.useMemo)(()=>ie(V),[V]),Z=Te.trim().toLowerCase(),Je=(0,y.useMemo)(()=>S.filter(e=>Z?[e.name,e.label,e.description].some(e=>e?.toLowerCase().includes(Z)):e.group===U),[S,U,Z]),Q=(0,y.useMemo)(()=>{let e=new Map;for(let t of Je){let n=`${t.group}:${t.section}`,r=e.get(n);r?r.fields.push(t):e.set(n,{group:t.group,section:t.section,fields:[t]})}return[...e.values()]},[Je]),$=e=>{n===void 0&&ge(e),c?.(e),G(`idle`)},Ye=e=>{$({...V,[V.mode]:{...V[V.mode],...e}})},Xe=e=>{$({...V,shared:{...V.shared,...e}})},Ze=e=>{e!==V.mode&&($({...V,mode:e}),ee?.(e))},Qe=async e=>{try{if(I)await I(e);else if(typeof navigator<`u`&&navigator.clipboard)await navigator.clipboard.writeText(e);else throw Error(`No clipboard here. Pass onCopy for this environment.`);G(`copied`)}catch(e){R?.(e)}},$e=async()=>{try{if(Y)throw Y;if(!J)throw Error(B.invalidTheme);He(!0),le?await le(J):se(J),G(`exported`)}catch(e){R?.(e)}finally{He(!1)}},et=()=>{try{if(!J)throw Y??Error(B.invalidTheme);oe({fileName:J.providerFileName,text:J.providerConfigText,mimeType:`text/typescript;charset=utf-8`}),G(`exported`)}catch(e){R?.(e)}},tt=()=>{let e=V;$(T({mode:V.mode})),L?.(e)},nt=Y?B.invalidTheme:Be===`copied`?B.copiedStatus:Be===`exported`?B.exportedStatus:null,rt=U===`colors`?(0,b.jsx)(i.l,{surface:`bordered`,children:(0,b.jsx)(p.t,{label:B.autoPalette,description:B.autoPaletteDescription,value:Me,onValueChange:Ne})}):U===`typography`?(0,b.jsx)(i.l,{surface:`bordered`,title:B.typeRecipeTitle,description:B.typeRecipeDescription,children:(0,b.jsxs)(a.i,{columns:{base:1,sm:2},gap:`md`,children:[(0,b.jsx)(l.u,{label:B.baseTypeSize,children:(0,b.jsx)(m.l,{"aria-label":B.baseTypeSize,value:Pe,min:14,max:20,step:1,onValueChange:e=>{Fe(e),Xe(_.r({baseSize:e,ratio:Ie}))}})}),(0,b.jsx)(l.u,{label:B.typeRatio,children:(0,b.jsx)(m.l,{"aria-label":B.typeRatio,value:Ie,min:1.125,max:1.333,step:.01,onValueChange:e=>{Le(e),Xe(_.r({baseSize:Pe,ratio:e}))}})})]})}):U===`shape`?(0,b.jsx)(i.l,{surface:`bordered`,title:B.elevationRecipeTitle,description:B.elevationRecipeDescription,children:(0,b.jsx)(l.u,{label:B.elevationIntensity,children:(0,b.jsx)(m.l,{"aria-label":B.elevationIntensity,value:Re,min:0,max:1,step:.05,onValueChange:e=>{ze(e),Ye(_.t({intensity:e}))}})})}):null,it=(0,b.jsxs)(`div`,{className:(0,x.clsx)(F.layout,E!==!1&&F.layoutWithPreview),children:[(0,b.jsxs)(`div`,{className:F.controls,children:[(0,b.jsxs)(a.o,{gap:`lg`,children:[N&&(0,b.jsxs)(a.o,{gap:`xs`,children:[(0,b.jsxs)(a.o,{direction:`horizontal`,gap:`sm`,align:`center`,wrap:!0,children:[(0,b.jsx)(e.a,{level:2,children:B.title}),(0,b.jsx)(s.t,{tone:`neutral`,children:B.changedCount(X)})]}),(0,b.jsx)(e.o,{type:`secondary`,children:B.description})]}),(0,b.jsxs)(`div`,{className:F.toolbar,children:[(0,b.jsxs)(a.o,{direction:`horizontal`,gap:`sm`,align:`center`,wrap:!0,children:[(0,b.jsx)(f.h,{value:V.mode,onValueChange:e=>Ze(e),children:(0,b.jsxs)(f.p,{children:[(0,b.jsxs)(f.f,{value:`light`,children:[(0,b.jsx)(v.SunIcon,{}),B.lightMode]}),(0,b.jsxs)(f.f,{value:`dark`,children:[(0,b.jsx)(v.MoonIcon,{}),B.darkMode]})]})}),!N&&(0,b.jsx)(s.t,{tone:`neutral`,children:B.changedCount(X)})]}),(0,b.jsxs)(a.o,{direction:`horizontal`,gap:`xs`,align:`center`,justify:`end`,wrap:!1,children:[(0,b.jsxs)(r.c,{type:`button`,disabled:!!Y,onClick:()=>{G(`idle`),Ue.show()},children:[(0,b.jsx)(v.DownloadIcon,{}),B.export]}),de]})]}),(0,b.jsx)(l.u,{label:(0,b.jsx)(i.d,{children:B.searchLabel}),children:(0,b.jsx)(d.l,{value:Te,onChange:e=>W(e.target.value),placeholder:B.searchPlaceholder,startIcon:v.SearchIcon,clearable:!0,onClear:()=>W(``)})})]}),(0,b.jsxs)(a.o,{gap:`lg`,children:[(0,b.jsx)(`nav`,{"aria-label":B.groupNavigationLabel,children:(0,b.jsx)(f.h,{value:U,onValueChange:e=>{W(``),we(e)},children:(0,b.jsx)(f.p,{className:F.groupList,children:Se.map(t=>(0,b.jsxs)(f.f,{value:t,className:F.groupTab,children:[Ce[t],(0,b.jsx)(e.o,{tag:`span`,size:`inherit`,weight:`medium`,className:F.groupLabel,children:B.groups[t]})]},t))})})}),(0,b.jsxs)(a.o,{gap:`xl`,children:[(0,b.jsxs)(a.o,{gap:`xs`,children:[(0,b.jsxs)(a.o,{direction:`horizontal`,gap:`sm`,align:`center`,wrap:!0,children:[(0,b.jsx)(e.a,{level:3,children:Z?B.allGroups:B.groups[U]}),!!Z&&(0,b.jsx)(s.t,{tone:`neutral`,role:`status`,"aria-live":`polite`,children:B.searchResults(Je.length)})]}),(0,b.jsx)(e.o,{size:`xs`,type:`secondary`,children:Z?B.searchHint:B.groupDescriptions[U]})]}),!Z&&rt,U===`defaults`&&!Z?(0,b.jsx)(ue,{config:H,onChange:e=>{O===void 0&&ve(e),re?.(e),G(`idle`)},strings:B.providerSettings}):Q.length>0?(0,b.jsx)(h.t,{multiple:!0,defaultValue:[`${Q[0].group}:${Q[0].section}`],surface:`bordered`,media:`none`,items:Q.map(e=>{let t=new Set(e.fields.map(e=>e.scope)),n=t.size>1?B.mixedScope:t.has(`shared`)?B.sharedScope:V.mode===`light`?B.lightMode:B.darkMode;return{value:`${e.group}:${e.section}`,title:Z?B.groupSectionLabel(B.groups[e.group],B.sections[e.section]):B.sections[e.section],description:B.variableCount(e.fields.length),badge:(0,b.jsx)(s.t,{tone:`neutral`,children:n}),content:(0,b.jsx)(`div`,{className:F.fields,children:e.fields.map(e=>{let t=e.scope===`shared`?`shared`:V.mode;return(0,b.jsx)(Ae,{field:e,value:V[t][e.name]??``,effectiveValue:Ge[e.name]??``,strings:B,onChange:t=>{if(e.name===`--primary`&&Me&&t.trim()){Ye(_.n({primary:t,mode:V.mode}));return}$(Oe(V,e,t))},onReset:()=>$(Oe(V,e,``))},e.name)})})}})},`${U}:${Z}`):(0,b.jsx)(t.p,{padding:`sm`,title:B.emptySearch,description:!1,className:F.empty})]})]})]}),E!==!1&&(0,b.jsx)(`div`,{className:F.preview,children:E??(0,b.jsx)(je,{strings:B})}),(0,b.jsx)(te.r,{...Ue.overlayProps,title:B.exportDialogTitle,description:B.exportDialogDescription,showCloseButton:!1,showCancel:!1,showConfirm:!1,width:`xl`,surfaceStyle:M(V),className:(0,x.clsx)(F.exportDialog,V.mode),footer:(0,b.jsxs)(`div`,{className:F.exportFooter,children:[(0,b.jsxs)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`ghost`,disabled:X===0,onClick:tt,children:[(0,b.jsx)(v.RotateCcwIcon,{}),B.reset]}),(0,b.jsx)(g.r,{render:(0,b.jsx)(r.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`}),children:B.close})]}),children:(0,b.jsxs)(a.o,{gap:`xl`,children:[(0,b.jsx)(ke,{title:B.cssOutputLabel,description:B.cssOutputDescription,code:qe,copyLabel:B.copy,downloadLabel:Ve?B.exportPending:B.downloadCss,downloading:Ve,onCopy:()=>void Qe(qe),onDownload:()=>void $e()}),(0,b.jsx)(ke,{title:B.providerOutputLabel,description:B.providerOutputDescription,code:J?.providerConfigText??``,copyLabel:B.copyProvider,downloadLabel:B.downloadProvider,onCopy:()=>void Qe(J?.providerConfigText??``),onDownload:et}),!!nt&&(0,b.jsx)(e.o,{tag:`div`,size:`xs`,type:Y?`error`:`secondary`,role:`status`,"aria-live":`polite`,children:nt})]})})]});return C===`self`?(0,b.jsx)(ce,{...me,ref:K,theme:w?V:T({mode:V.mode}),className:(0,x.clsx)(`theme-tweaker--component`,F.root,F.rootScoped,pe),children:it}):(0,b.jsx)(`div`,{...me,ref:K,className:(0,x.clsx)(`theme-tweaker--component`,F.root,pe),children:it})});exports.ThemeScope=ce,exports.ThemeTweaker=W,exports.UIConfigSettings=ue,exports.countThemeOverrides=ie,exports.createScopedThemeSelectors=N,exports.createSerializableUIConfig=A,exports.createTheme=T,exports.createThemeExportArtifact=ae,exports.defaultThemeSelectors=S,exports.defaultThemeTweakerFields=ye,exports.defaultThemeTweakerStrings=be,exports.defaultUIConfigSettingsStrings=P,exports.deriveThemeElevation=_.t,exports.deriveThemePalette=_.n,exports.deriveThemeTypeScale=_.r,exports.downloadTextFile=oe,exports.downloadTheme=se,exports.getActiveThemeOverrides=j,exports.isThemeVariableName=ne,exports.serializeTheme=k,exports.serializeUIConfig=re,exports.themeToStyle=M,exports.useAppliedTheme=xe;

package/dist/features/theme-tweaker.css

@@ -0,0 +1,27 @@
+@import "../core.css";
+@import "../css/theme-tweaker.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/item.css";
+@import "../css/forms.css";
+@import "../css/cards.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/skeleton.css";
+@import "../css/text-inputs.css";
+@import "../css/navigation.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/value-inputs.css";
+@import "../css/date-pickers.css";
+@import "../css/popover.css";
+@import "../css/accordion.css";
+@import "../css/overlay.css";
+@import "../css/forms-numeric.css";
+@import "../css/overlays.css";