@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.2

package/dist/chunks/{Listbox-B6F_IKQv.js.map → Listbox-BZlp5qHz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Listbox-B6F_IKQv.js","names":[],"sources":["../../src/listbox/Listbox.tsx"],"sourcesContent":["import { HTMLAttributes, JSX, KeyboardEvent, ReactNode, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n\tcn,\n\tfindFirstEnabledIndex,\n\tfindLastEnabledIndex,\n\tfindNextEnabledIndex,\n\thandleKeyboardActivation\n} from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ntype ListboxOption<T> = {\n\tvalue: T;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\ninterface ListboxBaseProps<T> extends Omit<HTMLAttributes<HTMLUListElement>, \"onChange\" | \"defaultValue\" | \"value\"> {\n\toptions: ListboxOption<T>[];\n\tfocusOnMount?: boolean;\n\trenderItem?: (option: ListboxOption<T>, selected: boolean, active: boolean) => ReactNode;\n\tgetKey?: (option: ListboxOption<T>, index: number) => string;\n}\n\n// Вариант для single-select\ninterface ListboxSingleProps<T> extends ListboxBaseProps<T> {\n\tmultiple?: false;\n\tvalue?: T;\n\tdefaultValue?: T;\n\tonChange?: (value: T, option: ListboxOption<T>) => void;\n}\n\n// Вариант для multi-select\ninterface ListboxMultiProps<T> extends ListboxBaseProps<T> {\n\tmultiple: true;\n\tvalue?: T[];\n\tdefaultValue?: T[];\n\tonChange?: (value: T[], option: ListboxOption<T>) => void;\n}\n\ntype ListboxProps<T> = ListboxSingleProps<T> | ListboxMultiProps<T>;\n\nconst isOptionDisabled = <T,>(option: ListboxOption<T>) => option.disabled === true;\n\nfunction getInitialFocusIndex<T>(options: ListboxOption<T>[], value: T | T[] | undefined, multiple: boolean | undefined) {\n\tif (multiple) {\n\t\tif (Array.isArray(value) && value.length > 0) {\n\t\t\tconst selectedIndex = options.findIndex((option) => value.includes(option.value) && !option.disabled);\n\t\t\tif (selectedIndex >= 0) {\n\t\t\t\treturn selectedIndex;\n\t\t\t}\n\t\t}\n\n\t\treturn findFirstEnabledIndex(options, isOptionDisabled);\n\t}\n\n\tif (value !== undefined) {\n\t\tconst selectedIndex = options.findIndex((option) => option.value === value && !option.disabled);\n\t\tif (selectedIndex >= 0) {\n\t\t\treturn selectedIndex;\n\t\t}\n\t}\n\n\treturn findFirstEnabledIndex(options, isOptionDisabled);\n}\n\n/**\n * Компонент выбора одного или нескольких элементов из списка. Поддерживает controlled API, поиск по данным и рендер кастомных опций.\n */\nexport function Listbox<T>(props: ListboxSingleProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxMultiProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxProps<T>): JSX.Element {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { value, defaultValue, multiple, focusOnMount, renderItem, getKey, options, onChange, id: externalId, ...rest } = props;\n\n\tconst isControlled = value !== undefined;\n\tconst autoId = useId();\n\tconst listId = externalId ?? `${autoId}-listbox`;\n\tconst [internalValue, setInternalValue] = useState<T | T[] | undefined>(defaultValue);\n\tconst listRef = useRef<HTMLUListElement>(null);\n\tconst [focusedIndex, setFocusedIndex] = useState(() => getInitialFocusIndex(options, value ?? defaultValue, multiple));\n\t// const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);\n\n\tconst selectedValues = useMemo(\n\t\t() => (isControlled ? value : internalValue) ?? (multiple ? [] : null),\n\t\t[internalValue, isControlled, multiple, value]\n\t);\n\tconst activeIndex = /*hoveredIndex ??*/ focusedIndex;\n\n\tconst handleSelect = (option: ListboxOption<T>) => {\n\t\tif (option.disabled) return;\n\n\t\tlet newValue: T | T[];\n\t\tif (props.multiple) {\n\t\t\tconst arr = Array.isArray(selectedValues) ? selectedValues : [];\n\t\t\tnewValue = arr.includes(option.value) ? arr.filter((v) => v !== option.value) : [...arr, option.value];\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t} else {\n\t\t\tnewValue = option.value;\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t}\n\n\t\tif (!isControlled) setInternalValue(newValue);\n\t};\n\n\tconst handleKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n\t\tif (e.key === \"ArrowDown\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, 1, isOptionDisabled));\n\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, -1, isOptionDisabled));\n\t\t} else if (e.key === \"Home\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findFirstEnabledIndex(options, isOptionDisabled));\n\t\t} else if (e.key === \"End\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findLastEnabledIndex(options, isOptionDisabled));\n\t\t} else if (\n\t\t\thandleKeyboardActivation(e, () => {\n\t\t\t\tconst activeOption = options[activeIndex];\n\t\t\t\tif (activeOption) {\n\t\t\t\t\thandleSelect(activeOption);\n\t\t\t\t}\n\t\t\t})\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst el = listRef.current?.querySelectorAll<HTMLElement>('[role=\"option\"]')[activeIndex];\n\t\tif (el) el.scrollIntoView({ block: \"nearest\" });\n\t}, [activeIndex]);\n\n\tuseLayoutEffect(() => {\n\t\tif (focusOnMount) {\n\t\t\tlistRef.current?.focus();\n\t\t}\n\t}, [focusOnMount]);\n\n\treturn (\n\t\t<ul\n\t\t\tref={listRef}\n\t\t\tid={listId}\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable={multiple || undefined}\n\t\t\taria-activedescendant={activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined}\n\t\t\ttabIndex={0}\n\t\t\t// onMouseLeave={() => setHoveredIndex(null)}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\t{...rest}\n\t\t\tclassName={cn(uiStyles.uiPanel, \"scrollable\")}>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst selected = multiple\n\t\t\t\t\t? Array.isArray(selectedValues) && selectedValues.includes(option.value)\n\t\t\t\t\t: selectedValues === option.value;\n\t\t\t\tconst active = index === activeIndex;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tkey={getKey ? getKey(option, index) : index}\n\t\t\t\t\t\tid={`${listId}-option-${index}`}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\taria-disabled={option.disabled || undefined}\n\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\te.preventDefault(); // чтобы не сбрасывался фокус listbox\n\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetFocusedIndex(index);\n\t\t\t\t\t\t\t// setHoveredIndex(index);\n\t\t\t\t\t\t\thandleSelect(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t// onMouseEnter={() => setHoveredIndex(index)}\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tuiStyles.uiPopupOption,\n\t\t\t\t\t\t\toption.disabled && uiStyles.disabled,\n\t\t\t\t\t\t\tactive && uiStyles.uiPopupOptionActive,\n\t\t\t\t\t\t\tselected && uiStyles.selected\n\t\t\t\t\t\t)}>\n\t\t\t\t\t\t{selected ? (\n\t\t\t\t\t\t\t<CheckIcon className={uiStyles.uiPopupOptionIcon} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className={uiStyles.uiPopupOptionIcon}></span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div /*className={uiStyles.uiOptionText}*/>\n\t\t\t\t\t\t\t{renderItem ? renderItem(option, selected, active) : (option.label ?? String(option.value))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ul>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"Listbox-BZlp5qHz.js","names":[],"sources":["../../src/listbox/Listbox.tsx"],"sourcesContent":["import { HTMLAttributes, JSX, KeyboardEvent, ReactNode, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n\tcn,\n\tfindFirstEnabledIndex,\n\tfindLastEnabledIndex,\n\tfindNextEnabledIndex,\n\thandleKeyboardActivation\n} from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ntype ListboxOption<T> = {\n\tvalue: T;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\ninterface ListboxBaseProps<T> extends Omit<HTMLAttributes<HTMLUListElement>, \"onChange\" | \"defaultValue\" | \"value\"> {\n\toptions: ListboxOption<T>[];\n\tfocusOnMount?: boolean;\n\trenderItem?: (option: ListboxOption<T>, selected: boolean, active: boolean) => ReactNode;\n\tgetKey?: (option: ListboxOption<T>, index: number) => string;\n}\n\n// Вариант для single-select\ninterface ListboxSingleProps<T> extends ListboxBaseProps<T> {\n\tmultiple?: false;\n\tvalue?: T;\n\tdefaultValue?: T;\n\tonChange?: (value: T, option: ListboxOption<T>) => void;\n}\n\n// Вариант для multi-select\ninterface ListboxMultiProps<T> extends ListboxBaseProps<T> {\n\tmultiple: true;\n\tvalue?: T[];\n\tdefaultValue?: T[];\n\tonChange?: (value: T[], option: ListboxOption<T>) => void;\n}\n\ntype ListboxProps<T> = ListboxSingleProps<T> | ListboxMultiProps<T>;\n\nconst isOptionDisabled = <T,>(option: ListboxOption<T>) => option.disabled === true;\n\nfunction getInitialFocusIndex<T>(options: ListboxOption<T>[], value: T | T[] | undefined, multiple: boolean | undefined) {\n\tif (multiple) {\n\t\tif (Array.isArray(value) && value.length > 0) {\n\t\t\tconst selectedIndex = options.findIndex((option) => value.includes(option.value) && !option.disabled);\n\t\t\tif (selectedIndex >= 0) {\n\t\t\t\treturn selectedIndex;\n\t\t\t}\n\t\t}\n\n\t\treturn findFirstEnabledIndex(options, isOptionDisabled);\n\t}\n\n\tif (value !== undefined) {\n\t\tconst selectedIndex = options.findIndex((option) => option.value === value && !option.disabled);\n\t\tif (selectedIndex >= 0) {\n\t\t\treturn selectedIndex;\n\t\t}\n\t}\n\n\treturn findFirstEnabledIndex(options, isOptionDisabled);\n}\n\n/**\n * Компонент выбора одного или нескольких элементов из списка. Поддерживает controlled API, поиск по данным и рендер кастомных опций.\n */\nexport function Listbox<T>(props: ListboxSingleProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxMultiProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxProps<T>): JSX.Element {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { value, defaultValue, multiple, focusOnMount, renderItem, getKey, options, onChange, id: externalId, ...rest } = props;\n\n\tconst isControlled = value !== undefined;\n\tconst autoId = useId();\n\tconst listId = externalId ?? `${autoId}-listbox`;\n\tconst [internalValue, setInternalValue] = useState<T | T[] | undefined>(defaultValue);\n\tconst listRef = useRef<HTMLUListElement>(null);\n\tconst [focusedIndex, setFocusedIndex] = useState(() => getInitialFocusIndex(options, value ?? defaultValue, multiple));\n\t// const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);\n\n\tconst selectedValues = useMemo(\n\t\t() => (isControlled ? value : internalValue) ?? (multiple ? [] : null),\n\t\t[internalValue, isControlled, multiple, value]\n\t);\n\tconst activeIndex = /*hoveredIndex ??*/ focusedIndex;\n\n\tconst handleSelect = (option: ListboxOption<T>) => {\n\t\tif (option.disabled) return;\n\n\t\tlet newValue: T | T[];\n\t\tif (props.multiple) {\n\t\t\tconst arr = Array.isArray(selectedValues) ? selectedValues : [];\n\t\t\tnewValue = arr.includes(option.value) ? arr.filter((v) => v !== option.value) : [...arr, option.value];\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t} else {\n\t\t\tnewValue = option.value;\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t}\n\n\t\tif (!isControlled) setInternalValue(newValue);\n\t};\n\n\tconst handleKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n\t\tif (e.key === \"ArrowDown\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, 1, isOptionDisabled));\n\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, -1, isOptionDisabled));\n\t\t} else if (e.key === \"Home\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findFirstEnabledIndex(options, isOptionDisabled));\n\t\t} else if (e.key === \"End\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findLastEnabledIndex(options, isOptionDisabled));\n\t\t} else if (\n\t\t\thandleKeyboardActivation(e, () => {\n\t\t\t\tconst activeOption = options[activeIndex];\n\t\t\t\tif (activeOption) {\n\t\t\t\t\thandleSelect(activeOption);\n\t\t\t\t}\n\t\t\t})\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst el = listRef.current?.querySelectorAll<HTMLElement>('[role=\"option\"]')[activeIndex];\n\t\tif (el) el.scrollIntoView({ block: \"nearest\" });\n\t}, [activeIndex]);\n\n\tuseLayoutEffect(() => {\n\t\tif (focusOnMount) {\n\t\t\tlistRef.current?.focus();\n\t\t}\n\t}, [focusOnMount]);\n\n\treturn (\n\t\t<ul\n\t\t\tref={listRef}\n\t\t\tid={listId}\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable={multiple || undefined}\n\t\t\taria-activedescendant={activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined}\n\t\t\ttabIndex={0}\n\t\t\t// onMouseLeave={() => setHoveredIndex(null)}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\t{...rest}\n\t\t\tclassName={cn(uiStyles.uiPanel, \"scrollable\")}>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst selected = multiple\n\t\t\t\t\t? Array.isArray(selectedValues) && selectedValues.includes(option.value)\n\t\t\t\t\t: selectedValues === option.value;\n\t\t\t\tconst active = index === activeIndex;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tkey={getKey ? getKey(option, index) : index}\n\t\t\t\t\t\tid={`${listId}-option-${index}`}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\taria-disabled={option.disabled || undefined}\n\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\te.preventDefault(); // чтобы не сбрасывался фокус listbox\n\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetFocusedIndex(index);\n\t\t\t\t\t\t\t// setHoveredIndex(index);\n\t\t\t\t\t\t\thandleSelect(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t// onMouseEnter={() => setHoveredIndex(index)}\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tuiStyles.uiPopupOption,\n\t\t\t\t\t\t\toption.disabled && uiStyles.disabled,\n\t\t\t\t\t\t\tactive && uiStyles.uiPopupOptionActive,\n\t\t\t\t\t\t\tselected && uiStyles.selected\n\t\t\t\t\t\t)}>\n\t\t\t\t\t\t{selected ? (\n\t\t\t\t\t\t\t<CheckIcon className={uiStyles.uiPopupOptionIcon} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className={uiStyles.uiPopupOptionIcon}></span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div /*className={uiStyles.uiOptionText}*/>\n\t\t\t\t\t\t\t{renderItem ? renderItem(option, selected, active) : (option.label ?? String(option.value))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ul>\n\t);\n}\n"],"mappings":"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"}

package/dist/chunks/{MultiSelect-CUXA8gx-.js → MultiSelect-D1XYuwH1.js}

@@ -1,23 +1,23 @@
 import { Text as e } from "../text/index.js";
 import { t } from "./ui.module-BisoTevy.js";
 import { t as n } from "./Grid-ByIIytjh.js";
-import { t as r } from "./CheckBox-CulnjNvJ.js";
-import { a as i, c as a, d as o, f as s, i as ee, l as te, n as ne, r as c, t as re, u as l } from "./picker-gIUs0nE_.js";
-import { t as u } from "./separator-CIqnk2z9.js";
-import { t as d } from "./SelectOptionContent-CI7wq9Oi.js";
-import { cn as f } from "@ryuzaki13/react-foundation-lib/utils";
-import { XIcon as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { forwardRef as _, useCallback as ie, useMemo as v, useRef as ae, useState as oe } from "react";
+import { t as r } from "./CheckBox-BowNqqd3.js";
+import { a as i, c as a, d as o, f as s, i as c, l, n as ee, r as u, t as d, u as f } from "./picker-Dg55Ss-B.js";
+import { t as p } from "./separator-B72Aq-6a.js";
+import { t as m } from "./SelectOptionContent-CI7wq9Oi.js";
+import { forwardRef as h, useCallback as g, useMemo as _, useRef as te, useState as ne } from "react";
+import { cn as re } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as ie } from "lucide-react";
+import { Fragment as ae, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/multi-select/ui/MultiSelectOption.tsx
-function y({ item: e, textKey: t, codeKey: n, highlight: r }) {
-	return /* @__PURE__ */ h(d, {
+function b({ item: e, textKey: t, codeKey: n, highlight: r }) {
+	return /* @__PURE__ */ v(m, {
 		label: e[t],
 		code: n && e[n],
 		highlight: r
 	});
 }
-var b = {
+var x = {
 	multiSelect: "_9oSdQi",
 	multiSelectTokens: "iobHig",
 	multiSelectToken: "yatXso",
@@ -25,20 +25,20 @@ var b = {
 };
 //#endregion
 //#region src/multi-select/ui/MultiSelectOptionsToolbar.tsx
-function x({ onSelectAll: e, onDeselectAll: t }) {
-	return /* @__PURE__ */ g(n.Container, {
+function S({ onSelectAll: e, onDeselectAll: t }) {
+	return /* @__PURE__ */ y(n.Container, {
 		gap: "xs",
 		templateColumns: "1fr 1fr",
-		children: [/* @__PURE__ */ h("button", {
+		children: [/* @__PURE__ */ v("button", {
 			type: "button",
-			className: b.selectAllButton,
+			className: x.selectAllButton,
 			onClick: e,
 			"data-ui": "multi-select-select-all",
 			"data-action": "select-all",
 			children: "Выбрать все"
-		}), /* @__PURE__ */ h("button", {
+		}), /* @__PURE__ */ v("button", {
 			type: "button",
-			className: b.selectAllButton,
+			className: x.selectAllButton,
 			onClick: t,
 			"data-ui": "multi-select-deselect-all",
 			"data-action": "deselect-all",
@@ -48,56 +48,56 @@ function x({ onSelectAll: e, onDeselectAll: t }) {
 }
 //#endregion
 //#region src/multi-select/ui/MultiSelectToken.tsx
-function S({ value: e }) {
-	return e ? /* @__PURE__ */ h("div", {
-		className: b.multiSelectTokens,
-		children: /* @__PURE__ */ h("div", {
-			className: b.multiSelectToken,
+function C({ value: e }) {
+	return e ? /* @__PURE__ */ v("div", {
+		className: x.multiSelectTokens,
+		children: /* @__PURE__ */ v("div", {
+			className: x.multiSelectToken,
 			children: e
 		})
 	}) : null;
 }
 //#endregion
 //#region src/multi-select/ui/defaultRenderers.tsx
-function C(e, t, n) {
+function w(e, t, n) {
 	if (n) return n;
 	let r = e[0];
 	return r ? Object.keys(r).find((e) => e !== t) ?? t : t;
 }
-function se(e, t, n) {
+function oe(e, t, n) {
 	if (e.length === 0) return;
 	if (e.length > 1) return `${e.length} элемент${e.length > 5 ? "ов" : "а"})`;
-	let r = C(e, t, n);
+	let r = w(e, t, n);
 	return e[0]?.[r] ?? e[0]?.[t];
 }
-function ce(e) {
+function se(e) {
 	return function(t) {
-		return /* @__PURE__ */ h(S, { value: se(t.selectedItems, e.codeKey, e.textKey) });
+		return /* @__PURE__ */ v(C, { value: oe(t.selectedItems, e.codeKey, e.textKey) });
 	};
 }
-function le(e) {
-	return /* @__PURE__ */ h(x, {
+function ce(e) {
+	return /* @__PURE__ */ v(S, {
 		onSelectAll: e.selectAll,
 		onDeselectAll: e.deselectAll
 	});
 }
-function ue(e) {
+function le(e) {
 	return function(t, n) {
-		return /* @__PURE__ */ h(y, {
+		return /* @__PURE__ */ v(b, {
 			item: t,
 			selected: n.selected,
 			highlight: n.highlightQuery,
-			textKey: C([t], e.codeKey, e.textKey),
+			textKey: w([t], e.codeKey, e.textKey),
 			codeKey: e.hideCode ? void 0 : e.codeKey
 		});
 	};
 }
 //#endregion
 //#region src/multi-select/ui/MultiSelectOptionSkeleton.tsx
-function w({ text: n, isError: r }) {
-	return /* @__PURE__ */ g("div", {
+function T({ text: n, isError: r }) {
+	return /* @__PURE__ */ y("div", {
 		className: t.uiPopupOption,
-		children: [/* @__PURE__ */ h("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ h(e, {
+		children: [/* @__PURE__ */ v("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ v(e, {
 			color: r ? "error" : "primary",
 			children: n
 		})]
@@ -105,50 +105,50 @@ function w({ text: n, isError: r }) {
 }
 //#endregion
 //#region src/multi-select/ui/MultiSelect.tsx
-function de({ isNoData: e, isLoading: t, error: n, children: r }) {
-	return e ? /* @__PURE__ */ h(l, { emptyState: /* @__PURE__ */ h(w, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ h(l, { loadingState: /* @__PURE__ */ h(w, { text: "Загрузка..." }) }) : n ? /* @__PURE__ */ h(l, { errorState: /* @__PURE__ */ h(w, {
+function ue({ isNoData: e, isLoading: t, error: n, children: r }) {
+	return e ? /* @__PURE__ */ v(f, { emptyState: /* @__PURE__ */ v(T, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ v(f, { loadingState: /* @__PURE__ */ v(T, { text: "Загрузка..." }) }) : n ? /* @__PURE__ */ v(f, { errorState: /* @__PURE__ */ v(T, {
 		isError: !0,
 		text: "Ошибка загрузки"
-	}) }) : /* @__PURE__ */ h(m, { children: r });
+	}) }) : /* @__PURE__ */ v(ae, { children: r });
 }
-var fe = [];
-function T(e, t) {
+var de = [];
+function E(e, t) {
 	return e[t];
 }
-function pe(e, t, n) {
+function fe(e, t, n) {
 	return Array.from(/* @__PURE__ */ new Set([
 		e[n],
 		e[t],
 		...Object.values(e)
 	]));
 }
-function me(e, t, n) {
+function pe(e, t, n) {
 	if (e.length !== t.length) return !1;
-	let r = new Set(t.map((e) => T(e, n)));
-	return e.every((e) => r.has(T(e, n)));
+	let r = new Set(t.map((e) => E(e, n)));
+	return e.every((e) => r.has(E(e, n)));
 }
-function E({ entries: e, listId: n, activeIndex: i, selectedKeys: a, codeKey: o, query: s, highlightQuery: ee, getOptionDisabled: te, getOptionId: ne, setOptionRef: c, toggleOption: re, selectOnlyOption: l, renderItem: u }) {
-	return e.map(({ item: e, index: d }) => {
-		let p = d === i, m = a.has(T(e, o)), _ = te?.(e) ?? !1;
-		return /* @__PURE__ */ g("div", {
-			id: ne(n, d),
-			ref: (e) => c(d, e),
+function D({ entries: e, listId: n, activeIndex: i, selectedKeys: a, codeKey: o, query: s, highlightQuery: c, getOptionDisabled: l, getOptionId: ee, setOptionRef: u, toggleOption: d, selectOnlyOption: f, renderItem: p }) {
+	return e.map(({ item: e, index: m }) => {
+		let h = m === i, g = a.has(E(e, o)), _ = l?.(e) ?? !1;
+		return /* @__PURE__ */ y("div", {
+			id: ee(n, m),
+			ref: (e) => u(m, e),
 			role: "option",
-			"aria-selected": m,
+			"aria-selected": g,
 			"aria-disabled": _ || void 0,
-			className: f(t.uiSelectOption, _ && t.disabled, m && t.selected, p && t.uiPopupOptionActive),
+			className: re(t.uiSelectOption, _ && t.disabled, g && t.selected, h && t.uiPopupOptionActive),
 			onMouseDown: (e) => {
 				e.preventDefault();
 			},
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ v("div", {
 				onClick: (e) => {
 					e.stopPropagation();
 				},
-				children: /* @__PURE__ */ h(r, {
-					value: m,
+				children: /* @__PURE__ */ v(r, {
+					value: g,
 					disabled: _,
 					onChange: () => {
-						_ || re(e);
+						_ || d(e);
 					},
 					onClick: (e) => {
 						e.stopPropagation();
@@ -157,56 +157,56 @@ function E({ entries: e, listId: n, activeIndex: i, selectedKeys: a, codeKey: o,
 						e.stopPropagation();
 					}
 				})
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "overflowHidden",
 				onClick: () => {
-					_ || l(e);
+					_ || f(e);
 				},
-				children: u(e, {
-					selected: m,
-					active: p,
+				children: p(e, {
+					selected: g,
+					active: h,
 					disabled: _,
 					query: s,
-					highlightQuery: ee
+					highlightQuery: c
 				})
 			})]
-		}, `${T(e, o)}-${d}`);
+		}, `${E(e, o)}-${m}`);
 	});
 }
-var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange: f, label: _, description: y, placeholder: x, size: S, query: se, defaultQuery: w, highlightQuery: D, onQuery: he, defaultFilter: O = !0, onOpen: ge, onClose: _e, getOptionDisabled: k, disabled: A, error: j, isLoading: M, renderToken: N, renderToolbar: P, renderItem: ve }, F) => {
-	let I = ae(null), [L, ye] = oe(!1), R = "search-multi", z = d ?? fe, be = v(() => new Set(z.map((t) => T(t, e))), [e, z]), xe = v(() => l.filter((t) => !be.has(T(t, e))), [
+var O = h(({ codeKey: e, textKey: n, hideCode: r, items: f, value: m, onChange: h, label: re, description: b, placeholder: S, size: C, query: oe, defaultQuery: T, highlightQuery: O, onQuery: me, defaultFilter: he = !0, onOpen: ge, onClose: _e, getOptionDisabled: k, disabled: A, error: j, isLoading: M, renderToken: N, renderToolbar: P, renderItem: ve }, F) => {
+	let I = te(null), [L, ye] = ne(!1), R = "search-multi", z = m ?? de, be = _(() => new Set(z.map((t) => E(t, e))), [e, z]), xe = _(() => f.filter((t) => !be.has(E(t, e))), [
 		e,
 		be,
-		l
-	]), B = v(() => C([...z, ...l], e, n), [
+		f
+	]), B = _(() => w([...z, ...f], e, n), [
 		e,
 		z,
-		l,
+		f,
 		n
-	]), { query: V, setQuery: Se } = c({
+	]), { query: V, setQuery: Se } = u({
 		open: L,
-		query: se,
-		defaultQuery: w,
-		onQuery: he,
+		query: oe,
+		defaultQuery: T,
+		onQuery: me,
 		triggerMode: R
 	}), H = i({
 		options: z,
 		query: V,
-		enabled: O,
-		getSearchText: (t) => pe(t, e, B)
+		enabled: he,
+		getSearchText: (t) => fe(t, e, B)
 	}), U = i({
 		options: xe,
 		query: V,
-		enabled: O,
-		getSearchText: (t) => pe(t, e, B)
-	}), W = v(() => [...H, ...U], [U, H]), Ce = H.length > 0 ? 0 : -1, { draftValue: G, setDraftValue: K, prepareOpen: we } = ne({
+		enabled: he,
+		getSearchText: (t) => fe(t, e, B)
+	}), W = _(() => [...H, ...U], [U, H]), Ce = H.length > 0 ? 0 : -1, { draftValue: G, setDraftValue: K, prepareOpen: we } = ee({
 		value: z,
 		open: L,
-		onCommit: f,
+		onCommit: h,
 		onOpen: ge,
 		onClose: _e,
-		isEqual: (t, n) => me(t, n, e)
-	}), q = v(() => new Set(G.map((t) => T(t, e))), [e, G]), Te = v(() => ({
+		isEqual: (t, n) => pe(t, n, e)
+	}), q = _(() => new Set(G.map((t) => E(t, e))), [e, G]), Te = _(() => ({
 		selectedItems: G,
 		committedSelectedItems: z,
 		selectedKeys: q,
@@ -216,7 +216,7 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 		G,
 		L,
 		q
-	]), J = ie((e) => k?.(e, Te) ?? !1, [k, Te]), { activeIndex: Y, context: Ee, floatingStyles: De, getFloatingProps: Oe, setReference: ke, setFloating: Ae, setOptionRef: je, close: Me, openList: Ne, toggleOpen: Pe, selectActiveOption: Fe, handleReferenceKeyDown: Ie, handleFloatingKeyDown: Le, getOptionId: Re, getActiveOptionId: ze } = ee({
+	]), J = g((e) => k?.(e, Te) ?? !1, [k, Te]), { activeIndex: Y, context: Ee, floatingStyles: De, getFloatingProps: Oe, setReference: ke, setFloating: Ae, setOptionRef: je, close: Me, openList: Ne, toggleOpen: Pe, selectActiveOption: Fe, handleReferenceKeyDown: Ie, handleFloatingKeyDown: Le, getOptionId: Re, getActiveOptionId: ze } = c({
 		options: W,
 		selectedIndex: Ce,
 		open: L,
@@ -227,9 +227,9 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 		closeOnSelect: !1,
 		allowOpenWithoutOptions: !0,
 		triggerMode: R
-	}), Be = D ?? V, X = (t) => {
-		let n = T(t, e);
-		K((r) => r.some((t) => T(t, e) === n) ? r.filter((t) => T(t, e) !== n) : J(t) ? r : [...r, t]);
+	}), Be = O ?? V, X = (t) => {
+		let n = E(t, e);
+		K((r) => r.some((t) => E(t, e) === n) ? r.filter((t) => E(t, e) !== n) : J(t) ? r : [...r, t]);
 	}, Ve = (e) => {
 		if (I.current = e, typeof F == "function") {
 			F(e);
@@ -237,12 +237,12 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 		}
 		F && (F.current = e);
 	}, He = () => {
-		K([]), L || f([]);
+		K([]), L || h([]);
 	}, Ue = () => {
 		K((t) => {
-			let n = [...t], r = new Set(t.map((t) => T(t, e)));
+			let n = [...t], r = new Set(t.map((t) => E(t, e)));
 			for (let t of W) {
-				let i = T(t, e);
+				let i = E(t, e);
 				!r.has(i) && !J(t) && (r.add(i), n.push(t));
 			}
 			return n;
@@ -251,8 +251,8 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 		K([]);
 	}, Ge = (e) => {
 		J(e) || (K([e]), Me());
-	}, Z = L ? G : z, Ke = Z.length > 0, qe = {
-		selectedItems: Z,
+	}, Ke = L ? G : z, Z = Ke.length > 0, qe = {
+		selectedItems: Ke,
 		committedSelectedItems: z,
 		availableItems: U,
 		query: V,
@@ -260,10 +260,10 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 		clearSelection: He,
 		selectAll: Ue,
 		deselectAll: We
-	}, Je = N === void 0 ? ce({
+	}, Je = N === void 0 ? se({
 		codeKey: e,
 		textKey: B
-	}) : N, Ye = P === void 0 ? le : P, Xe = ve ?? ue({
+	}) : N, Ye = P === void 0 ? ce : P, Xe = ve ?? le({
 		codeKey: e,
 		textKey: B,
 		hideCode: r
@@ -273,7 +273,7 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 	})), $e = U.map((e, t) => ({
 		item: e,
 		index: t + Q.length
-	})), et = !M && !j && W.length === 0, $ = re({
+	})), et = !M && !j && W.length === 0, $ = d({
 		mode: R,
 		open: L,
 		currentQuery: V,
@@ -287,16 +287,16 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 			L || we();
 		}
 	});
-	return /* @__PURE__ */ h(s, {
-		label: _,
-		description: y,
+	return /* @__PURE__ */ v(s, {
+		label: re,
+		description: b,
 		disabled: A,
-		placeholder: x,
-		size: S,
-		className: b.multiSelect,
+		placeholder: S,
+		size: C,
+		className: x.multiSelect,
 		children: ({ controlId: n, labelId: r, describedBy: i }) => {
 			let s = `${n}-listbox`;
-			return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(a, {
+			return /* @__PURE__ */ y(ae, { children: [/* @__PURE__ */ v(a, {
 				ref: Ve,
 				rootRef: ke,
 				id: n,
@@ -305,7 +305,7 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 				autoComplete: "off",
 				disabled: A,
 				value: V,
-				placeholder: Ke ? void 0 : x,
+				placeholder: Z ? void 0 : S,
 				"aria-labelledby": r,
 				"aria-describedby": i,
 				"aria-haspopup": "listbox",
@@ -314,20 +314,20 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 				"aria-autocomplete": "list",
 				"aria-activedescendant": L ? ze(s) : void 0,
 				rootClassName: "flex alignItemsCenter",
-				endAdornment: /* @__PURE__ */ g(te, {
+				endAdornment: /* @__PURE__ */ y(l, {
 					open: L,
 					disabled: A,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
-					children: [Ze, /* @__PURE__ */ h("button", {
+					children: [Ze, /* @__PURE__ */ v("button", {
 						type: "button",
-						disabled: !Ke,
+						disabled: !Z,
 						className: t.uiClearButton,
 						"data-ui": "multi-select-clear-button",
 						"data-action": "clear-multi-select",
 						onClick: He,
 						"aria-label": "Очистить все",
-						children: /* @__PURE__ */ h(p, {})
+						children: /* @__PURE__ */ v(ie, {})
 					})]
 				}),
 				onChange: (e) => {
@@ -354,7 +354,7 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 						suppressClosedArrowUp: !0
 					});
 				}
-			}), /* @__PURE__ */ h(o, {
+			}), /* @__PURE__ */ v(o, {
 				open: L,
 				context: Ee,
 				floatingStyles: De,
@@ -370,14 +370,14 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 				tabIndex: -1,
 				className: t.uiPopupOptions,
 				header: Qe,
-				children: /* @__PURE__ */ h(de, {
+				children: /* @__PURE__ */ v(ue, {
 					isNoData: et,
 					isLoading: M,
 					error: j,
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "scrollable h100",
 						children: [
-							/* @__PURE__ */ h(E, {
+							/* @__PURE__ */ v(D, {
 								entries: Q,
 								listId: s,
 								activeIndex: Y,
@@ -392,8 +392,8 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 								selectOnlyOption: Ge,
 								renderItem: Xe
 							}),
-							Q.length > 0 && xe.length > 0 && /* @__PURE__ */ h(u, { className: "marginBlockSm" }),
-							/* @__PURE__ */ h(E, {
+							Q.length > 0 && xe.length > 0 && /* @__PURE__ */ v(p, { className: "marginBlockSm" }),
+							/* @__PURE__ */ v(D, {
 								entries: $e,
 								listId: s,
 								activeIndex: Y,
@@ -415,8 +415,8 @@ var D = _(({ codeKey: e, textKey: n, hideCode: r, items: l, value: d, onChange:
 		}
 	});
 });
-D.displayName = "MultiSelect";
+O.displayName = "MultiSelect";
 //#endregion
-export { S as n, D as t };
+export { C as n, O as t };
 
-//# sourceMappingURL=MultiSelect-CUXA8gx-.js.map
+//# sourceMappingURL=MultiSelect-D1XYuwH1.js.map