@ryuzaki13/react-foundation-ui 3.5.0 → 3.6.0

package/dist/chunks/{picker-BA6okKnz.js → picker-SJXnHwsj.js}

@@ -1,17 +1,17 @@
 import { t as e } from "./ui.module-oRwY3Zli.js";
-import { t } from "./grid-dI94AAbi.js";
+import { t } from "./grid-CFuzBigM.js";
 import { a as n, c as r, d as i, i as a } from "./input-CuRK9Vbz.js";
-import { t as o } from "./separator-CIqnk2z9.js";
+import { t as o } from "./separator-CHpBud1e.js";
 import { cn as s } from "@ryuzaki13/react-foundation-lib/utils";
 import { ChevronDownIcon as c, XIcon as l } from "lucide-react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as p, isValidElement as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { normalizeTextToLower as y } from "@ryuzaki13/react-foundation-lib/formatters";
-import { FloatingFocusManager as b, FloatingPortal as x } from "@floating-ui/react";
-import { AnimatePresence as S, motion as C } from "motion/react";
-import { useFloatingListbox as w } from "@ryuzaki13/react-foundation-lib/hooks";
+import { isValidElement as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { normalizeTextToLower as v } from "@ryuzaki13/react-foundation-lib/formatters";
+import { FloatingFocusManager as y, FloatingPortal as b } from "@floating-ui/react";
+import { AnimatePresence as x, motion as S } from "motion/react";
+import { useFloatingListbox as C } from "@ryuzaki13/react-foundation-lib/hooks";
 //#region src/picker/PickerField.tsx
-function T({ id: e, label: t, description: n, disabled: a, size: o, className: s, error: c, children: l }) {
+function w({ id: e, label: t, description: n, disabled: a, size: o, className: s, error: c, children: l }) {
 	let { controlId: u, labelId: f, descriptionId: p, errorId: m, describedBy: h } = i({
 		id: e,
 		hasLabel: t != null,
@@ -40,7 +40,7 @@ function T({ id: e, label: t, description: n, disabled: a, size: o, className: s
 }
 //#endregion
 //#region src/picker/PickerClearButton.tsx
-function E({ disabled: t, ariaLabel: n = "Очистить выбор", onClear: r }) {
+function T({ disabled: t, ariaLabel: n = "Очистить выбор", onClear: r }) {
 	let i = (e) => {
 		e.preventDefault(), e.stopPropagation();
 	};
@@ -58,7 +58,7 @@ function E({ disabled: t, ariaLabel: n = "Очистить выбор", onClear:
 		children: /* @__PURE__ */ d(l, {})
 	});
 }
-var D = {
+var E = {
 	popupPositioner: "_81qOBF",
 	options: "Fj-KxT",
 	optionsToolbar: "tCn0CX",
@@ -73,21 +73,21 @@ var D = {
 };
 //#endregion
 //#region src/picker/PickerSelectionToolbar.tsx
-function O({ onSelectAll: e, onDeselectAll: n, selectAllButtonRef: r }) {
+function D({ onSelectAll: e, onDeselectAll: n, selectAllButtonRef: r }) {
 	return /* @__PURE__ */ f(t.Container, {
 		gap: "xs",
 		templateColumns: "1fr 1fr",
 		children: [/* @__PURE__ */ d("button", {
 			ref: r,
 			type: "button",
-			className: D.selectionActionButton,
+			className: E.selectionActionButton,
 			onClick: e,
 			"data-ui": "picker-select-all",
 			"data-action": "select-all",
 			children: "Выбрать все"
 		}), /* @__PURE__ */ d("button", {
 			type: "button",
-			className: D.selectionActionButton,
+			className: E.selectionActionButton,
 			onClick: n,
 			"data-ui": "picker-deselect-all",
 			"data-action": "deselect-all",
@@ -97,119 +97,141 @@ function O({ onSelectAll: e, onDeselectAll: n, selectAllButtonRef: r }) {
 }
 //#endregion
 //#region src/picker/PickerOptions.tsx
-function k({ rootRef: e, children: t, toolbar: n, selectionActions: r, layoutClassName: i, bodyClassName: a, scrollable: c = !0, className: l, ...u }) {
-	let p = n === void 0 && r ? /* @__PURE__ */ d(O, { ...r }) : n || null;
+function O({ rootRef: e, bodyRef: t, bodyProps: n, children: r, toolbar: i, selectionActions: a, layoutClassName: c, bodyClassName: l, scrollable: u = !0, className: p, ...m }) {
+	let h = i === void 0 && a ? /* @__PURE__ */ d(D, { ...a }) : i || null;
 	return /* @__PURE__ */ f("div", {
-		...u,
+		...m,
 		ref: e,
-		className: s(D.options, i, l),
+		className: s(E.options, c, p),
 		"data-ui": "picker-options",
-		"data-has-toolbar": p ? "true" : void 0,
-		children: [p ? /* @__PURE__ */ f("div", {
-			className: D.optionsToolbar,
-			children: [p, /* @__PURE__ */ d(o, {})]
+		"data-has-toolbar": h ? "true" : void 0,
+		children: [h ? /* @__PURE__ */ f("div", {
+			className: E.optionsToolbar,
+			children: [h, /* @__PURE__ */ d(o, {})]
 		}) : null, /* @__PURE__ */ d("div", {
-			className: s(D.optionsBody, c ? "scrollable overscroll" : "overflowHidden", a),
-			children: t
+			...n,
+			ref: t,
+			className: s(E.optionsBody, u ? "scrollable overscroll" : "overflowHidden", l),
+			children: r
 		})]
 	});
 }
 //#endregion
 //#region src/picker/model/extractPickerTextContent.ts
-function A(e) {
+function k(e) {
 	if (typeof e == "string" || typeof e == "number") return String(e);
 	if (Array.isArray(e)) {
-		let t = e.map(A).filter((e) => !!e).map((e) => e.trim()).filter(Boolean);
+		let t = e.map(k).filter((e) => !!e).map((e) => e.trim()).filter(Boolean);
 		return t.length ? t.join(" ") : void 0;
 	}
-	if (m(e)) return typeof e.props.searchText == "string" ? e.props.searchText : A(e.props.children);
+	if (p(e)) return typeof e.props.searchText == "string" ? e.props.searchText : k(e.props.children);
 }
 //#endregion
 //#region src/picker/PickerPlaceholder.ts
-function j({ placeholder: e, label: t, optionCount: n, fallback: r = "Выберите значение" }) {
-	let i = A(t);
+function A({ placeholder: e, label: t, optionCount: n, fallback: r = "Выберите значение" }) {
+	let i = k(t);
 	return `${e ?? i ?? r} <${n}>`;
 }
 //#endregion
 //#region src/picker/PickerPopup.tsx
-function M(e) {
+function j(e) {
 	e.stopPropagation();
 }
-function N({ open: e, context: t, floatingStyles: n, listId: r, labelId: i, popupAriaLabel: a, descriptionId: o, activeOptionId: s, ariaMultiselectable: c, popupRole: l = "listbox", setFloating: u, getFloatingProps: f, onKeyDown: p, initialFocus: m = -1, returnFocus: h = !1, tabIndex: g = 0, className: _, maxWidth: v, layoutClassName: y, bodyClassName: w, toolbar: T, selectionActions: E, children: O }) {
-	return /* @__PURE__ */ d(S, { children: e && /* @__PURE__ */ d(x, { children: /* @__PURE__ */ d(b, {
-		context: t,
-		modal: !1,
-		initialFocus: m,
-		returnFocus: h,
-		children: /* @__PURE__ */ d(C.div, {
-			ref: u,
-			style: {
-				...n,
-				maxWidth: v
-			},
-			initial: {
-				opacity: 0,
-				scale: .95
-			},
-			animate: {
-				opacity: 1,
-				scale: 1
-			},
-			exit: {
-				opacity: 0,
-				scale: .95
-			},
-			...f({
-				id: r,
-				role: l,
-				tabIndex: g,
-				"aria-labelledby": i,
-				"aria-label": i ? void 0 : a,
-				"aria-describedby": o,
-				"aria-activedescendant": s,
-				"aria-multiselectable": c || void 0,
-				onMouseDown: M,
-				onKeyDown: p,
-				className: D.popupPositioner
-			}),
-			children: /* @__PURE__ */ d(k, {
-				className: _,
-				layoutClassName: y,
-				bodyClassName: w,
-				toolbar: T,
-				selectionActions: E,
-				scrollable: !1,
-				children: O
+function M({ open: e, context: t, floatingStyles: n, listId: r, labelId: i, popupAriaLabel: a, descriptionId: o, activeOptionId: s, ariaMultiselectable: c, popupRole: l = "listbox", setFloating: u, getFloatingProps: f, onKeyDown: p, initialFocus: m = -1, returnFocus: h = !1, tabIndex: _ = 0, className: v, maxWidth: C, layoutClassName: w, bodyClassName: T, toolbar: D, selectionActions: k, children: A }) {
+	let M = g(null), N = l === "dialog", P = N ? void 0 : f({
+		id: r,
+		role: l,
+		tabIndex: _,
+		"aria-labelledby": i,
+		"aria-label": i ? void 0 : a,
+		"aria-describedby": o,
+		"aria-activedescendant": s,
+		"aria-multiselectable": c || void 0,
+		onKeyDown: p
+	}), F = (e) => {
+		!N && e.target === e.currentTarget && M.current?.focus();
+	};
+	return /* @__PURE__ */ d(x, { children: e && /* @__PURE__ */ d(b, {
+		preserveTabOrder: !1,
+		children: /* @__PURE__ */ d(y, {
+			context: t,
+			modal: !1,
+			guards: !1,
+			initialFocus: m,
+			returnFocus: h,
+			children: /* @__PURE__ */ d(S.div, {
+				ref: u,
+				style: {
+					...n,
+					maxWidth: C
+				},
+				className: E.popupPositioner,
+				initial: {
+					opacity: 0,
+					scale: .95
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: .95
+				},
+				tabIndex: N ? void 0 : -1,
+				onMouseDown: j,
+				onFocus: N ? void 0 : F,
+				...N ? f({
+					id: r,
+					role: "dialog",
+					tabIndex: _,
+					"aria-labelledby": i,
+					"aria-label": i ? void 0 : a,
+					"aria-describedby": o,
+					onMouseDown: j,
+					onKeyDown: p
+				}) : {},
+				children: /* @__PURE__ */ d(O, {
+					className: v,
+					layoutClassName: w,
+					bodyClassName: T,
+					toolbar: D,
+					selectionActions: k,
+					bodyRef: N ? void 0 : M,
+					bodyProps: N ? void 0 : P,
+					scrollable: !1,
+					children: A
+				})
 			})
 		})
-	}) }) });
+	}) });
 }
 //#endregion
 //#region src/picker/PickerSelectedToken.tsx
-function P({ children: e, className: t, ...n }) {
+function N({ children: e, className: t, ...n }) {
 	return /* @__PURE__ */ d("span", {
 		...n,
-		className: s(D.selectedToken, t),
+		className: s(E.selectedToken, t),
 		"data-ui": "picker-selected-token",
 		children: /* @__PURE__ */ d("span", {
-			className: D.selectedTokenText,
+			className: E.selectedTokenText,
 			children: e
 		})
 	});
 }
 //#endregion
 //#region src/picker/PickerStatus.tsx
-function F({ emptyState: t, errorState: n }) {
+function P({ emptyState: t, errorState: n }) {
 	let r = n ?? t;
 	return r == null ? null : /* @__PURE__ */ d("div", {
-		className: s(e.uiPopupOption, D.status, n !== void 0 && D.statusError),
+		className: s(e.uiPopupOption, E.status, n !== void 0 && E.statusError),
 		"aria-disabled": !0,
 		children: r
 	});
 }
 //#endregion
 //#region src/picker/PickerTriggerActions.tsx
-function I({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleClick: a, openAriaLabel: o = "Открыть список", closeAriaLabel: l = "Закрыть список" }) {
+function F({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleClick: a, openAriaLabel: o = "Открыть список", closeAriaLabel: l = "Закрыть список", toggleAria: u }) {
 	return /* @__PURE__ */ f("div", {
 		className: e.uiToggleButtonContainer,
 		"data-disabled": n || void 0,
@@ -217,6 +239,7 @@ function I({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleCl
 			r,
 			/* @__PURE__ */ d("div", { className: e.uiButtonSeparator }),
 			/* @__PURE__ */ d("button", {
+				...u,
 				type: "button",
 				disabled: n,
 				"aria-label": t ? l : o,
@@ -230,48 +253,48 @@ function I({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleCl
 }
 //#endregion
 //#region src/picker/PickerTriggerInput.tsx
-var L = p(({ rootRef: t, endAdornment: r, overlay: i, rootClassName: o, inputClassName: c, isLoading: l, ...p }, m) => {
-	let h = i != null;
+function I({ ref: t, rootRef: r, endAdornment: i, overlay: o, rootClassName: c, inputClassName: l, isLoading: p, ...m }) {
+	let h = o != null;
 	return /* @__PURE__ */ d("div", {
-		ref: t,
-		className: s(e.uiInputContainer, D.triggerContainer, o),
+		ref: r,
+		className: s(e.uiInputContainer, E.triggerContainer, c),
 		"data-has-overlay": h || void 0,
-		children: l ? /* @__PURE__ */ d(n, {}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
-			endAdornment: r,
-			children: ({ controlClassName: t }) => /* @__PURE__ */ d("input", {
-				...p,
-				ref: m,
-				className: s(e.uiInputWithToggle, t, c)
+		children: p ? /* @__PURE__ */ d(n, {}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(a, {
+			endAdornment: i,
+			children: ({ controlClassName: n }) => /* @__PURE__ */ d("input", {
+				...m,
+				ref: t,
+				className: s(e.uiInputWithToggle, n, l)
 			})
-		}), h ? i : null] })
+		}), h ? o : null] })
 	});
-});
-L.displayName = "PickerTriggerInput";
+}
+I.displayName = "PickerTriggerInput";
 //#endregion
 //#region src/picker/PickerTrigger.tsx
-function R({ ref: e, open: t, optionCount: n, placeholder: r, label: i, placeholderFallback: a, selectedValue: o, hasSelection: s, showSelectedValue: c = o != null, clearable: l = !1, onClear: u, clearAriaLabel: f, onToggleMouseDown: p, onToggleClick: m, openAriaLabel: h, closeAriaLabel: g, disabled: _, inputClassName: v, ...y }) {
+function L({ ref: e, open: t, optionCount: n, placeholder: r, label: i, placeholderFallback: a, selectedValue: o, hasSelection: s, showSelectedValue: c = o != null, clearable: l = !1, onClear: u, clearAriaLabel: f, onToggleMouseDown: p, onToggleClick: m, openAriaLabel: h, closeAriaLabel: g, disabled: _, inputClassName: v, ...y }) {
 	let b = l && (s ?? o != null) && u !== void 0 && !_;
-	return /* @__PURE__ */ d(L, {
+	return /* @__PURE__ */ d(I, {
 		...y,
 		ref: e,
 		disabled: _,
-		placeholder: c ? void 0 : j({
+		placeholder: c ? void 0 : A({
 			placeholder: r,
 			label: i,
 			optionCount: n,
 			fallback: a
 		}),
 		inputClassName: v,
-		rootClassName: l ? D.triggerHasClear : void 0,
-		overlay: c ? /* @__PURE__ */ d(P, { children: o }) : void 0,
-		endAdornment: /* @__PURE__ */ d(I, {
+		rootClassName: l ? E.triggerHasClear : void 0,
+		overlay: c ? /* @__PURE__ */ d(N, { children: o }) : void 0,
+		endAdornment: /* @__PURE__ */ d(F, {
 			open: t,
 			disabled: _,
 			onToggleMouseDown: p,
 			onToggleClick: m,
 			openAriaLabel: h,
 			closeAriaLabel: g,
-			children: b ? /* @__PURE__ */ d(E, {
+			children: b ? /* @__PURE__ */ d(T, {
 				ariaLabel: f,
 				onClear: u
 			}) : null
@@ -280,7 +303,7 @@ function R({ ref: e, open: t, optionCount: n, placeholder: r, label: i, placehol
 }
 //#endregion
 //#region src/picker/model/createPickerTriggerPolicy.ts
-function z(e) {
+function R(e) {
 	switch (e) {
 		case "search-single": return {
 			focusFloatingOnOpen: !1,
@@ -313,12 +336,12 @@ function z(e) {
 }
 //#endregion
 //#region src/picker/model/usePickerDefaultFilter.ts
-function B(e) {
-	return y((Array.isArray(e) ? e : [e]).filter(Boolean).join(" "));
+function z(e) {
+	return v((Array.isArray(e) ? e : [e]).filter(Boolean).join(" "));
 }
-function V({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
-	let i = y(t);
-	return g(() => !n || !i ? [...e] : e.filter((e) => B(r(e)).includes(i)), [
+function B({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
+	let i = v(t);
+	return h(() => !n || !i ? [...e] : e.filter((e) => z(r(e)).includes(i)), [
 		n,
 		r,
 		i,
@@ -327,9 +350,9 @@ function V({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
 }
 //#endregion
 //#region src/picker/model/usePickerFloatingListbox.ts
-function H(e) {
-	let t = e.triggerMode ? z(e.triggerMode) : void 0;
-	return w({
+function V(e) {
+	let t = e.triggerMode ? R(e.triggerMode) : void 0;
+	return C({
 		...e,
 		focusFloatingOnOpen: e.focusFloatingOnOpen ?? t?.focusFloatingOnOpen,
 		restoreFocusOnClose: e.restoreFocusOnClose ?? t?.restoreFocusOnClose
@@ -337,8 +360,8 @@ function H(e) {
 }
 //#endregion
 //#region src/picker/model/usePickerQuery.ts
-function U({ query: e, defaultQuery: t, onQuery: n, resetOnClose: r, triggerMode: i }) {
-	let a = e !== void 0, [o, s] = v(t ?? ""), c = a ? e ?? "" : o, l = r ?? (!i || z(i).resetQueryOnClose), u = (e) => {
+function H({ query: e, defaultQuery: t, onQuery: n, resetOnClose: r, triggerMode: i }) {
+	let a = e !== void 0, [o, s] = _(t ?? ""), c = a ? e ?? "" : o, l = r ?? (!i || R(i).resetQueryOnClose), u = (e) => {
 		a || s(e), n?.(e);
 	};
 	return {
@@ -350,9 +373,9 @@ function U({ query: e, defaultQuery: t, onQuery: n, resetOnClose: r, triggerMode
 }
 //#endregion
 //#region src/picker/model/usePickerSelectionLifecycle.ts
-function W({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }) {
-	let o = _(!1), [s, c] = v(e);
-	return h(() => {
+function U({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }) {
+	let o = g(!1), [s, c] = _(e);
+	return m(() => {
 		o.current && !t && (a(s, e) || n(s), i?.(s)), o.current = t;
 	}, [
 		s,
@@ -371,13 +394,13 @@ function W({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }
 }
 //#endregion
 //#region src/picker/model/usePickerTriggerController.ts
-function G(e) {
+function W(e) {
 	requestAnimationFrame(() => {
 		e.current?.focus();
 	});
 }
-function K({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i, setQuery: a, openList: o, close: s, toggleOpen: c, onBeforeOpen: l }) {
-	let u = z(e), d = () => {
+function G({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i, setQuery: a, openList: o, close: s, toggleOpen: c, onBeforeOpen: l }) {
+	let u = R(e), d = () => {
 		if (l?.(), o) {
 			o();
 			return;
@@ -390,7 +413,7 @@ function K({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i,
 		}
 		c?.();
 	}, p = () => {
-		t ? f() : d(), u.shouldFocusReferenceOnToggle(t) && G(i);
+		t ? f() : d(), u.shouldFocusReferenceOnToggle(t) && W(i);
 	};
 	return {
 		policy: u,
@@ -434,6 +457,6 @@ function K({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i,
 	};
 }
 //#endregion
-export { E as _, V as a, L as c, P as d, N as f, O as g, k as h, H as i, I as l, A as m, W as n, z as o, j as p, U as r, R as s, K as t, F as u, T as v };
+export { T as _, B as a, I as c, N as d, M as f, D as g, O as h, V as i, F as l, k as m, U as n, R as o, A as p, H as r, L as s, G as t, P as u, w as v };
 
-//# sourceMappingURL=picker-BA6okKnz.js.map
+//# sourceMappingURL=picker-SJXnHwsj.js.map

package/dist/chunks/picker-SJXnHwsj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-SJXnHwsj.js","names":[],"sources":["../../src/picker/PickerField.tsx","../../src/picker/PickerClearButton.tsx","../../src/picker/Picker.module.scss","../../src/picker/PickerSelectionToolbar.tsx","../../src/picker/PickerOptions.tsx","../../src/picker/model/extractPickerTextContent.ts","../../src/picker/PickerPlaceholder.ts","../../src/picker/PickerPopup.tsx","../../src/picker/PickerSelectedToken.tsx","../../src/picker/PickerStatus.tsx","../../src/picker/PickerTriggerActions.tsx","../../src/picker/PickerTriggerInput.tsx","../../src/picker/PickerTrigger.tsx","../../src/picker/model/createPickerTriggerPolicy.ts","../../src/picker/model/usePickerDefaultFilter.ts","../../src/picker/model/usePickerFloatingListbox.ts","../../src/picker/model/usePickerQuery.ts","../../src/picker/model/usePickerSelectionLifecycle.ts","../../src/picker/model/usePickerTriggerController.ts"],"sourcesContent":["import { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { InputUI } from \"../input\";\nimport { useInputFieldIds } from \"../input/lib/useInputFieldIds\";\n\nimport { PickerFieldProps } from \"./types\";\n\nexport function PickerField<TValue extends InputType>({\n\tid,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tsize,\n\tclassName,\n\terror,\n\tchildren\n}: PickerFieldProps<TValue>) {\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!error\n\t});\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tsize={size}\n\t\t\tclassName={className}\n\t\t\terror={error}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t{children({ controlId, labelId, descriptionId, errorId, describedBy })}\n\t\t</InputUI>\n\t);\n}\n","import { type MouseEvent } from \"react\";\n\nimport { XIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ntype PickerClearButtonProps = {\n\tdisabled?: boolean;\n\tariaLabel?: string;\n\tonClear: () => void;\n};\n\n/** Единое действие очистки выбранного значения во всех clearable picker-компонентах. */\nexport function PickerClearButton({ disabled, ariaLabel = \"Очистить выбор\", onClear }: PickerClearButtonProps) {\n\tconst stopTriggerInteraction = (event: MouseEvent<HTMLButtonElement>) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t};\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tdisabled={disabled}\n\t\t\tclassName={uiStyles.uiClearButton}\n\t\t\tdata-ui=\"picker-clear-button\"\n\t\t\tdata-action=\"clear-picker\"\n\t\t\tonMouseDown={stopTriggerInteraction}\n\t\t\tonClick={(event) => {\n\t\t\t\tstopTriggerInteraction(event);\n\t\t\t\tonClear();\n\t\t\t}}\n\t\t\taria-label={ariaLabel}>\n\t\t\t<XIcon />\n\t\t</button>\n\t);\n}\n","@use \"@/styles/mixins\" as *;\n\n.popupPositioner,\n.options {\n\toverflow: hidden;\n\tdisplay: grid;\n\tgrid-template-rows: minmax(0, 1fr);\n\tborder-radius: var(--radius-sm);\n}\n\n.popupPositioner {\n\t--anchor-gap: var(--space-xs);\n\t--anchor-padding: var(--space-xs);\n\t--anchor-offset: 0;\n\t// Минимальная ширина нужна только floating-панели. Встроенный Listbox получает ширину от UiBaseProps.size.\n\t--input-width: min(100vw, var(--base-width, 15em));\n\n\tmin-width: 0;\n\tz-index: var(--z-dropdown);\n\tbox-shadow: var(--shadow-md);\n\n\t.options {\n\t\tmin-width: var(--input-width);\n\t}\n}\n\n.options {\n\twidth: 100%;\n\tmin-height: 0;\n\tmax-height: 75vh;\n\n\tpadding: var(--space-sm);\n\tbackground-color: var(--surface-0);\n\tborder: var(--border);\n\n\t&:empty {\n\t\tvisibility: hidden;\n\t}\n\n\t&[data-has-toolbar=\"true\"] {\n\t\tgrid-template-rows: auto minmax(0, 1fr);\n\t}\n}\n\n.optionsToolbar {\n\tdisplay: grid;\n\tgap: var(--space-xs);\n\tpadding: var(--space-xs);\n}\n\n.optionsBody {\n\tmin-height: 0;\n}\n\n.status {\n\tpadding: var(--space-xs) var(--space-sm);\n\tcolor: var(--content-2);\n}\n\n.statusError {\n\tcolor: var(--error-text);\n}\n\n.triggerContainer {\n\tposition: relative;\n\n\t&[data-has-overlay=\"true\"] input {\n\t\t--ui-color: transparent;\n\t\t--ui-color-hover: transparent;\n\t\t--ui-color-active: transparent;\n\n\t\tcolor: transparent;\n\t\tcaret-color: transparent;\n\t\t-webkit-text-fill-color: transparent;\n\t}\n}\n\n.triggerHasClear {\n\t--trigger-count: 2;\n\t// Резервирует в input место для кнопок очистки и открытия списка.\n\t--input-end-adornment-width: calc(var(--control-height) * 2);\n}\n\n.selectedToken {\n\tposition: absolute;\n\tinset: 0 calc(var(--control-height) * var(--trigger-count, 1) + var(--space-sm)) 0 var(--space-sm);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tmin-width: 0;\n\tpointer-events: none;\n}\n\n.selectedTokenText {\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n\n@include mobile {\n\t.popupPositioner {\n\t\t--input-width: calc(100dvw - var(--space-xl));\n\t}\n}\n\n.selectionActionButton {\n\tpadding-block: var(--space-xs);\n\tborder-radius: var(--radius-sm);\n\n\t&:hover {\n\t\tbackground-color: var(--surface-2);\n\t}\n}\n","import { type Ref } from \"react\";\n\nimport { Grid } from \"../grid\";\n\nimport styles from \"./Picker.module.scss\";\n\ntype PickerSelectionToolbarProps = {\n\tonSelectAll: () => void;\n\tonDeselectAll: () => void;\n\tselectAllButtonRef?: Ref<HTMLButtonElement>;\n};\n\n/**\n * Общая панель массовых действий для picker-компонентов с множественным выбором.\n * Компонент не знает формат значения и делегирует изменение владельцу selection-модели.\n */\nexport function PickerSelectionToolbar({ onSelectAll, onDeselectAll, selectAllButtonRef }: PickerSelectionToolbarProps) {\n\treturn (\n\t\t<Grid.Container gap=\"xs\" templateColumns=\"1fr 1fr\">\n\t\t\t<button\n\t\t\t\tref={selectAllButtonRef}\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={styles.selectionActionButton}\n\t\t\t\tonClick={onSelectAll}\n\t\t\t\tdata-ui=\"picker-select-all\"\n\t\t\t\tdata-action=\"select-all\">\n\t\t\t\tВыбрать все\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={styles.selectionActionButton}\n\t\t\t\tonClick={onDeselectAll}\n\t\t\t\tdata-ui=\"picker-deselect-all\"\n\t\t\t\tdata-action=\"deselect-all\">\n\t\t\t\tСнять выбор\n\t\t\t</button>\n\t\t</Grid.Container>\n\t);\n}\n","import { type HTMLAttributes, type ReactNode, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Separator } from \"../separator\";\n\nimport styles from \"./Picker.module.scss\";\nimport { PickerSelectionToolbar } from \"./PickerSelectionToolbar\";\n\nexport type PickerSelectionActions = {\n\tonSelectAll: () => void;\n\tonDeselectAll: () => void;\n\tselectAllButtonRef?: Ref<HTMLButtonElement>;\n};\n\nexport interface PickerOptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n\trootRef?: Ref<HTMLDivElement>;\n\tbodyRef?: Ref<HTMLDivElement>;\n\tbodyProps?: Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"className\">;\n\tchildren: ReactNode;\n\ttoolbar?: ReactNode | false;\n\tselectionActions?: PickerSelectionActions;\n\tlayoutClassName?: string;\n\tbodyClassName?: string;\n\tscrollable?: boolean;\n}\n\n/**\n * Единая оболочка списка опций для picker, listbox и menu. Если переданы\n * selectionActions, но не передан toolbar, компонент показывает стандартные\n * действия выбора и снятия выбора.\n */\nexport function PickerOptions({\n\trootRef,\n\tbodyRef,\n\tbodyProps,\n\tchildren,\n\ttoolbar,\n\tselectionActions,\n\tlayoutClassName,\n\tbodyClassName,\n\tscrollable = true,\n\tclassName,\n\t...props\n}: PickerOptionsProps) {\n\tconst resolvedToolbar = toolbar === undefined && selectionActions ? <PickerSelectionToolbar {...selectionActions} /> : toolbar || null;\n\n\treturn (\n\t\t<div\n\t\t\t{...props}\n\t\t\tref={rootRef}\n\t\t\tclassName={cn(styles.options, layoutClassName, className)}\n\t\t\tdata-ui=\"picker-options\"\n\t\t\tdata-has-toolbar={resolvedToolbar ? \"true\" : undefined}>\n\t\t\t{resolvedToolbar ? (\n\t\t\t\t<div className={styles.optionsToolbar}>\n\t\t\t\t\t{resolvedToolbar}\n\t\t\t\t\t<Separator />\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t<div\n\t\t\t\t{...bodyProps}\n\t\t\t\tref={bodyRef}\n\t\t\t\tclassName={cn(styles.optionsBody, scrollable ? \"scrollable overscroll\" : \"overflowHidden\", bodyClassName)}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","import { isValidElement, type ReactNode } from \"react\";\n\nexport function extractPickerTextContent(node: ReactNode): string | undefined {\n\tif (typeof node === \"string\" || typeof node === \"number\") {\n\t\treturn String(node);\n\t}\n\n\tif (Array.isArray(node)) {\n\t\tconst values = node\n\t\t\t.map(extractPickerTextContent)\n\t\t\t.filter((value): value is string => Boolean(value))\n\t\t\t.map((value) => value.trim())\n\t\t\t.filter(Boolean);\n\t\treturn values.length ? values.join(\" \") : undefined;\n\t}\n\n\tif (isValidElement<{ children?: ReactNode; searchText?: unknown }>(node)) {\n\t\tif (typeof node.props.searchText === \"string\") {\n\t\t\treturn node.props.searchText;\n\t\t}\n\n\t\treturn extractPickerTextContent(node.props.children);\n\t}\n\n\treturn undefined;\n}\n","import { type ReactNode } from \"react\";\n\nimport { extractPickerTextContent } from \"./model/extractPickerTextContent\";\n\ntype PickerPlaceholderParams = {\n\tplaceholder?: string;\n\tlabel?: ReactNode;\n\toptionCount: number;\n\tfallback?: string;\n};\n\n/**\n * Формирует единый текст placeholder для picker-компонентов и всегда показывает\n * актуальное количество доступных вариантов.\n */\nexport function getPickerPlaceholder({ placeholder, label, optionCount, fallback = \"Выберите значение\" }: PickerPlaceholderParams) {\n\tconst labelText = extractPickerTextContent(label);\n\tconst text = placeholder ?? labelText ?? fallback;\n\n\treturn `${text} <${optionCount}>`;\n}\n","import { type CSSProperties, type FocusEvent, type KeyboardEvent, type MouseEvent, type ReactNode, useRef } from \"react\";\n\nimport { FloatingContext, FloatingFocusManager, FloatingPortal } from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\n\nimport styles from \"./Picker.module.scss\";\nimport { PickerOptions, type PickerSelectionActions } from \"./PickerOptions\";\n\ninterface PickerPopupProps {\n\topen: boolean;\n\tcontext: FloatingContext;\n\tfloatingStyles: CSSProperties;\n\tlistId: string;\n\tlabelId?: string;\n\tpopupAriaLabel?: string;\n\tdescriptionId?: string;\n\tactiveOptionId?: string;\n\tariaMultiselectable?: boolean;\n\tpopupRole?: \"listbox\" | \"tree\" | \"treegrid\" | \"grid\" | \"dialog\";\n\tsetFloating: (node: HTMLElement | null) => void;\n\tgetFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;\n\tonKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n\tinitialFocus?: number;\n\treturnFocus?: boolean;\n\ttabIndex?: number;\n\tclassName?: string;\n\tmaxWidth?: CSSProperties[\"maxWidth\"];\n\tlayoutClassName?: string;\n\tbodyClassName?: string;\n\ttoolbar?: ReactNode | false;\n\tselectionActions?: PickerSelectionActions;\n\tchildren: ReactNode;\n}\n\nfunction stopNestedFloatingMouseDown(event: MouseEvent<HTMLElement>): void {\n\tevent.stopPropagation();\n}\n\nexport function PickerPopup({\n\topen,\n\tcontext,\n\tfloatingStyles,\n\tlistId,\n\tlabelId,\n\tpopupAriaLabel,\n\tdescriptionId,\n\tactiveOptionId,\n\tariaMultiselectable,\n\tpopupRole = \"listbox\",\n\tsetFloating,\n\tgetFloatingProps,\n\tonKeyDown,\n\tinitialFocus = -1,\n\treturnFocus = false,\n\ttabIndex = 0,\n\tclassName,\n\tmaxWidth,\n\tlayoutClassName,\n\tbodyClassName,\n\ttoolbar,\n\tselectionActions,\n\tchildren\n}: PickerPopupProps) {\n\tconst compositeRef = useRef<HTMLDivElement | null>(null);\n\tconst isDialog = popupRole === \"dialog\";\n\tconst compositeProps = isDialog\n\t\t? undefined\n\t\t: getFloatingProps({\n\t\t\t\tid: listId,\n\t\t\t\trole: popupRole,\n\t\t\t\ttabIndex,\n\t\t\t\t\"aria-labelledby\": labelId,\n\t\t\t\t\"aria-label\": labelId ? undefined : popupAriaLabel,\n\t\t\t\t\"aria-describedby\": descriptionId,\n\t\t\t\t\"aria-activedescendant\": activeOptionId,\n\t\t\t\t\"aria-multiselectable\": ariaMultiselectable || undefined,\n\t\t\t\tonKeyDown\n\t\t\t});\n\tconst handlePositionerFocus = (event: FocusEvent<HTMLDivElement>) => {\n\t\tif (!isDialog && event.target === event.currentTarget) {\n\t\t\tcompositeRef.current?.focus();\n\t\t}\n\t};\n\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{open && (\n\t\t\t\t<FloatingPortal preserveTabOrder={false}>\n\t\t\t\t\t<FloatingFocusManager\n\t\t\t\t\t\tcontext={context}\n\t\t\t\t\t\tmodal={false}\n\t\t\t\t\t\tguards={false}\n\t\t\t\t\t\tinitialFocus={initialFocus}\n\t\t\t\t\t\treturnFocus={returnFocus}>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tref={setFloating}\n\t\t\t\t\t\t\tstyle={{ ...floatingStyles, maxWidth }}\n\t\t\t\t\t\t\tclassName={styles.popupPositioner}\n\t\t\t\t\t\t\tinitial={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\tanimate={{ opacity: 1, scale: 1 }}\n\t\t\t\t\t\t\texit={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\ttabIndex={isDialog ? undefined : -1}\n\t\t\t\t\t\t\tonMouseDown={stopNestedFloatingMouseDown}\n\t\t\t\t\t\t\tonFocus={isDialog ? undefined : handlePositionerFocus}\n\t\t\t\t\t\t\t{...(isDialog\n\t\t\t\t\t\t\t\t? getFloatingProps({\n\t\t\t\t\t\t\t\t\t\tid: listId,\n\t\t\t\t\t\t\t\t\t\trole: \"dialog\",\n\t\t\t\t\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\t\t\t\t\t\"aria-labelledby\": labelId,\n\t\t\t\t\t\t\t\t\t\t\"aria-label\": labelId ? undefined : popupAriaLabel,\n\t\t\t\t\t\t\t\t\t\t\"aria-describedby\": descriptionId,\n\t\t\t\t\t\t\t\t\t\tonMouseDown: stopNestedFloatingMouseDown,\n\t\t\t\t\t\t\t\t\t\tonKeyDown\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<PickerOptions\n\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t\tlayoutClassName={layoutClassName}\n\t\t\t\t\t\t\t\tbodyClassName={bodyClassName}\n\t\t\t\t\t\t\t\ttoolbar={toolbar}\n\t\t\t\t\t\t\t\tselectionActions={selectionActions}\n\t\t\t\t\t\t\t\tbodyRef={isDialog ? undefined : compositeRef}\n\t\t\t\t\t\t\t\tbodyProps={isDialog ? undefined : compositeProps}\n\t\t\t\t\t\t\t\tscrollable={false}>\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</PickerOptions>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</FloatingFocusManager>\n\t\t\t\t</FloatingPortal>\n\t\t\t)}\n\t\t</AnimatePresence>\n\t);\n}\n","import { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./Picker.module.scss\";\n\nexport interface PickerSelectedTokenProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n\tchildren: ReactNode;\n}\n\n/** Единое визуальное представление выбранного значения внутри picker-trigger. */\nexport function PickerSelectedToken({ children, className, ...props }: PickerSelectedTokenProps) {\n\treturn (\n\t\t<span {...props} className={cn(styles.selectedToken, className)} data-ui=\"picker-selected-token\">\n\t\t\t<span className={styles.selectedTokenText}>{children}</span>\n\t\t</span>\n\t);\n}\n","import { ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerStatusProps {\n\temptyState?: ReactNode;\n\t// loadingState?: ReactNode;\n\terrorState?: ReactNode;\n}\n\nexport function PickerStatus({ emptyState, errorState }: PickerStatusProps) {\n\tconst content = errorState ?? emptyState;\n\n\tif (content === undefined || content === null) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={cn(uiStyles.uiPopupOption, styles.status, errorState !== undefined && styles.statusError)} aria-disabled={true}>\n\t\t\t{content}\n\t\t</div>\n\t);\n}\n","import { type AriaAttributes, type MouseEvent, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ninterface PickerTriggerActionsProps {\n\topen: boolean;\n\tdisabled?: boolean;\n\tchildren?: ReactNode;\n\tonToggleMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;\n\tonToggleClick: () => void;\n\topenAriaLabel?: string;\n\tcloseAriaLabel?: string;\n\t/**\n\t * Передаёт ARIA-связи непосредственно кнопке раскрытия, не меняя геометрию\n\t * контейнера с adornment-действиями.\n\t */\n\ttoggleAria?: Pick<AriaAttributes, \"aria-controls\" | \"aria-expanded\" | \"aria-haspopup\">;\n}\n\nexport function PickerTriggerActions({\n\topen,\n\tdisabled,\n\tchildren,\n\tonToggleMouseDown,\n\tonToggleClick,\n\topenAriaLabel = \"Открыть список\",\n\tcloseAriaLabel = \"Закрыть список\",\n\ttoggleAria\n}: PickerTriggerActionsProps) {\n\treturn (\n\t\t<div className={uiStyles.uiToggleButtonContainer} data-disabled={disabled || undefined}>\n\t\t\t{children}\n\n\t\t\t<div className={uiStyles.uiButtonSeparator} />\n\n\t\t\t<button\n\t\t\t\t{...toggleAria}\n\t\t\t\ttype=\"button\"\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-label={open ? closeAriaLabel : openAriaLabel}\n\t\t\t\tclassName={uiStyles.uiToggleButton}\n\t\t\t\tonMouseDown={onToggleMouseDown}\n\t\t\t\tonClick={onToggleClick}>\n\t\t\t\t<ChevronDownIcon className={cn(uiStyles.uiToggleIcon, open && uiStyles.uiToggleIconOpen)} />\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n","import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { InputControl, InputLoadingFrame } from \"../input\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\nexport interface PickerTriggerInputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n\trootRef?: (node: HTMLDivElement | null) => void;\n\tendAdornment?: ReactNode;\n\toverlay?: ReactNode;\n\trootClassName?: string;\n\tinputClassName?: string;\n\tisLoading?: boolean;\n}\n\nexport function PickerTriggerInput({\n\tref,\n\trootRef,\n\tendAdornment,\n\toverlay,\n\trootClassName,\n\tinputClassName,\n\tisLoading,\n\t...props\n}: PickerTriggerInputProps & { ref?: Ref<HTMLInputElement> }) {\n\tconst hasOverlay = overlay !== undefined && overlay !== null;\n\n\treturn (\n\t\t<div\n\t\t\tref={rootRef}\n\t\t\tclassName={cn(uiStyles.uiInputContainer, styles.triggerContainer, rootClassName)}\n\t\t\tdata-has-overlay={hasOverlay || undefined}>\n\t\t\t{isLoading ? (\n\t\t\t\t<InputLoadingFrame />\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<InputControl endAdornment={endAdornment}>\n\t\t\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t\t\t<input {...props} ref={ref} className={cn(uiStyles.uiInputWithToggle, controlClassName, inputClassName)} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</InputControl>\n\t\t\t\t\t{hasOverlay ? overlay : null}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nPickerTriggerInput.displayName = \"PickerTriggerInput\";\n","import { type ReactNode, type Ref } from \"react\";\n\nimport styles from \"./Picker.module.scss\";\nimport { PickerClearButton } from \"./PickerClearButton\";\nimport { getPickerPlaceholder } from \"./PickerPlaceholder\";\nimport { PickerSelectedToken } from \"./PickerSelectedToken\";\nimport { PickerTriggerActions } from \"./PickerTriggerActions\";\nimport { PickerTriggerInput, type PickerTriggerInputProps } from \"./PickerTriggerInput\";\n\nexport interface PickerTriggerProps extends Omit<PickerTriggerInputProps, \"placeholder\" | \"overlay\" | \"endAdornment\"> {\n\tref?: Ref<HTMLInputElement>;\n\topen: boolean;\n\toptionCount: number;\n\tplaceholder?: string;\n\tlabel?: ReactNode;\n\tplaceholderFallback?: string;\n\tselectedValue?: ReactNode;\n\thasSelection?: boolean;\n\tshowSelectedValue?: boolean;\n\tclearable?: boolean;\n\tonClear?: () => void;\n\tclearAriaLabel?: string;\n\tonToggleMouseDown?: PickerTriggerActionsProps[\"onToggleMouseDown\"];\n\tonToggleClick: PickerTriggerActionsProps[\"onToggleClick\"];\n\topenAriaLabel?: string;\n\tcloseAriaLabel?: string;\n}\n\ntype PickerTriggerActionsProps = Parameters<typeof PickerTriggerActions>[0];\n\n/**\n * Общая композиция picker-trigger: input, выбранное значение, очистка и кнопка\n * открытия. Владельцы picker-моделей передают только состояние и обработчики.\n */\nexport function PickerTrigger({\n\tref,\n\topen,\n\toptionCount,\n\tplaceholder,\n\tlabel,\n\tplaceholderFallback,\n\tselectedValue,\n\thasSelection,\n\tshowSelectedValue = selectedValue !== undefined && selectedValue !== null,\n\tclearable = false,\n\tonClear,\n\tclearAriaLabel,\n\tonToggleMouseDown,\n\tonToggleClick,\n\topenAriaLabel,\n\tcloseAriaLabel,\n\tdisabled,\n\tinputClassName,\n\t...inputProps\n}: PickerTriggerProps) {\n\tconst hasSelectedValue = hasSelection ?? (selectedValue !== undefined && selectedValue !== null);\n\tconst canClear = clearable && hasSelectedValue && onClear !== undefined && !disabled;\n\n\treturn (\n\t\t<PickerTriggerInput\n\t\t\t{...inputProps}\n\t\t\tref={ref}\n\t\t\tdisabled={disabled}\n\t\t\tplaceholder={\n\t\t\t\tshowSelectedValue ? undefined : getPickerPlaceholder({ placeholder, label, optionCount, fallback: placeholderFallback })\n\t\t\t}\n\t\t\tinputClassName={inputClassName}\n\t\t\trootClassName={clearable ? styles.triggerHasClear : undefined}\n\t\t\toverlay={showSelectedValue ? <PickerSelectedToken>{selectedValue}</PickerSelectedToken> : undefined}\n\t\t\tendAdornment={\n\t\t\t\t<PickerTriggerActions\n\t\t\t\t\topen={open}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tonToggleMouseDown={onToggleMouseDown}\n\t\t\t\t\tonToggleClick={onToggleClick}\n\t\t\t\t\topenAriaLabel={openAriaLabel}\n\t\t\t\t\tcloseAriaLabel={closeAriaLabel}>\n\t\t\t\t\t{canClear ? <PickerClearButton ariaLabel={clearAriaLabel} onClear={onClear} /> : null}\n\t\t\t\t</PickerTriggerActions>\n\t\t\t}\n\t\t/>\n\t);\n}\n","export type PickerTriggerMode = \"display\" | \"search-single\" | \"search-multi\";\n\ninterface PickerTriggerTextFocusParams {\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n}\n\nexport interface PickerTriggerPolicy {\n\tfocusFloatingOnOpen: boolean;\n\trestoreFocusOnClose: boolean;\n\tresetQueryOnClose: boolean;\n\tshouldOpenOnTriggerClick: (open: boolean) => boolean;\n\tshouldOpenOnInputChange: (open: boolean) => boolean;\n\tshouldFocusReferenceOnToggle: (open: boolean) => boolean;\n\tshouldSelectTriggerTextOnFocus: (params: PickerTriggerTextFocusParams) => boolean;\n}\n\n/**\n * Единая политика поведения trigger-input для picker-компонентов.\n * Нормализует различия между display-режимом, single-search и multi-search.\n */\nexport function createPickerTriggerPolicy(mode: PickerTriggerMode): PickerTriggerPolicy {\n\tswitch (mode) {\n\t\tcase \"search-single\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: ({ open, currentQuery, hasDisplayValue }) =>\n\t\t\t\t\t!open && currentQuery.length === 0 && hasDisplayValue\n\t\t\t};\n\t\tcase \"search-multi\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t\tcase \"display\":\n\t\tdefault:\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: true,\n\t\t\t\trestoreFocusOnClose: true,\n\t\t\t\tresetQueryOnClose: false,\n\t\t\t\tshouldOpenOnTriggerClick: (open) => !open,\n\t\t\t\tshouldOpenOnInputChange: () => false,\n\t\t\t\tshouldFocusReferenceOnToggle: () => false,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t}\n}\n","import { useMemo } from \"react\";\n\nimport { normalizeTextToLower } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\ninterface UsePickerDefaultFilterOptions<T> {\n\toptions: readonly T[];\n\tquery: string;\n\tenabled?: boolean;\n\tgetSearchText: (option: T) => unknown;\n}\n\nfunction normalizeSearchText(value: unknown) {\n\tconst parts = Array.isArray(value) ? value : [value];\n\n\treturn normalizeTextToLower(parts.filter(Boolean).join(\" \"));\n}\n\nexport function usePickerDefaultFilter<T>({ options, query, enabled = true, getSearchText }: UsePickerDefaultFilterOptions<T>) {\n\tconst normalizedQuery = normalizeTextToLower(query);\n\n\treturn useMemo(() => {\n\t\tif (!enabled || !normalizedQuery) {\n\t\t\treturn [...options];\n\t\t}\n\n\t\treturn options.filter((option) => normalizeSearchText(getSearchText(option)).includes(normalizedQuery));\n\t}, [enabled, getSearchText, normalizedQuery, options]);\n}\n","import { Placement } from \"@floating-ui/react\";\nimport {\n\ttype FloatingListboxPlacementStrategy,\n\ttype FloatingListboxSizeResolver,\n\tuseFloatingListbox\n} from \"@ryuzaki13/react-foundation-lib/hooks\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerFloatingListboxParams<T> {\n\toptions: readonly T[];\n\tselectedIndex: number;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tgetOptionDisabled?: (option: T) => boolean;\n\tonSelect?: (option: T) => void;\n\tdisabled?: boolean;\n\tplacement?: Placement;\n\tplacementStrategy?: FloatingListboxPlacementStrategy;\n\tcloseOnSelect?: boolean;\n\tfocusFloatingOnOpen?: boolean;\n\tallowOpenWithoutOptions?: boolean;\n\trestoreFocusOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n\tresolveFloatingSize?: FloatingListboxSizeResolver;\n}\n\n/**\n * Единая точка входа для popup/listbox поведения во всех picker-компонентах.\n */\nexport function usePickerFloatingListbox<T>(params: UsePickerFloatingListboxParams<T>) {\n\tconst triggerPolicy = params.triggerMode ? createPickerTriggerPolicy(params.triggerMode) : undefined;\n\n\treturn useFloatingListbox({\n\t\t...params,\n\t\tfocusFloatingOnOpen: params.focusFloatingOnOpen ?? triggerPolicy?.focusFloatingOnOpen,\n\t\trestoreFocusOnClose: params.restoreFocusOnClose ?? triggerPolicy?.restoreFocusOnClose\n\t});\n}\n","import { useState } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerQueryOptions {\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tresetOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n}\n\n/**\n * Управляет controlled/uncontrolled query и возвращает policy закрытия владельцу open-state.\n * Сброс выполняется самим владельцем в событии close, поэтому hook не зеркалит lifecycle через effect.\n */\nexport function usePickerQuery({ query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions) {\n\tconst isControlled = query !== undefined;\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery ?? \"\");\n\tconst currentQuery = isControlled ? (query ?? \"\") : internalQuery;\n\tconst resolvedResetOnClose = resetOnClose ?? (triggerMode ? createPickerTriggerPolicy(triggerMode).resetQueryOnClose : true);\n\n\tconst setQuery = (nextValue: string) => {\n\t\tif (!isControlled) {\n\t\t\tsetInternalQuery(nextValue);\n\t\t}\n\n\t\tonQuery?.(nextValue);\n\t};\n\n\treturn {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tclearQuery: () => setQuery(\"\"),\n\t\tresetQueryOnClose: resolvedResetOnClose\n\t};\n}\n","import { useEffect, useRef, useState } from \"react\";\n\ninterface UsePickerSelectionLifecycleOptions<TValue> {\n\tvalue: TValue;\n\topen: boolean;\n\tonCommit: (value: TValue) => void;\n\tonOpen?: () => void;\n\tonClose?: (value: TValue) => void;\n\tisEqual: (left: TValue, right: TValue) => boolean;\n}\n\n/**\n * Общий жизненный цикл чернового выбора для picker-компонентов,\n * где изменения подтверждаются при закрытии popup.\n */\nexport function usePickerSelectionLifecycle<TValue>({\n\tvalue,\n\topen,\n\tonCommit,\n\tonOpen,\n\tonClose,\n\tisEqual\n}: UsePickerSelectionLifecycleOptions<TValue>) {\n\tconst previousOpenRef = useRef(false);\n\tconst [draftValue, setDraftValue] = useState(value);\n\n\tuseEffect(() => {\n\t\tif (previousOpenRef.current && !open) {\n\t\t\tif (!isEqual(draftValue, value)) {\n\t\t\t\tonCommit(draftValue);\n\t\t\t}\n\n\t\t\tonClose?.(draftValue);\n\t\t}\n\n\t\tpreviousOpenRef.current = open;\n\t}, [draftValue, isEqual, onClose, onCommit, open, value]);\n\n\tconst prepareOpen = () => {\n\t\tsetDraftValue(value);\n\t\tonOpen?.();\n\t};\n\n\treturn {\n\t\tdraftValue,\n\t\tsetDraftValue,\n\t\tprepareOpen\n\t};\n}\n","import { MouseEvent, RefObject } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerTriggerControllerOptions {\n\tmode: PickerTriggerMode;\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n\tinputRef: RefObject<HTMLInputElement | null>;\n\tsetQuery?: (value: string) => void;\n\topenList?: () => void;\n\tclose?: () => void;\n\ttoggleOpen?: () => void;\n\tonBeforeOpen?: () => void;\n}\n\ninterface HandleTriggerKeyDownOptions {\n\tevent: React.KeyboardEvent<HTMLElement>;\n\tonActivateWhenOpen?: () => void;\n\tenableSpaceActivation?: boolean;\n\tenableClosedArrowDownOpen?: boolean;\n\tsuppressClosedArrowUp?: boolean;\n}\n\nfunction focusInput(inputRef: RefObject<HTMLInputElement | null>) {\n\trequestAnimationFrame(() => {\n\t\tinputRef.current?.focus();\n\t});\n}\n\n/**\n * Единый контроллер пользовательских действий на trigger-input.\n * Держит поведение display/search-single/search-multi в одном месте.\n */\nexport function usePickerTriggerController({\n\tmode,\n\topen,\n\tcurrentQuery,\n\thasDisplayValue,\n\tinputRef,\n\tsetQuery,\n\topenList,\n\tclose,\n\ttoggleOpen,\n\tonBeforeOpen\n}: UsePickerTriggerControllerOptions) {\n\tconst policy = createPickerTriggerPolicy(mode);\n\n\tconst openTrigger = () => {\n\t\tonBeforeOpen?.();\n\n\t\tif (openList) {\n\t\t\topenList();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst closeTrigger = () => {\n\t\tif (close) {\n\t\t\tclose();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst toggleTrigger = () => {\n\t\tif (open) {\n\t\t\tcloseTrigger();\n\t\t} else {\n\t\t\topenTrigger();\n\t\t}\n\n\t\tif (policy.shouldFocusReferenceOnToggle(open)) {\n\t\t\tfocusInput(inputRef);\n\t\t}\n\t};\n\n\treturn {\n\t\tpolicy,\n\t\thandleTriggerInputChange: (nextValue: string) => {\n\t\t\tsetQuery?.(nextValue);\n\n\t\t\tif (policy.shouldOpenOnInputChange(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerClick: () => {\n\t\t\tif (policy.shouldOpenOnTriggerClick(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerFocus: (input: HTMLInputElement) => {\n\t\t\tif (\n\t\t\t\tpolicy.shouldSelectTriggerTextOnFocus({\n\t\t\t\t\topen,\n\t\t\t\t\tcurrentQuery,\n\t\t\t\t\thasDisplayValue\n\t\t\t\t})\n\t\t\t) {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tinput.select();\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\thandleToggleMouseDown: (event: MouseEvent<HTMLButtonElement>) => {\n\t\t\tevent.preventDefault();\n\t\t},\n\t\thandleToggleClick: () => {\n\t\t\ttoggleTrigger();\n\t\t},\n\t\thandleTriggerKeyDown: ({\n\t\t\tevent,\n\t\t\tonActivateWhenOpen,\n\t\t\tenableSpaceActivation = false,\n\t\t\tenableClosedArrowDownOpen = false,\n\t\t\tsuppressClosedArrowUp = false\n\t\t}: HandleTriggerKeyDownOptions) => {\n\t\t\tif (!open && suppressClosedArrowUp && event.key === \"ArrowUp\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!open && enableClosedArrowDownOpen && event.key === \"ArrowDown\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleTrigger();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.key === \"Enter\") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (enableSpaceActivation && event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttoggleTrigger\n\t};\n}\n"],"mappings":"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"}