@keboola/design 11.6.1 → 12.0.0

package/dist/internal/blocks/MultiCombobox.js

@@ -1,66 +1,38 @@
-import { useArgoDesign } from "../../context-D7X470dy.js";
-import { ChevronDown, Plus, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-DcZRlVnN.js";
-import { Combobox as Combobox$1, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultItemToLabel, defaultQueryToCreateLabel, defaultToCreateValue, isCreatableItem, isGroupItem, isGroupItems, isSelectAllItem, namedLabel, sanitizeTypedInput, selectAllItem, toItemEquality, toLabel, useQueryReporter } from "../../Combobox-BfanUAqY.js";
-import { Fragment, useMemo, useState } from "react";
+import { splitEntry } from "../../utils-Bd28bWgm.js";
+import { useArgoDesign } from "../../context-U293r3v-.js";
+import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
+import { Combobox as Combobox$1, ComboboxClearButton, ComboboxOpenButton, ComboboxOptions, createCreatableItem, defaultGroupToLabel, defaultItemToDisabled, defaultItemToIcon, defaultQueryToCreateLabel, defaultRowLabel, defaultToCreateValue, flatItems, isCreatableItem, isGroupHeaderItem, isSelectAllItem, sanitizeTypedInput, selectAllItem, toEntries, toLabel, useCreatableStringValue, useGroupHeaders, useItemEquality, useQueryReporter, useVirtualList, useWithCreated } from "../../Combobox-CxRAYOBt.js";
+import { useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox } from "@base-ui/react/combobox";
 //#region src/blocks/MultiCombobox/MultiCombobox.tsx
+/** Joins the create row's values with the entry's separator; a `RegExp` uses the default one. */
+const joinCreateParts = (parts, separator) => parts.join(`${typeof separator === "string" ? separator : ","} `);
+const NO_ITEMS = [];
+const NO_VALUES = [];
 /**
-* The strings one creatable entry stands for.
+* Searchable multi-select with chips, built on Base UI Combobox.
 *
-* - `id1, id2,` is two values: the blanks a stray separator leaves are dropped.
-* - A repeat collapses to its first occurrence, case-insensitively, as everything the control
-*   matches by display string does — one entry cannot add the same value twice.
-* - A `null` separator yields the entry itself.
+* @see RECIPES.md#creatable-multi-combobox
+* @see RECIPES.md#filter-toolbar
 */
-const DEFAULT_CREATE_SEPARATOR = ",";
-/**
-* How the create row lists the values it adds: each separated by the entry's own separator, then
-* a space. A `RegExp` stands for many strings, so the default separator stands in for it.
-*/
-const joinCreateParts = (parts, separator) => parts.join(`${typeof separator === "string" ? separator : DEFAULT_CREATE_SEPARATOR} `);
-const splitCreateEntry = (entry, separator) => {
-	if (separator === null) return [entry];
-	const seen = /* @__PURE__ */ new Set();
-	return entry.split(separator).map((part) => part.trim()).filter((part) => {
-		if (part === "") return false;
-		const key = part.toLowerCase();
-		if (seen.has(key)) return false;
-		seen.add(key);
-		return true;
+const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear = true, id, name, onBlur, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", isLoading = false, indicator, virtualized = false, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = ",", itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, collapsibleGroups = false, selectableGroups = false, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible = 3 }) => {
+	const itemsProp = _itemsProp ?? NO_ITEMS;
+	const [valueProp, setValueProp] = useControllableState({
+		prop: _valueProp === null ? NO_VALUES : _valueProp,
+		defaultProp: defaultValue ?? NO_VALUES
 	});
-};
-/**
-* Multi-selection combobox with chip display and search. Built on Base UI Combobox.
-*
-* **When to use:** picking several items from a searchable enumerated list (filter by tags, assign labels).
-* Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.
-* **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.
-* **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.
-* Pass `allowSelectAll` for a "Select All" item when the full enum is small — it covers the whole set
-* and hides itself while a query is active. Pass `allowCreate` to let the user add free-form values
-* that are not in `items` (e.g. entering column names by hand).
-*
-* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
-* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
-*/
-const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, isItemEqualToValue: isItemEqualToValueProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear = true, id, name, onBlur, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, className, allowSelectAll = false, empty = "No items", indicator, inputValueSanitizer, onQueryChange, allowCreate, canCreate, queryToCreateValue, queryToCreateLabel = defaultQueryToCreateLabel, createSeparator = DEFAULT_CREATE_SEPARATOR, itemToDisabled = defaultItemToDisabled, itemToLabel: itemToLabelProp, itemToIcon = defaultItemToIcon, groupToLabel = defaultGroupToLabel, itemToChipLabel, itemToChipColor, pinnedChipLabels, renderChips, maxVisible = 3 }) => {
-	const itemsProp = _itemsProp ?? [];
-	const valueProp = _valueProp ?? [];
-	const itemToLabel = itemToLabelProp ?? (itemToStringLabel ? (item) => namedLabel(itemToStringLabel(item)) : defaultItemToLabel);
+	const itemToString = useCallback((item) => itemToStringLabel?.(item) ?? toLabel(item), [itemToStringLabel]);
+	const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);
 	const chipVariant = useArgoDesign() ? "pill" : "default";
 	const [inputValue, setInputValue] = useState("");
 	const [createdItems, setCreatedItems] = useState([]);
 	const query = inputValue.trim();
 	useQueryReporter(query, onQueryChange);
-	const ownsInput = Boolean(allowCreate || inputValueSanitizer || onQueryChange);
-	const baseItems = (() => {
-		if (createdItems.length === 0) return itemsProp;
-		if (isGroupItems(itemsProp)) return [...itemsProp, { items: createdItems }];
-		return [...itemsProp, ...createdItems];
-	})();
-	const allFlatItems = baseItems.flatMap((item) => isGroupItem(item) ? item.items : item);
+	const busy = isLoading || void 0;
+	const ownsInput = Boolean(allowCreate || inputValueSanitizer || onQueryChange || itemToLabelProp || collapsibleGroups || selectableGroups);
+	const baseItems = useWithCreated(itemsProp, createdItems);
+	const allFlatItems = flatItems(baseItems);
 	const sampleItem = allFlatItems[0];
 	const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;
 	const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);
@@ -68,24 +40,44 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 		multiple: true,
 		value: valueProp
 	});
-	const itemsWithSelectAllItem = hasSelectAllRow ? [selectAllItem, ...baseItems] : baseItems;
-	const itemToString = (item) => itemToStringLabel?.(item) ?? toLabel(item);
+	const wrappedItemToStringLabel = useMemo(() => {
+		if (!allowCreate && !collapsibleGroups && !selectableGroups) return itemToStringLabel && itemToString;
+		return (item) => {
+			if (isCreatableItem(item)) return item.value;
+			if (isGroupHeaderItem(item)) return item.label;
+			return itemToString(item);
+		};
+	}, [
+		allowCreate,
+		collapsibleGroups,
+		selectableGroups,
+		itemToStringLabel,
+		itemToString
+	]);
+	const itemFilter = filterProp ?? defaultFilter.contains;
+	const isItemEqualToValue = useItemEquality(isItemEqualToValueProp);
+	const groupHeaders = useGroupHeaders({
+		items: itemsProp,
+		collapsible: collapsibleGroups,
+		selectable: selectableGroups,
+		query,
+		matches: (item) => itemFilter(item, query, wrappedItemToStringLabel),
+		isItemEqualToValue
+	});
+	const listItems = useWithCreated(groupHeaders.items, createdItems);
+	const virtualList = useVirtualList(baseItems, virtualized);
 	const labelKey = (item) => itemToString(item).toLowerCase();
-	const createParts = !allowCreate || disabled || !query ? [] : splitCreateEntry(query, createSeparator);
+	const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);
 	const selectedKeys = /* @__PURE__ */ new Set();
 	if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));
 	const itemKeys = /* @__PURE__ */ new Set();
 	if (createParts.length > 0 && canCreate) for (const item of allFlatItems) itemKeys.add(labelKey(item));
 	const namesAnItem = (key) => canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);
 	/**
-	* What the entry adds to the selection: its values the selection does not already hold.
+	* The entry's values not yet selected, minus those `canCreate` rejects.
 	*
-	* - The create row is named from this and committing it adds exactly this, so the row cannot
-	*   promise something else. A value naming an existing item counts — committing selects it.
-	* - `canCreate` drops a value the control would mint and the gate rejects. One naming an item
-	*   is selected rather than minted, so its format is not that gate's business.
-	* - `value` is the whole selection (it is never `undefined`, so the control is always the
-	*   controlled one), which is why the commit path re-derives nothing.
+	* - Both names the create row and is exactly what committing it adds.
+	* - A value naming an existing item counts and bypasses `canCreate` — committing selects it.
 	*/
 	const addedCreateParts = createParts.filter((part) => {
 		const key = part.toLowerCase();
@@ -94,34 +86,59 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 	});
 	const soleValueKey = createParts.length === 1 ? createParts[0].toLowerCase() : void 0;
 	const showCreateRow = addedCreateParts.length > 0 && (soleValueKey === void 0 || !namesAnItem(soleValueKey));
-	const items = (() => {
-		const base = itemsWithSelectAllItem;
-		if (!showCreateRow) return base;
-		const creatable = createCreatableItem(query);
-		return isGroupItems(base) ? [...base, { items: [creatable] }] : [...base, creatable];
-	})();
-	const filter = (item, query, itemToString) => {
+	const items = useMemo(() => {
+		const withSelectAll = hasSelectAllRow ? [...toEntries(listItems, [selectAllItem]), ...listItems] : listItems;
+		return showCreateRow ? [...withSelectAll, ...toEntries(listItems, [createCreatableItem(query)])] : withSelectAll;
+	}, [
+		hasSelectAllRow,
+		showCreateRow,
+		listItems,
+		query
+	]);
+	const filterHeader = groupHeaders.enabled ? groupHeaders.filterHeader : void 0;
+	const filter = useCallback((item, query, itemToString) => {
 		if (isSelectAllItem(item)) return query.trim() === "";
 		if (isCreatableItem(item)) return true;
-		if (filterProp) return filterProp(item, query, itemToString);
-		return defaultFilter.contains(item, query, itemToString);
-	};
-	const isItemEqualToValue = useMemo(() => toItemEquality(isItemEqualToValueProp), [isItemEqualToValueProp]);
-	const wrappedItemToStringLabel = !allowCreate ? itemToStringLabel : (item) => isCreatableItem(item) ? item.value : itemToString(item);
-	const wrappedItemToStringValue = !allowCreate || !itemToStringValue ? itemToStringValue : (item) => isCreatableItem(item) ? item.value : itemToStringValue(item);
+		return filterHeader?.(item) ?? itemFilter(item, query, itemToString);
+	}, [filterHeader, itemFilter]);
+	const wrappedItemToStringValue = useCreatableStringValue(itemToStringValue, allowCreate);
 	const value = isAllSelected ? [...valueProp, selectAllItem] : valueProp;
+	const selectedSet = selectableGroups && !isItemEqualToValueProp ? new Set(valueProp) : void 0;
+	const isSelected = (item) => selectedSet?.has(item) ?? valueProp.some((selected) => isItemEqualToValue(item, selected));
+	/** What a group's row selects: the group's items the query matches, the disabled aside. */
+	const groupTargets = (row) => groupHeaders.headerOf(row)?.matching.filter((item) => !itemToDisabled(item)) ?? [];
+	/**
+	* Replaces a pressed group row in `next` with its items.
+	*
+	* - Base UI adds the row to `value` like any unselected item.
+	* - A row whose items are all selected deselects them.
+	*/
+	const selectGroupRow = (next) => {
+		const row = next.find(isGroupHeaderItem);
+		if (row === void 0) return next;
+		const rest = next.filter((item) => item !== row);
+		const targets = groupTargets(row);
+		if (!targets.every(isSelected)) return [...rest, ...targets.filter((item) => !isSelected(item))];
+		return rest.filter((item) => !targets.some((target) => isItemEqualToValue(target, item)));
+	};
+	const groupRowChecked = (targets) => {
+		const selectedCount = targets.filter(isSelected).length;
+		if (selectedCount === 0) return false;
+		return selectedCount === targets.length ? true : "mixed";
+	};
 	const handleInputValueChange = (next, { reason }) => {
 		setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));
 	};
 	const handleValueChange = (next, event) => {
 		if (ownsInput) setInputValue((prev) => prev === "" ? prev : "");
-		if (!onValueChange) return;
+		if (!onValueChange && _valueProp !== void 0) return;
+		const picked = selectGroupRow(next);
 		const created = [];
 		const converted = (() => {
-			if (!allowCreate || !next.some(isCreatableItem)) return next;
+			if (!allowCreate || !picked.some(isCreatableItem)) return picked;
 			const itemsByLabel = /* @__PURE__ */ new Map();
 			for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);
-			return next.flatMap((item) => {
+			return picked.flatMap((item) => {
 				if (!isCreatableItem(item)) return [item];
 				return addedCreateParts.map((part) => {
 					const existing = itemsByLabel.get(part.toLowerCase());
@@ -142,39 +159,23 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 			const selected = new Set(newValue.map(itemToString));
 			setCreatedItems((prev) => [...prev, ...created].filter((item) => selected.has(itemToString(item))));
 		}
-		onValueChange(newValue, event);
-	};
-	/**
-	* The create row.
-	*
-	* - `queryToCreateLabel` receives the values committing the row adds, rather than the entry as
-	*   typed — so the row cannot name a value it drops as a stray separator, a repeat, or one the
-	*   selection already holds, nor stay silent about one it selects from `items`.
-	* - For an entry standing for a single value that string is the entry itself.
-	*/
-	const renderCreatableItem = (item) => /* @__PURE__ */ jsx(Combobox$1.Item, {
-		value: item,
-		icon: /* @__PURE__ */ jsx(Plus, {}),
-		children: queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))
-	});
-	const renderItem = (item) => {
-		return /* @__PURE__ */ jsx(Combobox$1.Item, {
-			value: item,
-			indicator,
-			icon: itemToIcon(item),
-			disabled: itemToDisabled(item),
-			children: itemToLabel(item)
-		});
+		setValueProp(newValue);
+		onValueChange?.(newValue, event);
 	};
 	return /* @__PURE__ */ jsxs(Combobox$1.Root, {
 		multiple: true,
 		autoHighlight: true,
 		items,
 		value,
-		defaultValue,
 		filter,
 		isItemEqualToValue,
 		onValueChange: handleValueChange,
+		onOpenChange: groupHeaders.onOpenChange,
+		onItemHighlighted: (item, details) => {
+			groupHeaders.onItemHighlighted(item);
+			virtualList.onItemHighlighted(details);
+		},
+		virtualized: virtualList.enabled,
 		itemToStringLabel: wrappedItemToStringLabel,
 		itemToStringValue: wrappedItemToStringValue,
 		disabled,
@@ -183,71 +184,67 @@ const MultiCombobox = ({ items: _itemsProp, value: _valueProp, defaultValue, onV
 			inputValue,
 			onInputValueChange: handleInputValueChange
 		} : {},
-		children: [/* @__PURE__ */ jsx(Combobox.Chips, {
-			render: /* @__PURE__ */ jsx(Fragment, {}),
-			children: /* @__PURE__ */ jsx(Combobox$1.InputGroup, {
-				variant,
-				sizing,
-				state,
-				focusVariant,
-				className,
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5",
-					children: [/* @__PURE__ */ jsx(Combobox$1.Chips, {
-						maxVisible,
-						variant: chipVariant,
-						itemToChipLabel: itemToChipLabel ?? itemToLabel,
-						itemToChipColor,
-						pinnedChipLabels,
-						children: renderChips
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "tw:flex tw:flex-1 tw:items-center tw:gap-1",
-						children: [
-							/* @__PURE__ */ jsx(Combobox$1.Input, {
-								id,
-								name,
-								onBlur,
-								"aria-describedby": ariaDescribedBy,
-								"aria-invalid": ariaInvalid,
-								"aria-required": ariaRequired,
-								placeholder,
-								disabled,
-								className: "tw:w-auto tw:min-w-[120px] tw:flex-1 tw:!px-0 tw:!py-0"
-							}),
-							allowClear && /* @__PURE__ */ jsx(InputGroup.Button, {
-								asChild: true,
-								"aria-label": "Clear",
-								disabled,
-								children: /* @__PURE__ */ jsx(Combobox.Clear, { children: /* @__PURE__ */ jsx(X, { className: "tw:size-4" }) })
-							}),
-							/* @__PURE__ */ jsx(InputGroup.Button, {
-								disabled,
-								asChild: true,
-								"aria-label": "Open combobox",
-								children: /* @__PURE__ */ jsx(Combobox.Trigger, { children: /* @__PURE__ */ jsx(ChevronDown, { className: "tw:size-4" }) })
-							})
-						]
-					})]
-				})
+		children: [/* @__PURE__ */ jsx(Combobox$1.InputGroup, {
+			variant,
+			sizing,
+			state,
+			focusVariant,
+			className,
+			children: /* @__PURE__ */ jsxs(Combobox.Chips, {
+				className: "tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5",
+				children: [/* @__PURE__ */ jsx(Combobox$1.Chips, {
+					maxVisible,
+					variant: chipVariant,
+					itemToChipLabel: itemToChipLabel ?? ((item) => itemToLabel(item, "")),
+					itemToChipColor,
+					pinnedChipLabels,
+					children: renderChips
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Combobox$1.Input, {
+							id,
+							name,
+							onBlur,
+							"aria-label": ariaLabel,
+							"aria-labelledby": ariaLabelledBy,
+							"aria-describedby": ariaDescribedBy,
+							"aria-invalid": ariaInvalid,
+							"aria-required": ariaRequired,
+							"aria-busy": busy,
+							placeholder,
+							disabled,
+							onKeyDown: groupHeaders.onInputKeyDown,
+							className: "tw:w-auto tw:min-w-0 tw:grow tw:basis-[120px] tw:!px-0 tw:!py-0"
+						}),
+						allowClear && /* @__PURE__ */ jsx(ComboboxClearButton, { disabled }),
+						/* @__PURE__ */ jsx(ComboboxOpenButton, {
+							disabled,
+							isLoading
+						})
+					]
+				})]
 			})
-		}), /* @__PURE__ */ jsxs(Combobox$1.Content, { children: [/* @__PURE__ */ jsx(Combobox$1.Empty, { children: empty }), /* @__PURE__ */ jsx(Combobox$1.List, { children: (itemOrGroup) => {
-			if (isSelectAllItem(itemOrGroup)) return /* @__PURE__ */ jsx(Combobox$1.Item, {
-				value: itemOrGroup,
-				indicator: "checkbox",
-				children: itemOrGroup.label
-			});
-			if (isCreatableItem(itemOrGroup)) return renderCreatableItem(itemOrGroup);
-			if (isGroupItem(itemOrGroup)) {
-				const maybeCreatable = itemOrGroup.items[0];
-				if (isCreatableItem(maybeCreatable)) return renderCreatableItem(maybeCreatable);
-				const groupLabel = groupToLabel(itemOrGroup);
-				return /* @__PURE__ */ jsxs(Combobox$1.Group, {
-					items: itemOrGroup.items,
-					children: [groupLabel && /* @__PURE__ */ jsx(Combobox$1.GroupLabel, { children: groupLabel }), /* @__PURE__ */ jsx(Combobox$1.GroupList, { children: renderItem })]
-				});
-			}
-			return renderItem(itemOrGroup);
-		} })] })]
+		}), /* @__PURE__ */ jsx(Combobox$1.Content, { children: /* @__PURE__ */ jsx(ComboboxOptions, {
+			isLoading,
+			empty,
+			virtualized: virtualList.enabled,
+			listRef: virtualList.ref,
+			groupHeaders,
+			groupToLabel,
+			indicator,
+			itemToLabel: (item) => itemToLabel(item, query),
+			itemToIcon,
+			itemToDisabled,
+			createLabel: () => queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator)),
+			groupRowState: selectableGroups ? (row) => {
+				const targets = groupTargets(row);
+				return {
+					checked: groupRowChecked(targets),
+					disabled: targets.length === 0
+				};
+			} : void 0
+		}) })]
 	});
 };
 //#endregion

package/dist/internal/blocks/MultiCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiCombobox.js","names":["BaseCombobox","Combobox"],"sources":["../../../src/blocks/MultiCombobox/MultiCombobox.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, type ReactNode, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport { namedLabel } from '../../components/Combobox/blankValues';\nimport { sanitizeTypedInput, useQueryReporter } from '../../components/Combobox/query';\nimport type { CreatableItem, Group } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultItemToLabel,\n  defaultQueryToCreateLabel,\n  defaultToCreateValue,\n  isCreatableItem,\n  isGroupItem,\n  isGroupItems,\n  isSelectAllItem,\n  selectAllItem,\n  toItemEquality,\n  toLabel,\n} from '../../components/Combobox/utils';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { ChevronDown, Plus, X } from '../../icons';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;\n\ntype Indicator = NonNullable<ComboboxItemProps['indicator']>;\n\n/**\n * The strings one creatable entry stands for.\n *\n * - `id1, id2,` is two values: the blanks a stray separator leaves are dropped.\n * - A repeat collapses to its first occurrence, case-insensitively, as everything the control\n *   matches by display string does — one entry cannot add the same value twice.\n * - A `null` separator yields the entry itself.\n */\nconst DEFAULT_CREATE_SEPARATOR = ',';\n\n/**\n * How the create row lists the values it adds: each separated by the entry's own separator, then\n * a space. A `RegExp` stands for many strings, so the default separator stands in for it.\n */\nconst joinCreateParts = (parts: string[], separator: string | RegExp | null) =>\n  parts.join(`${typeof separator === 'string' ? separator : DEFAULT_CREATE_SEPARATOR} `);\n\nconst splitCreateEntry = (entry: string, separator: string | RegExp | null): string[] => {\n  if (separator === null) return [entry];\n\n  const seen = new Set<string>();\n  return entry\n    .split(separator)\n    .map((part) => part.trim())\n    .filter((part) => {\n      if (part === '') return false;\n      const key = part.toLowerCase();\n      if (seen.has(key)) return false;\n      seen.add(key);\n      return true;\n    });\n};\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  /**\n   * Words the create row. Receives the values committing the row will add — an entry standing for\n   * several values arrives trimmed and re-joined with its own separator, not as typed.\n   */\n  queryToCreateLabel?: (query: string) => ReactNode;\n  /**\n   * Projects one entered string into an item. Called once per value, so a split entry calls it\n   * several times, each with an already-trimmed part.\n   */\n  queryToCreateValue?: (query: string) => Value;\n  /**\n   * Gate on each value the entry stands for, for `allowCreate`.\n   *\n   * - Returning `false` drops that value, so an entry left with none hides the create row and the\n   *   empty state shows instead.\n   * - Only called for a value that matches no item and nothing already selected — one naming an\n   *   item is selected rather than minted, so its format is not this gate's business.\n   * - Reach for it when a free-form value has a format (a column name, an email address).\n   */\n  canCreate?: (query: string) => boolean;\n  /**\n   * Separator that makes one creatable entry stand for several values. Defaults to **`','`**, so\n   * pasting `id1, id2, id3` adds three chips.\n   *\n   * - Pass a string or a non-capturing `RegExp` for another convention: `';'` for an Outlook\n   *   address list, `/[\\s,]+/` where a value can never contain a space. A capture group would be\n   *   handed back as a value of its own — that is `String.prototype.split`'s own behaviour.\n   * - Pass `null` where a value legitimately contains the separator — a free-text label, a\n   *   sentence — and one entry must stay one chip.\n   * - Whitespace is deliberately not part of the default: tags and column names contain spaces,\n   *   and each part is trimmed anyway, so `id1, id2` needs nothing more than the comma.\n   */\n  createSeparator?: string | RegExp | null;\n};\n\n/**\n * Props for `MultiCombobox`. Generic over `Value` (the item shape) and `GroupShape` (optional group wrapper).\n * Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override\n * the default substring matcher. Pass `isItemEqualToValue` when the items are objects a store recreates —\n * without it Base UI matches `value` against `items` by reference. Pass `allowCreate` to let the user add\n * free-form values not in `items`.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // `name`, `onBlur` and the `aria-*` set are forwarded to the input so a form connector can hand\n  // over the wiring it derives from the field — without the `aria-*` set the control cannot be linked\n  // to its own help and error text, and without `onBlur` the field never registers as blurred, which\n  // is the gate `FieldItem` reveals errors on.\n  'placeholder' | 'id' | 'name' | 'onBlur' | 'aria-describedby' | 'aria-invalid' | 'aria-required'\n> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n    | 'isItemEqualToValue'\n  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> & {\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /**\n     * Offer a clear-all button once something is selected. Defaults to **`true`**.\n     *\n     * - `BaseCombobox.Clear` only mounts while chips exist, so an empty control renders identically\n     *   either way. Individual chips stay removable regardless.\n     * - Pass `false` where emptying the whole selection must not be one click away.\n     */\n    allowClear?: boolean;\n    /**\n     * Adds a \"Select All\" row that selects the whole item set.\n     *\n     * - The row is hidden while a query narrows the list — it never means \"everything matching\".\n     * - Selecting it while everything is already selected clears the selection.\n     */\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    indicator?: Indicator;\n\n    // query specific\n    /**\n     * Rewrites what the user types before the control adopts it.\n     *\n     * - The query the list filters by is the rewritten text, and so is every value a created entry\n     *   is split into — a character the user cannot type is one they cannot create.\n     * - Reach for it where a created value has a character set: a column name, a scope, an\n     *   identifier. `canCreate` is the gate for a format the user must get right themselves.\n     * - It has to rewrite rather than drop: it sees the whole text on every keystroke, so one\n     *   calling `trim()` swallows the space before the next word.\n     */\n    inputValueSanitizer?: (input: string) => string;\n    /**\n     * Reports the query the list filters by, `inputValueSanitizer` already applied.\n     *\n     * - For an owner that needs the query for itself: a server-side search, an option order, the\n     *   text a synthetic row is offered for. The mount render reports too, so a search driven by\n     *   this needs no first fetch of its own.\n     * - Notification only, and deliberately not Base UI's own `onInputValueChange`: the control\n     *   keeps ownership of the text — a pick clears it — so there is no controlled `inputValue`\n     *   to hold in sync.\n     */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /**\n     * The item's row in the list, and its chip unless `itemToChipLabel` overrides it.\n     *\n     * - Defaults to `itemToStringLabel`, so a control that projects its items — ids carrying the\n     *   selection, the label looked up beside them — states the projection once.\n     * - Pass it separately only where the row is richer than the input's own text.\n     */\n    itemToLabel?: (item: Value) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // chip specific\n    /**\n     * Renders the chip area from the selected values, in place of the default chips.\n     *\n     * - For the case no per-value accessor can express: one node standing for the whole selection\n     *   (\"3 tables selected\"), or a chip count that is not the value count.\n     * - A chip that merely holds richer content — a link, an action of its own — needs no slot:\n     *   `itemToChipLabel` returns a `ReactNode` and the chip lets it take the keyboard.\n     * - The chip props above go unused while this is set, `maxVisible` and its `+N` chip included.\n     * - `Combobox.Chip` builds a removable chip.\n     */\n    renderChips?: (values: Value[]) => ReactNode;\n\n    // group specific\n    groupToLabel?: (group: GroupShape) => ReactNode;\n  };\n\n/**\n * Multi-selection combobox with chip display and search. Built on Base UI Combobox.\n *\n * **When to use:** picking several items from a searchable enumerated list (filter by tags, assign labels).\n * Items render as chips above the input; `maxVisible` collapses excess into a `+N more` chip.\n * **When NOT to use:** for single selection use `Combobox`; for short enums without search use `Select`.\n * **Composition:** wrap in `FormGroup` for label + help text, or use `useAppForm` for form integration.\n * Pass `allowSelectAll` for a \"Select All\" item when the full enum is small — it covers the whole set\n * and hides itself while a query is active. Pass `allowCreate` to let the user add free-form values\n * that are not in `items` (e.g. entering column names by hand).\n *\n * @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns\n * @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  isItemEqualToValue: isItemEqualToValueProp,\n  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  id,\n  name,\n  onBlur,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  indicator,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  canCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  createSeparator = DEFAULT_CREATE_SEPARATOR,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel: itemToLabelProp,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  renderChips,\n  // Nothing chose 3: value editors override it to `Infinity` (a chip inside `+N` can be neither\n  // read nor removed) and single-row filters to `1`. Changing it moves eleven call sites at once,\n  // so it waits for a PR that can look at them.\n  maxVisible = 3,\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? [];\n  const valueProp = _valueProp ?? [];\n  // `itemToStringLabel` is a projection, not a display accessor, so a blank it returns still needs\n  // naming — rows and chips are where a blank value would otherwise render as nothing.\n  const itemToLabel =\n    itemToLabelProp ??\n    (itemToStringLabel ? (item: Value) => namedLabel(itemToStringLabel(item)) : defaultItemToLabel);\n  const renderArgo = useArgoDesign();\n  const chipVariant = renderArgo ? 'pill' : 'default';\n\n  const [inputValue, setInputValue] = useState('');\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = inputValue.trim();\n\n  useQueryReporter(query, onQueryChange);\n\n  // Who holds the input's text. Base UI keeps it unless something here needs to read or rewrite\n  // it, because taking it means re-rendering this component on every keystroke — a cost the many\n  // controls that only pick from a list should not pay.\n  const ownsInput = Boolean(allowCreate || inputValueSanitizer || onQueryChange);\n\n  // Created values are appended to `items` so Base UI can keep resolving them (as chips and as\n  // list options) once the query clears — otherwise a value that isn't in `items` gets dropped.\n  // `handleValueChange` drops the ones the selection no longer holds, so this list tracks the\n  // selection rather than every value ever typed.\n  const baseItems = (() => {\n    if (createdItems.length === 0) return itemsProp;\n    if (isGroupItems(itemsProp))\n      return [...itemsProp, { items: createdItems } as unknown as GroupShape];\n    return [...itemsProp, ...createdItems];\n  })();\n\n  const allFlatItems = baseItems.flatMap((item) => (isGroupItem(item) ? item.items : item));\n  const sampleItem = allFlatItems[0] as Value | undefined;\n  // An empty item set has no Select All row: there is nothing to select all of, and reading\n  // `0 === 0` as \"everything is selected\" would put the row's own entry into `value`.\n  const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;\n  const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  const itemsWithSelectAllItem = hasSelectAllRow ? [selectAllItem, ...baseItems] : baseItems;\n\n  const itemToString = (item: Value) => itemToStringLabel?.(item) ?? toLabel(item);\n  // An item's display string, case-folded — the key an entered value is matched against.\n  const labelKey = (item: Value) => itemToString(item).toLowerCase();\n\n  // The values the current entry stands for. Everything the create row is decided from hangs off\n  // this, so an empty entry costs a creatable control nothing.\n  const createParts =\n    !allowCreate || disabled || !query ? [] : splitCreateEntry(query, createSeparator);\n\n  const selectedKeys = new Set<string>();\n  if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));\n\n  // Does an item carry this display string? `canCreate` asks it per value, so there it earns a\n  // set; without the gate only a single-value entry asks, and an early-exiting scan is cheaper.\n  const itemKeys = new Set<string>();\n  if (createParts.length > 0 && canCreate) {\n    for (const item of allFlatItems) itemKeys.add(labelKey(item));\n  }\n  const namesAnItem = (key: string) =>\n    canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);\n\n  /**\n   * What the entry adds to the selection: its values the selection does not already hold.\n   *\n   * - The create row is named from this and committing it adds exactly this, so the row cannot\n   *   promise something else. A value naming an existing item counts — committing selects it.\n   * - `canCreate` drops a value the control would mint and the gate rejects. One naming an item\n   *   is selected rather than minted, so its format is not that gate's business.\n   * - `value` is the whole selection (it is never `undefined`, so the control is always the\n   *   controlled one), which is why the commit path re-derives nothing.\n   */\n  const addedCreateParts = createParts.filter((part) => {\n    const key = part.toLowerCase();\n    if (selectedKeys.has(key)) return false;\n    return !canCreate || namesAnItem(key) || canCreate(part);\n  });\n\n  // The one value a single-value entry stands for, keyed — `undefined` for a split entry.\n  const soleValueKey = createParts.length === 1 ? createParts[0]!.toLowerCase() : undefined;\n\n  // A single value naming an item needs no create row: the list already offers that item's own\n  // row, which the default substring filter matches for a single-value entry but not for a split\n  // one. The item scan runs only for an entry that would otherwise show the row.\n  const showCreateRow =\n    addedCreateParts.length > 0 && (soleValueKey === undefined || !namesAnItem(soleValueKey));\n\n  const items = (() => {\n    const base = itemsWithSelectAllItem;\n    if (!showCreateRow) return base;\n\n    const creatable = createCreatableItem(query);\n    return isGroupItems(base)\n      ? [...base, { items: [creatable] } as unknown as GroupShape]\n      : [...base, creatable as unknown as Value];\n  })();\n\n  const filter = (item: Value, query: string, itemToString?: (value: Value) => string) => {\n    // Select All covers the whole item set, so it exists only while no query narrows the list.\n    if (isSelectAllItem(item)) return query.trim() === '';\n    // always offer the transient \"create\" option\n    if (isCreatableItem(item)) return true;\n\n    if (filterProp) return filterProp(item, query, itemToString);\n    return defaultFilter.contains(item, query, itemToString);\n  };\n\n  // Base UI stores the comparer and lists it in an effect's deps, so a fresh identity per render\n  // re-renders every option row and rescans the item list.\n  const isItemEqualToValue = useMemo(\n    () => toItemEquality(isItemEqualToValueProp),\n    [isItemEqualToValueProp],\n  );\n\n  const wrappedItemToStringLabel: ComboboxProps<Value>['itemToStringLabel'] = !allowCreate\n    ? itemToStringLabel\n    : (item) => (isCreatableItem(item) ? item.value : itemToString(item));\n\n  const wrappedItemToStringValue: ComboboxProps<Value>['itemToStringValue'] =\n    !allowCreate || !itemToStringValue\n      ? itemToStringValue\n      : (item) => (isCreatableItem(item) ? item.value : itemToStringValue(item));\n\n  const value = isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));\n  };\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    // Emptying the input once the selection changes is this component's job while it holds the\n    // text; Base UI does it itself otherwise. React bails out when the text is already empty.\n    if (ownsInput) setInputValue((prev) => (prev === '' ? prev : ''));\n    if (!onValueChange) return;\n\n    const created: Value[] = [];\n    const converted = (() => {\n      if (!allowCreate || !next.some(isCreatableItem)) return next;\n\n      // Items by display string, so a value naming one selects it rather than minting a twin that\n      // would be a second chip for one value. Built per commit — the render path only needs to\n      // know whether a single value names an item.\n      const itemsByLabel = new Map<string, Value>();\n      for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);\n\n      return next.flatMap((item) => {\n        if (!isCreatableItem(item)) return [item];\n\n        return addedCreateParts.map((part) => {\n          const existing = itemsByLabel.get(part.toLowerCase());\n          if (existing !== undefined) return existing;\n\n          const value = defaultToCreateValue(part, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        });\n      });\n    })();\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!hasSelectAllRow) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Keep only the created values the selection being emitted still holds — `valueProp` is the\n      // selection before this change, so a value created right now is not in it yet.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n    }\n\n    onValueChange(newValue, event);\n  };\n\n  /**\n   * The create row.\n   *\n   * - `queryToCreateLabel` receives the values committing the row adds, rather than the entry as\n   *   typed — so the row cannot name a value it drops as a stray separator, a repeat, or one the\n   *   selection already holds, nor stay silent about one it selects from `items`.\n   * - For an entry standing for a single value that string is the entry itself.\n   */\n  const renderCreatableItem = (item: CreatableItem) => (\n    <Combobox.Item value={item} icon={<Plus />}>\n      {queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))}\n    </Combobox.Item>\n  );\n\n  const renderItem = (item: Value) => {\n    return (\n      <Combobox.Item\n        value={item}\n        indicator={indicator}\n        icon={itemToIcon(item)}\n        disabled={itemToDisabled(item)}\n      >\n        {itemToLabel(item)}\n      </Combobox.Item>\n    );\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Base UI highlights nothing until ArrowDown, so Enter after typing would drop the query\n      // silently — no selection, and the popup closes. Highlighting the first match makes Enter\n      // commit it, including the creatable row when `allowCreate` is on.\n      autoHighlight\n      items={items}\n      value={value}\n      defaultValue={defaultValue}\n      filter={filter}\n      isItemEqualToValue={isItemEqualToValue}\n      onValueChange={handleValueChange}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(ownsInput ? { inputValue, onInputValueChange: handleInputValueChange } : {})}\n    >\n      <BaseCombobox.Chips render={<Fragment />}>\n        <Combobox.InputGroup\n          variant={variant}\n          sizing={sizing}\n          state={state}\n          focusVariant={focusVariant}\n          className={className}\n        >\n          <div className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n            <Combobox.Chips<Value>\n              maxVisible={maxVisible}\n              variant={chipVariant}\n              itemToChipLabel={itemToChipLabel ?? itemToLabel}\n              itemToChipColor={itemToChipColor}\n              pinnedChipLabels={pinnedChipLabels}\n            >\n              {renderChips}\n            </Combobox.Chips>\n            <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-1\">\n              <Combobox.Input\n                id={id}\n                name={name}\n                onBlur={onBlur}\n                aria-describedby={ariaDescribedBy}\n                aria-invalid={ariaInvalid}\n                aria-required={ariaRequired}\n                placeholder={placeholder}\n                disabled={disabled}\n                // This row already owns its own edge padding above, and chips share the row with\n                // the input rather than sitting outside it — cancel the group's own `&_input`\n                // padding so it doesn't double up on top of this row's.\n                className=\"tw:w-auto tw:min-w-[120px] tw:flex-1 tw:!px-0 tw:!py-0\"\n              />\n              {allowClear && (\n                <InputGroup.Button asChild aria-label=\"Clear\" disabled={disabled}>\n                  <BaseCombobox.Clear>\n                    <X className=\"tw:size-4\" />\n                  </BaseCombobox.Clear>\n                </InputGroup.Button>\n              )}\n              <InputGroup.Button disabled={disabled} asChild aria-label=\"Open combobox\">\n                <BaseCombobox.Trigger>\n                  <ChevronDown className=\"tw:size-4\" />\n                </BaseCombobox.Trigger>\n              </InputGroup.Button>\n            </div>\n          </div>\n        </Combobox.InputGroup>\n      </BaseCombobox.Chips>\n      <Combobox.Content>\n        <Combobox.Empty>{empty}</Combobox.Empty>\n        <Combobox.List>\n          {(itemOrGroup: Value | GroupShape) => {\n            if (isSelectAllItem(itemOrGroup)) {\n              return (\n                <Combobox.Item value={itemOrGroup} indicator=\"checkbox\">\n                  {itemOrGroup.label}\n                </Combobox.Item>\n              );\n            }\n\n            if (isCreatableItem(itemOrGroup)) {\n              return renderCreatableItem(itemOrGroup);\n            }\n\n            if (isGroupItem(itemOrGroup)) {\n              const maybeCreatable = itemOrGroup.items[0];\n\n              if (isCreatableItem(maybeCreatable)) {\n                return renderCreatableItem(maybeCreatable);\n              }\n\n              const groupLabel = groupToLabel(itemOrGroup);\n              return (\n                <Combobox.Group items={itemOrGroup.items}>\n                  {groupLabel && <Combobox.GroupLabel>{groupLabel}</Combobox.GroupLabel>}\n                  <Combobox.GroupList>{renderItem}</Combobox.GroupList>\n                </Combobox.Group>\n              );\n            }\n\n            return renderItem(itemOrGroup);\n          }}\n        </Combobox.List>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MultiCombobox.js","names":["BaseCombobox","Combobox"],"sources":["../../../src/blocks/MultiCombobox/MultiCombobox.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useCallback, useMemo, useState } from 'react';\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\n\nimport { Combobox } from '../../components/Combobox';\nimport { ComboboxClearButton } from '../../components/Combobox/ComboboxClearButton';\nimport { ComboboxOpenButton } from '../../components/Combobox/ComboboxOpenButton';\nimport { ComboboxOptions } from '../../components/Combobox/ComboboxOptions';\nimport { useWithCreated } from '../../components/Combobox/createdItems';\nimport { useGroupHeaders } from '../../components/Combobox/groupHeaders';\nimport { sanitizeTypedInput, useQueryReporter } from '../../components/Combobox/query';\nimport type { Group } from '../../components/Combobox/types';\nimport {\n  createCreatableItem,\n  defaultGroupToLabel,\n  defaultItemToDisabled,\n  defaultItemToIcon,\n  defaultQueryToCreateLabel,\n  defaultRowLabel,\n  defaultToCreateValue,\n  flatItems,\n  isCreatableItem,\n  isGroupHeaderItem,\n  isSelectAllItem,\n  selectAllItem,\n  toEntries,\n  toLabel,\n  useCreatableStringValue,\n  useItemEquality,\n} from '../../components/Combobox/utils';\nimport { useVirtualList, type VirtualizedProps } from '../../components/Combobox/virtualList';\nimport { useArgoDesign } from '../../components/ThemeProvider/context';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { DEFAULT_ENTRY_SEPARATOR, splitEntry } from '../../utils';\n\ntype ComboboxProps<Value> = BaseCombobox.Root.Props<Value, true>;\ntype ComboboxInputProps = ComponentProps<typeof Combobox.Input>;\ntype ComboboxInputGroupProps = ComponentProps<typeof Combobox.InputGroup>;\ntype ComboboxItemProps = ComponentProps<typeof Combobox.Item>;\ntype ComboboxChipsProps<Value> = ComponentProps<typeof Combobox.Chips<Value>>;\n\ntype Indicator = Exclude<NonNullable<ComboboxItemProps['indicator']>, 'none'>;\n\n/** Joins the create row's values with the entry's separator; a `RegExp` uses the default one. */\nconst joinCreateParts = (parts: string[], separator: string | RegExp | null) =>\n  parts.join(`${typeof separator === 'string' ? separator : DEFAULT_ENTRY_SEPARATOR} `);\n\ntype CreatableProps<Value> = {\n  allowCreate?: boolean;\n  /** Words the create row. Receives the values it adds, trimmed and re-joined — not the entry as typed. */\n  queryToCreateLabel?: (query: string) => ReactNode;\n  /** Projects one entered value into an item. Called once per trimmed part of a split entry. */\n  queryToCreateValue?: (query: string) => Value;\n  /** Rejects a value `allowCreate` would mint; values naming an item or already selected skip it. */\n  canCreate?: (query: string) => boolean;\n  /** Splits one entry into several values (default `','`). A `RegExp` must not capture; `null` never splits. */\n  createSeparator?: string | RegExp | null;\n};\n\n/**\n * Props for `MultiCombobox`.\n *\n * - Pass `isItemEqualToValue` when a store recreates item objects — Base UI matches by reference.\n */\ntype Props<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<\n  ComboboxInputProps,\n  // Go to the input, which is the `combobox` role; on the group they reach nothing.\n  // - The `aria-*` set links a form field's label, help and error text.\n  // - `onBlur` is the gate `FieldItem` reveals errors on.\n  | 'placeholder'\n  | 'id'\n  | 'name'\n  | 'onBlur'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'aria-required'\n> &\n  Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> &\n  Pick<\n    ComboboxProps<Value>,\n    | 'disabled'\n    | 'inputRef'\n    | 'value'\n    | 'defaultValue'\n    | 'onValueChange'\n    | 'itemToStringLabel'\n    | 'itemToStringValue'\n    | 'filter'\n    | 'isItemEqualToValue'\n  > &\n  Pick<\n    ComboboxChipsProps<Value>,\n    'itemToChipLabel' | 'itemToChipColor' | 'pinnedChipLabels' | 'maxVisible'\n  > &\n  CreatableProps<Value> &\n  VirtualizedProps & {\n    /** Read as immutable: pass a new array to change it; one mutated in place is not re-filtered. */\n    items?: readonly (Value | GroupShape)[];\n\n    // root specific\n    /** Clear-all button, shown only while chips exist. Chips stay removable either way. */\n    allowClear?: boolean;\n    /** \"Select All\" row for the whole set; hidden while a query is active, clears when all are selected. */\n    allowSelectAll?: boolean;\n    empty?: ReactNode;\n    /** Options still arriving; doesn't disable — pass `disabled` where the user must wait. */\n    isLoading?: boolean;\n    indicator?: Indicator;\n\n    // query specific\n    /** Rewrites typed text before filtering and creating. Sees the whole text per keystroke — don't `trim()`. */\n    inputValueSanitizer?: (input: string) => string;\n    /** Reports the sanitized query, on mount too. Notification only — the control owns the text. */\n    onQueryChange?: (query: string) => void;\n\n    // item specific\n    /**\n     * Row and chip content (unless `itemToChipLabel`), `itemToStringLabel` by default.\n     * - `query` is the search text, for `MarkedText`; a chip gets `''`.\n     */\n    itemToLabel?: (item: Value, query: string) => ReactNode;\n    itemToIcon?: (item: Value) => ReactNode;\n    itemToDisabled?: (item: Value) => boolean;\n\n    // chip specific\n    /** Replaces the default chips; the chip props, `maxVisible` included, are then ignored. */\n    renderChips?: (values: Value[]) => ReactNode;\n\n    // group specific\n    /** Defaults to the group's `label`, as `Select` shows it. */\n    groupToLabel?: (group: GroupShape) => ReactNode;\n    /** A row per group that folds it. A query shows every match regardless; state is keyed by position. */\n    collapsibleGroups?: boolean;\n    /** A group's row selects its matching enabled items. The row itself never enters `value`. */\n    selectableGroups?: boolean;\n  };\n\nconst NO_ITEMS: readonly never[] = [];\nconst NO_VALUES: never[] = [];\n\n/**\n * Searchable multi-select with chips, built on Base UI Combobox.\n *\n * @see RECIPES.md#creatable-multi-combobox\n * @see RECIPES.md#filter-toolbar\n */\nexport const MultiCombobox = <Value, GroupShape extends Group<Value> = Group<Value>>({\n  // root props\n  items: _itemsProp,\n  value: _valueProp,\n  defaultValue,\n  onValueChange,\n  itemToStringLabel,\n  itemToStringValue,\n  disabled,\n  filter: filterProp,\n  isItemEqualToValue: isItemEqualToValueProp,\n  inputRef,\n\n  // input props\n  variant,\n  sizing,\n  focusVariant,\n  state,\n  placeholder,\n  allowClear = true,\n  id,\n  name,\n  onBlur,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  'aria-required': ariaRequired,\n  className,\n\n  // own props\n  allowSelectAll = false,\n  empty = 'No items',\n  isLoading = false,\n  indicator,\n  virtualized = false,\n\n  // query\n  inputValueSanitizer,\n  onQueryChange,\n\n  // creatable\n  allowCreate,\n  canCreate,\n  queryToCreateValue,\n  queryToCreateLabel = defaultQueryToCreateLabel,\n  createSeparator = DEFAULT_ENTRY_SEPARATOR,\n\n  // own item props\n  itemToDisabled = defaultItemToDisabled,\n  itemToLabel: itemToLabelProp,\n  itemToIcon = defaultItemToIcon,\n  groupToLabel = defaultGroupToLabel,\n  collapsibleGroups = false,\n  selectableGroups = false,\n  itemToChipLabel,\n  itemToChipColor,\n  pinnedChipLabels,\n  renderChips,\n  // Value editors pass `Infinity` (a chip inside `+N` can't be removed); single-row filters `1`.\n  maxVisible = 3,\n}: Props<Value, GroupShape>) => {\n  const itemsProp = _itemsProp ?? NO_ITEMS;\n  // Held here while `value` is absent; Base UI always gets the selection as `value`.\n  const [valueProp, setValueProp] = useControllableState<Value[]>({\n    prop: _valueProp === null ? NO_VALUES : _valueProp,\n    defaultProp: defaultValue ?? NO_VALUES,\n  });\n  const itemToString = useCallback(\n    (item: Value) => itemToStringLabel?.(item) ?? toLabel(item),\n    [itemToStringLabel],\n  );\n  const itemToLabel = itemToLabelProp ?? defaultRowLabel(itemToStringLabel);\n  const renderArgo = useArgoDesign();\n  const chipVariant = renderArgo ? 'pill' : 'default';\n\n  const [inputValue, setInputValue] = useState('');\n  const [createdItems, setCreatedItems] = useState<Value[]>([]);\n  const query = inputValue.trim();\n\n  useQueryReporter(query, onQueryChange);\n\n  // `aria-busy` on the input only (list items stay pickable); absent rather than `false`.\n  const busy = isLoading || undefined;\n\n  // Held here only when needed — owning the text re-renders on every keystroke.\n  // - `itemToLabel` needs it: its rows receive the query.\n  const ownsInput = Boolean(\n    allowCreate ||\n    inputValueSanitizer ||\n    onQueryChange ||\n    itemToLabelProp ||\n    collapsibleGroups ||\n    selectableGroups,\n  );\n\n  const baseItems = useWithCreated(itemsProp, createdItems);\n\n  const allFlatItems = flatItems(baseItems);\n  const sampleItem = allFlatItems[0];\n  // Otherwise `0 === 0` reads as all selected and puts the row's entry into `value`.\n  const hasSelectAllRow = allowSelectAll && allFlatItems.length > 0;\n  const isAllSelected = hasSelectAllRow && allFlatItems.length === (valueProp?.length ?? 0);\n\n  const defaultFilter = BaseCombobox.useFilter({\n    multiple: true,\n    value: valueProp,\n  });\n\n  // Keeps the control's own rows (create, group header) away from the caller's projection.\n  // Stable while the caller's accessor is: Base UI re-filters on every new identity.\n  const wrappedItemToStringLabel = useMemo<ComboboxProps<Value>['itemToStringLabel']>(() => {\n    // No caller projection keeps Base UI's own accessor.\n    if (!allowCreate && !collapsibleGroups && !selectableGroups) {\n      return itemToStringLabel && itemToString;\n    }\n    return (item) => {\n      if (isCreatableItem(item)) return item.value;\n      if (isGroupHeaderItem(item)) return item.label;\n      return itemToString(item);\n    };\n  }, [allowCreate, collapsibleGroups, selectableGroups, itemToStringLabel, itemToString]);\n\n  const itemFilter: NonNullable<ComboboxProps<Value>['filter']> =\n    filterProp ?? defaultFilter.contains;\n\n  const isItemEqualToValue = useItemEquality(isItemEqualToValueProp);\n\n  const groupHeaders = useGroupHeaders<Value, GroupShape>({\n    items: itemsProp,\n    collapsible: collapsibleGroups,\n    selectable: selectableGroups,\n    query,\n    matches: (item) => itemFilter(item, query, wrappedItemToStringLabel),\n    isItemEqualToValue,\n  });\n\n  const listItems = useWithCreated(groupHeaders.items, createdItems);\n\n  const virtualList = useVirtualList(baseItems, virtualized);\n\n  const labelKey = (item: Value) => itemToString(item).toLowerCase();\n\n  const createParts = !allowCreate || disabled || !query ? [] : splitEntry(query, createSeparator);\n\n  const selectedKeys = new Set<string>();\n  if (createParts.length > 0) for (const item of valueProp) selectedKeys.add(labelKey(item));\n\n  // A set only when `canCreate` asks per value; otherwise one early-exiting scan is cheaper.\n  const itemKeys = new Set<string>();\n  if (createParts.length > 0 && canCreate) {\n    for (const item of allFlatItems) itemKeys.add(labelKey(item));\n  }\n  const namesAnItem = (key: string) =>\n    canCreate ? itemKeys.has(key) : allFlatItems.some((item) => labelKey(item) === key);\n\n  /**\n   * The entry's values not yet selected, minus those `canCreate` rejects.\n   *\n   * - Both names the create row and is exactly what committing it adds.\n   * - A value naming an existing item counts and bypasses `canCreate` — committing selects it.\n   */\n  const addedCreateParts = createParts.filter((part) => {\n    const key = part.toLowerCase();\n    if (selectedKeys.has(key)) return false;\n    return !canCreate || namesAnItem(key) || canCreate(part);\n  });\n\n  const soleValueKey = createParts.length === 1 ? createParts[0]!.toLowerCase() : undefined;\n\n  // A single value naming an item already has its own row; a split entry matches no row.\n  const showCreateRow =\n    addedCreateParts.length > 0 && (soleValueKey === undefined || !namesAnItem(soleValueKey));\n\n  const items = useMemo(() => {\n    const withSelectAll = hasSelectAllRow\n      ? [...toEntries(listItems, [selectAllItem]), ...listItems]\n      : listItems;\n    return showCreateRow\n      ? [...withSelectAll, ...toEntries(listItems, [createCreatableItem(query)])]\n      : withSelectAll;\n  }, [hasSelectAllRow, showCreateRow, listItems, query]);\n\n  const filterHeader = groupHeaders.enabled ? groupHeaders.filterHeader : undefined;\n  const filter = useCallback(\n    (item: Value, query: string, itemToString?: (value: Value) => string) => {\n      // Select All covers the whole item set, so it exists only while no query narrows the list.\n      if (isSelectAllItem(item)) return query.trim() === '';\n      if (isCreatableItem(item)) return true;\n\n      return filterHeader?.(item) ?? itemFilter(item, query, itemToString);\n    },\n    [filterHeader, itemFilter],\n  );\n\n  const wrappedItemToStringValue = useCreatableStringValue(itemToStringValue, allowCreate);\n\n  const value = isAllSelected ? [...valueProp, selectAllItem as Value] : valueProp;\n\n  // Without a comparer Base UI compares by identity, so a `Set` suffices.\n  const selectedSet = selectableGroups && !isItemEqualToValueProp ? new Set(valueProp) : undefined;\n  const isSelected = (item: Value) =>\n    selectedSet?.has(item) ?? valueProp.some((selected) => isItemEqualToValue(item, selected));\n\n  /** What a group's row selects: the group's items the query matches, the disabled aside. */\n  const groupTargets = (row: unknown) =>\n    groupHeaders.headerOf(row)?.matching.filter((item) => !itemToDisabled(item)) ?? [];\n\n  /**\n   * Replaces a pressed group row in `next` with its items.\n   *\n   * - Base UI adds the row to `value` like any unselected item.\n   * - A row whose items are all selected deselects them.\n   */\n  const selectGroupRow = (next: Value[]) => {\n    const row = next.find(isGroupHeaderItem);\n    if (row === undefined) return next;\n\n    const rest = next.filter((item) => item !== row);\n    const targets = groupTargets(row);\n    if (!targets.every(isSelected))\n      return [...rest, ...targets.filter((item) => !isSelected(item))];\n    return rest.filter((item) => !targets.some((target) => isItemEqualToValue(target, item)));\n  };\n\n  const groupRowChecked = (targets: Value[]) => {\n    const selectedCount = targets.filter(isSelected).length;\n    if (selectedCount === 0) return false;\n    return selectedCount === targets.length ? true : 'mixed';\n  };\n\n  const handleInputValueChange: NonNullable<ComboboxProps<Value>['onInputValueChange']> = (\n    next,\n    { reason },\n  ) => {\n    setInputValue(sanitizeTypedInput(next, reason, inputValueSanitizer));\n  };\n\n  const handleValueChange: ComboboxProps<Value>['onValueChange'] = (next, event) => {\n    // Base UI clears the text itself only when it owns it.\n    if (ownsInput) setInputValue((prev) => (prev === '' ? prev : ''));\n    // A pinned `value` with no handler: the change lands nowhere, so nothing is minted either.\n    if (!onValueChange && _valueProp !== undefined) return;\n\n    const picked = selectGroupRow(next);\n    const created: Value[] = [];\n    const converted = (() => {\n      if (!allowCreate || !picked.some(isCreatableItem)) return picked;\n\n      // A value naming an item selects it rather than minting a duplicate chip.\n      const itemsByLabel = new Map<string, Value>();\n      for (const item of allFlatItems) itemsByLabel.set(labelKey(item), item);\n\n      return picked.flatMap((item) => {\n        if (!isCreatableItem(item)) return [item];\n\n        return addedCreateParts.map((part) => {\n          const existing = itemsByLabel.get(part.toLowerCase());\n          if (existing !== undefined) return existing;\n\n          const value = defaultToCreateValue(part, sampleItem, queryToCreateValue) as Value;\n          created.push(value);\n          return value;\n        });\n      });\n    })();\n\n    const hasSelectAll = converted.some((item) => isSelectAllItem(item));\n    const newValue = (() => {\n      if (!hasSelectAllRow) return converted;\n      if (!hasSelectAll) return isAllSelected ? [] : converted;\n      return isAllSelected ? converted.filter((item) => !isSelectAllItem(item)) : allFlatItems;\n    })();\n\n    if (allowCreate) {\n      // Filter by `newValue`: `valueProp` lacks values created in this change.\n      const selected = new Set(newValue.map(itemToString));\n      setCreatedItems((prev) =>\n        [...prev, ...created].filter((item) => selected.has(itemToString(item))),\n      );\n    }\n\n    setValueProp(newValue);\n    onValueChange?.(newValue, event);\n  };\n\n  return (\n    <Combobox.Root<Value, true>\n      multiple\n      // Otherwise Enter after typing selects nothing and closes the popup.\n      autoHighlight\n      items={items}\n      value={value}\n      filter={filter}\n      isItemEqualToValue={isItemEqualToValue}\n      onValueChange={handleValueChange}\n      onOpenChange={groupHeaders.onOpenChange}\n      onItemHighlighted={(item, details) => {\n        groupHeaders.onItemHighlighted(item);\n        virtualList.onItemHighlighted(details);\n      }}\n      virtualized={virtualList.enabled}\n      itemToStringLabel={wrappedItemToStringLabel}\n      itemToStringValue={wrappedItemToStringValue}\n      disabled={disabled}\n      inputRef={inputRef}\n      {...(ownsInput ? { inputValue, onInputValueChange: handleInputValueChange } : {})}\n    >\n      <Combobox.InputGroup\n        variant={variant}\n        sizing={sizing}\n        state={state}\n        focusVariant={focusVariant}\n        className={className}\n      >\n        {/* Chips plus the input row; its press handler focuses the input, arrows move between chips. */}\n        <BaseCombobox.Chips className=\"tw:flex tw:min-w-0 tw:flex-1 tw:flex-wrap tw:items-center tw:gap-1.5 tw:px-4 tw:py-1.5\">\n          <Combobox.Chips<Value>\n            maxVisible={maxVisible}\n            variant={chipVariant}\n            itemToChipLabel={itemToChipLabel ?? ((item) => itemToLabel(item, ''))}\n            itemToChipColor={itemToChipColor}\n            pinnedChipLabels={pinnedChipLabels}\n          >\n            {renderChips}\n          </Combobox.Chips>\n          {/* Wraps below the chips under 120px; alone on its row it shrinks to keep both buttons inside. */}\n          <div className=\"tw:flex tw:min-w-0 tw:grow tw:items-center tw:gap-1\">\n            <Combobox.Input\n              id={id}\n              name={name}\n              onBlur={onBlur}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              aria-describedby={ariaDescribedBy}\n              aria-invalid={ariaInvalid}\n              aria-required={ariaRequired}\n              aria-busy={busy}\n              placeholder={placeholder}\n              disabled={disabled}\n              onKeyDown={groupHeaders.onInputKeyDown}\n              // Cancels the group's `&_input` padding; the chip row already pads.\n              className=\"tw:w-auto tw:min-w-0 tw:grow tw:basis-[120px] tw:!px-0 tw:!py-0\"\n            />\n            {allowClear && <ComboboxClearButton disabled={disabled} />}\n            <ComboboxOpenButton disabled={disabled} isLoading={isLoading} />\n          </div>\n        </BaseCombobox.Chips>\n      </Combobox.InputGroup>\n      <Combobox.Content>\n        <ComboboxOptions<Value, GroupShape>\n          isLoading={isLoading}\n          empty={empty}\n          virtualized={virtualList.enabled}\n          listRef={virtualList.ref}\n          groupHeaders={groupHeaders}\n          groupToLabel={groupToLabel}\n          indicator={indicator}\n          itemToLabel={(item) => itemToLabel(item, query)}\n          itemToIcon={itemToIcon}\n          itemToDisabled={itemToDisabled}\n          // Names exactly the values committing the row adds.\n          createLabel={() => queryToCreateLabel(joinCreateParts(addedCreateParts, createSeparator))}\n          groupRowState={\n            selectableGroups\n              ? (row) => {\n                  const targets = groupTargets(row);\n                  return { checked: groupRowChecked(targets), disabled: targets.length === 0 };\n                }\n              : undefined\n          }\n        />\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n};\n"],"mappings":"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"}

package/dist/internal/blocks/NumberInput.js

@@ -1,4 +1,4 @@
-import { InputGroup } from "../../InputGroup-DcZRlVnN.js";
+import { InputGroup } from "../../InputGroup-B4QOPxHl.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/NumberInput/NumberInput.tsx
 const toNumberOrNull = (event) => Number.isNaN(event.target.valueAsNumber) ? null : event.target.valueAsNumber;

package/dist/internal/blocks/OtpInput.js

@@ -1,2 +1,2 @@
-import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "../../OtpInput-CbbymqYs.js";
+import { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "../../OtpInput-I8B8Vjdl.js";
 export { OtpInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };

package/dist/internal/blocks/PageHeader.js

@@ -1,2 +1,2 @@
-import { PageHeader } from "../../PageHeader-Q3IpCnQd.js";
+import { PageHeader } from "../../PageHeader-CgfyXpf1.js";
 export { PageHeader };

package/dist/internal/blocks/PageLayout.js

@@ -1,2 +1,2 @@
-import { PageLayout } from "../../PageLayout-DSVM-ASz.js";
+import { PageLayout } from "../../PageLayout-DiAAILuS.js";
 export { PageLayout };

package/dist/internal/blocks/PageToolbar.js

@@ -1,2 +1,2 @@
-import { PageToolbar } from "../../PageToolbar-BKVJiDAL.js";
+import { PageToolbar } from "../../PageToolbar-DOAtAnfL.js";
 export { PageToolbar };

package/dist/internal/blocks/PasswordInput.js

@@ -1,8 +1,8 @@
-import { createChangeInputEvent } from "../../utils-DnkrFYqY.js";
+import { createChangeInputEvent } from "../../utils-Bd28bWgm.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
-import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-Cek151jC.js";
-import { InputGroup } from "../../InputGroup-DcZRlVnN.js";
-import { useControllableState } from "../../useControllableState-M6494mCT.js";
+import { ArrowBigUpDash, Eye, EyeOff, X } from "../../icons-wcA70iQx.js";
+import { InputGroup } from "../../InputGroup-B4QOPxHl.js";
+import { useControllableState } from "../../useControllableState-CUYXMsfz.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/PasswordInput/PasswordInput.tsx