@maily-to/ui 2.0.0-beta.1

package/dist/index.mjs

@@ -0,0 +1,684 @@
+import { t as __exportAll } from "./chunk-CfYAbeIz.mjs";
+import { c } from "react/compiler-runtime";
+import { Select } from "@base-ui/react/select";
+import * as React from "react";
+import { useId, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useIsoLayoutEffect } from "@base-ui/utils/useIsoLayoutEffect";
+import { useRefWithInit } from "@base-ui/utils/useRefWithInit";
+import { ColorPicker } from "cromia";
+import { UnitField } from "unit-field";
+import { DEFAULT_EDITOR_THEME, deepMerge } from "@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 $ = 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 $ = 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__ */ jsx(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 $ = 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__ */ 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 $ = 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__ */ 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 $ = 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__ */ jsx(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 $ = 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__ */ jsx("div", { ...rest });
+		$[24] = rest;
+		$[25] = t1;
+	} else t1 = $[25];
+	let t2;
+	if ($[26] !== contextValue || $[27] !== t1) {
+		t2 = /* @__PURE__ */ 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 $ = 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__ */ 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 $ = c(1);
+	if ($[0] !== "e7fd377d7fd34be0a00159a2f30a6e7d07845a4be5f247194f973aa13ceb0754") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "e7fd377d7fd34be0a00159a2f30a6e7d07845a4be5f247194f973aa13ceb0754";
+	}
+	return `mly:${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 = useRefWithInit(createLatestRef, value).current;
+	latest.next = value;
+	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 $ = 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__ */ 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 $ = 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 $ = 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__ */ 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 $ = 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__ */ jsx("div", { ...props });
+		$[3] = props;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== t0 || $[6] !== t1) {
+		t2 = /* @__PURE__ */ 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 $ = 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 $ = 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__ */ jsx(ThemeSettingsContext, {
+			value: t1,
+			children: /* @__PURE__ */ 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 $ = 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] = 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 $ = 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 $ = 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 ?? 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__ */ 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 $ = 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 = deepMerge(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(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
+export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, COMPOSITE_KEYS, ColorPicker, condition_builder_exports as ConditionBuilder, END, ENTER, HOME, HORIZONTAL_KEYS, HORIZONTAL_KEYS_WITH_EXTRA_KEYS, IS_PRODUCTION, MAILY_UI_NAMESPACE, PAGE_DOWN, PAGE_UP, SHIFT, settings_field_exports as SettingsField, ThemeProvider, theme_settings_exports as ThemeSettings, UnitField, useMailyId, useMergeRefs, useSettingsFieldContext, useTheme, useThemeContext, useThemeSettingsContext, useValueAsRef };
+
+//# sourceMappingURL=index.mjs.map