@ryuzaki13/react-foundation-ui 3.5.0 → 3.7.0

package/dist/chunks/{select-DblNSc5H.js → select--oIrv7SC.js}

@@ -1,36 +1,37 @@
 import { HighlightText as e } from "../text/index.js";
 import { t } from "./ui.module-oRwY3Zli.js";
 import { u as n } from "./input-CuRK9Vbz.js";
-import { a as r, f as i, i as a, m as o, r as s, s as c, t as l, u, v as d } from "./picker-BA6okKnz.js";
-import { CustomOptionButton as f, Option as p, OptionButton as m, OptionCode as h, OptionText as g } from "../option/index.js";
-import { t as _ } from "./odata-dependent-C_DCbKY2.js";
-import { n as v } from "./useODataSelectBase-DwR4Lfv-.js";
+import { a as r, f as i, i as a, m as o, r as s, s as c, t as l, u, v as d } from "./picker-SJXnHwsj.js";
+import { Option as f, OptionCode as p, OptionContent as m, OptionText as h } from "../option/index.js";
+import { t as g } from "./odata-dependent-C_DCbKY2.js";
+import { n as _ } from "./useODataSelectBase-DwR4Lfv-.js";
+import { t as v } from "./OptionContentContainer-CWHlfm5Z.js";
 import { cn as y } from "@ryuzaki13/react-foundation-lib/utils";
 import { CheckIcon as ee } from "lucide-react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Fragment as te, useCallback as C, useMemo as w, useRef as ne, useState as re } from "react";
-import { useODataCollectionModel as T } from "@ryuzaki13/react-foundation-api/odata";
+import { Fragment as te, useCallback as C, useMemo as ne, useRef as re, useState as ie } from "react";
+import { useODataCollectionModel as w } from "@ryuzaki13/react-foundation-api/odata";
 //#region src/select/lib/getOptionSearchText.ts
-function ie({ option: e, getOptionLabel: t, getOptionCode: n, getOptionGroup: r }) {
+function ae({ option: e, getOptionLabel: t, getOptionCode: n, getOptionGroup: r }) {
 	return [
 		o(t(e)),
 		o(n?.(e)),
 		o(r?.(e)?.label)
 	].filter((e) => !!e).join(" ").toLowerCase();
 }
-function E(e, t, n) {
+function T(e, t, n) {
 	return e.find((e) => e.value === t) ?? n;
 }
 //#endregion
 //#region src/select/model/useODataSelect.ts
-function D({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
-	let o = v({
+function E({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
+	let o = _({
 		odata: e,
 		segment: t,
 		model: n,
 		value: r ? [r] : [],
 		dependencies: i
-	}), s = o.selectedItems[0], c = w(() => s ? [s, ...o.filteredItems] : o.filteredItems, [o.filteredItems, s]), l = (e) => {
+	}), s = o.selectedItems[0], c = ne(() => s ? [s, ...o.filteredItems] : o.filteredItems, [o.filteredItems, s]), l = (e) => {
 		a(e?.[o.selectionKey]);
 	};
 	return {
@@ -42,7 +43,7 @@ function D({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange
 }
 //#endregion
 //#region src/select/lib/createSelectOptionSections.ts
-function ae(e, t) {
+function oe(e, t) {
 	let n = [];
 	return e.forEach((e, r) => {
 		let i = t(e), a = n.at(-1), o = a?.group?.key === i?.key;
@@ -64,40 +65,40 @@ function ae(e, t) {
 }
 //#endregion
 //#region src/select/Select.tsx
-function O(e) {
-	let { label: n, description: h, disabled: g, placeholder: _, size: v, options: T, value: E, onChange: D, getOptionKey: O, getOptionLabel: k, getOptionCode: A, getOptionSearchText: j, getOptionDisabled: M, getOptionAriaLabel: N, getOptionGroup: P, getOptionClassName: F, renderOption: I, renderValue: L, className: oe, buttonClassName: se, optionsClassName: ce, optionsMaxWidth: le, optionsContentClassName: ue, searchable: R = !1, defaultFilter: de = !0, query: fe, defaultQuery: pe, onQuery: me, renderPopupHeader: he, emptyState: ge, isLoading: _e, errorState: ve, placement: ye = "bottom-start", clearable: be = !1 } = e, z = D, B = ne(null), [V, xe] = re(!1), H = R ? "search-single" : "display", U = E === void 0 ? void 0 : O(E), W = U === void 0 ? void 0 : T.find((e) => O(e) === U) ?? E, { query: G, setQuery: K, resetQueryOnClose: Se } = s({
-		query: fe,
-		defaultQuery: pe,
-		onQuery: me,
+function D(e) {
+	let { label: n, description: p, disabled: h, placeholder: g, size: _, options: w, value: T, onChange: E, getOptionKey: D, getOptionLabel: O, getOptionCode: k, getOptionSearchText: A, getOptionDisabled: j, getOptionAriaLabel: M, getOptionGroup: N, getOptionClassName: P, renderOption: F, renderValue: I, className: se, buttonClassName: ce, optionsClassName: le, optionsMaxWidth: ue, optionsContentClassName: de, searchable: L = !1, defaultFilter: fe = !0, query: pe, defaultQuery: me, onQuery: he, renderPopupHeader: ge, emptyState: _e, isLoading: ve, errorState: ye, placement: be = "bottom-start", clearable: R = !1 } = e, z = E, B = re(null), [V, xe] = ie(!1), H = L ? "search-single" : "display", U = T === void 0 ? void 0 : D(T), W = U === void 0 ? void 0 : w.find((e) => D(e) === U) ?? T, { query: G, setQuery: K, resetQueryOnClose: Se } = s({
+		query: pe,
+		defaultQuery: me,
+		onQuery: he,
 		triggerMode: H
 	}), Ce = (e) => {
 		V && !e && Se && K(""), xe(e);
-	}, we = C((e) => j?.(e) ?? ie({
+	}, we = C((e) => A?.(e) ?? ae({
 		option: e,
-		getOptionLabel: k,
-		getOptionCode: A,
-		getOptionGroup: P
+		getOptionLabel: O,
+		getOptionCode: k,
+		getOptionGroup: N
 	}), [
-		j,
 		A,
-		P,
-		k
+		k,
+		N,
+		O
 	]), q = r({
-		options: T,
+		options: w,
 		query: G,
-		enabled: R && de,
+		enabled: L && fe,
 		getSearchText: we
-	}), J = w(() => P ? ae(q, P) : void 0, [P, q]), Te = U === void 0 ? -1 : q.findIndex((e) => O(e) === U), { activeIndex: Ee, context: De, floatingStyles: Oe, getFloatingProps: ke, setReference: Ae, setFloating: je, setOptionRef: Me, close: Y, openList: Ne, toggleOpen: Pe, selectOption: X, selectActiveOption: Fe, handleReferenceKeyDown: Ie, handleFloatingKeyDown: Le, getOptionId: Re, getActiveOptionId: Z } = a({
+	}), J = ne(() => N ? oe(q, N) : void 0, [N, q]), Te = U === void 0 ? -1 : q.findIndex((e) => D(e) === U), { activeIndex: Ee, context: De, floatingStyles: Oe, getFloatingProps: ke, setReference: Ae, setFloating: je, setOptionRef: Me, close: Y, openList: Ne, toggleOpen: Pe, selectOption: Fe, selectActiveOption: Ie, handleReferenceKeyDown: Le, handleFloatingKeyDown: Re, getOptionId: ze, getActiveOptionId: X } = a({
 		options: q,
 		selectedIndex: Te,
 		open: V,
 		onOpenChange: Ce,
-		getOptionDisabled: M,
+		getOptionDisabled: j,
 		onSelect: z,
-		disabled: g,
-		placement: ye,
+		disabled: h,
+		placement: be,
 		triggerMode: H
-	}), Q = q.length > 0, ze = W === void 0 ? void 0 : k(W), Be = W === void 0 ? void 0 : L ? L(W) : ze, Ve = o(ze), He = W === void 0 ? void 0 : o(A?.(W)), Ue = o(Be) ?? Ve ?? He ?? (U === void 0 ? "" : String(U)), We = R && (V || G.length > 0) ? G : W === void 0 ? "" : Ue, $ = l({
+	}), Z = q.length > 0, Q = W === void 0 ? void 0 : O(W), Be = W === void 0 ? void 0 : I ? I(W) : Q, Ve = o(Q), He = W === void 0 ? void 0 : o(k?.(W)), Ue = o(Be) ?? Ve ?? He ?? (U === void 0 ? "" : String(U)), We = L && (V || G.length > 0) ? G : W === void 0 ? "" : Ue, $ = l({
 		mode: H,
 		open: V,
 		currentQuery: G,
@@ -110,47 +111,39 @@ function O(e) {
 	}), Ge = (e) => {
 		B.current = e;
 	}, Ke = () => {
-		be && z(void 0), K(""), Y();
+		R && z(void 0), K(""), Y();
 	}, qe = (e, t, n) => {
-		let r = O(t), i = U !== void 0 && r === U, a = n === Ee, o = M?.(t) ?? !1, s = {
+		let r = D(t), i = U !== void 0 && r === U, a = n === Ee, o = j?.(t) ?? !1, s = {
 			active: a,
 			selected: i,
 			disabled: o
 		};
-		return /* @__PURE__ */ x(p, {
-			id: Re(e, n),
+		return /* @__PURE__ */ x(f, {
+			id: ze(e, n),
 			ref: (e) => Me(n, e),
 			role: "option",
 			"aria-selected": i,
 			"aria-disabled": o || void 0,
-			"aria-label": N?.(t),
+			"aria-label": M?.(t),
 			active: a,
 			selected: i,
 			disabled: o,
-			className: F?.(t, s),
-			children: I ? /* @__PURE__ */ x(f, {
-				tabIndex: -1,
-				disabled: o,
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => X(t),
-				children: I(t, s)
-			}) : /* @__PURE__ */ x(m, {
-				tabIndex: -1,
-				disabled: o,
+			className: P?.(t, s),
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: () => Fe(t),
+			children: F ? /* @__PURE__ */ x(v, { children: F(t, s) }) : /* @__PURE__ */ x(v, { children: /* @__PURE__ */ x(m, {
 				icon: x(i ? ee : "span", {}),
-				text: k(t),
-				code: A?.(t),
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => X(t)
-			})
+				text: O(t),
+				code: k?.(t)
+			}) })
 		}, r);
 	};
 	return /* @__PURE__ */ x(d, {
 		label: n,
-		description: h,
-		disabled: g,
-		size: v,
-		className: oe,
+		description: p,
+		disabled: h,
+		size: _,
+		className: se,
 		children: ({ controlId: e, labelId: r, describedBy: a }) => {
 			let o = `${e}-listbox`;
 			return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(c, {
@@ -158,20 +151,20 @@ function O(e) {
 				rootRef: Ae,
 				id: e,
 				type: "text",
-				disabled: g,
-				readOnly: !R,
+				disabled: h,
+				readOnly: !L,
 				autoComplete: "off",
 				role: "combobox",
-				isLoading: _e,
+				isLoading: ve,
 				open: V,
-				optionCount: T.length,
+				optionCount: w.length,
 				label: n,
-				placeholder: _,
+				placeholder: g,
 				value: We,
 				selectedValue: Be ?? Ue,
 				hasSelection: W !== void 0,
 				showSelectedValue: !1,
-				clearable: !!be,
+				clearable: !!R,
 				onClear: Ke,
 				onToggleMouseDown: $.handleToggleMouseDown,
 				onToggleClick: $.handleToggleClick,
@@ -180,21 +173,21 @@ function O(e) {
 				"aria-haspopup": "listbox",
 				"aria-expanded": V,
 				"aria-controls": V ? o : void 0,
-				"aria-autocomplete": R ? "list" : "none",
-				"aria-activedescendant": V ? Z(o) : void 0,
-				inputClassName: y(se, "textOverflow"),
+				"aria-autocomplete": L ? "list" : "none",
+				"aria-activedescendant": V ? X(o) : void 0,
+				inputClassName: y(ce, "textOverflow"),
 				onChange: (e) => {
-					R && $.handleTriggerInputChange(e.target.value);
+					L && $.handleTriggerInputChange(e.target.value);
 				},
 				onClick: $.handleTriggerClick,
 				onFocus: (e) => {
 					$.handleTriggerFocus(e.currentTarget);
 				},
 				onKeyDown: (e) => {
-					Ie(e), !e.defaultPrevented && $.handleTriggerKeyDown({
+					Le(e), !e.defaultPrevented && $.handleTriggerKeyDown({
 						event: e,
-						onActivateWhenOpen: Fe,
-						enableSpaceActivation: !R
+						onActivateWhenOpen: Ie,
+						enableSpaceActivation: !L
 					});
 				}
 			}), /* @__PURE__ */ x(i, {
@@ -204,16 +197,17 @@ function O(e) {
 				listId: o,
 				labelId: r,
 				descriptionId: a,
-				activeOptionId: Q ? Z(o) : void 0,
+				activeOptionId: Z ? X(o) : void 0,
 				setFloating: je,
 				getFloatingProps: ke,
-				onKeyDown: Le,
-				className: ce,
-				maxWidth: le,
-				toolbar: he,
+				onKeyDown: Re,
+				className: le,
+				maxWidth: ue,
+				toolbar: ge,
 				children: /* @__PURE__ */ x("div", {
-					className: y(ue, "h100 scrollable overscroll"),
-					children: Q ? J ? J.map((e, n) => {
+					role: "presentation",
+					className: y(de, "h100 scrollable overscroll"),
+					children: Z ? J ? J.map((e, n) => {
 						let r = e.group ? `${o}-group-${n}` : void 0, i = e.items.map(({ option: e, index: t }) => qe(o, e, t));
 						return e.group ? /* @__PURE__ */ S("div", {
 							role: "group",
@@ -225,8 +219,8 @@ function O(e) {
 							}), i]
 						}, `group-${String(e.group.key)}-${n}`) : /* @__PURE__ */ x(te, { children: i }, `options-${n}`);
 					}) : q.map((e, t) => qe(o, e, t)) : /* @__PURE__ */ x(u, {
-						emptyState: ge,
-						errorState: ve
+						emptyState: _e,
+						errorState: ye
 					})
 				})
 			})] });
@@ -235,14 +229,14 @@ function O(e) {
 }
 //#endregion
 //#region src/select/SelectOptionContent.tsx
-function k({ label: t, code: n, highlight: r, labelClassName: i, codeClassName: a }) {
-	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
+function O({ label: t, code: n, highlight: r, labelClassName: i, codeClassName: a }) {
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(h, {
 		className: y("flexEllipsis", i),
 		children: /* @__PURE__ */ x(e, {
 			text: t,
 			highlight: r
 		})
-	}), n && /* @__PURE__ */ x(h, {
+	}), n && /* @__PURE__ */ x(p, {
 		className: a,
 		children: /* @__PURE__ */ x(e, {
 			text: n,
@@ -252,14 +246,14 @@ function k({ label: t, code: n, highlight: r, labelClassName: i, codeClassName:
 }
 //#endregion
 //#region src/select/ODataSelect.tsx
-function A(e, t, n) {
+function k(e, t, n) {
 	return e ? t || Object.keys(e).find((e) => e !== n) || n : t || n;
 }
-var j = ({ odata: e, segment: t, model: r, size: i, label: a, description: o, disabled: s, value: c, dependencies: l, onChange: u, clearable: d }) => {
-	let f = D({
+function A({ odata: e, segment: t, model: r, size: i, label: a, description: o, disabled: s, value: c, dependencies: l, onChange: u, clearable: d }) {
+	let f = E({
 		odata: e,
 		segment: t,
-		model: T(r),
+		model: w(r),
 		value: c,
 		dependencies: l,
 		onChange: u
@@ -269,8 +263,8 @@ var j = ({ odata: e, segment: t, model: r, size: i, label: a, description: o, di
 		label: a,
 		description: o
 	});
-	let p = t.hideCode ?? e.hideCode, m = A(f.selectedItem ?? f.options[0], f.textKey, f.codeKey);
-	return /* @__PURE__ */ x(O, {
+	let p = t.hideCode ?? e.hideCode, m = k(f.selectedItem ?? f.options[0], f.textKey, f.codeKey);
+	return /* @__PURE__ */ x(D, {
 		size: i,
 		label: a,
 		description: o,
@@ -281,11 +275,11 @@ var j = ({ odata: e, segment: t, model: r, size: i, label: a, description: o, di
 		getOptionLabel: (e) => e[m],
 		getOptionCode: p ? void 0 : (e) => e[f.codeKey],
 		getOptionAriaLabel: (e) => p || e[m] === e[f.codeKey] ? String(e[m]) : `${e[m]} ${e[f.codeKey]}`,
-		renderValue: (e) => /* @__PURE__ */ x(k, {
+		renderValue: (e) => /* @__PURE__ */ x(O, {
 			label: e[m],
 			code: p ? void 0 : e[f.codeKey]
 		}),
-		renderOption: (e) => /* @__PURE__ */ x(k, {
+		renderOption: (e) => /* @__PURE__ */ x(O, {
 			label: e[m],
 			code: p ? void 0 : e[f.codeKey],
 			highlight: f.debouncedQuery
@@ -301,11 +295,11 @@ var j = ({ odata: e, segment: t, model: r, size: i, label: a, description: o, di
 		emptyState: !f.isLoading && !f.isError ? "Нет данных" : void 0,
 		clearable: d
 	});
-};
+}
 //#endregion
 //#region src/select/ODataDependentSegmentSelect.tsx
-function M(e) {
-	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15, clearable: s } = e, c = _(e), { updateSegment: l } = c, u = `calc(${o}em + var(--width-add))`, d = C((e) => {
+function j(e) {
+	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15, clearable: s } = e, c = g(e), { updateSegment: l } = c, u = `calc(${o}em + var(--width-add))`, d = C((e) => {
 		l(t.id, e === void 0 ? [] : [e]);
 	}, [t.id, l]);
 	return /* @__PURE__ */ x("div", {
@@ -313,7 +307,7 @@ function M(e) {
 			maxWidth: u,
 			minWidth: u
 		},
-		children: /* @__PURE__ */ x(j, {
+		children: /* @__PURE__ */ x(A, {
 			odata: t.odata,
 			segment: t.segment,
 			model: t.model,
@@ -330,18 +324,18 @@ function M(e) {
 }
 //#endregion
 //#region src/select/SerializableSelect.tsx
-function N(e, t) {
+function M(e, t) {
 	return String(e[t]);
 }
-function P(e, t, n) {
+function N(e, t, n) {
 	let r = e[t];
 	if (typeof r == "string" || typeof r == "number") return String(r);
-	let i = N(e, n);
+	let i = M(e, n);
 	return 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, className: d, clearable: f }) {
-	let p = o === void 0 ? void 0 : a.find((e) => N(e, c) === o);
-	return /* @__PURE__ */ x(O, {
+function P({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u, className: d, clearable: f }) {
+	let p = o === void 0 ? void 0 : a.find((e) => M(e, c) === o);
+	return /* @__PURE__ */ x(D, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -349,15 +343,15 @@ function F({ label: e, description: t, disabled: n, placeholder: r, size: i, opt
 		size: i,
 		options: a,
 		value: p,
-		onChange: (e) => s(e ? N(e, c) : void 0),
-		getOptionKey: (e) => N(e, c),
-		getOptionLabel: (e) => P(e, l, c),
-		getOptionCode: u ? (e) => N(e, c) : void 0,
+		onChange: (e) => s(e ? M(e, c) : void 0),
+		getOptionKey: (e) => M(e, c),
+		getOptionLabel: (e) => N(e, l, c),
+		getOptionCode: u ? (e) => M(e, c) : void 0,
 		className: d,
 		clearable: f
 	});
 }
 //#endregion
-export { E as a, O as i, M as n, j as r, F as t };
+export { T as a, D as i, j as n, A as r, P as t };
 
-//# sourceMappingURL=select-DblNSc5H.js.map
+//# sourceMappingURL=select--oIrv7SC.js.map

package/dist/chunks/select--oIrv7SC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select--oIrv7SC.js","names":[],"sources":["../../src/select/lib/getOptionSearchText.ts","../../src/select/model/useODataSelect.ts","../../src/select/lib/createSelectOptionSections.ts","../../src/select/Select.tsx","../../src/select/SelectOptionContent.tsx","../../src/select/ODataSelect.tsx","../../src/select/ODataDependentSegmentSelect.tsx","../../src/select/SerializableSelect.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { extractPickerTextContent } from \"../../picker\";\nimport { type SelectOptionGroup } from \"../SelectOptionGroup\";\n\nexport function getOptionSearchText<T extends InputType>({\n\toption,\n\tgetOptionLabel,\n\tgetOptionCode,\n\tgetOptionGroup\n}: {\n\toption: T;\n\tgetOptionLabel: (option: T) => ReactNode;\n\tgetOptionCode?: (option: T) => ReactNode;\n\tgetOptionGroup?: (option: T) => SelectOptionGroup | undefined;\n}) {\n\treturn [\n\t\textractPickerTextContent(getOptionLabel(option)),\n\t\textractPickerTextContent(getOptionCode?.(option)),\n\t\textractPickerTextContent(getOptionGroup?.(option)?.label)\n\t]\n\t\t.filter((part): part is string => Boolean(part))\n\t\t.join(\" \")\n\t\t.toLowerCase();\n}\n\n/** Находит selected option по value и возвращает fallback, если значение еще не нормализовано. */\nexport function resolveSelectedOption<TOption extends { value: string }>(\n\toptions: readonly TOption[],\n\tvalue: string,\n\tfallback: TOption\n): TOption {\n\treturn options.find((option) => option.value === value) ?? fallback;\n}\n","import { useMemo } from \"react\";\n\nimport { ODataCollectionModel, ODataSingleSelectProps } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { useODataSelectBase } from \"./useODataSelectBase\";\n\ninterface UseODataSelectOptions extends Omit<ODataSingleSelectProps, \"model\"> {\n\tmodel: Required<ODataCollectionModel>;\n\tonChange: (value: string | undefined) => void;\n}\n\nexport function useODataSelect({ odata, segment, model, value, dependencies, onChange }: UseODataSelectOptions) {\n\tconst odataModel = useODataSelectBase({\n\t\todata,\n\t\tsegment,\n\t\tmodel,\n\t\tvalue: value ? [value] : [],\n\t\tdependencies\n\t});\n\n\tconst selectedItem = odataModel.selectedItems[0];\n\tconst options = useMemo(() => {\n\t\tif (!selectedItem) {\n\t\t\treturn odataModel.filteredItems;\n\t\t}\n\n\t\treturn [selectedItem, ...odataModel.filteredItems];\n\t}, [odataModel.filteredItems, selectedItem]);\n\n\tconst handleChange = (item: CollectionItem | undefined) => {\n\t\tonChange(item?.[odataModel.selectionKey]);\n\t};\n\n\treturn {\n\t\t...odataModel,\n\t\tselectedItem,\n\t\toptions,\n\t\thandleChange\n\t};\n}\n","import { type SelectOptionGroup } from \"../SelectOptionGroup\";\n\nexport type SelectOptionSectionItem<TOption> = {\n\treadonly option: TOption;\n\treadonly index: number;\n};\n\nexport type SelectOptionSection<TOption> = {\n\treadonly group: SelectOptionGroup | undefined;\n\treadonly items: readonly SelectOptionSectionItem<TOption>[];\n};\n\n/**\n * Собирает соседние опции с одинаковым group key в секции, сохраняя исходные индексы для клавиатурной навигации listbox.\n */\nexport function createSelectOptionSections<TOption>(\n\toptions: readonly TOption[],\n\tgetOptionGroup: (option: TOption) => SelectOptionGroup | undefined\n): readonly SelectOptionSection<TOption>[] {\n\tconst sections: Array<{ group: SelectOptionGroup | undefined; items: SelectOptionSectionItem<TOption>[] }> = [];\n\n\toptions.forEach((option, index) => {\n\t\tconst group = getOptionGroup(option);\n\t\tconst currentSection = sections.at(-1);\n\t\tconst belongsToCurrentSection = currentSection?.group?.key === group?.key;\n\n\t\tif (currentSection && belongsToCurrentSection) {\n\t\t\tcurrentSection.items.push({ option, index });\n\t\t\treturn;\n\t\t}\n\n\t\tsections.push({\n\t\t\tgroup,\n\t\t\titems: [{ option, index }]\n\t\t});\n\t});\n\n\treturn sections;\n}\n","import { type CSSProperties, Fragment, ReactNode, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport { Placement } from \"@floating-ui/react\";\nimport { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { Option, OptionContent } from \"../option\";\nimport { OptionContentContainer } from \"../option/OptionContentContainer\";\nimport {\n\textractPickerTextContent,\n\tPickerField,\n\tPickerPopup,\n\tPickerStatus,\n\tPickerTrigger,\n\tusePickerDefaultFilter,\n\tusePickerFloatingListbox,\n\tusePickerQuery,\n\tusePickerTriggerController\n} from \"../picker\";\nimport { ChangeHandler, UiBaseProps } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport { getOptionSearchText } from \"./lib\";\nimport { createSelectOptionSections } from \"./lib/createSelectOptionSections\";\nimport { type SelectOptionGroup, type SelectOptionKey } from \"./SelectOptionGroup\";\n\nexport { type SelectOptionGroup, type SelectOptionKey } from \"./SelectOptionGroup\";\n\nexport type SelectOptionState = {\n\tactive: boolean;\n\tselected: boolean;\n\tdisabled: boolean;\n};\n\ntype SelectSharedProps<TOption extends InputType> = Omit<UiBaseProps<TOption, TOption | undefined>, \"onChange\"> & {\n\toptions: readonly TOption[];\n\tgetOptionKey: (option: TOption) => SelectOptionKey;\n\tgetOptionLabel: (option: TOption) => string;\n\tgetOptionCode?: (option: TOption) => string;\n\t/** Явный поисковый текст для опции с произвольным ReactNode-render. */\n\tgetOptionSearchText?: (option: TOption) => string | readonly string[];\n\tgetOptionDisabled?: (option: TOption) => boolean;\n\tgetOptionAriaLabel?: (option: TOption) => string;\n\tgetOptionGroup?: (option: TOption) => SelectOptionGroup | undefined;\n\tgetOptionClassName?: (option: TOption, state: SelectOptionState) => string | undefined;\n\trenderOption?: (option: TOption, state: SelectOptionState) => ReactNode;\n\trenderValue?: (option: TOption) => ReactNode;\n\tclassName?: string;\n\tbuttonClassName?: string;\n\toptionsClassName?: string;\n\toptionsMaxWidth?: CSSProperties[\"maxWidth\"];\n\toptionsContentClassName?: string;\n\tsearchable?: boolean;\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tdefaultFilter?: boolean;\n\tisLoading?: boolean;\n\trenderPopupHeader?: ReactNode;\n\temptyState?: ReactNode;\n\terrorState?: ReactNode;\n\tplacement?: Placement;\n};\n\ntype SelectChangeValue<TOption extends InputType, TClearable extends boolean | undefined> = true extends TClearable\n\t? TOption | undefined\n\t: TOption;\n\nexport type SelectProps<TOption extends InputType, TClearable extends boolean | undefined = false> = SelectSharedProps<TOption> & {\n\tclearable?: TClearable;\n\tonChange: ChangeHandler<SelectChangeValue<TOption, TClearable>>;\n};\n\n/**\n * Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.\n */\nexport function Select<TOption extends InputType, TClearable extends boolean | undefined = false>(props: SelectProps<TOption, TClearable>) {\n\tconst {\n\t\tlabel,\n\t\tdescription,\n\t\tdisabled,\n\t\tplaceholder,\n\t\tsize,\n\t\toptions,\n\t\tvalue,\n\t\tonChange,\n\t\tgetOptionKey,\n\t\tgetOptionLabel,\n\t\tgetOptionCode,\n\t\tgetOptionSearchText: getExplicitOptionSearchText,\n\t\tgetOptionDisabled,\n\t\tgetOptionAriaLabel,\n\t\tgetOptionGroup,\n\t\tgetOptionClassName,\n\t\trenderOption,\n\t\trenderValue,\n\t\tclassName,\n\t\tbuttonClassName,\n\t\toptionsClassName,\n\t\toptionsMaxWidth,\n\t\toptionsContentClassName,\n\t\tsearchable = false,\n\t\tdefaultFilter = true,\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQuery,\n\t\trenderPopupHeader,\n\t\temptyState,\n\t\tisLoading,\n\t\terrorState,\n\t\tplacement = \"bottom-start\",\n\t\tclearable = false\n\t} = props;\n\tconst emitChange = onChange as ChangeHandler<TOption | undefined>;\n\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst [open, setOpen] = useState(false);\n\tconst triggerMode = searchable ? \"search-single\" : \"display\";\n\tconst selectedKey = value === undefined ? undefined : getOptionKey(value);\n\tconst selectedOption =\n\t\tselectedKey === undefined ? undefined : (options.find((option) => getOptionKey(option) === selectedKey) ?? value);\n\tconst {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tresetQueryOnClose\n\t} = usePickerQuery({\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQuery,\n\t\ttriggerMode\n\t});\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (open && !nextOpen && resetQueryOnClose) {\n\t\t\tsetQuery(\"\");\n\t\t}\n\n\t\tsetOpen(nextOpen);\n\t};\n\tconst getSearchText = useCallback(\n\t\t(option: TOption) =>\n\t\t\tgetExplicitOptionSearchText?.(option) ??\n\t\t\tgetOptionSearchText({\n\t\t\t\toption,\n\t\t\t\tgetOptionLabel,\n\t\t\t\tgetOptionCode,\n\t\t\t\tgetOptionGroup\n\t\t\t}),\n\t\t[getExplicitOptionSearchText, getOptionCode, getOptionGroup, getOptionLabel]\n\t);\n\tconst visibleOptions = usePickerDefaultFilter({\n\t\toptions,\n\t\tquery: currentQuery,\n\t\tenabled: searchable && defaultFilter,\n\t\tgetSearchText\n\t});\n\tconst optionSections = useMemo(\n\t\t() => (getOptionGroup ? createSelectOptionSections(visibleOptions, getOptionGroup) : undefined),\n\t\t[getOptionGroup, visibleOptions]\n\t);\n\tconst selectedIndex = selectedKey === undefined ? -1 : visibleOptions.findIndex((option) => getOptionKey(option) === selectedKey);\n\tconst {\n\t\tactiveIndex,\n\t\tcontext,\n\t\tfloatingStyles,\n\t\tgetFloatingProps,\n\t\tsetReference,\n\t\tsetFloating,\n\t\tsetOptionRef,\n\t\tclose,\n\t\topenList,\n\t\ttoggleOpen,\n\t\tselectOption,\n\t\tselectActiveOption,\n\t\thandleReferenceKeyDown,\n\t\thandleFloatingKeyDown,\n\t\tgetOptionId,\n\t\tgetActiveOptionId\n\t} = usePickerFloatingListbox({\n\t\toptions: visibleOptions,\n\t\tselectedIndex,\n\t\topen,\n\t\tonOpenChange: handleOpenChange,\n\t\tgetOptionDisabled,\n\t\tonSelect: emitChange,\n\t\tdisabled,\n\t\tplacement,\n\t\ttriggerMode\n\t});\n\n\tconst hasOptions = visibleOptions.length > 0;\n\tconst labelContent = selectedOption !== undefined ? getOptionLabel(selectedOption) : undefined;\n\tconst displayContent = selectedOption !== undefined ? (renderValue ? renderValue(selectedOption) : labelContent) : undefined;\n\tconst labelText = extractPickerTextContent(labelContent);\n\tconst codeText = selectedOption !== undefined ? extractPickerTextContent(getOptionCode?.(selectedOption)) : undefined;\n\tconst displayText =\n\t\textractPickerTextContent(displayContent) ?? labelText ?? codeText ?? (selectedKey !== undefined ? String(selectedKey) : \"\");\n\tconst showSearchValue = searchable && (open || currentQuery.length > 0);\n\tconst inputValue = showSearchValue ? currentQuery : selectedOption !== undefined ? displayText : \"\";\n\tconst triggerController = usePickerTriggerController({\n\t\tmode: triggerMode,\n\t\topen,\n\t\tcurrentQuery,\n\t\thasDisplayValue: selectedOption !== undefined,\n\t\tinputRef,\n\t\tsetQuery,\n\t\topenList,\n\t\tclose,\n\t\ttoggleOpen\n\t});\n\tconst setInputNode = (node: HTMLInputElement | null) => {\n\t\tinputRef.current = node;\n\t};\n\tconst handleClear = () => {\n\t\tif (clearable) {\n\t\t\temitChange(undefined);\n\t\t}\n\n\t\tsetQuery(\"\");\n\t\tclose();\n\t};\n\tconst renderOptionNode = (listId: string, option: TOption, index: number) => {\n\t\tconst optionKey = getOptionKey(option);\n\t\tconst selected = selectedKey !== undefined && optionKey === selectedKey;\n\t\tconst active = index === activeIndex;\n\t\tconst optionDisabled = getOptionDisabled?.(option) ?? false;\n\t\tconst optionState = { active, selected, disabled: optionDisabled };\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\tkey={optionKey}\n\t\t\t\tid={getOptionId(listId, index)}\n\t\t\t\tref={(node) => setOptionRef(index, node)}\n\t\t\t\trole=\"option\"\n\t\t\t\taria-selected={selected}\n\t\t\t\taria-disabled={optionDisabled || undefined}\n\t\t\t\taria-label={getOptionAriaLabel?.(option)}\n\t\t\t\tactive={active}\n\t\t\t\tselected={selected}\n\t\t\t\tdisabled={optionDisabled}\n\t\t\t\tclassName={getOptionClassName?.(option, optionState)}\n\t\t\t\tonMouseDown={(event) => event.preventDefault()}\n\t\t\t\tonClick={() => selectOption(option)}>\n\t\t\t\t{renderOption ? (\n\t\t\t\t\t<OptionContentContainer>{renderOption(option, optionState)}</OptionContentContainer>\n\t\t\t\t) : (\n\t\t\t\t\t<OptionContentContainer>\n\t\t\t\t\t\t<OptionContent\n\t\t\t\t\t\t\ticon={selected ? <CheckIcon /> : <span />}\n\t\t\t\t\t\t\ttext={getOptionLabel(option)}\n\t\t\t\t\t\t\tcode={getOptionCode?.(option)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</OptionContentContainer>\n\t\t\t\t)}\n\t\t\t</Option>\n\t\t);\n\t};\n\n\treturn (\n\t\t<PickerField label={label} description={description} disabled={disabled} size={size} className={className}>\n\t\t\t{({ controlId, labelId, describedBy }) => {\n\t\t\t\tconst listId = `${controlId}-listbox`;\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PickerTrigger\n\t\t\t\t\t\t\tref={setInputNode}\n\t\t\t\t\t\t\trootRef={setReference}\n\t\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={!searchable}\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\t\topen={open}\n\t\t\t\t\t\t\toptionCount={options.length}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tselectedValue={displayContent ?? displayText}\n\t\t\t\t\t\t\thasSelection={selectedOption !== undefined}\n\t\t\t\t\t\t\tshowSelectedValue={false /*selectedOption !== undefined && !showSearchValue*/}\n\t\t\t\t\t\t\tclearable={Boolean(clearable)}\n\t\t\t\t\t\t\tonClear={handleClear}\n\t\t\t\t\t\t\tonToggleMouseDown={triggerController.handleToggleMouseDown}\n\t\t\t\t\t\t\tonToggleClick={triggerController.handleToggleClick}\n\t\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t\taria-expanded={open}\n\t\t\t\t\t\t\taria-controls={open ? listId : undefined}\n\t\t\t\t\t\t\taria-autocomplete={searchable ? \"list\" : \"none\"}\n\t\t\t\t\t\t\taria-activedescendant={open ? getActiveOptionId(listId) : undefined}\n\t\t\t\t\t\t\tinputClassName={cn(buttonClassName, \"textOverflow\")}\n\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\tif (!searchable) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerInputChange(event.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={triggerController.handleTriggerClick}\n\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerFocus(event.currentTarget);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\t\t\thandleReferenceKeyDown(event);\n\n\t\t\t\t\t\t\t\tif (event.defaultPrevented) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerKeyDown({\n\t\t\t\t\t\t\t\t\tevent,\n\t\t\t\t\t\t\t\t\tonActivateWhenOpen: selectActiveOption,\n\t\t\t\t\t\t\t\t\tenableSpaceActivation: !searchable\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<PickerPopup\n\t\t\t\t\t\t\topen={open}\n\t\t\t\t\t\t\tcontext={context}\n\t\t\t\t\t\t\tfloatingStyles={floatingStyles}\n\t\t\t\t\t\t\tlistId={listId}\n\t\t\t\t\t\t\tlabelId={labelId}\n\t\t\t\t\t\t\tdescriptionId={describedBy}\n\t\t\t\t\t\t\tactiveOptionId={hasOptions ? getActiveOptionId(listId) : undefined}\n\t\t\t\t\t\t\tsetFloating={setFloating}\n\t\t\t\t\t\t\tgetFloatingProps={getFloatingProps}\n\t\t\t\t\t\t\tonKeyDown={handleFloatingKeyDown}\n\t\t\t\t\t\t\tclassName={optionsClassName}\n\t\t\t\t\t\t\tmaxWidth={optionsMaxWidth}\n\t\t\t\t\t\t\ttoolbar={renderPopupHeader}>\n\t\t\t\t\t\t\t<div role=\"presentation\" className={cn(optionsContentClassName, \"h100 scrollable overscroll\")}>\n\t\t\t\t\t\t\t\t{hasOptions ? (\n\t\t\t\t\t\t\t\t\toptionSections ? (\n\t\t\t\t\t\t\t\t\t\toptionSections.map((section, sectionIndex) => {\n\t\t\t\t\t\t\t\t\t\t\tconst groupLabelId = section.group ? `${listId}-group-${sectionIndex}` : undefined;\n\t\t\t\t\t\t\t\t\t\t\tconst optionNodes = section.items.map(({ option, index }) =>\n\t\t\t\t\t\t\t\t\t\t\t\trenderOptionNode(listId, option, index)\n\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\treturn section.group ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`group-${String(section.group.key)}-${sectionIndex}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"group\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-labelledby={groupLabelId}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id={groupLabelId} className={uiStyles.uiPopupGroupLabel}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{section.group.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{optionNodes}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<Fragment key={`options-${sectionIndex}`}>{optionNodes}</Fragment>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\tvisibleOptions.map((option, index) => renderOptionNode(listId, option, index))\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<PickerStatus emptyState={emptyState} errorState={errorState} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</PickerPopup>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t}}\n\t\t</PickerField>\n\t);\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { OptionCode, OptionText } from \"../option\";\nimport { HighlightText } from \"../text\";\n\ninterface OptionContentProps {\n\tlabel: string;\n\tcode?: string;\n\thighlight?: string;\n\t/** Приватный визуальный modifier label для специализированного владельца option. */\n\tlabelClassName?: string;\n\t/** Отдельный modifier code, потому что code задаёт собственный variable-font weight. */\n\tcodeClassName?: string;\n}\n\n/**\n * Универсальный рендерер опции. Используется и в single-select, и в multi-select.\n */\nexport function SelectOptionContent({ label, code, highlight, labelClassName, codeClassName }: OptionContentProps) {\n\treturn (\n\t\t<>\n\t\t\t<OptionText className={cn(\"flexEllipsis\", labelClassName)}>\n\t\t\t\t<HighlightText text={label} highlight={highlight} />\n\t\t\t</OptionText>\n\t\t\t{code && (\n\t\t\t\t<OptionCode className={codeClassName}>\n\t\t\t\t\t<HighlightText text={code} highlight={highlight} />\n\t\t\t\t</OptionCode>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import { ODataSingleSelectProps, useODataCollectionModel } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { InputUILoading } from \"../input\";\nimport { UiBaseProps } from \"../types\";\n\nimport { useODataSelect } from \"./model/useODataSelect\";\nimport { Select } from \"./Select\";\nimport { SelectOptionContent } from \"./SelectOptionContent\";\n\ntype ODataSelectProps = Omit<ODataSingleSelectProps, \"value\"> & UiBaseProps<string | undefined> & { clearable?: boolean };\n\nfunction getODataOptionTextKey(item: CollectionItem | undefined, textKey: string, codeKey: string) {\n\tif (!item) {\n\t\treturn textKey || codeKey;\n\t}\n\n\treturn textKey || Object.keys(item).find((key) => key !== codeKey) || codeKey;\n}\n\nexport function ODataSelect({\n\todata,\n\tsegment,\n\tmodel: initialModel,\n\tsize,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tvalue,\n\tdependencies,\n\tonChange,\n\tclearable\n}: ODataSelectProps) {\n\tconst model = useODataCollectionModel(initialModel);\n\tconst odataModel = useODataSelect({\n\t\todata,\n\t\tsegment,\n\t\tmodel,\n\t\tvalue,\n\t\tdependencies,\n\t\tonChange\n\t});\n\n\tif (odataModel.isLoading) {\n\t\treturn <InputUILoading size={size} label={label} description={description} />;\n\t}\n\n\tconst hideCode = segment.hideCode ?? odata.hideCode;\n\tconst resolvedTextKey = getODataOptionTextKey(odataModel.selectedItem ?? odataModel.options[0], odataModel.textKey, odataModel.codeKey);\n\n\treturn (\n\t\t<Select\n\t\t\tsize={size}\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\toptions={odataModel.options}\n\t\t\tvalue={odataModel.selectedItem}\n\t\t\tonChange={odataModel.handleChange}\n\t\t\tgetOptionKey={(item) => item[odataModel.codeKey]}\n\t\t\tgetOptionLabel={(item) => item[resolvedTextKey]}\n\t\t\tgetOptionCode={hideCode ? undefined : (item) => item[odataModel.codeKey]}\n\t\t\tgetOptionAriaLabel={(item) =>\n\t\t\t\thideCode || item[resolvedTextKey] === item[odataModel.codeKey]\n\t\t\t\t\t? String(item[resolvedTextKey])\n\t\t\t\t\t: `${item[resolvedTextKey]} ${item[odataModel.codeKey]}`\n\t\t\t}\n\t\t\trenderValue={(item) => (\n\t\t\t\t<SelectOptionContent label={item[resolvedTextKey]} code={hideCode ? undefined : item[odataModel.codeKey]} />\n\t\t\t)}\n\t\t\trenderOption={(item) => (\n\t\t\t\t<SelectOptionContent\n\t\t\t\t\tlabel={item[resolvedTextKey]}\n\t\t\t\t\tcode={hideCode ? undefined : item[odataModel.codeKey]}\n\t\t\t\t\thighlight={odataModel.debouncedQuery}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\tsearchable\n\t\t\tquery={odataModel.query}\n\t\t\tonQuery={odataModel.setQuery}\n\t\t\tdefaultFilter={false}\n\t\t\tdisabled={disabled || odataModel.isLoading}\n\t\t\tplaceholder={odataModel.placeholder}\n\t\t\tisLoading={odataModel.isLoading}\n\t\t\terrorState={odataModel.isError ? \"Ошибка загрузки\" : undefined}\n\t\t\temptyState={!odataModel.isLoading && !odataModel.isError ? \"Нет данных\" : undefined}\n\t\t\tclearable={clearable}\n\t\t/>\n\t);\n}\n","import { useCallback } from \"react\";\n\nimport { useODataDependentSelection } from \"../odata-dependent\";\n\nimport { ODataSelect } from \"./ODataSelect\";\n\nimport type { ODataDependentSegmentControlProps } from \"../odata-dependent\";\n\nexport type ODataDependentSegmentSelectProps = ODataDependentSegmentControlProps & {\n\t/** Показывает действие очистки выбранного значения. */\n\tclearable?: boolean;\n};\n\n/**\n * Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.\n * Общий снимок остаётся массивным, поэтому совместим с `dependencies` и\n * может совместно использоваться с segment-level MultiSelect-контролами.\n */\nexport function ODataDependentSegmentSelect(props: ODataDependentSegmentSelectProps) {\n\tconst { item, disabled, label, description, size, width = 15, clearable } = props;\n\tconst selection = useODataDependentSelection(props);\n\tconst { updateSegment } = selection;\n\tconst widthStyle = `calc(${width}em + var(--width-add))`;\n\n\tconst handleSelectionChange = useCallback(\n\t\t(value: string | undefined) => {\n\t\t\tupdateSegment(item.id, value === undefined ? [] : [value]);\n\t\t},\n\t\t[item.id, updateSegment]\n\t);\n\n\treturn (\n\t\t<div style={{ maxWidth: widthStyle, minWidth: widthStyle }}>\n\t\t\t<ODataSelect\n\t\t\t\todata={item.odata}\n\t\t\t\tsegment={item.segment}\n\t\t\t\tmodel={item.model}\n\t\t\t\tdependencies={selection.values}\n\t\t\t\tvalue={selection.values[item.id]?.[0]}\n\t\t\t\tonChange={handleSelectionChange}\n\t\t\t\tdisabled={disabled || selection.isSegmentDisabled(item.id)}\n\t\t\t\tlabel={label}\n\t\t\t\tdescription={description}\n\t\t\t\tsize={size}\n\t\t\t\tclearable={clearable}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","import { Select } from \"./Select\";\n\nimport type { UiBaseProps } from \"../types\";\nimport type { SelectOptionKey } from \"./Select\";\n\ntype SerializableOptionRecord = Record<string, unknown>;\n\ntype SerializableOptionKeyField<TOption extends SerializableOptionRecord> = {\n\t[K in keyof TOption]: Extract<TOption[K], SelectOptionKey> extends never ? never : K;\n}[keyof TOption];\n\ntype SerializableOptionValue<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>> = Extract<\n\tTOption[TOptionKey],\n\tSelectOptionKey\n>;\n\nexport interface SerializableSelectProps<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n> extends Omit<UiBaseProps<SerializableOptionValue<TOption, TOptionKey> | undefined>, \"onChange\"> {\n\toptions: readonly TOption[];\n\tonChange: (value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void;\n\toptionKey: TOptionKey;\n\toptionLabel: TOptionLabel;\n\trenderCode?: true;\n\tclassName?: string;\n\tclearable?: boolean;\n}\n\nfunction getSerializableOptionKey<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>>(\n\toption: TOption,\n\toptionKey: TOptionKey\n): Extract<TOption[TOptionKey], SelectOptionKey> {\n\treturn String(option[optionKey]) as Extract<TOption[TOptionKey], SelectOptionKey>;\n}\n\nfunction getSerializableOptionLabel<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n>(option: TOption, optionLabel: TOptionLabel, optionKey: TOptionKey): string {\n\tconst label = option[optionLabel];\n\n\tif (typeof label === \"string\" || typeof label === \"number\") {\n\t\treturn String(label);\n\t}\n\n\tconst key = getSerializableOptionKey(option, optionKey);\n\treturn String(key);\n}\n\nexport function SerializableSelect<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n>({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tplaceholder,\n\tsize,\n\toptions,\n\tvalue,\n\tonChange,\n\toptionKey,\n\toptionLabel,\n\trenderCode,\n\tclassName,\n\tclearable\n}: SerializableSelectProps<TOption, TOptionKey, TOptionLabel>) {\n\tconst selectedOption =\n\t\tvalue === undefined ? undefined : options.find((option) => getSerializableOptionKey(option, optionKey) === value);\n\n\treturn (\n\t\t<Select\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tplaceholder={placeholder}\n\t\t\tsize={size}\n\t\t\toptions={options}\n\t\t\tvalue={selectedOption}\n\t\t\tonChange={(option: TOption | undefined) => onChange(option ? getSerializableOptionKey(option, optionKey) : undefined)}\n\t\t\tgetOptionKey={(option: TOption) => getSerializableOptionKey(option, optionKey)}\n\t\t\tgetOptionLabel={(option: TOption) => getSerializableOptionLabel(option, optionLabel, optionKey)}\n\t\t\tgetOptionCode={renderCode ? (option: TOption) => getSerializableOptionKey(option, optionKey) : undefined}\n\t\t\tclassName={className}\n\t\t\tclearable={clearable}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,SAAgB,GAAyC,EACxD,WACA,mBACA,kBACA,qBAME;CACF,OAAO;EACN,EAAyB,EAAe,CAAM,CAAC;EAC/C,EAAyB,IAAgB,CAAM,CAAC;EAChD,EAAyB,IAAiB,CAAM,CAAC,EAAE,KAAK;CACzD,CAAC,CACC,QAAQ,MAAyB,EAAQ,CAAK,CAAC,CAC/C,KAAK,GAAG,CAAC,CACT,YAAY;AACf;AAGA,SAAgB,EACf,GACA,GACA,GACU;CACV,OAAO,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK,KAAK;AAC5D;;;ACvBA,SAAgB,EAAe,EAAE,UAAO,YAAS,UAAO,UAAO,iBAAc,eAAmC;CAC/G,IAAM,IAAa,EAAmB;EACrC;EACA;EACA;EACA,OAAO,IAAQ,CAAC,CAAK,IAAI,CAAC;EAC1B;CACD,CAAC,GAEK,IAAe,EAAW,cAAc,IACxC,IAAU,SACV,IAIE,CAAC,GAAc,GAAG,EAAW,aAAa,IAHzC,EAAW,eAIjB,CAAC,EAAW,eAAe,CAAY,CAAC,GAErC,KAAgB,MAAqC;EAC1D,EAAS,IAAO,EAAW,aAAa;CACzC;CAEA,OAAO;EACN,GAAG;EACH;EACA;EACA;CACD;AACD;;;ACzBA,SAAgB,GACf,GACA,GAC0C;CAC1C,IAAM,IAAuG,CAAC;CAkB9G,OAhBA,EAAQ,SAAS,GAAQ,MAAU;EAClC,IAAM,IAAQ,EAAe,CAAM,GAC7B,IAAiB,EAAS,GAAG,EAAE,GAC/B,IAA0B,GAAgB,OAAO,QAAQ,GAAO;EAEtE,IAAI,KAAkB,GAAyB;GAC9C,EAAe,MAAM,KAAK;IAAE;IAAQ;GAAM,CAAC;GAC3C;EACD;EAEA,EAAS,KAAK;GACb;GACA,OAAO,CAAC;IAAE;IAAQ;GAAM,CAAC;EAC1B,CAAC;CACF,CAAC,GAEM;AACR;;;ACuCA,SAAgB,EAAkF,GAAyC;CAC1I,IAAM,EACL,UACA,gBACA,aACA,gBACA,SACA,YACA,UACA,aACA,iBACA,mBACA,kBACA,qBAAqB,GACrB,sBACA,uBACA,mBACA,uBACA,iBACA,gBACA,eACA,qBACA,sBACA,qBACA,6BACA,gBAAa,IACb,oBAAgB,IAChB,WACA,kBACA,aACA,uBACA,gBACA,eACA,gBACA,gBAAY,gBACZ,eAAY,OACT,GACE,IAAa,GAEb,IAAW,GAAgC,IAAI,GAC/C,CAAC,GAAM,MAAW,GAAS,EAAK,GAChC,IAAc,IAAa,kBAAkB,WAC7C,IAAc,MAAU,KAAA,IAAY,KAAA,IAAY,EAAa,CAAK,GAClE,IACL,MAAgB,KAAA,IAAY,KAAA,IAAa,EAAQ,MAAM,MAAW,EAAa,CAAM,MAAM,CAAW,KAAK,GACtG,EACL,OAAO,GACP,aACA,0BACG,EAAe;EAClB;EACA;EACA;EACA;CACD,CAAC,GACK,MAAoB,MAAsB;EAK/C,AAJI,KAAQ,CAAC,KAAY,MACxB,EAAS,EAAE,GAGZ,GAAQ,CAAQ;CACjB,GACM,KAAgB,GACpB,MACA,IAA8B,CAAM,KACpC,GAAoB;EACnB;EACA;EACA;EACA;CACD,CAAC,GACF;EAAC;EAA6B;EAAe;EAAgB;CAAc,CAC5E,GACM,IAAiB,EAAuB;EAC7C;EACA,OAAO;EACP,SAAS,KAAc;EACvB;CACD,CAAC,GACK,IAAiB,SACf,IAAiB,GAA2B,GAAgB,CAAc,IAAI,KAAA,GACrF,CAAC,GAAgB,CAAc,CAChC,GACM,KAAgB,MAAgB,KAAA,IAAY,KAAK,EAAe,WAAW,MAAW,EAAa,CAAM,MAAM,CAAW,GAC1H,EACL,iBACA,aACA,oBACA,sBACA,kBACA,iBACA,kBACA,UACA,cACA,gBACA,kBACA,wBACA,4BACA,2BACA,iBACA,yBACG,EAAyB;EAC5B,SAAS;EACT;EACA;EACA,cAAc;EACd;EACA,UAAU;EACV;EACA;EACA;CACD,CAAC,GAEK,IAAa,EAAe,SAAS,GACrC,IAAe,MAAmB,KAAA,IAA6C,KAAA,IAAjC,EAAe,CAAc,GAC3E,KAAiB,MAAmB,KAAA,IAAyE,KAAA,IAA5D,IAAc,EAAY,CAAc,IAAI,GAC7F,KAAY,EAAyB,CAAY,GACjD,KAAW,MAAmB,KAAA,IAAwE,KAAA,IAA5D,EAAyB,IAAgB,CAAc,CAAC,GAClG,KACL,EAAyB,EAAc,KAAK,MAAa,OAAa,MAAgB,KAAA,IAAkC,KAAtB,OAAO,CAAW,IAE/G,KADkB,MAAe,KAAQ,EAAa,SAAS,KAChC,IAAe,MAAmB,KAAA,IAA0B,KAAd,IAC7E,IAAoB,EAA2B;EACpD,MAAM;EACN;EACA;EACA,iBAAiB,MAAmB,KAAA;EACpC;EACA;EACA;EACA;EACA;CACD,CAAC,GACK,MAAgB,MAAkC;EACvD,EAAS,UAAU;CACpB,GACM,WAAoB;EAMzB,AALI,KACH,EAAW,KAAA,CAAS,GAGrB,EAAS,EAAE,GACX,EAAM;CACP,GACM,MAAoB,GAAgB,GAAiB,MAAkB;EAC5E,IAAM,IAAY,EAAa,CAAM,GAC/B,IAAW,MAAgB,KAAA,KAAa,MAAc,GACtD,IAAS,MAAU,IACnB,IAAiB,IAAoB,CAAM,KAAK,IAChD,IAAc;GAAE;GAAQ;GAAU,UAAU;EAAe;EAEjE,OACC,kBAAC,GAAD;GAEC,IAAI,GAAY,GAAQ,CAAK;GAC7B,MAAM,MAAS,GAAa,GAAO,CAAI;GACvC,MAAK;GACL,iBAAe;GACf,iBAAe,KAAkB,KAAA;GACjC,cAAY,IAAqB,CAAM;GAC/B;GACE;GACV,UAAU;GACV,WAAW,IAAqB,GAAQ,CAAW;GACnD,cAAc,MAAU,EAAM,eAAe;GAC7C,eAAe,GAAa,CAAM;GACjC,UAAA,IACA,kBAAC,GAAD,EAAA,UAAyB,EAAa,GAAQ,CAAW,EAA0B,CAAA,IAEnF,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD;IACC,MAAiB,EAAX,IAAY,KAAgB,QAAjB,CAAY,CAAW;IACxC,MAAM,EAAe,CAAM;IAC3B,MAAM,IAAgB,CAAM;GAC5B,CAAA,EACsB,CAAA;EAElB,GAxBF,CAwBE;CAEV;CAEA,OACC,kBAAC,GAAD;EAAoB;EAAoB;EAAuB;EAAgB;EAAiB;EAC7F,WAAA,EAAE,cAAW,YAAS,qBAAkB;GACzC,IAAM,IAAS,GAAG,EAAU;GAE5B,OACC,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,GAAD;IACC,KAAK;IACL,SAAS;IACT,IAAI;IACJ,MAAK;IACK;IACV,UAAU,CAAC;IACX,cAAa;IACb,MAAK;IACM;IACL;IACN,aAAa,EAAQ;IACd;IACM;IACb,OAAO;IACP,eAAe,MAAkB;IACjC,cAAc,MAAmB,KAAA;IACjC,mBAAmB;IACnB,WAAW,EAAQ;IACnB,SAAS;IACT,mBAAmB,EAAkB;IACrC,eAAe,EAAkB;IACjC,mBAAiB;IACjB,oBAAkB;IAClB,iBAAc;IACd,iBAAe;IACf,iBAAe,IAAO,IAAS,KAAA;IAC/B,qBAAmB,IAAa,SAAS;IACzC,yBAAuB,IAAO,EAAkB,CAAM,IAAI,KAAA;IAC1D,gBAAgB,EAAG,IAAiB,cAAc;IAClD,WAAW,MAAU;KACf,KAIL,EAAkB,yBAAyB,EAAM,OAAO,KAAK;IAC9D;IACA,SAAS,EAAkB;IAC3B,UAAU,MAAU;KACnB,EAAkB,mBAAmB,EAAM,aAAa;IACzD;IACA,YAAY,MAAU;KACrB,GAAuB,CAAK,GAExB,GAAM,oBAIV,EAAkB,qBAAqB;MACtC;MACA,oBAAoB;MACpB,uBAAuB,CAAC;KACzB,CAAC;IACF;GACA,CAAA,GAED,kBAAC,GAAD;IACO;IACG;IACO;IACR;IACC;IACT,eAAe;IACf,gBAAgB,IAAa,EAAkB,CAAM,IAAI,KAAA;IAC5C;IACK;IAClB,WAAW;IACX,WAAW;IACX,UAAU;IACV,SAAS;IACT,UAAA,kBAAC,OAAD;KAAK,MAAK;KAAe,WAAW,EAAG,IAAyB,4BAA4B;KAC1F,UAAA,IACA,IACC,EAAe,KAAK,GAAS,MAAiB;MAC7C,IAAM,IAAe,EAAQ,QAAQ,GAAG,EAAO,SAAS,MAAiB,KAAA,GACnE,IAAc,EAAQ,MAAM,KAAK,EAAE,WAAQ,eAChD,GAAiB,GAAQ,GAAQ,CAAK,CACvC;MAEA,OAAO,EAAQ,QACd,kBAAC,OAAD;OAEC,MAAK;OACL,mBAAiB;OAHlB,UAAA,CAIC,kBAAC,OAAD;QAAK,IAAI;QAAc,WAAW,EAAS;QACzC,UAAA,EAAQ,MAAM;OACX,CAAA,GACJ,CACG;MAPC,GAAA,SAAS,OAAO,EAAQ,MAAM,GAAG,EAAE,GAAG,GAOvC,IAEL,kBAAC,IAAD,EAAA,UAA2C,EAAsB,GAAlD,WAAW,GAAuC;KAEnE,CAAC,IAED,EAAe,KAAK,GAAQ,MAAU,GAAiB,GAAQ,GAAQ,CAAK,CAAC,IAG9E,kBAAC,GAAD;MAA0B;MAAwB;KAAa,CAAA;IAE5D,CAAA;GACO,CAAA,CACZ,EAAA,CAAA;EAEJ;CACY,CAAA;AAEf;;;ACjWA,SAAgB,EAAoB,EAAE,UAAO,SAAM,cAAW,mBAAgB,oBAAqC;CAClH,OACC,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,GAAD;EAAY,WAAW,EAAG,gBAAgB,CAAc;EACvD,UAAA,kBAAC,GAAD;GAAe,MAAM;GAAkB;EAAY,CAAA;CACxC,CAAA,GACX,KACA,kBAAC,GAAD;EAAY,WAAW;EACtB,UAAA,kBAAC,GAAD;GAAe,MAAM;GAAiB;EAAY,CAAA;CACvC,CAAA,CAEZ,EAAA,CAAA;AAEJ;;;ACnBA,SAAS,EAAsB,GAAkC,GAAiB,GAAiB;CAKlG,OAJK,IAIE,KAAW,OAAO,KAAK,CAAI,CAAC,CAAC,MAAM,MAAQ,MAAQ,CAAO,KAAK,IAH9D,KAAW;AAIpB;AAEA,SAAgB,EAAY,EAC3B,UACA,YACA,OAAO,GACP,SACA,UACA,gBACA,aACA,UACA,iBACA,aACA,gBACoB;CAEpB,IAAM,IAAa,EAAe;EACjC;EACA;EACA,OAJa,EAAwB,CAIrC;EACA;EACA;EACA;CACD,CAAC;CAED,IAAI,EAAW,WACd,OAAO,kBAAC,GAAD;EAAsB;EAAa;EAAoB;CAAc,CAAA;CAG7E,IAAM,IAAW,EAAQ,YAAY,EAAM,UACrC,IAAkB,EAAsB,EAAW,gBAAgB,EAAW,QAAQ,IAAI,EAAW,SAAS,EAAW,OAAO;CAEtI,OACC,kBAAC,GAAD;EACO;EACC;EACM;EACb,SAAS,EAAW;EACpB,OAAO,EAAW;EAClB,UAAU,EAAW;EACrB,eAAe,MAAS,EAAK,EAAW;EACxC,iBAAiB,MAAS,EAAK;EAC/B,eAAe,IAAW,KAAA,KAAa,MAAS,EAAK,EAAW;EAChE,qBAAqB,MACpB,KAAY,EAAK,OAAqB,EAAK,EAAW,WACnD,OAAO,EAAK,EAAgB,IAC5B,GAAG,EAAK,GAAiB,GAAG,EAAK,EAAW;EAEhD,cAAc,MACb,kBAAC,GAAD;GAAqB,OAAO,EAAK;GAAkB,MAAM,IAAW,KAAA,IAAY,EAAK,EAAW;EAAW,CAAA;EAE5G,eAAe,MACd,kBAAC,GAAD;GACC,OAAO,EAAK;GACZ,MAAM,IAAW,KAAA,IAAY,EAAK,EAAW;GAC7C,WAAW,EAAW;EACtB,CAAA;EAEF,YAAA;EACA,OAAO,EAAW;EAClB,SAAS,EAAW;EACpB,eAAe;EACf,UAAU,KAAY,EAAW;EACjC,aAAa,EAAW;EACxB,WAAW,EAAW;EACtB,YAAY,EAAW,UAAU,oBAAoB,KAAA;EACrD,YAAY,CAAC,EAAW,aAAa,CAAC,EAAW,UAAU,eAAe,KAAA;EAC/D;CACX,CAAA;AAEH;;;ACtEA,SAAgB,EAA4B,GAAyC;CACpF,IAAM,EAAE,SAAM,aAAU,UAAO,gBAAa,SAAM,WAAQ,IAAI,iBAAc,GACtE,IAAY,EAA2B,CAAK,GAC5C,EAAE,qBAAkB,GACpB,IAAa,QAAQ,EAAM,yBAE3B,IAAwB,GAC5B,MAA8B;EAC9B,EAAc,EAAK,IAAI,MAAU,KAAA,IAAY,CAAC,IAAI,CAAC,CAAK,CAAC;CAC1D,GACA,CAAC,EAAK,IAAI,CAAa,CACxB;CAEA,OACC,kBAAC,OAAD;EAAK,OAAO;GAAE,UAAU;GAAY,UAAU;EAAW;EACxD,UAAA,kBAAC,GAAD;GACC,OAAO,EAAK;GACZ,SAAS,EAAK;GACd,OAAO,EAAK;GACZ,cAAc,EAAU;GACxB,OAAO,EAAU,OAAO,EAAK,GAAG,GAAG;GACnC,UAAU;GACV,UAAU,KAAY,EAAU,kBAAkB,EAAK,EAAE;GAClD;GACM;GACP;GACK;EACX,CAAA;CACG,CAAA;AAEP;;;AClBA,SAAS,EACR,GACA,GACgD;CAChD,OAAO,OAAO,EAAO,EAAU;AAChC;AAEA,SAAS,EAIP,GAAiB,GAA2B,GAA+B;CAC5E,IAAM,IAAQ,EAAO;CAErB,IAAI,OAAO,KAAU,YAAY,OAAO,KAAU,UACjD,OAAO,OAAO,CAAK;CAGpB,IAAM,IAAM,EAAyB,GAAQ,CAAS;CACtD,OAAO,OAAO,CAAG;AAClB;AAEA,SAAgB,EAId,EACD,UACA,gBACA,aACA,gBACA,SACA,YACA,UACA,aACA,cACA,gBACA,eACA,cACA,gBAC8D;CAC9D,IAAM,IACL,MAAU,KAAA,IAAY,KAAA,IAAY,EAAQ,MAAM,MAAW,EAAyB,GAAQ,CAAS,MAAM,CAAK;CAEjH,OACC,kBAAC,GAAD;EACQ;EACM;EACH;EACG;EACP;EACG;EACT,OAAO;EACP,WAAW,MAAgC,EAAS,IAAS,EAAyB,GAAQ,CAAS,IAAI,KAAA,CAAS;EACpH,eAAe,MAAoB,EAAyB,GAAQ,CAAS;EAC7E,iBAAiB,MAAoB,EAA2B,GAAQ,GAAa,CAAS;EAC9F,eAAe,KAAc,MAAoB,EAAyB,GAAQ,CAAS,IAAI,KAAA;EACpF;EACA;CACX,CAAA;AAEH"}

package/dist/chunks/separator-CHpBud1e.js

@@ -0,0 +1,18 @@
+import { PolymorphicComponent as e } from "../polymorphic/index.js";
+import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+//#region src/separator/Separator.tsx
+function r({ as: r, orientation: i = "horizontal", className: a, role: o = "separator", "aria-orientation": s, ...c }) {
+	return /* @__PURE__ */ n(e, {
+		as: r,
+		role: o,
+		"aria-orientation": o === "separator" ? s ?? i : void 0,
+		className: t(a, i === "horizontal" ? "separator" : "separatorVertical"),
+		...c
+	});
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=separator-CHpBud1e.js.map

package/dist/chunks/separator-CHpBud1e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-CHpBud1e.js","names":[],"sources":["../../src/separator/Separator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\ntype SeparatorOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\torientation?: \"horizontal\" | \"vertical\";\n\tclassName?: string;\n};\n\ntype SeparatorProps<E extends React.ElementType> = SeparatorOwnProps<E> & Omit<React.ComponentPropsWithRef<E>, keyof SeparatorOwnProps>;\n\nexport function Separator<E extends React.ElementType>({\n\tas,\n\torientation = \"horizontal\",\n\tclassName,\n\trole = \"separator\",\n\t\"aria-orientation\": ariaOrientation,\n\t...props\n}: SeparatorProps<E>) {\n\tconst Component = as;\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\trole={role}\n\t\t\taria-orientation={role === \"separator\" ? (ariaOrientation ?? orientation) : undefined}\n\t\t\tclassName={cn(className, orientation === \"horizontal\" ? \"separator\" : \"separatorVertical\")}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAuC,EACtD,OACA,iBAAc,cACd,cACA,UAAO,aACP,oBAAoB,GACpB,GAAG,KACkB;CAGrB,OACC,kBAAC,GAAD;EACK;EACE;EACN,oBAAkB,MAAS,cAAe,KAAmB,IAAe,KAAA;EAC5E,WAAW,EAAG,GAAW,MAAgB,eAAe,cAAc,mBAAmB;EACzF,GAAI;CACJ,CAAA;AAEH"}

package/dist/chunks/{sortable-CQmMHAF8.js → sortable-BujAJgFa.js}

@@ -127,10 +127,11 @@ function E(e) {
 	}, d = {
 		disabled: l,
 		isDragging: c?.isDragging ?? !1
-	};
+	}, f = s === "button" ? { disabled: l } : {};
 	return i(s, {
 		...o,
 		...u,
+		...f,
 		ref: !l && c ? c.setActivatorNodeRef : void 0,
 		"aria-disabled": l || void 0,
 		"data-sortable-handle": "true",
@@ -145,7 +146,7 @@ function O(e, t) {
 	return e ?? t;
 }
 function k(e, t, n) {
-	return e == null ? t ?? n : t;
+	return e == null ? t ?? n ?? "Изменить порядок" : t;
 }
 function A(r) {
 	if (r.as === "button") {
@@ -164,6 +165,7 @@ function A(r) {
 	return /* @__PURE__ */ n(E, {
 		...l,
 		as: i,
+		role: "button",
 		disabled: s,
 		"aria-label": u,
 		className: e(D.dragHandle, o),
@@ -182,4 +184,4 @@ var j = {
 //#endregion
 export { T as a, E as i, A as n, C as o, w as r, y as s, j as t };
 
-//# sourceMappingURL=sortable-CQmMHAF8.js.map
+//# sourceMappingURL=sortable-BujAJgFa.js.map