@mailstep/design-system 0.8.24 → 0.8.26-beta.0

package/ui/index587.es.js

@@ -0,0 +1,185 @@
+import { th as e } from "./index4.es.js";
+//#region packages/ui/Elements/Select/themes/selectStyles.ts
+var t = {
+	control: (e, { selectProps: t, theme: n, isFocused: r, isDisabled: i }) => {
+		let a = n.colors;
+		return {
+			...e,
+			borderColor: t.isInvalid ? a.primary : r ? a.inputTextColor : a.inputBorderColor,
+			backgroundColor: i ? a.menuHoverBackgroundColor : a.whiteBackgroundColor,
+			boxShadow: n.focusBoxShadow,
+			borderRadius: n.borderRadius,
+			"& input": {
+				fontWeight: n.textWeightNormal,
+				fontFamily: n.font
+			},
+			"&:hover": {
+				...e["&:hover"] ?? {},
+				borderColor: a.inputBorderHoverColor
+			},
+			fontSize: "14px",
+			minWidth: "min-content",
+			".inputIcon": { color: i ? a.defaultControlColor : t.value ? a.inputTextColor : a.defaultControlColor }
+		};
+	},
+	valueContainer: (e, { theme: t }) => ({
+		...e,
+		width: "50px",
+		paddingLeft: "7px",
+		flexWrap: t.flexWrap
+	}),
+	singleValue: (e, { selectProps: t, theme: n, isDisabled: r }) => ({
+		...e,
+		position: "absolute",
+		top: "50%",
+		transform: "translateY(-50%)",
+		color: t.isInvalid ? n.colors.primary : r ? n.colors.disabledTextColor : n.colors.inputTextColor,
+		fontSize: "14px",
+		fontWeight: n.textWeightNormal
+	}),
+	multiValue: (e, t) => {
+		let { theme: n } = t;
+		return {
+			...e,
+			color: n.colors.inputTextColor,
+			fontWeight: n.textWeightNormal,
+			backgroundColor: "#E7EBEF",
+			borderRadius: "4px",
+			"& svg": { color: n.colors.inputTextColor },
+			" > div": { fontSize: "12px" }
+		};
+	},
+	multiValueLabel: (e) => ({
+		...e,
+		fontSize: "unset",
+		padding: "5px"
+	}),
+	multiValueRemove: (e, { theme: t }) => ({
+		...e,
+		color: t.colors.inputBorderColor
+	}),
+	placeholder: (e, t) => {
+		let { theme: n, selectProps: r } = t;
+		return {
+			...e,
+			fontSize: "14px",
+			fontWeight: n.textWeightNormal,
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			maxWidth: "calc(100% - 8px)",
+			color: r.isDarkPlaceholderText ? n.colors.inputTextColor : n.colors.placeholderTextColor
+		};
+	},
+	loadingMessage: (e, { theme: t }) => ({
+		...e,
+		color: t.colors.optionTextColor
+	}),
+	noOptionsMessage: (e, { theme: t }) => ({
+		...e,
+		color: t.colors.optionTextColor
+	}),
+	input: (e, { theme: t }) => ({
+		...e,
+		color: t.colors.inputTextColor
+	}),
+	option: (t, { isSelected: n, theme: r, isDisabled: i, selectProps: a }) => {
+		let o = r.colors.optionTextColor;
+		return {
+			color: n ? r.colors.primary : o,
+			backgroundColor: n ? r.colors.activeOptionBackground : void 0,
+			fontWeight: r.textWeightNormal,
+			fontSize: "14px",
+			cursor: i ? "default" : "pointer",
+			display: "flex",
+			flexDirection: "row",
+			alignItems: "center",
+			padding: "7px 10px",
+			minHeight: "36px",
+			marginRight: "4px",
+			marginBottom: "2px",
+			lineHeight: "22px",
+			borderRadius: e.radius("ml")({ theme: a?.systemTheme }),
+			"&:hover": { backgroundColor: n ? r.colors.hoverToActiveOptionBackground : i ? void 0 : r.colors.menuHoverBackgroundColor }
+		};
+	},
+	menu: (e, t) => {
+		let { theme: n } = t;
+		return {
+			...e,
+			boxShadow: "0 2px 20px 0 rgba(0, 0, 0, 0.10);",
+			marginTop: "4px",
+			paddingTop: "0",
+			borderRadius: "10px",
+			zIndex: 3,
+			minWidth: "max-content",
+			backgroundColor: n.colors.whiteBackgroundColor
+		};
+	},
+	menuList: (e, { theme: t }) => ({
+		...e,
+		margin: "8px 4px 8px 8px",
+		"::-webkit-scrollbar-thumb": {
+			border: "none",
+			borderRadius: "4px",
+			height: "47px",
+			backgroundColor: t.colors.defaultControlColor,
+			"&:hover": { backgroundColor: t.colors.dropdownIndicatorColor }
+		},
+		"::-webkit-scrollbar": { width: "10px" },
+		"::-webkit-scrollbar-track": {
+			backgroundColor: t.colors.menuHoverBackgroundColor,
+			borderRadius: "6px"
+		}
+	}),
+	dropdownIndicator: (e) => ({
+		...e,
+		justifyContent: "center",
+		alignItems: "center",
+		padding: "0px 7px 0px 0px"
+	}),
+	clearIndicator: (e, t) => {
+		let { theme: n, selectProps: r } = t;
+		return {
+			...e,
+			justifyContent: "center",
+			alignItems: "center",
+			padding: n.narrowIndicators && r.containerVariant !== "search" ? "0px" : "0px 4px",
+			color: n.colors.clearIndicatorColor,
+			cursor: "pointer"
+		};
+	},
+	indicatorSeparator: () => ({ display: "none" })
+}, n = (t, n, r) => {
+	let i = e.color("blue2")({ theme: t }), a = {
+		primary: e.color("red1")({ theme: t }),
+		inputTextColor: i,
+		whiteBackgroundColor: e.color("white")({ theme: t }),
+		optionTextColor: e.color("blue2")({ theme: t }),
+		menuHoverBackgroundColor: e.color("bgLightGray1")({ theme: t }),
+		inputDisabledColor: e.color("lightGray1")({ theme: t }),
+		inputBorderColor: e.color("lightGray3")({ theme: t }),
+		placeholderTextColor: e.color("lightGray3")({ theme: t }),
+		clearIndicatorColor: e.color("lightGray4")({ theme: t }),
+		defaultControlColor: e.color("lightGray5")({ theme: t }),
+		disabledTextColor: e.color("lightGray6")({ theme: t }),
+		dropdownIndicatorColor: e.color("gray1")({ theme: t }),
+		inputBorderHoverColor: e.color("gray5")({ theme: t }),
+		activeOptionBackground: e.color("red20")({ theme: t }),
+		hoverToActiveOptionBackground: e.color("red30")({ theme: t })
+	};
+	return (i) => ({
+		...i,
+		colors: a,
+		focusBoxShadow: null,
+		height: "38px",
+		flexWrap: r ? "nowrap" : "wrap",
+		textWeightNormal: e.fontWeight("normal")({ theme: t }),
+		optionVariant: n,
+		borderRadius: e.radius("lg")({ theme: t }),
+		font: e.font("primary")({ theme: t }),
+		narrowIndicators: !!r
+	});
+};
+//#endregion
+export { t as CustomStyles, n as getCustomTheme };

package/ui/index588.es.js

@@ -0,0 +1,34 @@
+import { useTheme as e } from "./index6.es.js";
+import t from "./index579.es.js";
+import n from "./index581.es.js";
+import r from "./index582.es.js";
+import i from "./index583.es.js";
+import a from "./index584.es.js";
+import o from "./index585.es.js";
+import s from "./index586.es.js";
+import { CustomStyles as c, getCustomTheme as l } from "./index587.es.js";
+import { useMemo as u } from "react";
+//#region packages/ui/Elements/Select/themes/index.ts
+var d = (d = "form", f = "default", p = "default", m = "default", h = !1, g = !1) => {
+	let _ = e();
+	return u(() => {
+		let e = { ValueContainer: o };
+		e.DropdownIndicator = a, p === "count" && (e.MultiValue = r), m === "search" && (e.DropdownIndicator = null), g && (e.MenuList = n), e.Input = i;
+		let u = l(_, f, d === "gridFilter"), v = c;
+		return e.Option = t, h && (e.Option = s), [
+			e,
+			u,
+			v
+		];
+	}, [
+		p,
+		m,
+		g,
+		d,
+		h,
+		_,
+		f
+	]);
+};
+//#endregion
+export { d as useStylesAndComponents };

package/ui/index589.es.js

@@ -0,0 +1,81 @@
+import { useTheme as e } from "./index6.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { i18n as n } from "./index502.es.js";
+import r from "./index519.es.js";
+import "./index520.es.js";
+import { FieldLabel as i } from "./index521.es.js";
+import "./index522.es.js";
+import a from "./index524.es.js";
+import { StyledAsyncSelect as o, StyledReactSelect as s, Wrapper as c } from "./index576.es.js";
+import { useStylesAndComponents as l } from "./index588.es.js";
+import { useCallback as u, useMemo as d } from "react";
+//#region packages/ui/Elements/Select/Select.tsx
+var f = t(), p = [], m = () => n._({
+	id: "select.noOptions",
+	message: "no options"
+}), ee = () => n._({
+	id: "components.dropdown.loading",
+	message: "Loading..."
+}), h = ({ label: t, name: h, value: g = "", options: _ = p, defaultOptions: v, loadOptions: y, onChange: b, onBlur: x, error: S, isInvalid: C, isLoading: w, isDarkPlaceholderText: te, spaceAround: T = !1, disabled: E, onInputChange: D, isSearchable: O, isMulti: k, className: A, useSimplifiedOptions: j = !1, showSelectAllButton: M = !1, shortValues: N = !0, shortVariant: P = "block", style: F, optionVariant: I, multiLabelVariant: L, containerVariant: R, placeholder: z, placeholderIcon: B, innerRef: ne, maxMenuHeight: V, getOptionValue: H, onIconClick: U, ...W }) => {
+	let G = !!y;
+	M && !k && console.error("CheckboxSelect incompatible props");
+	let K = u(({ options: e }) => {
+		b?.(e || []);
+	}, [b, _]), q = u(() => {
+		typeof b == "function" && b?.(p);
+	}, [b]), J = R === "search" && !B && B !== null ? "search" : B || void 0, Y = M && V ? V - 30 : V, [X, Z, re] = l(F, I, L, R, j, M), ie = G ? o : s, Q, $ = d(() => H || ((e) => e?.value), [H]);
+	Array.isArray(g) ? (Q = (v || _).filter((e) => g.includes($(e))), Q = Q?.length ? Q : null) : g !== void 0 && (Q = (v || _).find((e) => $(e) === g) || null);
+	let ae = e(), oe = d(() => y ? async (e) => await y(e) : void 0, [y]);
+	return /* @__PURE__ */ (0, f.jsxs)(a, {
+		spaceAround: T,
+		className: A,
+		children: [/* @__PURE__ */ (0, f.jsxs)(c, { children: [t && /* @__PURE__ */ (0, f.jsx)(i, {
+			htmlFor: h,
+			children: t
+		}), /* @__PURE__ */ (0, f.jsx)(ie, {
+			id: h,
+			name: h,
+			options: _,
+			loadOptions: oe,
+			defaultOptions: v,
+			value: Q,
+			onChange: b,
+			onBlur: x,
+			isDisabled: E || w,
+			isLoading: w,
+			isInvalid: C === void 0 ? !!S : C,
+			isDarkPlaceholderText: te,
+			placeholder: z || n._({
+				id: "components.dropdown.placeholder",
+				message: "Select..."
+			}),
+			styles: re,
+			theme: Z,
+			icon: J,
+			onIconClick: U,
+			hideSelectedOptions: !!(k && L !== "count"),
+			onInputChange: D,
+			isSearchable: G || O,
+			isMulti: k,
+			classNamePrefix: "react-select",
+			components: X,
+			closeMenuOnSelect: k ? !1 : void 0,
+			noOptionsMessage: m,
+			...W,
+			ref: ne,
+			tabIndex: null,
+			systemTheme: ae,
+			onCustomSelectAll: K,
+			onCustomDeselectAll: q,
+			selectAllButton: M,
+			maxMenuHeight: Y,
+			getOptionValue: H,
+			loadingMessage: ee,
+			shortValues: N,
+			shortVariant: P,
+			containerVariant: R
+		})] }), S && /* @__PURE__ */ (0, f.jsx)(r, { children: S })]
+	});
+};
+//#endregion
+export { h as default };

package/ui/index59.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faAnglesRight.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "angles-right", r = 512, i = 512, a = [187, "angle-double-right"], o = "f101", s = "M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faAnglesRight = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faAnglesRight };

package/ui/index590.es.js

@@ -0,0 +1,5 @@
+import e from "./index589.es.js";
+//#region packages/ui/Elements/Select/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/ui/index591.es.js

@@ -0,0 +1,4 @@
+//#region node_modules/nanoid/index.browser.js
+var e = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((e, t) => (t &= 63, t < 36 ? e += t.toString(36) : t < 62 ? e += (t - 26).toString(36).toUpperCase() : t > 62 ? e += "-" : e += "_", e), "");
+//#endregion
+export { e as nanoid };

package/ui/index592.es.js

@@ -0,0 +1,12 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/lodash/last.js
+var t = /* @__PURE__ */ e(((e, t) => {
+	function n(e) {
+		var t = e == null ? 0 : e.length;
+		return t ? e[t - 1] : void 0;
+	}
+	t.exports = n;
+}));
+//#endregion
+export default t();
+export { t as require_last };

package/ui/index593.es.js

@@ -0,0 +1,14 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/lodash/_baseSlice.js
+var t = /* @__PURE__ */ e(((e, t) => {
+	function n(e, t, n) {
+		var r = -1, i = e.length;
+		t < 0 && (t = -t > i ? 0 : i + t), n = n > i ? i : n, n < 0 && (n += i), i = t > n ? 0 : n - t >>> 0, t >>>= 0;
+		for (var a = Array(i); ++r < i;) a[r] = e[r + t];
+		return a;
+	}
+	t.exports = n;
+}));
+//#endregion
+export default t();
+export { t as require__baseSlice };

package/ui/index594.es.js

@@ -0,0 +1,14 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require__baseGet as t } from "./index353.es.js";
+import { require__baseSlice as n } from "./index593.es.js";
+//#region node_modules/lodash/_parent.js
+var r = /* @__PURE__ */ e(((e, r) => {
+	var i = t(), a = n();
+	function o(e, t) {
+		return t.length < 2 ? e : i(e, a(t, 0, -1));
+	}
+	r.exports = o;
+}));
+//#endregion
+export default r();
+export { r as require__parent };

package/ui/index595.es.js

@@ -0,0 +1,16 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require__castPath as t } from "./index351.es.js";
+import { require__toKey as n } from "./index352.es.js";
+import { require_last as r } from "./index592.es.js";
+import { require__parent as i } from "./index594.es.js";
+//#region node_modules/lodash/_baseUnset.js
+var a = /* @__PURE__ */ e(((e, a) => {
+	var o = t(), s = r(), c = i(), l = n();
+	function u(e, t) {
+		return t = o(t, e), e = c(e, t), e == null || delete e[l(s(t))];
+	}
+	a.exports = u;
+}));
+//#endregion
+export default a();
+export { a as require__baseUnset };

package/ui/index596.es.js

@@ -0,0 +1,13 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_isPlainObject as t } from "./index473.es.js";
+//#region node_modules/lodash/_customOmitClone.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	var r = t();
+	function i(e) {
+		return r(e) ? void 0 : e;
+	}
+	n.exports = i;
+}));
+//#endregion
+export default n();
+export { n as require__customOmitClone };

package/ui/index597.es.js

@@ -0,0 +1,26 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require__arrayMap as t } from "./index348.es.js";
+import { require__castPath as n } from "./index351.es.js";
+import { require__copyObject as r } from "./index446.es.js";
+import { require__getAllKeysIn as i } from "./index457.es.js";
+import { require__baseClone as a } from "./index470.es.js";
+import { require__flatRest as o } from "./index481.es.js";
+import { require__baseUnset as s } from "./index595.es.js";
+import { require__customOmitClone as c } from "./index596.es.js";
+//#region node_modules/lodash/omit.js
+var l = /* @__PURE__ */ e(((e, l) => {
+	var u = t(), d = a(), f = s(), p = n(), m = r(), h = c(), g = o(), _ = i(), v = 1, y = 2, b = 4;
+	l.exports = g(function(e, t) {
+		var n = {};
+		if (e == null) return n;
+		var r = !1;
+		t = u(t, function(t) {
+			return t = p(t, e), r ||= t.length > 1, t;
+		}), m(e, _(e), n), r && (n = d(n, v | y | b, h));
+		for (var i = t.length; i--;) f(n, t[i]);
+		return n;
+	});
+}));
+//#endregion
+export default l();
+export { l as require_omit };

package/ui/index598.es.js

@@ -0,0 +1,12 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require_placeholder as t } from "./index397.es.js";
+import { require_convert as n } from "./index485.es.js";
+import { require_omit as r } from "./index597.es.js";
+//#region node_modules/lodash/fp/omit.js
+var i = /* @__PURE__ */ e(((e, i) => {
+	var a = n()("omit", r());
+	a.placeholder = t(), i.exports = a;
+}));
+//#endregion
+export default i();
+export { i as require_omit };

package/ui/index599.es.js

@@ -0,0 +1,109 @@
+import { __toESM as e } from "./index2.es.js";
+import { require_jsx_runtime as t } from "./index143.es.js";
+import { i18n as n } from "./index502.es.js";
+import r from "./index590.es.js";
+import { nanoid as i } from "./index591.es.js";
+import { require_omit as a } from "./index598.es.js";
+import { useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { createFilter as u } from "react-select";
+//#region packages/ui/Elements/SingleSelect/SingleSelect.tsx
+var d = /* @__PURE__ */ e(a(), 1), f = t(), p = `_create_${i()}_`, m = u(), h = (e, t) => e?.value === p ? !0 : m(e, t), g = (e) => e === null ? null : Array.isArray(e) ? e.map((e) => e.value) : e.value, _ = () => n._({
+	id: "components.dropdown.loading",
+	message: "Loading..."
+}), v = (e) => {
+	let { name: t, onChange: i, onBlur: a, onValueChange: u, loadOptions: m, asyncLoadMinChars: v = 0, isLocked: y, lockedText: b = n._({
+		id: "components.dropdown.notReact",
+		message: "Select related values first..."
+	}), disabled: x, placeholder: S = n._({
+		id: "components.dropdown.placeholder",
+		message: "Select..."
+	}), preload: C, initialOptions: w, onCreateOption: T, options: E, filterOption: D, shouldReloadOptions: O = !1 } = e, [k, A] = l(!1), j = !!m || !!T, M = o((e) => m ? e.length < v ? n._({
+		id: "components.dropdown.writeMoreChars",
+		message: `Write at least ${v} characters.`
+	}) : n._({
+		id: "dataGrid.filterCell",
+		message: "Type to filter"
+	}) : n._({
+		id: "components.dropdown.noOptions",
+		message: "No options"
+	}), [m, v]), N = o(async (e) => T ? e.trim() ? await Promise.resolve([...E || [], {
+		value: p,
+		label: `${e} (${n._({
+			id: "components.dropdown.newOption",
+			message: "new value"
+		})})`,
+		inputValue: e
+	}]) : await Promise.resolve(E || []) : !m || e.length < v ? await Promise.resolve([]) : await m(e, !1), [
+		T,
+		m,
+		v,
+		E
+	]), [P, F] = l(E || []);
+	s(() => {
+		m && C && !e.value && m("", !1).then(F).catch(console.error);
+	}, [m]);
+	let [I, L] = l(null);
+	s(() => {
+		w?.length && L(w.find((t) => t.value === e.value) || null), m && !w && e.value && m(String(e.value), !0).then((e) => {
+			L(e?.[0] || null);
+		}).catch(console.error);
+	}, [w, L]), s(() => {
+		O && F(E || []);
+	}, [E]);
+	let R = o(async (r) => {
+		let a;
+		if (T && r?.value === p) if (r?.inputValue && r?.inputValue?.trim()?.length < 2) {
+			e?.form.setFieldTouched(t, !0, !0), e?.form.setFieldError(t, n._({
+				id: "form.general.min2Chars",
+				message: "Minimal length is 2 characters."
+			}));
+			return;
+		} else A(!0), a = g(await T(r?.inputValue?.trim() ?? "")), A(!1);
+		else a = g(r), m && L(r);
+		i && i({ target: {
+			name: t ?? "",
+			type: "change",
+			value: a
+		} }), u && u(a);
+	}, [
+		T,
+		m,
+		i,
+		u,
+		e?.form,
+		t
+	]), z = [
+		"onValueChange",
+		"placeholder",
+		"options",
+		"loadOptions",
+		"asyncLoadMinChars"
+	], B = y && !x ? b : S, V = c(() => {
+		if (!j) return;
+		let e = T ? E : P;
+		return I ? e ? [...e, I] : [I] : e || void 0;
+	}, [
+		j,
+		P,
+		T,
+		E,
+		I
+	]);
+	return /* @__PURE__ */ (0, f.jsx)(r, {
+		...(0, d.default)(z, e),
+		filterOption: D || h,
+		disabled: x || y,
+		onChange: R,
+		onBlur: a,
+		placeholder: B,
+		loadingMessage: _,
+		noOptionsMessage: M,
+		loadOptions: j ? N : void 0,
+		containerVariant: j ? "search" : void 0,
+		defaultOptions: V,
+		options: j ? void 0 : E,
+		isLoading: k || e.isLoading
+	});
+};
+//#endregion
+export { v as default };

package/ui/index6.es.js

@@ -0,0 +1,50 @@
+import { flattenStrings as e, string as t } from "./index3.es.js";
+import { getPreflightStyles as n, system as r, th as i } from "./index4.es.js";
+import { createColorModeProvider as a, createColorStyles as o, createTransform as s, createUseGetter as c } from "./index5.es.js";
+import { useContext as l } from "react";
+import u, { ThemeContext as d, ThemeProvider as f, ThemeProvider as p, createGlobalStyle as m, css as h, keyframes as g } from "styled-components";
+a({
+	ThemeContext: d,
+	ThemeProvider: f,
+	ColorModeStyle: m`${(e) => o(e.theme, { targetSelector: e.targetSelector })}`
+});
+var _ = () => l(d);
+c(i, _), c(i.angle, _), c(i.animation, _), c(i.border, _), c(i.borderColor, _), c(i.borderStyle, _), c(i.borderWidth, _);
+var v = c(i.color, _);
+c(i.duration, _), c(i.font, _), c(i.fontSize, _), c(i.fontWeight, _), c(i.inset, _), c(i.letterSpacing, _), c(i.lineHeight, _), c(i.percent, _), c(i.px, _), c(i.radius, _), c(i.ringWidth, _), c(i.shadow, _), c(i.size, _), c(i.space, _), c(i.timingFunction, _), c(i.transform, _), c(i.transition, _), c(i.transitionProperty, _), c(i.zIndex, _);
+var y = m(({ theme: e }) => n(e)), b = (t) => {
+	let n = s(t);
+	return (...t) => e(h(...t)).map(n);
+}, x = typeof u == "function" ? u : u.default, S = (e, t, n) => {
+	let r = (...r) => e`${t(...r)}${n}`;
+	return r.attrs = (r) => S(e.attrs(r), t, n), r.withConfig = (r) => S(e.withConfig(r), t, n), r;
+}, C = (e) => {
+	let n = new Set(e.meta.props);
+	return (e, r, i) => t(e) && n.has(e) ? !1 : typeof i == "string" ? r(e) : !0;
+}, w = (e, t) => {
+	let n = t ? { shouldForwardProp: C(t) } : {};
+	return (r) => {
+		let i = x(r);
+		return S(n ? i.withConfig(n) : i, e, t);
+	};
+}, T = (e) => {
+	let t = b(e), n = w(t), r = w(t, e);
+	return n.box = r("div"), Object.keys(x).forEach((e) => {
+		n[e] = n(e), n[`${e}Box`] = r(e);
+	}), n;
+}, E = (e) => {
+	let t = w(b(e), e), n = {};
+	return Object.keys(x).forEach((e) => {
+		n[e] = t(e)``;
+	}), n;
+}, D = (e) => {
+	let t = b(e);
+	return (...e) => m([t(...e)]);
+}, { css: O, styled: k, x: A, createGlobalStyle: j } = ((e) => ({
+	css: b(e),
+	x: E(e),
+	styled: T(e),
+	createGlobalStyle: D(e)
+}))(r);
+//#endregion
+export { y as Preflight, p as ThemeProvider, O as css, g as keyframes, k as styled, v as useColor, _ as useTheme, A as x };

package/ui/index60.es.js

@@ -0,0 +1,20 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/@fortawesome/pro-solid-svg-icons/faArrowDownToBracket.js
+var t = /* @__PURE__ */ e(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 });
+	var t = "fas", n = "arrow-down-to-bracket", r = 448, i = 512, a = [], o = "e094", s = "M374.6 214.6l-128 128c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 242.7 192 32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 210.7 73.4-73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3zM64 352l0 64c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64c0 53-43 96-96 96L96 512c-53 0-96-43-96-96l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z";
+	e.definition = {
+		prefix: t,
+		iconName: n,
+		icon: [
+			r,
+			i,
+			a,
+			o,
+			s
+		]
+	}, e.faArrowDownToBracket = e.definition, e.prefix = t, e.iconName = n, e.width = r, e.height = i, e.ligatures = a, e.unicode = o, e.svgPathData = s, e.aliases = a;
+}));
+//#endregion
+export default t();
+export { t as require_faArrowDownToBracket };

package/ui/index600.es.js

@@ -0,0 +1,5 @@
+import e from "./index599.es.js";
+//#region packages/ui/Elements/SingleSelect/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/ui/index601.es.js

@@ -0,0 +1,12 @@
+import { __commonJSMin as e } from "./index2.es.js";
+//#region node_modules/lodash/_arrayIncludesWith.js
+var t = /* @__PURE__ */ e(((e, t) => {
+	function n(e, t, n) {
+		for (var r = -1, i = e == null ? 0 : e.length; ++r < i;) if (n(t, e[r])) return !0;
+		return !1;
+	}
+	t.exports = n;
+}));
+//#endregion
+export default t();
+export { t as require__arrayIncludesWith };

package/ui/index602.es.js

@@ -0,0 +1,14 @@
+import { __commonJSMin as e } from "./index2.es.js";
+import { require__setToArray as t } from "./index302.es.js";
+import { require__Set as n } from "./index333.es.js";
+import { require_noop as r } from "./index410.es.js";
+//#region node_modules/lodash/_createSet.js
+var i = /* @__PURE__ */ e(((e, i) => {
+	var a = n(), o = r(), s = t();
+	i.exports = a && 1 / s(new a([, -0]))[1] == Infinity ? function(e) {
+		return new a(e);
+	} : o;
+}));
+//#endregion
+export default i();
+export { i as require__createSet };