@maily-to/ui 2.0.0-beta.1

package/dist/index.cjs

@@ -0,0 +1,765 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let react_compiler_runtime = require("react/compiler-runtime");
+let _base_ui_react_select = require("@base-ui/react/select");
+let react = require("react");
+react = __toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_utils_useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
+let _base_ui_utils_useRefWithInit = require("@base-ui/utils/useRefWithInit");
+let cromia = require("cromia");
+let unit_field = require("unit-field");
+let _maily_to_shared = require("@maily-to/shared");
+//#region src/utils/constants.ts
+const IS_PRODUCTION = process.env.NODE_ENV === "production";
+const MAILY_UI_NAMESPACE = "[Maily UI]";
+//#endregion
+//#region src/components/condition-builder/condition-builder-context.ts
+const ConditionBuilderContext = react.createContext(null);
+function useConditionBuilderContext() {
+	const $ = (0, react_compiler_runtime.c)(1);
+	if ($[0] !== "e76481f4c4a69254449f5d2e778ae7cc8a2a6f071bacb0620046e0945c59f16e") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e76481f4c4a69254449f5d2e778ae7cc8a2a6f071bacb0620046e0945c59f16e";
+	}
+	const context = react.useContext(ConditionBuilderContext);
+	if (!context) throw new Error(`${MAILY_UI_NAMESPACE}: ConditionBuilderContext is missing. ConditionBuilder parts must be placed within <ConditionBuilder.Root>.`);
+	return context;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder-action.tsx
+function ConditionBuilderAction(props) {
+	const $ = (0, react_compiler_runtime.c)(7);
+	if ($[0] !== "d08d32c6deb8aa1f1390c210068c58c5db068c2ac89003430f98be69a506271d") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d08d32c6deb8aa1f1390c210068c58c5db068c2ac89003430f98be69a506271d";
+	}
+	const { action, onActionChange } = useConditionBuilderContext();
+	let t0;
+	if ($[1] !== onActionChange) {
+		t0 = (value) => onActionChange(value ?? "");
+		$[1] = onActionChange;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== action || $[4] !== props || $[5] !== t0) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Root, {
+			value: action,
+			onValueChange: t0,
+			...props
+		});
+		$[3] = action;
+		$[4] = props;
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder-clear.tsx
+function ConditionBuilderClear(props) {
+	const $ = (0, react_compiler_runtime.c)(10);
+	if ($[0] !== "1cac21208af192e735fc4eb5ff2846d8408ce73fb63e320bb1f11766dfeeeb15") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "1cac21208af192e735fc4eb5ff2846d8408ce73fb63e320bb1f11766dfeeeb15";
+	}
+	let onClick;
+	let rest;
+	if ($[1] !== props) {
+		({onClick, ...rest} = props);
+		$[1] = props;
+		$[2] = onClick;
+		$[3] = rest;
+	} else {
+		onClick = $[2];
+		rest = $[3];
+	}
+	const { onClear } = useConditionBuilderContext();
+	let t0;
+	if ($[4] !== onClear || $[5] !== onClick) {
+		t0 = (e) => {
+			onClear();
+			onClick?.(e);
+		};
+		$[4] = onClear;
+		$[5] = onClick;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] !== rest || $[8] !== t0) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			onClick: t0,
+			...rest
+		});
+		$[7] = rest;
+		$[8] = t0;
+		$[9] = t1;
+	} else t1 = $[9];
+	return t1;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder-field.tsx
+function ConditionBuilderField(props) {
+	const $ = (0, react_compiler_runtime.c)(7);
+	if ($[0] !== "65f61e434d3a0487f21c2514a2a46f7bbaec4481e0a4464427eb92d218e125e7") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "65f61e434d3a0487f21c2514a2a46f7bbaec4481e0a4464427eb92d218e125e7";
+	}
+	const { field, onFieldChange } = useConditionBuilderContext();
+	let t0;
+	if ($[1] !== onFieldChange) {
+		t0 = (e) => {
+			onFieldChange(e.target.value);
+		};
+		$[1] = onFieldChange;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== field || $[4] !== props || $[5] !== t0) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "text",
+			value: field,
+			onChange: t0,
+			...props
+		});
+		$[3] = field;
+		$[4] = props;
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder-operator.tsx
+function ConditionBuilderOperator(props) {
+	const $ = (0, react_compiler_runtime.c)(7);
+	if ($[0] !== "15848c6c9f1237d887542146d4edef17bb30af01879a62b9f92afa55c2258423") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "15848c6c9f1237d887542146d4edef17bb30af01879a62b9f92afa55c2258423";
+	}
+	const { operator, onOperatorChange } = useConditionBuilderContext();
+	let t0;
+	if ($[1] !== onOperatorChange) {
+		t0 = (value) => {
+			if (value !== null) onOperatorChange(value);
+		};
+		$[1] = onOperatorChange;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== operator || $[4] !== props || $[5] !== t0) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Root, {
+			value: operator,
+			onValueChange: t0,
+			...props
+		});
+		$[3] = operator;
+		$[4] = props;
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder-root.tsx
+function ConditionBuilderRoot(props) {
+	const $ = (0, react_compiler_runtime.c)(29);
+	if ($[0] !== "649d0ac393f7051629f9e59097fe01b98ab390ea8389852e2f7b4463784a88a1") {
+		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "649d0ac393f7051629f9e59097fe01b98ab390ea8389852e2f7b4463784a88a1";
+	}
+	let action;
+	let field;
+	let onActionChange;
+	let onClear;
+	let onFieldChange;
+	let onOperatorChange;
+	let onValueChange;
+	let operator;
+	let operatorNeedsValue;
+	let rest;
+	let value;
+	if ($[1] !== props) {
+		({action, field, operator, value, onActionChange, onFieldChange, onOperatorChange, onValueChange, onClear, operatorNeedsValue, ...rest} = props);
+		$[1] = props;
+		$[2] = action;
+		$[3] = field;
+		$[4] = onActionChange;
+		$[5] = onClear;
+		$[6] = onFieldChange;
+		$[7] = onOperatorChange;
+		$[8] = onValueChange;
+		$[9] = operator;
+		$[10] = operatorNeedsValue;
+		$[11] = rest;
+		$[12] = value;
+	} else {
+		action = $[2];
+		field = $[3];
+		onActionChange = $[4];
+		onClear = $[5];
+		onFieldChange = $[6];
+		onOperatorChange = $[7];
+		onValueChange = $[8];
+		operator = $[9];
+		operatorNeedsValue = $[10];
+		rest = $[11];
+		value = $[12];
+	}
+	let t0;
+	if ($[13] !== action || $[14] !== field || $[15] !== onActionChange || $[16] !== onClear || $[17] !== onFieldChange || $[18] !== onOperatorChange || $[19] !== onValueChange || $[20] !== operator || $[21] !== operatorNeedsValue || $[22] !== value) {
+		t0 = {
+			action,
+			field,
+			operator,
+			value,
+			onActionChange,
+			onFieldChange,
+			onOperatorChange,
+			onValueChange,
+			onClear,
+			operatorNeedsValue
+		};
+		$[13] = action;
+		$[14] = field;
+		$[15] = onActionChange;
+		$[16] = onClear;
+		$[17] = onFieldChange;
+		$[18] = onOperatorChange;
+		$[19] = onValueChange;
+		$[20] = operator;
+		$[21] = operatorNeedsValue;
+		$[22] = value;
+		$[23] = t0;
+	} else t0 = $[23];
+	const contextValue = t0;
+	let t1;
+	if ($[24] !== rest) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...rest });
+		$[24] = rest;
+		$[25] = t1;
+	} else t1 = $[25];
+	let t2;
+	if ($[26] !== contextValue || $[27] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConditionBuilderContext.Provider, {
+			value: contextValue,
+			children: t1
+		});
+		$[26] = contextValue;
+		$[27] = t1;
+		$[28] = t2;
+	} else t2 = $[28];
+	return t2;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder-value.tsx
+function ConditionBuilderValue(props) {
+	const $ = (0, react_compiler_runtime.c)(7);
+	if ($[0] !== "1c5d05cf80ecce6330f24480958c46cee1972d2dfa0a2e4f81cbb686dc4a7c53") {
+		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "1c5d05cf80ecce6330f24480958c46cee1972d2dfa0a2e4f81cbb686dc4a7c53";
+	}
+	const { value, onValueChange, operatorNeedsValue } = useConditionBuilderContext();
+	if (!operatorNeedsValue) return null;
+	let t0;
+	if ($[1] !== onValueChange) {
+		t0 = (e) => {
+			onValueChange(e.target.value);
+		};
+		$[1] = onValueChange;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== props || $[4] !== t0 || $[5] !== value) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "text",
+			value,
+			onChange: t0,
+			...props
+		});
+		$[3] = props;
+		$[4] = t0;
+		$[5] = value;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
+}
+//#endregion
+//#region src/components/condition-builder/condition-builder.tsx
+var condition_builder_exports = /* @__PURE__ */ __exportAll({
+	ActionSelect: () => ConditionBuilderAction,
+	ClearButton: () => ConditionBuilderClear,
+	FieldInput: () => ConditionBuilderField,
+	OperatorSelect: () => ConditionBuilderOperator,
+	Root: () => ConditionBuilderRoot,
+	ValueInput: () => ConditionBuilderValue
+});
+//#endregion
+//#region src/hooks/use-maily-id.ts
+function useMailyId() {
+	const $ = (0, react_compiler_runtime.c)(1);
+	if ($[0] !== "e7fd377d7fd34be0a00159a2f30a6e7d07845a4be5f247194f973aa13ceb0754") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e7fd377d7fd34be0a00159a2f30a6e7d07845a4be5f247194f973aa13ceb0754";
+	}
+	return `mly:${(0, react.useId)()}`;
+}
+//#endregion
+//#region src/hooks/use-merge-refs.ts
+/**
+* This is a copy of the useMergeRefs hook from floating-ui.
+* @see https://floating-ui.com/docs/react-utils#usemergerefs
+*/
+function useMergeRefs(refs) {
+	const cleanupRef = react.useRef(void 0);
+	const refEffect = react.useCallback((instance) => {
+		const cleanups = refs.map((ref) => {
+			if (ref == null) return;
+			if (typeof ref === "function") {
+				const refCallback = ref;
+				const refCleanup = refCallback(instance);
+				return typeof refCleanup === "function" ? refCleanup : () => {
+					refCallback(null);
+				};
+			}
+			ref.current = instance;
+			return () => {
+				ref.current = null;
+			};
+		});
+		return () => {
+			cleanups.forEach((refCleanup_0) => refCleanup_0?.());
+		};
+	}, refs);
+	return react.useMemo(() => {
+		if (refs.every((ref_0) => ref_0 == null)) return null;
+		return (value) => {
+			if (cleanupRef.current) {
+				cleanupRef.current();
+				cleanupRef.current = void 0;
+			}
+			if (value != null) cleanupRef.current = refEffect(value);
+		};
+	}, refs);
+}
+//#endregion
+//#region src/hooks/use-value-as-ref.ts
+/**
+* Untracks the provided value by turning it into a ref to remove its reactivity.
+*
+* Used to access the passed value inside `React.useEffect` without causing the effect to re-run when the value changes.
+*/
+function useValueAsRef(value) {
+	const latest = (0, _base_ui_utils_useRefWithInit.useRefWithInit)(createLatestRef, value).current;
+	latest.next = value;
+	(0, _base_ui_utils_useIsoLayoutEffect.useIsoLayoutEffect)(latest.effect);
+	return latest;
+}
+function createLatestRef(value) {
+	const latest = {
+		current: value,
+		next: value,
+		effect: () => {
+			latest.current = latest.next;
+		}
+	};
+	return latest;
+}
+//#endregion
+//#region src/components/settings-field/settings-field-group.tsx
+function SettingsFieldGroup(props) {
+	const $ = (0, react_compiler_runtime.c)(3);
+	if ($[0] !== "f96beb346c18d66db1b9baf6b0e37f2dbf899325731ea0fa32d4085bd0d732da") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "f96beb346c18d66db1b9baf6b0e37f2dbf899325731ea0fa32d4085bd0d732da";
+	}
+	let t0;
+	if ($[1] !== props) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			role: "group",
+			...props
+		});
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+//#endregion
+//#region src/components/settings-field/settings-field-context.ts
+const SettingsFieldContext = react.createContext(null);
+function useSettingsFieldContext() {
+	const $ = (0, react_compiler_runtime.c)(1);
+	if ($[0] !== "c84888ed2e059806fa71c02f8df78e10d3bf08d4aff8faf09195ea9acca93d57") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c84888ed2e059806fa71c02f8df78e10d3bf08d4aff8faf09195ea9acca93d57";
+	}
+	const context = react.useContext(SettingsFieldContext);
+	if (!context) throw new Error(`${MAILY_UI_NAMESPACE}: SettingsFieldContext is missing. SettingsField parts must be placed within <SettingsField.Root>.`);
+	return context;
+}
+//#endregion
+//#region src/components/settings-field/settings-field-label.tsx
+function SettingsFieldLabel(props) {
+	const $ = (0, react_compiler_runtime.c)(4);
+	if ($[0] !== "48addfe6a95d4090f4a39453e7afdeeb9b6a7e37fb38efeb94d80ff9d4b55268") {
+		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "48addfe6a95d4090f4a39453e7afdeeb9b6a7e37fb38efeb94d80ff9d4b55268";
+	}
+	const { id } = useSettingsFieldContext();
+	let t0;
+	if ($[1] !== id || $[2] !== props) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+			htmlFor: id,
+			...props
+		});
+		$[1] = id;
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
+}
+//#endregion
+//#region src/components/settings-field/settings-field-root.tsx
+function SettingsFieldRoot(props) {
+	const $ = (0, react_compiler_runtime.c)(8);
+	if ($[0] !== "e5a6123141e99863c76c6fad5e55fa860ed5c64951b70fb03c026a46051fb07a") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e5a6123141e99863c76c6fad5e55fa860ed5c64951b70fb03c026a46051fb07a";
+	}
+	const id = useMailyId();
+	let t0;
+	if ($[1] !== id) {
+		t0 = { id };
+		$[1] = id;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== props) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { ...props });
+		$[3] = props;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== t0 || $[6] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsFieldContext, {
+			value: t0,
+			children: t1
+		});
+		$[5] = t0;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+//#endregion
+//#region src/components/settings-field/settings-field.ts
+var settings_field_exports = /* @__PURE__ */ __exportAll({
+	Group: () => SettingsFieldGroup,
+	Label: () => SettingsFieldLabel,
+	Root: () => SettingsFieldRoot
+});
+//#endregion
+//#region src/components/theme-settings/theme-settings-context.ts
+const ThemeSettingsContext = react.createContext(null);
+function useThemeSettingsContext() {
+	const $ = (0, react_compiler_runtime.c)(1);
+	if ($[0] !== "eb1d74541f2031116105c69fff970eb42461a996a1574647a03a15305ea130c6") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "eb1d74541f2031116105c69fff970eb42461a996a1574647a03a15305ea130c6";
+	}
+	const context = react.useContext(ThemeSettingsContext);
+	if (!context) throw new Error(`${MAILY_UI_NAMESPACE}: ThemeSettingsContext is missing. ThemeSettings parts must be placed within <ThemeSettings.Root>.`);
+	return context;
+}
+//#endregion
+//#region src/components/theme-settings/theme-settings-root.tsx
+function ThemeSettingsRoot(props) {
+	const $ = (0, react_compiler_runtime.c)(10);
+	if ($[0] !== "a184ea6f1dfc48722d8fdc9a8f09a5524a071912e4aa8ae645cda9b7e57ec275") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a184ea6f1dfc48722d8fdc9a8f09a5524a071912e4aa8ae645cda9b7e57ec275";
+	}
+	let ref;
+	let rest;
+	if ($[1] !== props) {
+		({ref, ...rest} = props);
+		$[1] = props;
+		$[2] = ref;
+		$[3] = rest;
+	} else {
+		ref = $[2];
+		rest = $[3];
+	}
+	const internalRef = react.useRef(null);
+	let t0;
+	if ($[4] !== ref) {
+		t0 = [ref, internalRef];
+		$[4] = ref;
+		$[5] = t0;
+	} else t0 = $[5];
+	const mergedRef = useMergeRefs(t0);
+	let t1;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { container: internalRef };
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== mergedRef || $[8] !== rest) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeSettingsContext, {
+			value: t1,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: mergedRef,
+				...rest
+			})
+		});
+		$[7] = mergedRef;
+		$[8] = rest;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+//#endregion
+//#region src/components/theme-settings/theme-settings.ts
+var theme_settings_exports = /* @__PURE__ */ __exportAll({ Root: () => ThemeSettingsRoot });
+//#endregion
+//#region src/hooks/use-controllable-state.ts
+function useControllableState(options) {
+	const $ = (0, react_compiler_runtime.c)(6);
+	if ($[0] !== "9bf1fd7f815733e7696973745a8e997c6a7ca8f6801b793ddbbf659dec25e82e") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9bf1fd7f815733e7696973745a8e997c6a7ca8f6801b793ddbbf659dec25e82e";
+	}
+	const { value: controlledValue, defaultValue, onChange } = options;
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const resolvedValue = controlledValue ?? uncontrolledValue;
+	let t0;
+	if ($[1] !== onChange) {
+		t0 = (next) => {
+			onChange?.(next);
+			setUncontrolledValue(next);
+		};
+		$[1] = onChange;
+		$[2] = t0;
+	} else t0 = $[2];
+	const setValue = t0;
+	let t1;
+	if ($[3] !== resolvedValue || $[4] !== setValue) {
+		t1 = [resolvedValue, setValue];
+		$[3] = resolvedValue;
+		$[4] = setValue;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/components/theme-provider/theme-context.ts
+const ThemeContext = react.createContext(null);
+function useThemeContext() {
+	const $ = (0, react_compiler_runtime.c)(1);
+	if ($[0] !== "155eb7018b255df057ebd1e9085e5555bc8dfdc5f9388a942a2a74ca7af39d00") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "155eb7018b255df057ebd1e9085e5555bc8dfdc5f9388a942a2a74ca7af39d00";
+	}
+	const context = react.useContext(ThemeContext);
+	if (!context) throw new Error(`${MAILY_UI_NAMESPACE}: ThemeContext is missing. Components must be placed within <ThemeProvider>.`);
+	return context;
+}
+//#endregion
+//#region src/components/theme-provider/theme-provider.tsx
+function ThemeProvider(props) {
+	const $ = (0, react_compiler_runtime.c)(11);
+	if ($[0] !== "4f864dcbb81a5f52bfb68ee984a4dafc7dc65a65b65f9581109b135fd829c1bf") {
+		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "4f864dcbb81a5f52bfb68ee984a4dafc7dc65a65b65f9581109b135fd829c1bf";
+	}
+	const { theme: themeProp, defaultTheme, onThemeChange, children } = props;
+	const t0 = defaultTheme ?? _maily_to_shared.DEFAULT_EDITOR_THEME;
+	let t1;
+	if ($[1] !== onThemeChange || $[2] !== t0 || $[3] !== themeProp) {
+		t1 = {
+			value: themeProp,
+			defaultValue: t0,
+			onChange: onThemeChange
+		};
+		$[1] = onThemeChange;
+		$[2] = t0;
+		$[3] = themeProp;
+		$[4] = t1;
+	} else t1 = $[4];
+	const [theme, setTheme] = useControllableState(t1);
+	let t2;
+	if ($[5] !== setTheme || $[6] !== theme) {
+		t2 = {
+			theme,
+			setTheme
+		};
+		$[5] = setTheme;
+		$[6] = theme;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== children || $[9] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext, {
+			value: t2,
+			children
+		});
+		$[8] = children;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+//#endregion
+//#region src/hooks/use-theme.ts
+function useTheme() {
+	const $ = (0, react_compiler_runtime.c)(9);
+	if ($[0] !== "39e18c05e947e7b0928d17dadfbaca742c7fac0d68c52e61e21562ce30eb7bb7") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "39e18c05e947e7b0928d17dadfbaca742c7fac0d68c52e61e21562ce30eb7bb7";
+	}
+	const { theme: rawTheme, setTheme } = useThemeContext();
+	let t0;
+	if ($[1] !== rawTheme) {
+		t0 = (0, _maily_to_shared.deepMerge)(_maily_to_shared.DEFAULT_EDITOR_THEME, rawTheme);
+		$[1] = rawTheme;
+		$[2] = t0;
+	} else t0 = $[2];
+	const theme = t0;
+	let t1;
+	if ($[3] !== rawTheme || $[4] !== setTheme) {
+		t1 = (updater) => {
+			if (typeof updater === "function") {
+				setTheme(updater(rawTheme));
+				return;
+			}
+			setTheme((0, _maily_to_shared.deepMerge)(rawTheme, updater));
+		};
+		$[3] = rawTheme;
+		$[4] = setTheme;
+		$[5] = t1;
+	} else t1 = $[5];
+	const updateTheme = t1;
+	let t2;
+	if ($[6] !== theme || $[7] !== updateTheme) {
+		t2 = {
+			theme,
+			updateTheme
+		};
+		$[6] = theme;
+		$[7] = updateTheme;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+}
+//#endregion
+//#region src/utils/composite.ts
+const ARROW_UP = "ArrowUp";
+const ARROW_DOWN = "ArrowDown";
+const ARROW_LEFT = "ArrowLeft";
+const ARROW_RIGHT = "ArrowRight";
+const HOME = "Home";
+const END = "End";
+const PAGE_UP = "PageUp";
+const PAGE_DOWN = "PageDown";
+const SHIFT = "Shift";
+const ENTER = "Enter";
+const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);
+const HORIZONTAL_KEYS_WITH_EXTRA_KEYS = new Set([
+	ARROW_LEFT,
+	ARROW_RIGHT,
+	HOME,
+	"End"
+]);
+const COMPOSITE_KEYS = new Set([
+	ARROW_UP,
+	ARROW_DOWN,
+	ARROW_LEFT,
+	ARROW_RIGHT,
+	HOME,
+	"End"
+]);
+//#endregion
+exports.ARROW_DOWN = ARROW_DOWN;
+exports.ARROW_LEFT = ARROW_LEFT;
+exports.ARROW_RIGHT = ARROW_RIGHT;
+exports.ARROW_UP = ARROW_UP;
+exports.COMPOSITE_KEYS = COMPOSITE_KEYS;
+Object.defineProperty(exports, "ColorPicker", {
+	enumerable: true,
+	get: function() {
+		return cromia.ColorPicker;
+	}
+});
+Object.defineProperty(exports, "ConditionBuilder", {
+	enumerable: true,
+	get: function() {
+		return condition_builder_exports;
+	}
+});
+exports.END = END;
+exports.ENTER = ENTER;
+exports.HOME = HOME;
+exports.HORIZONTAL_KEYS = HORIZONTAL_KEYS;
+exports.HORIZONTAL_KEYS_WITH_EXTRA_KEYS = HORIZONTAL_KEYS_WITH_EXTRA_KEYS;
+exports.IS_PRODUCTION = IS_PRODUCTION;
+exports.MAILY_UI_NAMESPACE = MAILY_UI_NAMESPACE;
+exports.PAGE_DOWN = PAGE_DOWN;
+exports.PAGE_UP = PAGE_UP;
+exports.SHIFT = SHIFT;
+Object.defineProperty(exports, "SettingsField", {
+	enumerable: true,
+	get: function() {
+		return settings_field_exports;
+	}
+});
+exports.ThemeProvider = ThemeProvider;
+Object.defineProperty(exports, "ThemeSettings", {
+	enumerable: true,
+	get: function() {
+		return theme_settings_exports;
+	}
+});
+Object.defineProperty(exports, "UnitField", {
+	enumerable: true,
+	get: function() {
+		return unit_field.UnitField;
+	}
+});
+exports.useMailyId = useMailyId;
+exports.useMergeRefs = useMergeRefs;
+exports.useSettingsFieldContext = useSettingsFieldContext;
+exports.useTheme = useTheme;
+exports.useThemeContext = useThemeContext;
+exports.useThemeSettingsContext = useThemeSettingsContext;
+exports.useValueAsRef = useValueAsRef;