@ryuzaki13/react-foundation-ui 1.1.9 → 1.2.1

package/dist/chunks/{picker-DTZk09Ag.js → picker-BAQ9NeHe.js}

@@ -1,25 +1,26 @@
 import { t as e } from "./ui.module-BisoTevy.js";
-import { i as t, l as n, s as r } from "./input-BCJfUdK_.js";
-import { t as i } from "./separator-B72Aq-6a.js";
-import { forwardRef as a, useEffect as o, useEffectEvent as s, useMemo as c, useRef as l, useState as u } from "react";
-import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";
-import { ChevronDownIcon as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { normalizeTextToLower as h } from "@ryuzaki13/react-foundation-lib/formatters";
-import { FloatingFocusManager as g, FloatingPortal as _ } from "@floating-ui/react";
-import { useFloatingListbox as v } from "@ryuzaki13/react-foundation-lib/hooks";
-import { AnimatePresence as y, motion as b } from "motion/react";
+import { t } from "./grid-dI94AAbi.js";
+import { i as n, l as r, s as i } from "./input-BCJfUdK_.js";
+import { t as a } from "./separator-B72Aq-6a.js";
+import { forwardRef as o, useEffect as s, useEffectEvent as c, useMemo as l, useRef as u, useState as d } from "react";
+import { cn as f } from "@ryuzaki13/react-foundation-lib/utils";
+import { ChevronDownIcon as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { normalizeTextToLower as g } from "@ryuzaki13/react-foundation-lib/formatters";
+import { FloatingFocusManager as _, FloatingPortal as v } from "@floating-ui/react";
+import { useFloatingListbox as y } from "@ryuzaki13/react-foundation-lib/hooks";
+import { AnimatePresence as b, motion as x } from "motion/react";
 //#region src/picker/PickerField.tsx
-function x({ id: e, label: t, description: i, disabled: a, size: o, className: s, error: c, children: l }) {
-	let { controlId: u, labelId: d, descriptionId: f, errorId: m, describedBy: h } = n({
+function S({ id: e, label: t, description: n, disabled: a, size: o, className: s, error: c, children: l }) {
+	let { controlId: u, labelId: d, descriptionId: f, errorId: p, describedBy: h } = r({
 		id: e,
 		hasLabel: t != null,
-		hasDescription: !!i,
+		hasDescription: !!n,
 		hasError: !!c
 	});
-	return /* @__PURE__ */ p(r, {
+	return /* @__PURE__ */ m(i, {
 		label: t,
-		description: i,
+		description: n,
 		disabled: a,
 		size: o,
 		className: s,
@@ -27,39 +28,40 @@ function x({ id: e, label: t, description: i, disabled: a, size: o, className: s
 		controlId: u,
 		labelId: d,
 		descriptionId: f,
-		errorId: m,
+		errorId: p,
 		children: l({
 			controlId: u,
 			labelId: d,
 			descriptionId: f,
-			errorId: m,
+			errorId: p,
 			describedBy: h
 		})
 	});
 }
-var S = {
+var C = {
 	popupLayout: "DRJ4hy",
 	popupBody: "U4CULi",
 	status: "bupTWA",
 	statusError: "GkeyGF",
-	triggerContainer: "_8F667e"
+	triggerContainer: "_8F667e",
+	selectionActionButton: "OGMk6I"
 };
 //#endregion
 //#region src/picker/PickerPopup.tsx
-function C(e) {
+function w(e) {
 	e.stopPropagation();
 }
-function w({ open: e, context: t, floatingStyles: n, listId: r, labelId: a, descriptionId: o, activeOptionId: s, setFloating: c, getFloatingProps: l, onKeyDown: u, initialFocus: f = -1, returnFocus: h = !1, tabIndex: v = 0, className: x, maxWidth: w, layoutClassName: T, headerClassName: E, bodyClassName: D, header: O, children: k }) {
-	return /* @__PURE__ */ p(y, { children: e && /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(g, {
+function T({ open: e, context: t, floatingStyles: n, listId: r, labelId: i, popupAriaLabel: o, descriptionId: s, activeOptionId: c, ariaMultiselectable: l, popupRole: u = "listbox", setFloating: d, getFloatingProps: p, onKeyDown: g, initialFocus: y = -1, returnFocus: S = !1, tabIndex: T = 0, className: E, maxWidth: D, layoutClassName: O, headerClassName: k, bodyClassName: A, header: j, children: M }) {
+	return /* @__PURE__ */ m(b, { children: e && /* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(_, {
 		context: t,
 		modal: !1,
-		initialFocus: f,
-		returnFocus: h,
-		children: /* @__PURE__ */ p(b.div, {
-			ref: c,
+		initialFocus: y,
+		returnFocus: S,
+		children: /* @__PURE__ */ m(x.div, {
+			ref: d,
 			style: {
 				...n,
-				maxWidth: w
+				maxWidth: D
 			},
 			initial: {
 				opacity: 0,
@@ -73,77 +75,104 @@ function w({ open: e, context: t, floatingStyles: n, listId: r, labelId: a, desc
 				opacity: 0,
 				scale: .95
 			},
-			...l({
+			...p({
 				id: r,
-				tabIndex: v,
-				"aria-labelledby": a,
-				"aria-describedby": o,
-				"aria-activedescendant": s,
-				onMouseDown: C,
-				onKeyDown: u,
-				className: x
+				role: u,
+				tabIndex: T,
+				"aria-labelledby": i,
+				"aria-label": i ? void 0 : o,
+				"aria-describedby": s,
+				"aria-activedescendant": c,
+				"aria-multiselectable": l || void 0,
+				onMouseDown: w,
+				onKeyDown: g,
+				className: E
 			}),
-			children: /* @__PURE__ */ m("div", {
-				className: d(S.popupLayout, T),
-				children: [O ? /* @__PURE__ */ m("div", {
-					className: E,
-					children: [O, /* @__PURE__ */ p(i, { className: "marginBlockSm" })]
-				}) : /* @__PURE__ */ p("div", {}), /* @__PURE__ */ p("div", {
-					className: d(S.popupBody, D),
-					children: k
+			children: /* @__PURE__ */ h("div", {
+				className: f(C.popupLayout, O),
+				children: [j ? /* @__PURE__ */ h("div", {
+					className: k,
+					children: [j, /* @__PURE__ */ m(a, { className: "marginBlockSm" })]
+				}) : /* @__PURE__ */ m("div", {}), /* @__PURE__ */ m("div", {
+					className: f(C.popupBody, A),
+					children: M
 				})]
 			})
 		})
 	}) }) });
 }
 //#endregion
+//#region src/picker/PickerSelectionToolbar.tsx
+function E({ onSelectAll: e, onDeselectAll: n, selectAllButtonRef: r }) {
+	return /* @__PURE__ */ h(t.Container, {
+		gap: "xs",
+		templateColumns: "1fr 1fr",
+		children: [/* @__PURE__ */ m("button", {
+			ref: r,
+			type: "button",
+			className: C.selectionActionButton,
+			onClick: e,
+			"data-ui": "picker-select-all",
+			"data-action": "select-all",
+			children: "Выбрать все"
+		}), /* @__PURE__ */ m("button", {
+			type: "button",
+			className: C.selectionActionButton,
+			onClick: n,
+			"data-ui": "picker-deselect-all",
+			"data-action": "deselect-all",
+			children: "Снять выбор"
+		})]
+	});
+}
+//#endregion
 //#region src/picker/PickerStatus.tsx
-function T({ emptyState: t, loadingState: n, errorState: r }) {
+function D({ emptyState: t, loadingState: n, errorState: r }) {
 	let i = r ?? n ?? t;
-	return i == null ? null : /* @__PURE__ */ p("div", {
-		className: d(e.uiPopupOption, S.status, r !== void 0 && S.statusError),
+	return i == null ? null : /* @__PURE__ */ m("div", {
+		className: f(e.uiPopupOption, C.status, r !== void 0 && C.statusError),
 		"aria-disabled": !0,
 		children: i
 	});
 }
 //#endregion
 //#region src/picker/PickerTriggerActions.tsx
-function E({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleClick: a, openAriaLabel: o = "Открыть список", closeAriaLabel: s = "Закрыть список" }) {
-	return /* @__PURE__ */ m("div", {
+function O({ open: t, disabled: n, children: r, onToggleMouseDown: i, onToggleClick: a, openAriaLabel: o = "Открыть список", closeAriaLabel: s = "Закрыть список" }) {
+	return /* @__PURE__ */ h("div", {
 		className: e.uiToggleButtonContainer,
 		"data-disabled": n || void 0,
 		children: [
 			r,
-			/* @__PURE__ */ p("div", { className: e.uiButtonSeparator }),
-			/* @__PURE__ */ p("button", {
+			/* @__PURE__ */ m("div", { className: e.uiButtonSeparator }),
+			/* @__PURE__ */ m("button", {
 				type: "button",
 				"aria-label": t ? s : o,
 				className: e.uiToggleButton,
 				onMouseDown: i,
 				onClick: a,
-				children: /* @__PURE__ */ p(f, { className: d(e.uiToggleIcon, t && e.uiToggleIconOpen) })
+				children: /* @__PURE__ */ m(p, { className: f(e.uiToggleIcon, t && e.uiToggleIconOpen) })
 			})
 		]
 	});
 }
 //#endregion
 //#region src/picker/PickerTriggerInput.tsx
-var D = a(({ rootRef: n, endAdornment: r, overlay: i, rootClassName: a, inputClassName: o, ...s }, c) => /* @__PURE__ */ m("div", {
-	ref: n,
-	className: d(e.uiInputContainer, S.triggerContainer, a),
-	children: [/* @__PURE__ */ p(t, {
+var k = o(({ rootRef: t, endAdornment: r, overlay: i, rootClassName: a, inputClassName: o, ...s }, c) => /* @__PURE__ */ h("div", {
+	ref: t,
+	className: f(e.uiInputContainer, C.triggerContainer, a),
+	children: [/* @__PURE__ */ m(n, {
 		endAdornment: r,
-		children: ({ controlClassName: t }) => /* @__PURE__ */ p("input", {
+		children: ({ controlClassName: t }) => /* @__PURE__ */ m("input", {
 			...s,
 			ref: c,
-			className: d(e.uiInputWithToggle, t, o)
+			className: f(e.uiInputWithToggle, t, o)
 		})
 	}), i]
 }));
-D.displayName = "PickerTriggerInput";
+k.displayName = "PickerTriggerInput";
 //#endregion
 //#region src/picker/model/createPickerTriggerPolicy.ts
-function O(e) {
+function A(e) {
 	switch (e) {
 		case "search-single": return {
 			focusFloatingOnOpen: !1,
@@ -176,21 +205,21 @@ function O(e) {
 }
 //#endregion
 //#region src/picker/model/extractPickerTextContent.ts
-function k(e) {
+function j(e) {
 	if (typeof e == "string" || typeof e == "number") return String(e);
 	if (Array.isArray(e)) {
-		let t = e.map(k).filter((e) => !!e);
+		let t = e.map(j).filter((e) => !!e);
 		return t.length ? t.join(" ") : void 0;
 	}
 }
 //#endregion
 //#region src/picker/model/usePickerDefaultFilter.ts
-function A(e) {
-	return h((Array.isArray(e) ? e : [e]).filter(Boolean).join(" "));
+function M(e) {
+	return g((Array.isArray(e) ? e : [e]).filter(Boolean).join(" "));
 }
-function j({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
-	let i = h(t);
-	return c(() => !n || !i ? [...e] : e.filter((e) => A(r(e)).includes(i)), [
+function N({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
+	let i = g(t);
+	return l(() => !n || !i ? [...e] : e.filter((e) => M(r(e)).includes(i)), [
 		n,
 		r,
 		i,
@@ -199,9 +228,9 @@ function j({ options: e, query: t, enabled: n = !0, getSearchText: r }) {
 }
 //#endregion
 //#region src/picker/model/usePickerFloatingListbox.ts
-function M(e) {
-	let t = e.triggerMode ? O(e.triggerMode) : void 0;
-	return v({
+function P(e) {
+	let t = e.triggerMode ? A(e.triggerMode) : void 0;
+	return y({
 		...e,
 		focusFloatingOnOpen: e.focusFloatingOnOpen ?? t?.focusFloatingOnOpen,
 		restoreFocusOnClose: e.restoreFocusOnClose ?? t?.restoreFocusOnClose
@@ -209,18 +238,18 @@ function M(e) {
 }
 //#endregion
 //#region src/picker/model/usePickerQuery.ts
-function N({ open: e, query: t, defaultQuery: n, onQuery: r, resetOnClose: i, triggerMode: a }) {
-	let c = l(!1), d = t !== void 0, [f, p] = u(n ?? ""), m = d ? t ?? "" : f, h = s(() => p("")), g = i ?? (a ? O(a).resetQueryOnClose : !0);
-	o(() => {
-		c.current && !e && g && (d || h(), r?.("")), c.current = e;
+function F({ open: e, query: t, defaultQuery: n, onQuery: r, resetOnClose: i, triggerMode: a }) {
+	let o = u(!1), l = t !== void 0, [f, p] = d(n ?? ""), m = l ? t ?? "" : f, h = c(() => p("")), g = i ?? (a ? A(a).resetQueryOnClose : !0);
+	s(() => {
+		o.current && !e && g && (l || h(), r?.("")), o.current = e;
 	}, [
-		d,
+		l,
 		r,
 		e,
 		g
 	]);
 	let _ = (e) => {
-		d || p(e), r?.(e);
+		l || p(e), r?.(e);
 	};
 	return {
 		query: m,
@@ -230,21 +259,21 @@ function N({ open: e, query: t, defaultQuery: n, onQuery: r, resetOnClose: i, tr
 }
 //#endregion
 //#region src/picker/model/usePickerSelectionLifecycle.ts
-function P({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }) {
-	let c = l(!1), [d, f] = u(e), p = s((e) => f(e));
-	return o(() => {
+function I({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }) {
+	let o = u(!1), [l, f] = d(e), p = c((e) => f(e));
+	return s(() => {
 		t || p(e);
-	}, [t, e]), o(() => {
-		c.current && !t && (a(d, e) || n(d), i?.(d)), c.current = t;
+	}, [t, e]), s(() => {
+		o.current && !t && (a(l, e) || n(l), i?.(l)), o.current = t;
 	}, [
-		d,
+		l,
 		a,
 		i,
 		n,
 		t,
 		e
 	]), {
-		draftValue: d,
+		draftValue: l,
 		setDraftValue: f,
 		prepareOpen: () => {
 			f(e), r?.();
@@ -253,13 +282,13 @@ function P({ value: e, open: t, onCommit: n, onOpen: r, onClose: i, isEqual: a }
 }
 //#endregion
 //#region src/picker/model/usePickerTriggerController.ts
-function F(e) {
+function L(e) {
 	requestAnimationFrame(() => {
 		e.current?.focus();
 	});
 }
-function I({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i, setQuery: a, openList: o, close: s, toggleOpen: c, onBeforeOpen: l }) {
-	let u = O(e), d = () => {
+function R({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i, setQuery: a, openList: o, close: s, toggleOpen: c, onBeforeOpen: l }) {
+	let u = A(e), d = () => {
 		if (l?.(), o) {
 			o();
 			return;
@@ -272,7 +301,7 @@ function I({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i,
 		}
 		c?.();
 	}, p = () => {
-		t ? f() : d(), u.shouldFocusReferenceOnToggle(t) && F(i);
+		t ? f() : d(), u.shouldFocusReferenceOnToggle(t) && L(i);
 	};
 	return {
 		policy: u,
@@ -316,6 +345,6 @@ function I({ mode: e, open: t, currentQuery: n, hasDisplayValue: r, inputRef: i,
 	};
 }
 //#endregion
-export { j as a, D as c, w as d, x as f, M as i, E as l, P as n, k as o, N as r, O as s, I as t, T as u };
+export { N as a, k as c, E as d, T as f, P as i, O as l, I as n, j as o, S as p, F as r, A as s, R as t, D as u };
 
-//# sourceMappingURL=picker-DTZk09Ag.js.map
+//# sourceMappingURL=picker-BAQ9NeHe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"picker-BAQ9NeHe.js","names":[],"sources":["../../src/picker/PickerField.tsx","../../src/picker/Picker.module.scss","../../src/picker/PickerPopup.tsx","../../src/picker/PickerSelectionToolbar.tsx","../../src/picker/PickerStatus.tsx","../../src/picker/PickerTriggerActions.tsx","../../src/picker/PickerTriggerInput.tsx","../../src/picker/model/createPickerTriggerPolicy.ts","../../src/picker/model/extractPickerTextContent.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",".popupLayout {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr;\n\tmin-height: 0;\n\tmax-height: 75vh;\n\toverflow: hidden;\n\n\tflex: 1 1 auto;\n}\n\n.popupBody {\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(--status-error-text);\n}\n\n.triggerContainer {\n\tposition: relative;\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 CSSProperties, type KeyboardEvent, type MouseEvent, type ReactNode } from \"react\";\n\nimport { FloatingContext, FloatingFocusManager, FloatingPortal } from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { AnimatePresence, motion } from \"motion/react\";\n\nimport { Separator } from \"../separator\";\n\nimport styles from \"./Picker.module.scss\";\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\" | \"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\theaderClassName?: string;\n\tbodyClassName?: string;\n\theader?: ReactNode;\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\theaderClassName,\n\tbodyClassName,\n\theader,\n\tchildren\n}: PickerPopupProps) {\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{open && (\n\t\t\t\t<FloatingPortal>\n\t\t\t\t\t<FloatingFocusManager context={context} modal={false} initialFocus={initialFocus} returnFocus={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\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\t{...getFloatingProps({\n\t\t\t\t\t\t\t\tid: listId,\n\t\t\t\t\t\t\t\trole: popupRole,\n\t\t\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\t\t\t\"aria-labelledby\": labelId,\n\t\t\t\t\t\t\t\t\"aria-label\": labelId ? undefined : popupAriaLabel,\n\t\t\t\t\t\t\t\t\"aria-describedby\": descriptionId,\n\t\t\t\t\t\t\t\t\"aria-activedescendant\": activeOptionId,\n\t\t\t\t\t\t\t\t\"aria-multiselectable\": ariaMultiselectable || undefined,\n\t\t\t\t\t\t\t\tonMouseDown: stopNestedFloatingMouseDown,\n\t\t\t\t\t\t\t\tonKeyDown,\n\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t<div className={cn(styles.popupLayout, layoutClassName)}>\n\t\t\t\t\t\t\t\t{header ? (\n\t\t\t\t\t\t\t\t\t<div className={headerClassName}>\n\t\t\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t\t\t\t<Separator className=\"marginBlockSm\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div className={cn(styles.popupBody, bodyClassName)}>{children}</div>\n\t\t\t\t\t\t\t</div>\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 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 { 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\tloadingState?: ReactNode;\n\terrorState?: ReactNode;\n}\n\nexport function PickerStatus({ emptyState, loadingState, errorState }: PickerStatusProps) {\n\tconst content = errorState ?? loadingState ?? 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 { MouseEvent, 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}\n\nexport function PickerTriggerActions({\n\topen,\n\tdisabled,\n\tchildren,\n\tonToggleMouseDown,\n\tonToggleClick,\n\topenAriaLabel = \"Открыть список\",\n\tcloseAriaLabel = \"Закрыть список\"\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\ttype=\"button\"\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 { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { InputControl } from \"../input\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface 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}\n\nexport const PickerTriggerInput = forwardRef<HTMLInputElement, PickerTriggerInputProps>(\n\t({ rootRef, endAdornment, overlay, rootClassName, inputClassName, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={rootRef} className={cn(uiStyles.uiInputContainer, styles.triggerContainer, rootClassName)}>\n\t\t\t\t<InputControl endAdornment={endAdornment}>\n\t\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t\t<input {...props} ref={ref} className={cn(uiStyles.uiInputWithToggle, controlClassName, inputClassName)} />\n\t\t\t\t\t)}\n\t\t\t\t</InputControl>\n\t\t\t\t{overlay}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nPickerTriggerInput.displayName = \"PickerTriggerInput\";\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 { 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.map(extractPickerTextContent).filter((value): value is string => Boolean(value));\n\t\treturn values.length ? values.join(\" \") : undefined;\n\t}\n\n\treturn undefined;\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 { useEffect, useEffectEvent, useRef, useState } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerQueryOptions {\n\topen: boolean;\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tresetOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n}\n\nexport function usePickerQuery({ open, query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions) {\n\tconst previousOpenRef = useRef(false);\n\tconst isControlled = query !== undefined;\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery ?? \"\");\n\tconst currentQuery = isControlled ? (query ?? \"\") : internalQuery;\n\tconst syncResetInternalQuery = useEffectEvent(() => setInternalQuery(\"\"));\n\tconst resolvedResetOnClose = resetOnClose ?? (triggerMode ? createPickerTriggerPolicy(triggerMode).resetQueryOnClose : true);\n\n\tuseEffect(() => {\n\t\tif (previousOpenRef.current && !open && resolvedResetOnClose) {\n\t\t\tif (!isControlled) {\n\t\t\t\tsyncResetInternalQuery();\n\t\t\t}\n\n\t\t\tonQuery?.(\"\");\n\t\t}\n\n\t\tpreviousOpenRef.current = open;\n\t}, [isControlled, onQuery, open, resolvedResetOnClose]);\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};\n}\n","import { useEffect, useEffectEvent, 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\tconst syncDraftValue = useEffectEvent((value: TValue) => setDraftValue(value));\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\tsyncDraftValue(value);\n\t\t}\n\t}, [open, 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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"}

package/dist/chunks/{select-Bd48kVI3.js → select-DKbSVCp4.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./ui.module-BisoTevy.js";
 import { c as t } from "./input-BCJfUdK_.js";
-import { a as n, c as r, d as i, f as a, i as o, l as s, o as c, r as l, t as u, u as d } from "./picker-DTZk09Ag.js";
+import { a as n, c as r, f as i, i as a, l as o, o as s, p as c, r as l, t as u, u as d } from "./picker-BAQ9NeHe.js";
 import { t as f } from "./SelectOptionContent-CI7wq9Oi.js";
 import { n as p } from "./useODataSelectBase-wZ07hQFv.js";
 import { Fragment as m, useCallback as h, useMemo as g, useRef as ee, useState as te } from "react";
@@ -11,9 +11,9 @@ import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/select/lib/getOptionSearchText.ts
 function ie({ option: e, getOptionLabel: t, getOptionCode: n, getOptionGroup: r }) {
 	return [
-		c(t(e)),
-		c(n?.(e)),
-		c(r?.(e)?.label)
+		s(t(e)),
+		s(n?.(e)),
+		s(r?.(e)?.label)
 	].filter((e) => !!e).join(" ").toLowerCase();
 }
 function S(e, t, n) {
@@ -87,7 +87,7 @@ function T(t) {
 		query: U,
 		enabled: F && pe,
 		getSearchText: Ce
-	}), K = g(() => M ? ae(G, M) : void 0, [M, G]), { activeIndex: we, context: Te, floatingStyles: Ee, getFloatingProps: De, setReference: Oe, setFloating: ke, setOptionRef: Ae, close: q, openList: je, toggleOpen: Me, selectOption: Ne, selectActiveOption: Pe, handleReferenceKeyDown: Fe, handleFloatingKeyDown: Ie, getOptionId: Le, getActiveOptionId: J } = o({
+	}), K = g(() => M ? ae(G, M) : void 0, [M, G]), { activeIndex: we, context: Te, floatingStyles: Ee, getFloatingProps: De, setReference: Oe, setFloating: ke, setOptionRef: Ae, close: q, openList: je, toggleOpen: Me, selectOption: Ne, selectActiveOption: Pe, handleReferenceKeyDown: Fe, handleFloatingKeyDown: Ie, getOptionId: Le, getActiveOptionId: J } = a({
 		options: G,
 		selectedIndex: V === void 0 ? -1 : G.findIndex((e) => O(e) === V),
 		open: z,
@@ -97,7 +97,7 @@ function T(t) {
 		disabled: _,
 		placement: xe,
 		triggerMode: B
-	}), Y = G.length > 0, X = H === void 0 ? void 0 : k(H), Z = H === void 0 ? void 0 : P ? P(H) : X, Re = c(X), ze = H === void 0 ? void 0 : c(A?.(H)), Be = c(Z) ?? Re ?? ze ?? (V === void 0 ? "" : String(V)), Q = F && (z || U.length > 0), Ve = Q ? U : H === void 0 ? "" : Be, He = H !== void 0 && Z !== void 0 && c(Z) === void 0 && !Q, $ = u({
+	}), Y = G.length > 0, X = H === void 0 ? void 0 : k(H), Z = H === void 0 ? void 0 : P ? P(H) : X, Re = s(X), ze = H === void 0 ? void 0 : s(A?.(H)), Be = s(Z) ?? Re ?? ze ?? (V === void 0 ? "" : String(V)), Q = F && (z || U.length > 0), Ve = Q ? U : H === void 0 ? "" : Be, He = H !== void 0 && Z !== void 0 && s(Z) === void 0 && !Q, $ = u({
 		mode: B,
 		open: z,
 		currentQuery: U,
@@ -139,7 +139,7 @@ function T(t) {
 			] })
 		}, i);
 	};
-	return /* @__PURE__ */ b(a, {
+	return /* @__PURE__ */ b(c, {
 		label: f,
 		description: p,
 		disabled: _,
@@ -147,7 +147,7 @@ function T(t) {
 		size: C,
 		className: ce,
 		children: ({ controlId: t, labelId: n, describedBy: a }) => {
-			let o = `${t}-listbox`;
+			let s = `${t}-listbox`;
 			return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(r, {
 				ref: Ue,
 				rootRef: Oe,
@@ -163,15 +163,15 @@ function T(t) {
 				"aria-describedby": a,
 				"aria-haspopup": "listbox",
 				"aria-expanded": z,
-				"aria-controls": z ? o : void 0,
+				"aria-controls": z ? s : void 0,
 				"aria-autocomplete": F ? "list" : "none",
-				"aria-activedescendant": z ? J(o) : void 0,
+				"aria-activedescendant": z ? J(s) : void 0,
 				inputClassName: v(He && w.inputWithOverlay, le, "textOverflow"),
 				overlay: He ? /* @__PURE__ */ b("div", {
 					className: w.valueOverlay,
 					children: Z
 				}) : void 0,
-				endAdornment: /* @__PURE__ */ b(s, {
+				endAdornment: /* @__PURE__ */ b(o, {
 					open: z,
 					disabled: _,
 					onToggleMouseDown: $.handleToggleMouseDown,
@@ -209,10 +209,10 @@ function T(t) {
 				open: z,
 				context: Te,
 				floatingStyles: Ee,
-				listId: o,
+				listId: s,
 				labelId: n,
 				descriptionId: a,
-				activeOptionId: Y ? J(o) : void 0,
+				activeOptionId: Y ? J(s) : void 0,
 				setFloating: ke,
 				getFloatingProps: De,
 				onKeyDown: Ie,
@@ -222,7 +222,7 @@ function T(t) {
 				children: /* @__PURE__ */ b("div", {
 					className: v(fe, "h100 scrollable"),
 					children: Y ? K ? K.map((t, n) => {
-						let r = t.group ? `${o}-group-${n}` : void 0, i = t.items.map(({ option: e, index: t }) => Ge(o, e, t));
+						let r = t.group ? `${s}-group-${n}` : void 0, i = t.items.map(({ option: e, index: t }) => Ge(s, e, t));
 						return t.group ? /* @__PURE__ */ x("div", {
 							role: "group",
 							"aria-labelledby": r,
@@ -232,7 +232,7 @@ function T(t) {
 								children: t.group.label
 							}), i]
 						}, `group-${String(t.group.key)}-${n}`) : /* @__PURE__ */ b(m, { children: i }, `options-${n}`);
-					}) : G.map((e, t) => Ge(o, e, t)) : /* @__PURE__ */ b(d, {
+					}) : G.map((e, t) => Ge(s, e, t)) : /* @__PURE__ */ b(d, {
 						emptyState: ve,
 						loadingState: ye,
 						errorState: be
@@ -325,4 +325,4 @@ function A({ label: e, description: t, disabled: n, placeholder: r, size: i, opt
 //#endregion
 export { S as i, D as n, T as r, A as t };
 
-//# sourceMappingURL=select-Bd48kVI3.js.map
+//# sourceMappingURL=select-DKbSVCp4.js.map