@ryuzaki13/react-foundation-ui 3.5.0 → 3.7.0

package/dist/multi-select/index.js

@@ -1,25 +1,26 @@
 import { Text as e } from "../text/index.js";
 import { t } from "../chunks/ui.module-oRwY3Zli.js";
-import { a as n, f as r, i, n as a, r as o, s, t as c, u as l, v as u } from "../chunks/picker-BA6okKnz.js";
-import { t as d } from "../chunks/separator-CIqnk2z9.js";
+import { a as n, f as r, i, n as a, r as o, s, t as c, u as l, v as u } from "../chunks/picker-SJXnHwsj.js";
+import { t as d } from "../chunks/separator-CHpBud1e.js";
 import { Option as f, OptionButton as p } from "../option/index.js";
-import { t as m } from "../chunks/check-box-D_Y6iIWv.js";
-import { t as h } from "../chunks/odata-dependent-C_DCbKY2.js";
-import { n as g, t as _ } from "../chunks/useODataSelectBase-DwR4Lfv-.js";
-import { i as v, n as y, t as b } from "../chunks/defaultRenderers-u_Vep6Pj.js";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { forwardRef as ee, useCallback as te, useMemo as w, useRef as ne, useState as re } from "react";
-import { flattenODataDependentServices as ie, useODataCollectionModel as T } from "@ryuzaki13/react-foundation-api/odata";
-var ae = {
+import { t as ee } from "../chunks/check-box-D_Y6iIWv.js";
+import { t as m } from "../chunks/odata-dependent-C_DCbKY2.js";
+import { n as h, t as g } from "../chunks/useODataSelectBase-DwR4Lfv-.js";
+import { i as _, n as v, t as y } from "../chunks/defaultRenderers-u_Vep6Pj.js";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useCallback as te, useMemo as C, useRef as ne, useState as re } from "react";
+import { flattenODataDependentServices as ie, useODataCollectionModel as w } from "@ryuzaki13/react-foundation-api/odata";
+var T = {
 	multiSelect: "_9oSdQi",
-	optionCheckBox: "d9SDKQ"
+	optionCheckBox: "d9SDKQ",
+	optionActionCell: "xCo7w9"
 };
 //#endregion
 //#region src/multi-select/ui/MultiSelectOptionSkeleton.tsx
 function E({ text: n, isError: r }) {
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ S("div", {
 		className: t.uiPopupOption,
-		children: [/* @__PURE__ */ S("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ S(e, {
+		children: [/* @__PURE__ */ x("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ x(e, {
 			color: r ? "error" : "primary",
 			children: n
 		})]
@@ -27,209 +28,215 @@ function E({ text: n, isError: r }) {
 }
 //#endregion
 //#region src/multi-select/ui/MultiSelect.tsx
-function oe({ isNoData: e, error: t, children: n }) {
-	return e ? /* @__PURE__ */ S(l, { emptyState: /* @__PURE__ */ S(E, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ S(l, { errorState: /* @__PURE__ */ S(E, {
+function ae({ isNoData: e, error: t, children: n }) {
+	return e ? /* @__PURE__ */ x(l, { emptyState: /* @__PURE__ */ x(E, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ x(l, { errorState: /* @__PURE__ */ x(E, {
 		isError: !0,
 		text: "Ошибка загрузки"
-	}) }) : /* @__PURE__ */ S(x, { children: n });
+	}) }) : /* @__PURE__ */ x(b, { children: n });
 }
-var se = [];
+var oe = [];
 function D(e, t) {
 	return e[t];
 }
-function ce(e, t, n) {
+function se(e, t, n) {
 	return Array.from(/* @__PURE__ */ new Set([
 		e[n],
 		e[t],
 		...Object.values(e)
 	]));
 }
-function le(e, t, n) {
+function ce(e, t, n) {
 	if (e.length !== t.length) return !1;
 	let r = new Set(t.map((e) => D(e, n)));
 	return e.every((e) => r.has(D(e, n)));
 }
-function ue({ entries: e, listId: t, activeIndex: n, selectedKeys: r, codeKey: i, query: a, highlightQuery: o, getOptionDisabled: s, getOptionId: c, setOptionRef: l, toggleOption: u, selectOnlyOption: d, renderItem: h }) {
-	return e.map(({ item: e, index: g }) => {
-		let _ = g === n, v = D(e, i), y = r.has(v), b = s?.(e) ?? !1, x = h(e, {
-			selected: y,
-			active: _,
-			disabled: b,
+function le({ entries: e, listId: t, activeIndex: n, selectedKeys: r, codeKey: i, query: a, highlightQuery: o, getOptionDisabled: s, getOptionId: c, setOptionRef: l, toggleOption: u, selectOnlyOption: d, renderItem: m }) {
+	return e.map(({ item: e, index: h }) => {
+		let g = h === n, _ = D(e, i), v = r.has(_), y = s?.(e) ?? !1, b = m(e, {
+			selected: v,
+			active: g,
+			disabled: y,
 			query: a,
 			highlightQuery: o
 		});
-		return /* @__PURE__ */ C(f, {
-			id: c(t, g),
-			ref: (e) => l(g, e),
-			role: "option",
-			"aria-selected": y,
-			"aria-disabled": b || void 0,
-			selected: y,
-			active: _,
-			disabled: b,
-			children: [/* @__PURE__ */ S("div", {
-				className: ae.optionCheckBox,
+		return /* @__PURE__ */ S(f, {
+			id: c(t, h),
+			ref: (e) => l(h, e),
+			role: "row",
+			"aria-selected": v,
+			"aria-disabled": y || void 0,
+			selected: v,
+			active: g,
+			disabled: y,
+			children: [/* @__PURE__ */ x("div", {
+				role: "gridcell",
+				className: T.optionCheckBox,
 				onMouseDown: (e) => e.stopPropagation(),
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ S(m, {
-					value: y,
-					disabled: b,
-					"aria-label": `Выбрать ${o ?? v}`,
+				children: /* @__PURE__ */ x(ee, {
+					value: v,
+					disabled: y,
+					"aria-label": `${v ? "Убрать" : "Добавить"} «${b.text}» ${v ? "из выбора" : "в выбор"}`,
 					onChange: () => u(e)
 				})
-			}), /* @__PURE__ */ S(p, {
-				tabIndex: -1,
-				disabled: b,
-				text: x.text,
-				code: x.code,
-				searchText: o,
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => d(e)
+			}), /* @__PURE__ */ x("div", {
+				role: "gridcell",
+				className: T.optionActionCell,
+				children: /* @__PURE__ */ x(p, {
+					tabIndex: -1,
+					disabled: y,
+					"aria-label": `Выбрать только «${b.text}»`,
+					text: b.text,
+					code: b.code,
+					searchText: o,
+					onMouseDown: (e) => e.preventDefault(),
+					onClick: () => d(e)
+				})
 			})]
-		}, `${v}-${g}`);
+		}, `${_}-${h}`);
 	});
 }
-var O = ee(({ codeKey: e, textKey: t, hideCode: l, items: f, value: p, onChange: m, label: h, description: g, placeholder: _, size: ee, query: ie, defaultQuery: T, highlightQuery: E, onQuery: O, defaultFilter: k = !0, onOpen: A, onClose: j, getOptionDisabled: M, disabled: N, error: P, isLoading: F, renderToken: de, renderToolbar: I, renderItem: fe }, L) => {
-	let pe = ne(null), [R, me] = re(!1), z = "search-multi", B = p ?? se, he = w(() => new Set(B.map((t) => D(t, e))), [e, B]), ge = w(() => f.filter((t) => !he.has(D(t, e))), [
-		e,
-		he,
-		f
-	]), V = w(() => v([...B, ...f], e, t), [
-		e,
-		B,
-		f,
-		t
-	]), { query: H, setQuery: _e, resetQueryOnClose: ve } = o({
-		query: ie,
-		defaultQuery: T,
-		onQuery: O,
-		triggerMode: z
-	}), ye = (e) => {
-		R && !e && ve && _e(""), me(e);
-	}, U = n({
-		options: B,
-		query: H,
-		enabled: k,
-		getSearchText: (t) => ce(t, e, V)
-	}), W = n({
-		options: ge,
-		query: H,
-		enabled: k,
-		getSearchText: (t) => ce(t, e, V)
-	}), G = w(() => [...U, ...W], [W, U]), be = U.length > 0 ? 0 : -1, { draftValue: K, setDraftValue: q, prepareOpen: xe } = a({
-		value: B,
-		open: R,
+function O({ ref: e, codeKey: t, textKey: l, hideCode: f, items: p, value: ee, onChange: m, label: h, description: g, placeholder: ie, size: w, query: E, defaultQuery: O, highlightQuery: k, onQuery: A, defaultFilter: j = !0, onOpen: ue, onClose: M, getOptionDisabled: N, disabled: P, error: F, isLoading: de, renderToken: fe, renderToolbar: I, renderItem: pe }) {
+	let me = ne(null), [L, he] = re(!1), R = "search-multi", z = ee ?? oe, ge = C(() => new Set(z.map((e) => D(e, t))), [t, z]), _e = C(() => p.filter((e) => !ge.has(D(e, t))), [
+		t,
+		ge,
+		p
+	]), B = C(() => _([...z, ...p], t, l), [
+		t,
+		z,
+		p,
+		l
+	]), { query: V, setQuery: ve, resetQueryOnClose: ye } = o({
+		query: E,
+		defaultQuery: O,
+		onQuery: A,
+		triggerMode: R
+	}), be = (e) => {
+		L && !e && ye && ve(""), he(e);
+	}, H = n({
+		options: z,
+		query: V,
+		enabled: j,
+		getSearchText: (e) => se(e, t, B)
+	}), U = n({
+		options: _e,
+		query: V,
+		enabled: j,
+		getSearchText: (e) => se(e, t, B)
+	}), W = C(() => [...H, ...U], [U, H]), xe = H.length > 0 ? 0 : -1, { draftValue: G, setDraftValue: K, prepareOpen: Se } = a({
+		value: z,
+		open: L,
 		onCommit: m,
-		onOpen: A,
-		onClose: j,
-		isEqual: (t, n) => le(t, n, e)
-	}), J = w(() => new Set(K.map((t) => D(t, e))), [e, K]), Se = w(() => ({
-		selectedItems: K,
-		committedSelectedItems: B,
-		selectedKeys: J,
-		open: R
+		onOpen: ue,
+		onClose: M,
+		isEqual: (e, n) => ce(e, n, t)
+	}), q = C(() => new Set(G.map((e) => D(e, t))), [t, G]), Ce = C(() => ({
+		selectedItems: G,
+		committedSelectedItems: z,
+		selectedKeys: q,
+		open: L
 	}), [
-		B,
-		K,
-		R,
-		J
-	]), Y = te((e) => M?.(e, Se) ?? !1, [M, Se]), { activeIndex: X, context: Ce, floatingStyles: we, getFloatingProps: Te, setReference: Ee, setFloating: De, setOptionRef: Oe, close: ke, openList: Ae, toggleOpen: je, selectActiveOption: Me, handleReferenceKeyDown: Ne, handleFloatingKeyDown: Pe, getOptionId: Fe, getActiveOptionId: Ie } = i({
-		options: G,
-		selectedIndex: be,
-		open: R,
-		onOpenChange: ye,
+		z,
+		G,
+		L,
+		q
+	]), J = te((e) => N?.(e, Ce) ?? !1, [N, Ce]), { activeIndex: Y, context: we, floatingStyles: Te, getFloatingProps: Ee, setReference: De, setFloating: Oe, setOptionRef: ke, close: Ae, openList: je, toggleOpen: Me, handleReferenceKeyDown: Ne, handleFloatingKeyDown: Pe, getOptionId: Fe, getActiveOptionId: Ie } = i({
+		options: W,
+		selectedIndex: xe,
+		open: L,
+		onOpenChange: be,
 		onSelect: void 0,
-		disabled: N,
-		getOptionDisabled: Y,
+		disabled: P,
+		getOptionDisabled: J,
 		closeOnSelect: !1,
 		allowOpenWithoutOptions: !0,
-		triggerMode: z
-	}), Le = E ?? H, Z = (t) => {
-		let n = D(t, e);
-		q((r) => r.some((t) => D(t, e) === n) ? r.filter((t) => D(t, e) !== n) : Y(t) ? r : [...r, t]);
-	}, Re = (e) => {
-		if (pe.current = e, typeof L == "function") {
-			L(e);
+		triggerMode: R
+	}), Le = k ?? V, X = (e) => {
+		let n = D(e, t);
+		K((r) => r.some((e) => D(e, t) === n) ? r.filter((e) => D(e, t) !== n) : J(e) ? r : [...r, e]);
+	}, Re = (t) => {
+		if (me.current = t, typeof e == "function") {
+			e(t);
 			return;
 		}
-		L && (L.current = e);
+		e && (e.current = t);
 	}, ze = () => {
-		q([]), R || m([]);
+		K([]), L || m([]);
 	}, Be = () => {
-		q((t) => {
-			let n = [...t], r = new Set(t.map((t) => D(t, e)));
-			for (let t of G) {
-				let i = D(t, e);
-				!r.has(i) && !Y(t) && (r.add(i), n.push(t));
+		K((e) => {
+			let n = [...e], r = new Set(e.map((e) => D(e, t)));
+			for (let e of W) {
+				let i = D(e, t);
+				!r.has(i) && !J(e) && (r.add(i), n.push(e));
 			}
 			return n;
 		});
 	}, Ve = () => {
-		q([]);
-	}, He = (e) => {
-		Y(e) || (q([e]), ke());
-	}, Ue = R ? K : B, We = Ue.length > 0, Ge = {
-		selectedItems: Ue,
-		committedSelectedItems: B,
-		availableItems: W,
-		query: H,
-		open: R,
+		K([]);
+	}, Z = (e) => {
+		J(e) || (K([e]), Ae());
+	}, He = L ? G : z, Ue = He.length > 0, We = {
+		selectedItems: He,
+		committedSelectedItems: z,
+		availableItems: U,
+		query: V,
+		open: L,
 		clearSelection: ze,
 		selectAll: Be,
 		deselectAll: Ve
-	}, Ke = de === void 0 ? y({
-		codeKey: e,
-		textKey: V
-	}) : de, qe = fe ?? b({
-		codeKey: e,
-		textKey: V,
-		hideCode: l
-	}), Je = typeof Ke == "function" ? Ke(Ge) : null, Ye = typeof I == "function" ? I(Ge) : I, Q = U.map((e, t) => ({
+	}, Ge = fe === void 0 ? v({
+		codeKey: t,
+		textKey: B
+	}) : fe, Ke = pe ?? y({
+		codeKey: t,
+		textKey: B,
+		hideCode: f
+	}), qe = typeof Ge == "function" ? Ge(We) : null, Je = typeof I == "function" ? I(We) : I, Q = H.map((e, t) => ({
 		item: e,
 		index: t
-	})), Xe = W.map((e, t) => ({
+	})), Ye = U.map((e, t) => ({
 		item: e,
 		index: t + Q.length
-	})), Ze = !F && !P && G.length === 0, $ = c({
-		mode: z,
-		open: R,
-		currentQuery: H,
+	})), Xe = !de && !F && W.length === 0, $ = c({
+		mode: R,
+		open: L,
+		currentQuery: V,
 		hasDisplayValue: !1,
-		inputRef: pe,
-		setQuery: _e,
-		openList: Ae,
-		close: ke,
-		toggleOpen: je,
+		inputRef: me,
+		setQuery: ve,
+		openList: je,
+		close: Ae,
+		toggleOpen: Me,
 		onBeforeOpen: () => {
-			R || xe();
+			L || Se();
 		}
 	});
-	return /* @__PURE__ */ S(u, {
+	return /* @__PURE__ */ x(u, {
 		label: h,
 		description: g,
-		disabled: N,
-		size: ee,
-		className: ae.multiSelect,
-		children: ({ controlId: t, labelId: n, describedBy: i }) => {
-			let a = `${t}-listbox`;
-			return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(s, {
+		disabled: P,
+		size: w,
+		className: T.multiSelect,
+		children: ({ controlId: e, labelId: n, describedBy: i }) => {
+			let a = `${e}-grid`;
+			return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(s, {
 				ref: Re,
-				rootRef: Ee,
-				id: t,
+				rootRef: De,
+				id: e,
 				type: "text",
 				role: "combobox",
 				autoComplete: "off",
-				isLoading: F,
-				disabled: N,
-				open: R,
-				optionCount: f.length,
+				isLoading: de,
+				disabled: P,
+				open: L,
+				optionCount: p.length,
 				label: h,
-				placeholder: _,
+				placeholder: ie,
 				placeholderFallback: "Выберите значения",
-				value: H,
-				selectedValue: Je,
-				hasSelection: We,
-				showSelectedValue: We && H.length === 0,
+				value: V,
+				selectedValue: qe,
+				hasSelection: Ue,
+				showSelectedValue: Ue && V.length === 0,
 				clearable: !0,
 				onClear: ze,
 				clearAriaLabel: "Очистить все",
@@ -237,11 +244,11 @@ var O = ee(({ codeKey: e, textKey: t, hideCode: l, items: f, value: p, onChange:
 				onToggleClick: $.handleToggleClick,
 				"aria-labelledby": n,
 				"aria-describedby": i,
-				"aria-haspopup": "listbox",
-				"aria-expanded": R,
-				"aria-controls": R ? a : void 0,
+				"aria-haspopup": "grid",
+				"aria-expanded": L,
+				"aria-controls": L ? a : void 0,
 				"aria-autocomplete": "list",
-				"aria-activedescendant": R ? Ie(a) : void 0,
+				"aria-activedescendant": L ? Ie(a) : void 0,
 				rootClassName: "flex alignItemsCenter",
 				onChange: (e) => {
 					$.handleTriggerInputChange(e.target.value);
@@ -251,77 +258,85 @@ var O = ee(({ codeKey: e, textKey: t, hideCode: l, items: f, value: p, onChange:
 					$.handleTriggerFocus(e.currentTarget);
 				},
 				onKeyDown: (e) => {
-					Ne(e), !e.defaultPrevented && $.handleTriggerKeyDown({
-						event: e,
-						onActivateWhenOpen: () => {
-							if (X >= 0) {
-								let e = G[X];
-								if (e) {
-									Z(e);
-									return;
-								}
-							}
-							Me();
-						},
-						enableClosedArrowDownOpen: !0,
-						suppressClosedArrowUp: !0
-					});
+					if (Ne(e), !e.defaultPrevented) {
+						if (L && e.ctrlKey && e.key === " ") {
+							e.preventDefault();
+							let t = W[Y];
+							t && X(t);
+							return;
+						}
+						$.handleTriggerKeyDown({
+							event: e,
+							onActivateWhenOpen: () => {
+								let e = W[Y];
+								e && Z(e);
+							},
+							enableClosedArrowDownOpen: !0,
+							suppressClosedArrowUp: !0
+						});
+					}
 				}
-			}), /* @__PURE__ */ S(r, {
-				open: R,
-				context: Ce,
-				floatingStyles: we,
+			}), /* @__PURE__ */ x(r, {
+				open: L,
+				context: we,
+				floatingStyles: Te,
 				listId: a,
 				labelId: n,
 				descriptionId: i,
-				activeOptionId: R ? Ie(a) : void 0,
-				setFloating: De,
-				getFloatingProps: Te,
+				activeOptionId: L ? Ie(a) : void 0,
+				ariaMultiselectable: !0,
+				popupRole: "grid",
+				setFloating: Oe,
+				getFloatingProps: Ee,
 				onKeyDown: Pe,
 				initialFocus: -1,
 				returnFocus: !1,
 				tabIndex: -1,
-				toolbar: Ye,
+				toolbar: Je,
 				selectionActions: I === void 0 ? {
 					onSelectAll: Be,
 					onDeselectAll: Ve
 				} : void 0,
-				children: /* @__PURE__ */ S(oe, {
-					isNoData: Ze,
-					error: P,
-					children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ x(ae, {
+					isNoData: Xe,
+					error: F,
+					children: /* @__PURE__ */ S("div", {
+						role: "presentation",
 						className: "scrollable overscroll h100",
 						children: [
-							/* @__PURE__ */ S(ue, {
+							/* @__PURE__ */ x(le, {
 								entries: Q,
 								listId: a,
-								activeIndex: X,
-								selectedKeys: J,
-								codeKey: e,
-								query: H,
+								activeIndex: Y,
+								selectedKeys: q,
+								codeKey: t,
+								query: V,
 								highlightQuery: Le,
-								getOptionDisabled: Y,
+								getOptionDisabled: J,
 								getOptionId: Fe,
-								setOptionRef: Oe,
-								toggleOption: Z,
-								selectOnlyOption: He,
-								renderItem: qe
+								setOptionRef: ke,
+								toggleOption: X,
+								selectOnlyOption: Z,
+								renderItem: Ke
 							}),
-							Q.length > 0 && ge.length > 0 && /* @__PURE__ */ S(d, { className: "marginBlockSm" }),
-							/* @__PURE__ */ S(ue, {
-								entries: Xe,
+							Q.length > 0 && _e.length > 0 && /* @__PURE__ */ x(d, {
+								"aria-hidden": "true",
+								className: "marginBlockSm"
+							}),
+							/* @__PURE__ */ x(le, {
+								entries: Ye,
 								listId: a,
-								activeIndex: X,
-								selectedKeys: J,
-								codeKey: e,
-								query: H,
+								activeIndex: Y,
+								selectedKeys: q,
+								codeKey: t,
+								query: V,
 								highlightQuery: Le,
-								getOptionDisabled: Y,
+								getOptionDisabled: J,
 								getOptionId: Fe,
-								setOptionRef: Oe,
-								toggleOption: Z,
-								selectOnlyOption: He,
-								renderItem: qe
+								setOptionRef: ke,
+								toggleOption: X,
+								selectOnlyOption: Z,
+								renderItem: Ke
 							})
 						]
 					})
@@ -329,19 +344,19 @@ var O = ee(({ codeKey: e, textKey: t, hideCode: l, items: f, value: p, onChange:
 			})] });
 		}
 	});
-});
+}
 O.displayName = "MultiSelect";
 //#endregion
 //#region src/multi-select/model/useODataMultiSelect.ts
 function k({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
-	let o = g({
+	let o = h({
 		odata: e,
 		segment: t,
 		model: n,
 		value: r,
 		dependencies: i
 	}), s = (e) => {
-		a(_(e, o.selectionKey));
+		a(g(e, o.selectionKey));
 	};
 	return {
 		...o,
@@ -350,16 +365,16 @@ function k({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange
 }
 //#endregion
 //#region src/multi-select/ui/ODataMultiSelect.tsx
-var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) => {
+function A({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) {
 	let u = k({
 		odata: e,
 		segment: t,
-		model: T(n),
+		model: w(n),
 		value: o,
 		dependencies: s,
 		onChange: c
 	});
-	return /* @__PURE__ */ S(O, {
+	return /* @__PURE__ */ x(O, {
 		label: r,
 		description: i,
 		size: l,
@@ -378,19 +393,19 @@ var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a
 		placeholder: u.placeholder,
 		error: u.isError ? "Ошибка загрузки" : void 0
 	});
-};
+}
 //#endregion
 //#region src/multi-select/ui/ODataDependentSegmentMultiSelect.tsx
 function j(e) {
-	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15 } = e, s = h(e), { updateSegment: c } = s, l = `calc(${o}em + var(--width-add))`, u = te((e) => {
+	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15 } = e, s = m(e), { updateSegment: c } = s, l = `calc(${o}em + var(--width-add))`, u = te((e) => {
 		c(t.id, e);
 	}, [t.id, c]);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ x("div", {
 		style: {
 			maxWidth: l,
 			minWidth: l
 		},
-		children: /* @__PURE__ */ S(A, {
+		children: /* @__PURE__ */ x(A, {
 			odata: t.odata,
 			segment: t.segment,
 			model: t.model,
@@ -406,8 +421,8 @@ function j(e) {
 }
 //#endregion
 //#region src/multi-select/ui/ODataDependentMultiSelect.tsx
-function M(e) {
-	let { width: t = 15, odata: n, segments: r, model: i, values: a, defaultValues: o, onChange: s, selectionMode: c, segmentOrder: l } = e, u = h({
+function ue(e) {
+	let { width: t = 15, odata: n, segments: r, model: i, values: a, defaultValues: o, onChange: s, selectionMode: c, segmentOrder: l } = e, u = m({
 		values: a,
 		defaultValues: o,
 		onChange: s
@@ -422,7 +437,7 @@ function M(e) {
 		odata: n,
 		segments: r,
 		model: i
-	}]).map((e) => /* @__PURE__ */ S(j, {
+	}]).map((e) => /* @__PURE__ */ x(j, {
 		item: e,
 		values: u.values,
 		onChange: u.updateValues,
@@ -432,21 +447,21 @@ function M(e) {
 }
 //#endregion
 //#region src/multi-select/ui/SerializableMultiSelect.tsx
-function N(e, t) {
+function M(e, t) {
 	return e[t];
 }
-function P(e, t, n) {
+function N(e, t, n) {
 	let r = e[t];
 	if (typeof r == "string") return r;
-	let i = N(e, n);
+	let i = M(e, n);
 	return typeof i == "string" ? i : String(i);
 }
-function F({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u }) {
+function P({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u }) {
 	let d = a.map((e) => ({
-		key: String(N(e, c)),
-		text: P(e, l, c)
+		key: String(M(e, c)),
+		text: N(e, l, c)
 	})), f = new Set((o ?? []).map((e) => String(e))), p = d.filter((e) => f.has(e.key));
-	return /* @__PURE__ */ S(O, {
+	return /* @__PURE__ */ x(O, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -461,6 +476,6 @@ function F({ label: e, description: t, disabled: n, placeholder: r, size: i, opt
 	});
 }
 //#endregion
-export { O as MultiSelect, M as ODataDependentMultiSelect, j as ODataDependentSegmentMultiSelect, A as ODataMultiSelect, F as SerializableMultiSelect };
+export { O as MultiSelect, ue as ODataDependentMultiSelect, j as ODataDependentSegmentMultiSelect, A as ODataMultiSelect, P as SerializableMultiSelect };
 
 //# sourceMappingURL=index.js.map