@ryuzaki13/react-foundation-ui 1.4.5 → 1.5.1

package/dist/chunks/{multi-select-COEkc8Qc.js → multi-select-Dypew65l.js}

@@ -1,69 +1,78 @@
 import { Text as e } from "../text/index.js";
-import { t } from "./ui.module-BisoTevy.js";
-import { t as n } from "./check-box-Dd3YFuxd.js";
-import { a as r, c as i, d as a, f as o, i as s, l as c, n as l, p as u, r as d, t as f, u as p } from "./picker-e6IsrMUG.js";
+import { t } from "./ui.module-BfaIVBba.js";
+import { t as n } from "./check-box-6HGX_KOy.js";
+import { a as r, c as i, d as a, f as o, i as s, l as c, n as l, p as u, r as d, t as f, u as p } from "./picker-TYLwgl1c.js";
 import { t as ee } from "./separator-B72Aq-6a.js";
-import { n as m, r as h, t as g } from "./useODataSelectBase-CKe1AVMI.js";
+import { n as m, r as h, t as g } from "./useODataSelectBase-DI_wwKgw.js";
 import { forwardRef as _, useCallback as te, useMemo as v, useRef as ne, useState as y } from "react";
-import { flattenODataDependentServices as b, useODataCollectionModel as re } from "@ryuzaki13/react-foundation-api/odata";
-import { cn as ie } from "@ryuzaki13/react-foundation-lib/utils";
-import { XIcon as ae } from "lucide-react";
-import { Fragment as oe, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { flattenODataDependentServices as re, useODataCollectionModel as ie } from "@ryuzaki13/react-foundation-api/odata";
+import { cn as ae } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as oe } from "lucide-react";
+import { Fragment as se, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { formatRussianPlural as ce } from "@ryuzaki13/react-foundation-lib/formatters";
 //#region src/multi-select/ui/MultiSelectOption.tsx
-function se({ item: e, textKey: t, codeKey: n, highlight: r }) {
-	return /* @__PURE__ */ x(h, {
+function le({ item: e, textKey: t, codeKey: n, highlight: r }) {
+	return /* @__PURE__ */ b(h, {
 		label: e[t],
 		code: n && e[n],
 		highlight: r
 	});
 }
-var C = {
+var S = {
 	multiSelect: "_9oSdQi",
 	multiSelectTokens: "iobHig",
 	multiSelectToken: "yatXso"
 };
 //#endregion
 //#region src/multi-select/ui/MultiSelectToken.tsx
-function w({ value: e }) {
-	return e ? /* @__PURE__ */ x("div", {
-		className: C.multiSelectTokens,
-		children: /* @__PURE__ */ x("div", {
-			className: C.multiSelectToken,
+function C({ value: e }) {
+	return e ? /* @__PURE__ */ b("div", {
+		className: S.multiSelectTokens,
+		children: /* @__PURE__ */ b("div", {
+			className: S.multiSelectToken,
 			children: e
 		})
 	}) : null;
 }
 //#endregion
 //#region src/multi-select/ui/defaultRenderers.tsx
-function T(e, t, n) {
+var w = {
+	one: "элемент",
+	few: "элемента",
+	many: "элементов"
+};
+function T(e) {
+	return ce(e, w);
+}
+function E(e, t, n) {
 	if (n) return n;
 	let r = e[0];
 	return r ? Object.keys(r).find((e) => e !== t) ?? t : t;
 }
-function E(e, t, n) {
+function ue(e, t, n) {
 	if (e.length === 0) return;
-	if (e.length > 1) return `${e.length} элементов`;
-	let r = T(e, t, n);
+	if (e.length > 1) return T(e.length);
+	let r = E(e, t, n);
 	return e[0]?.[r] ?? e[0]?.[t];
 }
-function ce(e) {
+function de(e) {
 	return function(t) {
-		return /* @__PURE__ */ x(w, { value: E(t.selectedItems, e.codeKey, e.textKey) });
+		return /* @__PURE__ */ b(C, { value: ue(t.selectedItems, e.codeKey, e.textKey) });
 	};
 }
-function le(e) {
-	return /* @__PURE__ */ x(a, {
+function fe(e) {
+	return /* @__PURE__ */ b(a, {
 		onSelectAll: e.selectAll,
 		onDeselectAll: e.deselectAll
 	});
 }
-function ue(e) {
+function pe(e) {
 	return function(t, n) {
-		return /* @__PURE__ */ x(se, {
+		return /* @__PURE__ */ b(le, {
 			item: t,
 			selected: n.selected,
 			highlight: n.highlightQuery,
-			textKey: T([t], e.codeKey, e.textKey),
+			textKey: E([t], e.codeKey, e.textKey),
 			codeKey: e.hideCode ? void 0 : e.codeKey
 		});
 	};
@@ -71,9 +80,9 @@ function ue(e) {
 //#endregion
 //#region src/multi-select/ui/MultiSelectOptionSkeleton.tsx
 function D({ text: n, isError: r }) {
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ x("div", {
 		className: t.uiPopupOption,
-		children: [/* @__PURE__ */ x("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ x(e, {
+		children: [/* @__PURE__ */ b("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ b(e, {
 			color: r ? "error" : "primary",
 			children: n
 		})]
@@ -81,46 +90,46 @@ function D({ text: n, isError: r }) {
 }
 //#endregion
 //#region src/multi-select/ui/MultiSelect.tsx
-function de({ isNoData: e, isLoading: t, error: n, children: r }) {
-	return e ? /* @__PURE__ */ x(p, { emptyState: /* @__PURE__ */ x(D, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ x(p, { loadingState: /* @__PURE__ */ x(D, { text: "Загрузка..." }) }) : n ? /* @__PURE__ */ x(p, { errorState: /* @__PURE__ */ x(D, {
+function me({ isNoData: e, isLoading: t, error: n, children: r }) {
+	return e ? /* @__PURE__ */ b(p, { emptyState: /* @__PURE__ */ b(D, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ b(p, { loadingState: /* @__PURE__ */ b(D, { text: "Загрузка..." }) }) : n ? /* @__PURE__ */ b(p, { errorState: /* @__PURE__ */ b(D, {
 		isError: !0,
 		text: "Ошибка загрузки"
-	}) }) : /* @__PURE__ */ x(oe, { children: r });
+	}) }) : /* @__PURE__ */ b(se, { children: r });
 }
-var fe = [];
+var he = [];
 function O(e, t) {
 	return e[t];
 }
-function pe(e, t, n) {
+function ge(e, t, n) {
 	return Array.from(/* @__PURE__ */ new Set([
 		e[n],
 		e[t],
 		...Object.values(e)
 	]));
 }
-function me(e, t, n) {
+function _e(e, t, n) {
 	if (e.length !== t.length) return !1;
 	let r = new Set(t.map((e) => O(e, n)));
 	return e.every((e) => r.has(O(e, n)));
 }
-function he({ entries: e, listId: r, activeIndex: i, selectedKeys: a, codeKey: o, query: s, highlightQuery: c, getOptionDisabled: l, getOptionId: u, setOptionRef: d, toggleOption: f, selectOnlyOption: p, renderItem: ee }) {
+function ve({ entries: e, listId: r, activeIndex: i, selectedKeys: a, codeKey: o, query: s, highlightQuery: c, getOptionDisabled: l, getOptionId: u, setOptionRef: d, toggleOption: f, selectOnlyOption: p, renderItem: ee }) {
 	return e.map(({ item: e, index: m }) => {
 		let h = m === i, g = a.has(O(e, o)), _ = l?.(e) ?? !1;
-		return /* @__PURE__ */ S("div", {
+		return /* @__PURE__ */ x("div", {
 			id: u(r, m),
 			ref: (e) => d(m, e),
 			role: "option",
 			"aria-selected": g,
 			"aria-disabled": _ || void 0,
-			className: ie(t.uiSelectOption, _ && t.disabled, g && t.selected, h && t.uiPopupOptionActive),
+			className: ae(t.uiSelectOption, _ && t.disabled, g && t.selected, h && t.uiPopupOptionActive),
 			onMouseDown: (e) => {
 				e.preventDefault();
 			},
-			children: [/* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ b("div", {
 				onClick: (e) => {
 					e.stopPropagation();
 				},
-				children: /* @__PURE__ */ x(n, {
+				children: /* @__PURE__ */ b(n, {
 					value: g,
 					disabled: _,
 					onChange: () => {
@@ -133,7 +142,7 @@ function he({ entries: e, listId: r, activeIndex: i, selectedKeys: a, codeKey: o
 						e.stopPropagation();
 					}
 				})
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "overflowHidden",
 				onClick: () => {
 					_ || p(e);
@@ -149,40 +158,41 @@ function he({ entries: e, listId: r, activeIndex: i, selectedKeys: a, codeKey: o
 		}, `${O(e, o)}-${m}`);
 	});
 }
-var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange: h, label: g, description: _, placeholder: b, size: re, query: ie, defaultQuery: se, highlightQuery: w, onQuery: E, defaultFilter: D = !0, onOpen: k, onClose: ge, getOptionDisabled: A, disabled: j, error: M, isLoading: N, renderToken: P, renderToolbar: F, renderItem: _e }, I) => {
-	let ve = ne(null), [L, ye] = y(!1), R = "search-multi", z = m ?? fe, be = v(() => new Set(z.map((t) => O(t, e))), [e, z]), xe = v(() => p.filter((t) => !be.has(O(t, e))), [
+var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange: h, label: g, description: _, placeholder: re, size: ie, query: ae, defaultQuery: ce, highlightQuery: le, onQuery: C, defaultFilter: w = !0, onOpen: T, onClose: ue, getOptionDisabled: D, disabled: k, error: A, isLoading: j, renderToken: M, renderToolbar: N, renderItem: P }, F) => {
+	let I = ne(null), [L, ye] = y(!1), R = "search-multi", z = m ?? he, be = v(() => new Set(z.map((t) => O(t, e))), [e, z]), xe = v(() => p.filter((t) => !be.has(O(t, e))), [
 		e,
 		be,
 		p
-	]), B = v(() => T([...z, ...p], e, n), [
+	]), B = v(() => E([...z, ...p], e, n), [
 		e,
 		z,
 		p,
 		n
-	]), { query: V, setQuery: Se } = d({
-		open: L,
-		query: ie,
-		defaultQuery: se,
-		onQuery: E,
+	]), { query: V, setQuery: Se, resetQueryOnClose: Ce } = d({
+		query: ae,
+		defaultQuery: ce,
+		onQuery: C,
 		triggerMode: R
-	}), H = r({
+	}), we = (e) => {
+		L && !e && Ce && Se(""), ye(e);
+	}, H = r({
 		options: z,
 		query: V,
-		enabled: D,
-		getSearchText: (t) => pe(t, e, B)
+		enabled: w,
+		getSearchText: (t) => ge(t, e, B)
 	}), U = r({
 		options: xe,
 		query: V,
-		enabled: D,
-		getSearchText: (t) => pe(t, e, B)
-	}), W = v(() => [...H, ...U], [U, H]), Ce = H.length > 0 ? 0 : -1, { draftValue: G, setDraftValue: K, prepareOpen: we } = l({
+		enabled: w,
+		getSearchText: (t) => ge(t, e, B)
+	}), W = v(() => [...H, ...U], [U, H]), Te = H.length > 0 ? 0 : -1, { draftValue: G, setDraftValue: K, prepareOpen: Ee } = l({
 		value: z,
 		open: L,
 		onCommit: h,
-		onOpen: k,
-		onClose: ge,
-		isEqual: (t, n) => me(t, n, e)
-	}), q = v(() => new Set(G.map((t) => O(t, e))), [e, G]), Te = v(() => ({
+		onOpen: T,
+		onClose: ue,
+		isEqual: (t, n) => _e(t, n, e)
+	}), q = v(() => new Set(G.map((t) => O(t, e))), [e, G]), De = v(() => ({
 		selectedItems: G,
 		committedSelectedItems: z,
 		selectedKeys: q,
@@ -192,29 +202,29 @@ var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange:
 		G,
 		L,
 		q
-	]), J = te((e) => A?.(e, Te) ?? !1, [A, Te]), { activeIndex: Y, context: Ee, floatingStyles: De, getFloatingProps: Oe, setReference: ke, setFloating: Ae, setOptionRef: je, close: Me, openList: Ne, toggleOpen: Pe, selectActiveOption: Fe, handleReferenceKeyDown: Ie, handleFloatingKeyDown: Le, getOptionId: Re, getActiveOptionId: ze } = s({
+	]), J = te((e) => D?.(e, De) ?? !1, [D, De]), { activeIndex: Y, context: Oe, floatingStyles: ke, getFloatingProps: Ae, setReference: je, setFloating: Me, setOptionRef: Ne, close: Pe, openList: Fe, toggleOpen: Ie, selectActiveOption: Le, handleReferenceKeyDown: Re, handleFloatingKeyDown: ze, getOptionId: Be, getActiveOptionId: Ve } = s({
 		options: W,
-		selectedIndex: Ce,
+		selectedIndex: Te,
 		open: L,
-		onOpenChange: ye,
+		onOpenChange: we,
 		onSelect: void 0,
-		disabled: j,
+		disabled: k,
 		getOptionDisabled: J,
 		closeOnSelect: !1,
 		allowOpenWithoutOptions: !0,
 		triggerMode: R
-	}), Be = w ?? V, X = (t) => {
+	}), He = le ?? V, X = (t) => {
 		let n = O(t, e);
 		K((r) => r.some((t) => O(t, e) === n) ? r.filter((t) => O(t, e) !== n) : J(t) ? r : [...r, t]);
-	}, Ve = (e) => {
-		if (ve.current = e, typeof I == "function") {
-			I(e);
+	}, Ue = (e) => {
+		if (I.current = e, typeof F == "function") {
+			F(e);
 			return;
 		}
-		I && (I.current = e);
-	}, He = () => {
+		F && (F.current = e);
+	}, We = () => {
 		K([]), L || h([]);
-	}, Ue = () => {
+	}, Ge = () => {
 		K((t) => {
 			let n = [...t], r = new Set(t.map((t) => O(t, e)));
 			for (let t of W) {
@@ -223,88 +233,89 @@ var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange:
 			}
 			return n;
 		});
-	}, We = () => {
+	}, Ke = () => {
 		K([]);
-	}, Z = (e) => {
-		J(e) || (K([e]), Me());
-	}, Ge = L ? G : z, Ke = Ge.length > 0, qe = {
-		selectedItems: Ge,
+	}, qe = (e) => {
+		J(e) || (K([e]), Pe());
+	}, Je = L ? G : z, Z = Je.length > 0, Ye = {
+		selectedItems: Je,
 		committedSelectedItems: z,
 		availableItems: U,
 		query: V,
 		open: L,
-		clearSelection: He,
-		selectAll: Ue,
-		deselectAll: We
-	}, Je = P === void 0 ? ce({
+		clearSelection: We,
+		selectAll: Ge,
+		deselectAll: Ke
+	}, Xe = M === void 0 ? de({
 		codeKey: e,
 		textKey: B
-	}) : P, Ye = F === void 0 ? le : F, Xe = _e ?? ue({
+	}) : M, Ze = N === void 0 ? fe : N, Qe = P ?? pe({
 		codeKey: e,
 		textKey: B,
 		hideCode: a
-	}), Ze = typeof Je == "function" ? Je(qe) : null, Qe = typeof Ye == "function" ? Ye(qe) : null, Q = H.map((e, t) => ({
+	}), $e = typeof Xe == "function" ? Xe(Ye) : null, et = typeof Ze == "function" ? Ze(Ye) : null, Q = H.map((e, t) => ({
 		item: e,
 		index: t
-	})), $e = U.map((e, t) => ({
+	})), tt = U.map((e, t) => ({
 		item: e,
 		index: t + Q.length
-	})), et = !N && !M && W.length === 0, $ = f({
+	})), nt = !j && !A && W.length === 0, $ = f({
 		mode: R,
 		open: L,
 		currentQuery: V,
 		hasDisplayValue: !1,
-		inputRef: ve,
+		inputRef: I,
 		setQuery: Se,
-		openList: Ne,
-		close: Me,
-		toggleOpen: Pe,
+		openList: Fe,
+		close: Pe,
+		toggleOpen: Ie,
 		onBeforeOpen: () => {
-			L || we();
+			L || Ee();
 		}
 	});
-	return /* @__PURE__ */ x(u, {
+	return /* @__PURE__ */ b(u, {
 		label: g,
 		description: _,
-		disabled: j,
-		size: re,
-		className: C.multiSelect,
+		disabled: k,
+		size: ie,
+		className: S.multiSelect,
 		children: ({ controlId: n, labelId: r, describedBy: a }) => {
 			let s = `${n}-listbox`;
-			return /* @__PURE__ */ S(oe, { children: [/* @__PURE__ */ x(i, {
-				ref: Ve,
-				rootRef: ke,
+			return /* @__PURE__ */ x(se, { children: [/* @__PURE__ */ b(i, {
+				ref: Ue,
+				rootRef: je,
 				id: n,
 				type: "text",
 				role: "combobox",
 				autoComplete: "off",
-				disabled: j,
+				disabled: k,
 				value: V,
-				placeholder: Ke ? void 0 : `${b} <${p.length}>`,
+				placeholder: Z ? void 0 : `${re ?? g ?? "Выберите значения"} <${p.length}>`,
 				"aria-labelledby": r,
 				"aria-describedby": a,
 				"aria-haspopup": "listbox",
 				"aria-expanded": L,
 				"aria-controls": L ? s : void 0,
 				"aria-autocomplete": "list",
-				"aria-activedescendant": L ? ze(s) : void 0,
+				"aria-activedescendant": L ? Ve(s) : void 0,
 				rootClassName: "flex alignItemsCenter",
-				endAdornment: /* @__PURE__ */ S(c, {
+				endAdornment: /* @__PURE__ */ b(c, {
 					open: L,
-					disabled: j,
+					disabled: k,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
-					children: [Ze, /* @__PURE__ */ x("button", {
+					children: /* @__PURE__ */ b("button", {
 						type: "button",
-						disabled: !Ke,
+						disabled: !Z,
 						className: t.uiClearButton,
 						"data-ui": "multi-select-clear-button",
 						"data-action": "clear-multi-select",
-						onClick: He,
+						onClick: We,
 						"aria-label": "Очистить все",
-						children: /* @__PURE__ */ x(ae, {})
-					})]
+						children: /* @__PURE__ */ b(oe, {})
+					})
 				}),
+				overlay: $e,
 				onChange: (e) => {
 					$.handleTriggerInputChange(e.target.value);
 				},
@@ -313,7 +324,7 @@ var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange:
 					$.handleTriggerFocus(e.currentTarget);
 				},
 				onKeyDown: (e) => {
-					Ie(e), !e.defaultPrevented && $.handleTriggerKeyDown({
+					Re(e), !e.defaultPrevented && $.handleTriggerKeyDown({
 						event: e,
 						onActivateWhenOpen: () => {
 							if (Y >= 0) {
@@ -323,65 +334,65 @@ var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange:
 									return;
 								}
 							}
-							Fe();
+							Le();
 						},
 						enableClosedArrowDownOpen: !0,
 						suppressClosedArrowUp: !0
 					});
 				}
-			}), /* @__PURE__ */ x(o, {
+			}), /* @__PURE__ */ b(o, {
 				open: L,
-				context: Ee,
-				floatingStyles: De,
+				context: Oe,
+				floatingStyles: ke,
 				listId: s,
 				labelId: r,
 				descriptionId: a,
-				activeOptionId: L ? ze(s) : void 0,
-				setFloating: Ae,
-				getFloatingProps: Oe,
-				onKeyDown: Le,
+				activeOptionId: L ? Ve(s) : void 0,
+				setFloating: Me,
+				getFloatingProps: Ae,
+				onKeyDown: ze,
 				initialFocus: -1,
 				returnFocus: !1,
 				tabIndex: -1,
 				className: t.uiPopupOptions,
-				header: Qe,
-				children: /* @__PURE__ */ x(de, {
-					isNoData: et,
-					isLoading: N,
-					error: M,
-					children: /* @__PURE__ */ S("div", {
+				header: et,
+				children: /* @__PURE__ */ b(me, {
+					isNoData: nt,
+					isLoading: j,
+					error: A,
+					children: /* @__PURE__ */ x("div", {
 						className: "scrollable h100",
 						children: [
-							/* @__PURE__ */ x(he, {
+							/* @__PURE__ */ b(ve, {
 								entries: Q,
 								listId: s,
 								activeIndex: Y,
 								selectedKeys: q,
 								codeKey: e,
 								query: V,
-								highlightQuery: Be,
+								highlightQuery: He,
 								getOptionDisabled: J,
-								getOptionId: Re,
-								setOptionRef: je,
+								getOptionId: Be,
+								setOptionRef: Ne,
 								toggleOption: X,
-								selectOnlyOption: Z,
-								renderItem: Xe
+								selectOnlyOption: qe,
+								renderItem: Qe
 							}),
-							Q.length > 0 && xe.length > 0 && /* @__PURE__ */ x(ee, { className: "marginBlockSm" }),
-							/* @__PURE__ */ x(he, {
-								entries: $e,
+							Q.length > 0 && xe.length > 0 && /* @__PURE__ */ b(ee, { className: "marginBlockSm" }),
+							/* @__PURE__ */ b(ve, {
+								entries: tt,
 								listId: s,
 								activeIndex: Y,
 								selectedKeys: q,
 								codeKey: e,
 								query: V,
-								highlightQuery: Be,
+								highlightQuery: He,
 								getOptionDisabled: J,
-								getOptionId: Re,
-								setOptionRef: je,
+								getOptionId: Be,
+								setOptionRef: Ne,
 								toggleOption: X,
-								selectOnlyOption: Z,
-								renderItem: Xe
+								selectOnlyOption: qe,
+								renderItem: Qe
 							})
 						]
 					})
@@ -393,7 +404,7 @@ var k = _(({ codeKey: e, textKey: n, hideCode: a, items: p, value: m, onChange:
 k.displayName = "MultiSelect";
 //#endregion
 //#region src/multi-select/model/useODataMultiSelect.ts
-function ge({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
+function A({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
 	let o = m({
 		odata: e,
 		segment: t,
@@ -410,16 +421,16 @@ function ge({ odata: e, segment: t, model: n, value: r, dependencies: i, onChang
 }
 //#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 }) => {
-	let u = ge({
+var j = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) => {
+	let u = A({
 		odata: e,
 		segment: t,
-		model: re(n),
+		model: ie(n),
 		value: o,
 		dependencies: s,
 		onChange: c
 	});
-	return /* @__PURE__ */ x(k, {
+	return /* @__PURE__ */ b(k, {
 		label: r,
 		description: i,
 		size: l,
@@ -437,7 +448,7 @@ var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a
 		placeholder: u.placeholder,
 		error: u.isError ? "Ошибка загрузки" : void 0
 	});
-}, j = ({ item: e, values: t, onChange: n, width: r = 15 }) => {
+}, M = ({ item: e, values: t, onChange: n, width: r = 15 }) => {
 	let [i, a] = y({}), o = t ?? i, s = `calc(${r}em + var(--width-add))`, c = te((r) => {
 		let i = {
 			...o,
@@ -450,12 +461,12 @@ var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a
 		o,
 		t
 	]);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ b("div", {
 		style: {
 			maxWidth: s,
 			minWidth: s
 		},
-		children: /* @__PURE__ */ x(A, {
+		children: /* @__PURE__ */ b(j, {
 			odata: e.odata,
 			segment: e.segment,
 			model: e.model,
@@ -464,13 +475,13 @@ var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a
 			onChange: c
 		})
 	});
-}, M = ({ width: e = 15, odata: t, segments: n, model: r, values: i, onChange: a }) => {
+}, N = ({ width: e = 15, odata: t, segments: n, model: r, values: i, onChange: a }) => {
 	let [o, s] = y({}), c = i ?? o;
-	return b([{
+	return re([{
 		odata: t,
 		segments: n,
 		model: r
-	}]).map((t) => /* @__PURE__ */ x(j, {
+	}]).map((t) => /* @__PURE__ */ b(M, {
 		item: t,
 		values: c,
 		onChange: (e) => {
@@ -481,21 +492,21 @@ var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a
 };
 //#endregion
 //#region src/multi-select/ui/SerializableMultiSelect.tsx
-function N(e, t) {
+function P(e, t) {
 	return e[t];
 }
-function P(e, t, n) {
+function F(e, t, n) {
 	let r = e[t];
 	if (typeof r == "string") return r;
-	let i = N(e, n);
+	let i = P(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 I({ 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(P(e, c)),
+		text: F(e, l, c)
 	})), f = new Set((o ?? []).map((e) => String(e))), p = d.filter((e) => f.has(e.key));
-	return /* @__PURE__ */ x(k, {
+	return /* @__PURE__ */ b(k, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -510,6 +521,6 @@ function F({ label: e, description: t, disabled: n, placeholder: r, size: i, opt
 	});
 }
 //#endregion
-export { k as a, A as i, M as n, w as o, j as r, F as t };
+export { k as a, j as i, N as n, T as o, M as r, C as s, I as t };
 
-//# sourceMappingURL=multi-select-COEkc8Qc.js.map
+//# sourceMappingURL=multi-select-Dypew65l.js.map