@spark-ui/components 17.5.2 → 17.5.4-beta.0

package/dist/combobox/index.mjs

@@ -134,11 +134,11 @@ var O = (e, t) => {
 			H(P ? e : []);
 		} else le(I.get(P) || null);
 	}, [o ? JSON.stringify(P) : P]);
-	let W = ee(), de = `${ce}-label-${p()}`, G = `${ce}-field-${p()}`, K = W.id || G, fe = W.labelId || de, pe = W.state || t, q = W.disabled ?? a, J = W.readOnly ?? s, [Y, X] = g(re(e, "Combobox.Popover")), [Z, me] = g(!1), [Q, he] = g("mouse");
+	let W = ee(), de = `${ce}-label-${p()}`, G = `${ce}-field-${p()}`, K = W.id || G, fe = W.labelId || de, pe = W.state || t, q = W.disabled ?? a, J = W.readOnly ?? s, [Y, X] = g(re(e, "Combobox.Popover")), [me, he] = g(!1), [Z, ge] = g("mouse"), Q = h(null);
 	f(() => {
 		z(F ? se(I, E) : I);
 	}, [E, I]);
-	let $ = T({
+	let _e = T({
 		selectedItems: V,
 		stateReducer: (e, { type: t, changes: n }) => {
 			let r = T.stateChangeTypes;
@@ -160,17 +160,17 @@ var O = (e, t) => {
 					...n,
 					activeIndex: -1
 				};
-				case r.DropdownKeyDownNavigationPrevious: return _e.closeMenu(), n;
+				case r.DropdownKeyDownNavigationPrevious: return Q.current?.closeMenu(), n;
 				default: return n;
 			}
 		}
-	}), ge = Array.from(R.values());
+	}), ve = Array.from(R.values());
 	f(() => {
 		te?.(E || "");
 	}, [E]);
-	let _e = w({
+	let $ = w({
 		inputId: K,
-		items: ge,
+		items: ve,
 		selectedItem: o ? void 0 : B,
 		id: K,
 		labelId: fe,
@@ -185,11 +185,11 @@ var O = (e, t) => {
 		},
 		itemToString: (e) => e?.text,
 		isItemDisabled: (e) => {
-			let t = !!E && !ge.some((t) => e.value === t.value);
+			let t = !!E && !ve.some((t) => e.value === t.value);
 			return e.disabled || t;
 		},
 		stateReducer: o ? ie({
-			multiselect: $,
+			multiselect: _e,
 			selectedItems: V,
 			allowCustomValue: n,
 			setSelectedItems: U,
@@ -204,34 +204,34 @@ var O = (e, t) => {
 			e && e.scrollIntoView({ block: "nearest" });
 		}
 	});
-	f(() => {
+	Q.current = $, f(() => {
 		let t = ne(e), n = [...I.values()], r = [...t.values()];
 		(n.length !== r.length || n.some((e, t) => {
 			let n = e.value !== r[t]?.value, i = e.text !== r[t]?.text;
 			return n || i;
 		})) && L(t);
 	}, [e]);
-	let [ve, ye] = Y ? [i, { open: !0 }] : [c, {}];
+	let [ye, be] = Y ? [i, { open: !0 }] : [c, {}];
 	return /* @__PURE__ */ v(oe.Provider, {
 		value: {
 			itemsMap: I,
 			filteredItemsMap: R,
-			highlightedItem: k(R, _e.highlightedIndex),
+			highlightedItem: k(R, $.highlightedIndex),
 			multiple: o,
 			disabled: q,
 			readOnly: J,
-			areSelectedItemsInTrigger: Z,
-			setAreSelectedItemsInTrigger: me,
+			areSelectedItemsInTrigger: me,
+			setAreSelectedItemsInTrigger: he,
 			hasPopover: Y,
 			setHasPopover: X,
 			state: pe,
-			lastInteractionType: Q,
-			setLastInteractionType: he,
+			lastInteractionType: Z,
+			setLastInteractionType: ge,
 			wrap: l,
 			innerInputRef: M,
 			triggerAreaRef: j,
-			..._e,
 			...$,
+			..._e,
 			setInputValue: D,
 			selectItem: ue,
 			setSelectedItems: U,
@@ -240,8 +240,8 @@ var O = (e, t) => {
 			isTyping: O,
 			setIsTyping: A
 		},
-		children: /* @__PURE__ */ v(ve, {
-			...ye,
+		children: /* @__PURE__ */ v(ye, {
+			...be,
 			children: e
 		})
 	});
@@ -527,15 +527,15 @@ var X = ({ children: e, className: t, ref: n }) => /* @__PURE__ */ v("div", {
 X.displayName = "Combobox.Label";
 //#endregion
 //#region src/combobox/ComboboxLeadingIcon.tsx
-var Z = ({ children: e }) => /* @__PURE__ */ v(t, {
+var me = ({ children: e }) => /* @__PURE__ */ v(t, {
 	size: "sm",
 	className: "h-sz-44 shrink-0",
 	children: e
 });
-Z.displayName = "Combobox.LeadingIcon";
+me.displayName = "Combobox.LeadingIcon";
 //#endregion
 //#region src/combobox/ComboboxPopover.tsx
-var me = ({ children: e, matchTriggerWidth: t = !0, sideOffset: n = 4, className: r, ref: a, ...s }) => {
+var he = ({ children: e, matchTriggerWidth: t = !0, sideOffset: n = 4, className: r, ref: a, ...s }) => {
 	let c = F();
 	return f(() => (c.setHasPopover(!0), () => c.setHasPopover(!1)), []), /* @__PURE__ */ v(i.Content, {
 		ref: a,
@@ -552,17 +552,17 @@ var me = ({ children: e, matchTriggerWidth: t = !0, sideOffset: n = 4, className
 		children: e
 	});
 };
-me.displayName = "Combobox.Popover";
+he.displayName = "Combobox.Popover";
 //#endregion
 //#region src/combobox/ComboboxPortal.tsx
-var Q = ({ children: e, ...t }) => /* @__PURE__ */ v(i.Portal, {
+var Z = ({ children: e, ...t }) => /* @__PURE__ */ v(i.Portal, {
 	...t,
 	children: e
 });
-Q.displayName = "Combobox.Portal";
+Z.displayName = "Combobox.Portal";
 //#endregion
 //#region src/combobox/ComboboxSelectedItems.tsx
-var he = ({ item: e, index: n }) => {
+var ge = ({ item: e, index: n }) => {
 	let r = F(), i = !r.disabled && !r.readOnly, a = (e) => {
 		let t = e.target;
 		r.lastInteractionType === "keyboard" && t.scrollIntoView({
@@ -609,17 +609,17 @@ var he = ({ item: e, index: n }) => {
 			})
 		]
 	}, `selected-item-${n}`);
-}, $ = () => {
+}, Q = () => {
 	let e = F();
-	return e.multiple && e.selectedItems.length ? /* @__PURE__ */ v(_, { children: e.selectedItems.map((e, t) => /* @__PURE__ */ v(he, {
+	return e.multiple && e.selectedItems.length ? /* @__PURE__ */ v(_, { children: e.selectedItems.map((e, t) => /* @__PURE__ */ v(ge, {
 		item: e,
 		index: t
 	}, e.value)) }) : null;
 };
-$.displayName = "Combobox.SelectedItems";
+Q.displayName = "Combobox.SelectedItems";
 //#endregion
 //#region src/combobox/ComboboxTrigger.styles.tsx
-var ge = a([
+var _e = a([
 	"flex items-start gap-md min-h-sz-44 text-body-1",
 	"h-fit rounded-lg px-lg",
 	"ring-1 outline-hidden ring-inset focus-within:ring-2 focus-within:ring-focus"
@@ -652,7 +652,7 @@ var ge = a([
 		disabled: !1,
 		readOnly: !1
 	}
-}), _e = (e, t) => {
+}), ve = (e, t) => {
 	let n = h(null);
 	f(() => {
 		let r = () => {
@@ -661,7 +661,7 @@ var ge = a([
 		}, i = requestAnimationFrame(r);
 		return () => cancelAnimationFrame(i);
 	}, [e]);
-}, ve = ({ className: e, children: t, ref: n }) => {
+}, $ = ({ className: e, children: t, ref: n }) => {
 	let r = F(), a = ee(), s = N(t, "Combobox.LeadingIcon"), l = N(t, "Combobox.SelectedItems"), u = N(t, "Combobox.Input"), d = N(t, "Combobox.ClearButton"), p = N(t, "Combobox.Disclosure"), [m, g] = r.hasPopover ? [i.Anchor, {
 		asChild: !0,
 		type: void 0
@@ -671,7 +671,7 @@ var ge = a([
 			S.current.scrollLeft = e - t;
 		}
 	};
-	_e(S, E);
+	ve(S, E);
 	let D = !!l;
 	return f(() => {
 		r.setAreSelectedItemsInTrigger(D);
@@ -684,7 +684,7 @@ var ge = a([
 		...g,
 		children: /* @__PURE__ */ y("div", {
 			ref: b,
-			className: ge({
+			className: _e({
 				className: e,
 				state: r.state,
 				disabled: C,
@@ -707,7 +707,7 @@ var ge = a([
 		})
 	}) });
 };
-ve.displayName = "Combobox.Trigger";
+$.displayName = "Combobox.Trigger";
 //#endregion
 //#region src/combobox/index.ts
 var ye = Object.assign(I, {
@@ -717,17 +717,17 @@ var ye = Object.assign(I, {
 	ItemText: Y,
 	ItemIndicator: q,
 	Label: X,
-	Popover: me,
-	Trigger: ve,
-	LeadingIcon: Z,
+	Popover: he,
+	Trigger: $,
+	LeadingIcon: me,
 	Empty: z,
 	Input: U,
 	Disclosure: R,
-	SelectedItems: $,
+	SelectedItems: Q,
 	ClearButton: L,
-	Portal: Q
+	Portal: Z
 });
-ye.displayName = "Combobox", H.displayName = "Combobox.Group", J.displayName = "Combobox.Items", K.displayName = "Combobox.Item", Y.displayName = "Combobox.ItemText", q.displayName = "Combobox.ItemIndicator", X.displayName = "Combobox.Label", me.displayName = "Combobox.Popover", ve.displayName = "Combobox.Trigger", Z.displayName = "Combobox.LeadingIcon", z.displayName = "Combobox.Empty", U.displayName = "Combobox.Input", R.displayName = "Combobox.Disclosure", $.displayName = "Combobox.SelectedItems", L.displayName = "Combobox.ClearButton", Q.displayName = "Combobox.Portal";
+ye.displayName = "Combobox", H.displayName = "Combobox.Group", J.displayName = "Combobox.Items", K.displayName = "Combobox.Item", Y.displayName = "Combobox.ItemText", q.displayName = "Combobox.ItemIndicator", X.displayName = "Combobox.Label", he.displayName = "Combobox.Popover", $.displayName = "Combobox.Trigger", me.displayName = "Combobox.LeadingIcon", z.displayName = "Combobox.Empty", U.displayName = "Combobox.Input", R.displayName = "Combobox.Disclosure", Q.displayName = "Combobox.SelectedItems", L.displayName = "Combobox.ClearButton", Z.displayName = "Combobox.Portal";
 //#endregion
 export { ye as Combobox, P as ComboboxProvider, F as useComboboxContext };
 

package/dist/combobox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/combobox/utils/index.ts","../../src/combobox/useCombobox/multipleSelectionReducer.ts","../../src/combobox/useCombobox/singleSelectionReducer.ts","../../src/combobox/ComboboxContext.tsx","../../src/combobox/Combobox.tsx","../../src/combobox/ComboboxClearButton.tsx","../../src/combobox/ComboboxDisclosure.tsx","../../src/combobox/ComboboxEmpty.tsx","../../src/combobox/ComboboxItemsGroupContext.tsx","../../src/combobox/ComboboxGroup.tsx","../../src/combobox/ComboboxInput.tsx","../../src/combobox/ComboboxItemContext.tsx","../../src/combobox/ComboboxItem.tsx","../../src/combobox/ComboboxItemIndicator.tsx","../../src/combobox/ComboboxItems.tsx","../../src/combobox/ComboboxItemText.tsx","../../src/combobox/ComboboxLabel.tsx","../../src/combobox/ComboboxLeadingIcon.tsx","../../src/combobox/ComboboxPopover.tsx","../../src/combobox/ComboboxPortal.tsx","../../src/combobox/ComboboxSelectedItems.tsx","../../src/combobox/ComboboxTrigger.styles.tsx","../../src/combobox/utils/useWidthIncreaseCallback.ts","../../src/combobox/ComboboxTrigger.tsx","../../src/combobox/index.ts"],"sourcesContent":["import { type FC, isValidElement, type ReactElement, type ReactNode, Children } from 'react'\n\nimport { type ItemProps } from '../ComboboxItem'\nimport { type ItemTextProps } from '../ComboboxItemText'\nimport { type ComboboxItem, type ItemsMap } from '../types'\n\nexport function getIndexByKey(map: ItemsMap, targetKey: string) {\n  let index = 0\n  for (const [key] of map.entries()) {\n    if (key === targetKey) {\n      return index\n    }\n    index++\n  }\n\n  return -1\n}\n\nconst getKeyAtIndex = (map: ItemsMap, index: number) => {\n  let i = 0\n  for (const key of map.keys()) {\n    if (i === index) return key\n    i++\n  }\n\n  return undefined\n}\n\nexport const getElementByIndex = (map: ItemsMap, index: number) => {\n  const key = getKeyAtIndex(map, index)\n\n  return key !== undefined ? map.get(key) : undefined\n}\n\nconst getElementDisplayName = (element?: ReactElement) => {\n  return element ? (element.type as FC & { displayName?: string }).displayName : ''\n}\n\nexport const getOrderedItems = (\n  children: ReactNode,\n  result: ComboboxItem[] = []\n): ComboboxItem[] => {\n  Children.forEach(children, child => {\n    if (!isValidElement(child)) return\n\n    if (getElementDisplayName(child) === 'Combobox.Item') {\n      const childProps = child.props as ItemProps\n      result.push({\n        value: childProps.value,\n        disabled: !!childProps.disabled,\n        text: getItemText(childProps.children),\n      })\n    }\n\n    if ((child.props as ItemProps).children) {\n      getOrderedItems((child.props as ItemProps).children, result)\n    }\n  })\n\n  return result\n}\n\nconst findNestedItemText = (children: ReactNode): string => {\n  if (!children) return ''\n\n  for (const child of Children.toArray(children)) {\n    if (isValidElement(child)) {\n      const childElement = child as ReactElement\n\n      if (getElementDisplayName(childElement) === 'Combobox.ItemText') {\n        return (childElement.props as ItemTextProps).children\n      }\n\n      const foundText = findNestedItemText((childElement.props as ItemTextProps).children)\n\n      if (foundText) return foundText\n    }\n  }\n\n  return ''\n}\n\n/**\n * If Combobox.Item children:\n * - is a string, then the string is used.\n * - is JSX markup, then we look for Combobox.ItemText to get its string value.\n */\nexport const getItemText = (children: ReactNode): string => {\n  return typeof children === 'string' ? children : findNestedItemText(children)\n}\n\nexport const getItemsFromChildren = (children: ReactNode): ItemsMap => {\n  const newMap: ItemsMap = new Map()\n\n  getOrderedItems(children).forEach(itemData => {\n    newMap.set(itemData.value, itemData)\n  })\n\n  return newMap\n}\n\nexport const hasChildComponent = (children: ReactNode, displayName: string): boolean => {\n  return Children.toArray(children).some(child => {\n    if (!isValidElement(child)) return false\n\n    if (getElementDisplayName(child) === displayName) {\n      return true\n    } else if ((child.props as { children: ReactNode }).children) {\n      return hasChildComponent((child.props as { children: ReactNode }).children, displayName)\n    }\n\n    return false\n  })\n}\n\nexport const findElement = (children: ReactNode, value: string) => {\n  return Children.toArray(children)\n    .filter(isValidElement)\n    .find(child => value === getElementDisplayName(child) || '')\n}\n","import { useCombobox, UseComboboxProps, UseMultipleSelectionReturnValue } from 'downshift'\nimport { RefObject } from 'react'\n\nimport { ComboboxItem, ItemsMap } from '../types'\nimport { getIndexByKey } from '../utils'\n\ninterface Props {\n  allowCustomValue?: boolean\n  items: ItemsMap\n  selectedItems: ComboboxItem[]\n  multiselect: UseMultipleSelectionReturnValue<ComboboxItem>\n  setSelectedItems: (items: ComboboxItem[]) => void\n  triggerAreaRef: RefObject<HTMLDivElement | null>\n}\n\nexport const multipleSelectionReducer = ({\n  multiselect,\n  selectedItems,\n  allowCustomValue = false,\n  setSelectedItems,\n  triggerAreaRef,\n  items,\n}: Props) => {\n  const reducer: UseComboboxProps<ComboboxItem>['stateReducer'] = (_, { changes, type }) => {\n    const isFocusInsideTriggerArea = triggerAreaRef.current?.contains?.(document.activeElement)\n\n    // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check\n    switch (type) {\n      case useCombobox.stateChangeTypes.InputClick:\n        return {\n          ...changes,\n          isOpen: true, // keep menu opened\n        }\n      case useCombobox.stateChangeTypes.InputKeyDownEnter:\n      case useCombobox.stateChangeTypes.ItemClick: {\n        const newState = { ...changes }\n\n        if (changes.selectedItem != null) {\n          newState.inputValue = '' // keep input value after selection\n          newState.isOpen = true // keep menu opened after selection\n\n          const highlightedIndex = getIndexByKey(items, changes.selectedItem.value)\n\n          newState.highlightedIndex = highlightedIndex // preserve highlighted item index after selection\n\n          const isAlreadySelected = multiselect.selectedItems.some(\n            selectedItem => selectedItem.value === changes.selectedItem?.value\n          )\n\n          const updatedItems = isAlreadySelected\n            ? selectedItems.filter(item => item.value !== changes.selectedItem?.value)\n            : [...selectedItems, changes.selectedItem]\n\n          setSelectedItems(updatedItems)\n        }\n\n        return newState\n      }\n\n      case useCombobox.stateChangeTypes.ToggleButtonClick:\n        return {\n          ...changes,\n          inputValue: allowCustomValue ? changes.inputValue : '',\n        }\n      case useCombobox.stateChangeTypes.InputChange:\n        return {\n          ...changes,\n          selectedItem: changes.highlightedIndex === -1 ? null : changes.selectedItem,\n        }\n      case useCombobox.stateChangeTypes.InputBlur:\n        return {\n          ...changes,\n          inputValue: allowCustomValue ? changes.inputValue : '',\n          isOpen: isFocusInsideTriggerArea,\n        }\n\n      default:\n        return changes\n    }\n  }\n\n  return reducer\n}\n","import { useCombobox, UseComboboxProps } from 'downshift'\n\nimport { ComboboxItem } from '../types'\n\ninterface Props {\n  allowCustomValue?: boolean\n  filteredItems: ComboboxItem[]\n  setSelectedItem: (value: ComboboxItem | null) => void\n}\n\nexport const singleSelectionReducer = ({\n  filteredItems,\n  allowCustomValue = false,\n  setSelectedItem,\n}: Props) => {\n  const reducer: UseComboboxProps<ComboboxItem>['stateReducer'] = (state, { changes, type }) => {\n    const exactMatch = filteredItems.find(\n      item => item.text.toLowerCase() === state.inputValue.toLowerCase()\n    )\n\n    // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check\n    switch (type) {\n      case useCombobox.stateChangeTypes.InputKeyDownEscape:\n        if (!changes.selectedItem) {\n          setSelectedItem(null)\n        }\n\n        return changes\n      case useCombobox.stateChangeTypes.ItemClick:\n      case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        if (changes.selectedItem) {\n          setSelectedItem(changes.selectedItem)\n        }\n\n        return changes\n      case useCombobox.stateChangeTypes.InputClick:\n        return { ...changes, isOpen: true }\n      case useCombobox.stateChangeTypes.ToggleButtonClick:\n      case useCombobox.stateChangeTypes.InputBlur:\n        if (allowCustomValue) return changes\n\n        if (state.inputValue === '') {\n          setSelectedItem(null)\n\n          return { ...changes, selectedItem: null }\n        }\n\n        if (exactMatch) {\n          setSelectedItem(exactMatch)\n\n          return { ...changes, selectedItem: exactMatch, inputValue: exactMatch.text }\n        }\n\n        if (state.selectedItem) {\n          return { ...changes, inputValue: state.selectedItem.text }\n        }\n\n        return { ...changes, inputValue: '' }\n      default:\n        return changes\n    }\n  }\n\n  return reducer\n}\n","/* eslint-disable max-lines-per-function */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useCombobox, useMultipleSelection } from 'downshift'\nimport {\n  createContext,\n  Dispatch,\n  Fragment,\n  PropsWithChildren,\n  RefObject,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Popover } from '../popover'\nimport { type ComboboxItem, type DownshiftState, type ItemsMap } from './types'\nimport { multipleSelectionReducer } from './useCombobox/multipleSelectionReducer'\nimport { singleSelectionReducer } from './useCombobox/singleSelectionReducer'\nimport { getElementByIndex, getItemsFromChildren, hasChildComponent } from './utils'\n\nexport interface ComboboxContextState extends DownshiftState {\n  itemsMap: ItemsMap\n  filteredItemsMap: ItemsMap\n  highlightedItem: ComboboxItem | undefined\n  hasPopover: boolean\n  areSelectedItemsInTrigger: boolean\n  multiple: boolean\n  disabled: boolean\n  readOnly: boolean\n  wrap?: boolean\n  state?: 'error' | 'alert' | 'success'\n  lastInteractionType: 'mouse' | 'keyboard'\n  setHasPopover: Dispatch<SetStateAction<boolean>>\n  setAreSelectedItemsInTrigger: Dispatch<SetStateAction<boolean>>\n  setLastInteractionType: (type: 'mouse' | 'keyboard') => void\n  setOnInputValueChange: Dispatch<SetStateAction<((v: string) => void) | null>>\n  innerInputRef: RefObject<HTMLInputElement | null>\n  triggerAreaRef: RefObject<HTMLDivElement | null>\n  isLoading?: boolean\n  isTyping?: boolean\n  setIsTyping: Dispatch<SetStateAction<boolean>>\n}\n\nexport type ComboboxContextCommonProps = PropsWithChildren<{\n  /**\n   * The controlled open state of the select. Must be used in conjunction with `onOpenChange`.\n   */\n  open?: boolean\n  /**\n   * Event handler called when the open state of the select changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void\n  /**\n   * The open state of the select when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Use `state` prop to assign a specific state to the combobox, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.\n   */\n  state?: 'error' | 'alert' | 'success'\n  /**\n   * When true, prevents the user from interacting with the combobox.\n   */\n  disabled?: boolean\n  /**\n   * Sets the combobox as interactive or not.\n   */\n  readOnly?: boolean\n  /**\n   * When true, the items will be filtered depending on the value of the input (not case-sensitive).\n   */\n  filtering?: 'none' | 'auto' | 'strict'\n  /**\n   * By default, the combobox will clear or restore the input value to the selected item value on blur.\n   */\n  allowCustomValue?: boolean\n  /**\n   * In multiple selection, many selected items might be displayed. Be default, the combobox trigger will expand vertically to display them all.\n   * If you wish to keep every item on a single line, disabled this property.\n   */\n  wrap?: boolean\n  /**\n   * Display a spinner to indicate to the user that the combobox is loading results for .\n   */\n  isLoading?: boolean\n}>\n\ninterface ComboboxPropsSingle {\n  /**\n   * Prop 'multiple' indicating whether multiple values are allowed.\n   */\n  multiple?: false\n  /**\n   * The value of the select when initially rendered. Use when you do not need to control the state of the select.\n   */\n  defaultValue?: string\n  /**\n   * The controlled value of the select. Should be used in conjunction with `onValueChange`.\n   */\n  value?: string | null\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string) => void\n}\n\ninterface ComboboxPropsMultiple {\n  /**\n   * Prop 'multiple' indicating whether multiple values are allowed.\n   */\n  multiple: true\n  /**\n   * The value of the select when initially rendered. Use when you do not need to control the state of the select.\n   */\n  defaultValue?: string[]\n  /**\n   * The controlled value of the select. Should be used in conjunction with `onValueChange`.\n   */\n  value?: string[]\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string[]) => void\n}\n\nexport type ComboboxContextProps = ComboboxContextCommonProps &\n  (ComboboxPropsSingle | ComboboxPropsMultiple)\n\nconst ComboboxContext = createContext<ComboboxContextState | null>(null)\n\nconst getFilteredItemsMap = (map: ItemsMap, inputValue: string | undefined): ItemsMap => {\n  if (!inputValue) return map\n\n  return new Map(\n    Array.from(map).filter(([_, { text }]) => text.toLowerCase().includes(inputValue.toLowerCase()))\n  )\n}\n\nexport const ID_PREFIX = ':combobox'\n\nexport const ComboboxProvider = ({\n  children,\n  state: stateProp,\n  allowCustomValue = false,\n  filtering = 'auto',\n  disabled: disabledProp = false,\n  multiple = false,\n  readOnly: readOnlyProp = false,\n  wrap = true,\n  // Value\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  // Open\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  isLoading,\n}: ComboboxContextProps) => {\n  const isMounted = useRef(false)\n\n  // Input state\n  const [inputValue, setInputValue] = useState<string | undefined>('')\n  const [isTyping, setIsTyping] = useState<boolean>(filtering === 'strict')\n  const triggerAreaRef = useRef<HTMLDivElement>(null)\n  const innerInputRef = useRef<HTMLInputElement>(null)\n  const [onInputValueChange, setOnInputValueChange] = useState<((v: string) => void) | null>(null)\n\n  const [comboboxValue] = useCombinedState(controlledValue, defaultValue)\n\n  const shouldFilterItems = filtering === 'strict' || (filtering === 'auto' && isTyping)\n\n  // Items state\n  const [itemsMap, setItemsMap] = useState<ItemsMap>(getItemsFromChildren(children))\n  const [filteredItemsMap, setFilteredItems] = useState(\n    shouldFilterItems ? getFilteredItemsMap(itemsMap, inputValue) : itemsMap\n  )\n\n  const [selectedItem, setSelectedItem] = useState<ComboboxItem | null>(\n    itemsMap.get(comboboxValue as string) || null\n  )\n\n  const [selectedItems, setSelectedItems] = useState<ComboboxItem[]>(\n    comboboxValue\n      ? [...itemsMap.values()].filter(item => (comboboxValue as string[]).includes(item.value))\n      : []\n  )\n\n  const onInternalSelectedItemChange = (item: ComboboxItem | null) => {\n    setIsTyping(false)\n\n    if (item?.value !== selectedItem?.value) {\n      setSelectedItem(item)\n      setTimeout(() => {\n        onValueChange?.(item?.value as string & string[])\n      }, 0)\n    }\n  }\n\n  const onInternalSelectedItemsChange = (items: ComboboxItem[]) => {\n    setSelectedItems(items)\n    setTimeout(() => {\n      onValueChange?.(items.map(i => i.value) as string & string[])\n    }, 0)\n  }\n\n  // Sync internal state with controlled value\n  useEffect(() => {\n    if (!isMounted.current) {\n      isMounted.current = true\n\n      return\n    }\n\n    if (multiple) {\n      const newSelectedItems = (comboboxValue as string[]).reduce(\n        (accum: ComboboxItem[], value) => {\n          const match = itemsMap.get(value)\n\n          return match ? [...accum, match] : accum\n        },\n        []\n      )\n\n      setSelectedItems(comboboxValue ? newSelectedItems : [])\n    } else {\n      setSelectedItem(itemsMap.get(comboboxValue as string) || null)\n    }\n  }, [multiple ? JSON.stringify(comboboxValue) : comboboxValue])\n\n  // Form field state\n  const field = useFormFieldControl()\n\n  const internalFieldLabelID = `${ID_PREFIX}-label-${useId()}`\n  const internalFieldID = `${ID_PREFIX}-field-${useId()}`\n  const id = field.id || internalFieldID\n  const labelId = field.labelId || internalFieldLabelID\n\n  const state = field.state || stateProp\n  const disabled = field.disabled ?? disabledProp\n  const readOnly = field.readOnly ?? readOnlyProp\n\n  const [hasPopover, setHasPopover] = useState<boolean>(\n    hasChildComponent(children, 'Combobox.Popover')\n  )\n\n  const [areSelectedItemsInTrigger, setAreSelectedItemsInTrigger] = useState(false)\n\n  const [lastInteractionType, setLastInteractionType] = useState<'mouse' | 'keyboard'>('mouse')\n\n  useEffect(() => {\n    setFilteredItems(shouldFilterItems ? getFilteredItemsMap(itemsMap, inputValue) : itemsMap)\n  }, [inputValue, itemsMap])\n\n  const multiselect = useMultipleSelection<ComboboxItem>({\n    selectedItems,\n    stateReducer: (state, { type, changes }) => {\n      const types = useMultipleSelection.stateChangeTypes\n\n      // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check\n      switch (type) {\n        case types.SelectedItemKeyDownBackspace:\n        case types.SelectedItemKeyDownDelete: {\n          onInternalSelectedItemsChange(changes.selectedItems || [])\n\n          let activeIndex\n\n          if (type === types.SelectedItemKeyDownDelete) {\n            const isLastItem = state?.activeIndex === changes.selectedItems?.length\n            activeIndex = isLastItem ? -1 : state.activeIndex\n          } else {\n            const hasItemBefore = (changes?.activeIndex || 0) - 1 >= 0\n            activeIndex = hasItemBefore ? state.activeIndex - 1 : changes?.activeIndex\n          }\n\n          return {\n            ...changes,\n            activeIndex,\n          }\n        }\n        case types.SelectedItemClick:\n          if (innerInputRef.current) {\n            innerInputRef.current.focus()\n          }\n\n          return {\n            ...changes,\n            activeIndex: -1, // the focus will remain on the input\n          }\n        case types.FunctionRemoveSelectedItem:\n          return {\n            ...changes,\n            activeIndex: -1, // the focus will remain on the input\n          }\n        case types.DropdownKeyDownNavigationPrevious:\n          downshift.closeMenu()\n\n          return changes\n        default:\n          return changes\n      }\n    },\n  })\n\n  const filteredItems = Array.from(filteredItemsMap.values())\n\n  useEffect(() => {\n    onInputValueChange?.(inputValue || '')\n  }, [inputValue])\n\n  /**\n   * - props: https://github.com/downshift-js/downshift/tree/master/src/hooks/useCombobox#basic-props\n   * - state (for state reducer): https://github.com/downshift-js/downshift/tree/master/src/hooks/useCombobox#statechangetypes\n   * - output: https://github.com/downshift-js/downshift/tree/master/src/hooks/useCombobox#returned-props\n   */\n  const downshift = useCombobox<ComboboxItem>({\n    inputId: id,\n    items: filteredItems,\n    selectedItem: multiple ? undefined : selectedItem,\n    id,\n    labelId,\n    // Input\n    inputValue,\n    onInputValueChange: ({ inputValue: newInputValue }) => {\n      setInputValue(newInputValue)\n\n      if (shouldFilterItems) {\n        const filtered = getFilteredItemsMap(itemsMap, newInputValue || '')\n        setFilteredItems(filtered)\n      }\n    },\n    // Open\n    initialIsOpen: defaultOpen,\n    ...(controlledOpen != null && { isOpen: controlledOpen }),\n    onIsOpenChange: changes => {\n      if (changes.isOpen != null) {\n        onOpenChange?.(changes.isOpen)\n      }\n    },\n    // Custom Spark item object parsing\n    itemToString: item => {\n      return (item as ComboboxItem)?.text\n    },\n    isItemDisabled: item => {\n      const isFilteredOut =\n        !!inputValue &&\n        !filteredItems.some(filteredItem => {\n          return item.value === filteredItem.value\n        })\n\n      return item.disabled || isFilteredOut\n    },\n    // Main reducer\n    stateReducer: multiple\n      ? multipleSelectionReducer({\n          multiselect,\n          selectedItems,\n          allowCustomValue,\n          setSelectedItems: onInternalSelectedItemsChange,\n          triggerAreaRef,\n          items: itemsMap,\n        })\n      : singleSelectionReducer({\n          allowCustomValue,\n          setSelectedItem: onInternalSelectedItemChange,\n          filteredItems: [...filteredItemsMap.values()],\n        }),\n    /**\n     * Downshift default behaviour is to scroll into view the highlighted item when the dropdown opens. This behaviour is not stable and scrolls the dropdown to the bottom of the screen.\n     */\n    scrollIntoView: node => {\n      if (node) {\n        node.scrollIntoView({ block: 'nearest' })\n      }\n\n      return undefined\n    },\n  })\n\n  /**\n   * Indices in a Map are set when an element is added to the Map.\n   * If for some reason, in the Combobox:\n   * - items order changes\n   * - items are added\n   * - items are removed\n   *\n   * The Map must be rebuilt from the new children in order to preserve logical indices.\n   *\n   * Downshift is heavily indices based for keyboard navigation, so it it important.\n   */\n  useEffect(() => {\n    const newMap = getItemsFromChildren(children)\n\n    const previousItems = [...itemsMap.values()]\n    const newItems = [...newMap.values()]\n\n    const hasItemsChanges =\n      previousItems.length !== newItems.length ||\n      previousItems.some((item, index) => {\n        const hasUpdatedValue = item.value !== newItems[index]?.value\n        const hasUpdatedText = item.text !== newItems[index]?.text\n\n        return hasUpdatedValue || hasUpdatedText\n      })\n\n    if (hasItemsChanges) {\n      setItemsMap(newMap)\n    }\n  }, [children])\n\n  /**\n   * Warning:\n   * Downshift is expecting the items list to always be rendered, as per a11y guidelines.\n   * This is why the `Popover` is always opened in this component, but visually hidden instead from Combobox.Popover.\n   */\n  const [WrapperComponent, wrapperProps] = hasPopover ? [Popover, { open: true }] : [Fragment, {}]\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        // Data\n        itemsMap,\n        filteredItemsMap,\n        highlightedItem: getElementByIndex(filteredItemsMap, downshift.highlightedIndex),\n        // State\n        multiple,\n        disabled,\n        readOnly,\n        areSelectedItemsInTrigger,\n        setAreSelectedItemsInTrigger,\n        hasPopover,\n        setHasPopover,\n        state,\n        lastInteractionType,\n        setLastInteractionType,\n        wrap,\n        // Refs\n        innerInputRef,\n        triggerAreaRef,\n        // Downshift state\n        ...downshift,\n        ...multiselect,\n        setInputValue,\n        selectItem: onInternalSelectedItemChange,\n        setSelectedItems: onInternalSelectedItemsChange,\n        isLoading,\n        setOnInputValueChange,\n        isTyping,\n        setIsTyping,\n      }}\n    >\n      <WrapperComponent {...wrapperProps}>{children}</WrapperComponent>\n    </ComboboxContext.Provider>\n  )\n}\n\nexport const useComboboxContext = () => {\n  const context = useContext(ComboboxContext)\n\n  if (!context) {\n    throw Error('useComboboxContext must be used within a Combobox provider')\n  }\n\n  return context\n}\n","import { type ComboboxContextProps, ComboboxProvider } from './ComboboxContext'\n\nexport type ComboboxProps = ComboboxContextProps\n\nexport const Combobox = ({ children, ...props }: ComboboxProps) => {\n  return <ComboboxProvider {...props}>{children}</ComboboxProvider>\n}\n\nCombobox.displayName = 'Combobox'\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, MouseEventHandler, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useComboboxContext } from './ComboboxContext'\n\nexport interface ClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const ClearButton = ({\n  className,\n  tabIndex = -1,\n  onClick,\n  ref,\n  ...others\n}: ClearButtonProps) => {\n  const ctx = useComboboxContext()\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    event.stopPropagation()\n\n    if (ctx.multiple) {\n      ctx.setSelectedItems([])\n    } else {\n      ctx.selectItem(null)\n    }\n\n    ctx.setInputValue('')\n\n    if (ctx.innerInputRef.current) {\n      ctx.innerInputRef.current.focus()\n    }\n\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      className={cx(className, 'h-sz-44 text-neutral hover:text-neutral-hovered')}\n      tabIndex={tabIndex}\n      onClick={handleClick}\n      type=\"button\"\n      {...others}\n    >\n      <Icon size=\"sm\">\n        <DeleteOutline />\n      </Icon>\n    </button>\n  )\n}\n\nClearButton.displayName = 'Combobox.ClearButton'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface DisclosureProps extends Omit<ComponentProps<typeof IconButton>, 'aria-label'> {\n  className?: string\n  closedLabel: string\n  openedLabel: string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Disclosure = ({\n  className,\n  closedLabel,\n  openedLabel,\n  intent = 'neutral',\n  design = 'ghost',\n  size = 'sm',\n  ref: forwardedRef,\n  ...props\n}: DisclosureProps) => {\n  const ctx = useComboboxContext()\n\n  const { ref: downshiftRef, ...downshiftDisclosureProps } = ctx.getToggleButtonProps({\n    disabled: ctx.disabled || ctx.readOnly,\n    onClick: event => {\n      event.stopPropagation()\n    },\n  })\n  const isExpanded = downshiftDisclosureProps['aria-expanded']\n  const ref = useMergeRefs(forwardedRef, downshiftRef)\n\n  return (\n    <IconButton\n      ref={ref}\n      className={cx(className, 'ml-sm mt-[calc((44px-32px)/2)]')}\n      intent={intent}\n      design={design}\n      size={size}\n      {...downshiftDisclosureProps}\n      {...props}\n      aria-label={isExpanded ? openedLabel : closedLabel}\n      disabled={ctx.disabled}\n    >\n      <Icon\n        className={cx('shrink-0', 'rotate-0 transition duration-100 ease-in', {\n          'rotate-180': isExpanded,\n        })}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </IconButton>\n  )\n}\n\nDisclosure.displayName = 'Combobox.Disclosure'\n","import { cx } from 'class-variance-authority'\nimport { type ReactNode, Ref } from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface EmptyProps {\n  className?: string\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Empty = ({ className, children, ref: forwardedRef }: EmptyProps) => {\n  const ctx = useComboboxContext()\n  const hasNoItemVisible = ctx.filteredItemsMap.size === 0\n\n  return hasNoItemVisible ? (\n    <div\n      ref={forwardedRef}\n      className={cx('px-lg py-md text-body-1 text-on-surface/dim-1', className)}\n    >\n      {children}\n    </div>\n  ) : null\n}\n\nEmpty.displayName = 'Combobox.Empty'\n","import { createContext, type PropsWithChildren, useContext, useId } from 'react'\n\nimport { ID_PREFIX } from './ComboboxContext'\n\nexport interface ComboboxContextState {\n  groupLabelId: string\n}\n\ntype ComboboxContextProps = PropsWithChildren\n\nconst ComboboxGroupContext = createContext<ComboboxContextState | null>(null)\n\nexport const ComboboxGroupProvider = ({ children }: ComboboxContextProps) => {\n  const groupLabelId = `${ID_PREFIX}-group-label-${useId()}`\n\n  return (\n    <ComboboxGroupContext.Provider value={{ groupLabelId }}>\n      {children}\n    </ComboboxGroupContext.Provider>\n  )\n}\n\nexport const useComboboxGroupContext = () => {\n  const context = useContext(ComboboxGroupContext)\n\n  if (!context) {\n    throw Error('useComboboxGroupContext must be used within a ComboboxGroup provider')\n  }\n\n  return context\n}\n","import { cx } from 'class-variance-authority'\nimport { Children, isValidElement, ReactNode, Ref } from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxGroupProvider, useComboboxGroupContext } from './ComboboxItemsGroupContext'\n\ninterface GroupProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Group = ({ children, ref: forwardedRef, ...props }: GroupProps) => {\n  return (\n    <ComboboxGroupProvider>\n      <GroupContent ref={forwardedRef} {...props}>\n        {children}\n      </GroupContent>\n    </ComboboxGroupProvider>\n  )\n}\n\nconst GroupContent = ({ children, className, ref: forwardedRef }: GroupProps) => {\n  const ctx = useComboboxContext()\n  const groupCtx = useComboboxGroupContext()\n\n  const hasVisibleOptions = Children.toArray(children).some(child => {\n    return (\n      isValidElement(child) && ctx.filteredItemsMap.get((child.props as { value: string }).value)\n    )\n  })\n\n  return hasVisibleOptions ? (\n    <div\n      ref={forwardedRef}\n      role=\"group\"\n      aria-labelledby={groupCtx.groupLabelId}\n      className={cx(className)}\n    >\n      {children}\n    </div>\n  ) : null\n}\n\nGroup.displayName = 'Combobox.Group'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  Fragment,\n  Ref,\n  SyntheticEvent,\n  useEffect,\n} from 'react'\n\nimport { Popover } from '../popover'\nimport { VisuallyHidden } from '../visually-hidden'\nimport { useComboboxContext } from './ComboboxContext'\n\ntype InputPrimitiveProps = ComponentPropsWithoutRef<'input'>\n\ninterface InputProps extends Omit<InputPrimitiveProps, 'value' | 'placeholder'> {\n  className?: string\n  placeholder?: string\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  ref?: Ref<HTMLInputElement>\n}\n\nexport const Input = ({\n  'aria-label': ariaLabel,\n  className,\n  placeholder,\n  value,\n  defaultValue,\n  onValueChange,\n  ref: forwardedRef,\n  ...props\n}: InputProps) => {\n  const ctx = useComboboxContext()\n  const field = useFormFieldControl()\n  const [inputValue] = useCombinedState(value, defaultValue)\n\n  const { isInvalid, description } = field\n\n  useEffect(() => {\n    if (inputValue != null) {\n      ctx.setInputValue(inputValue)\n    }\n  }, [inputValue])\n\n  useEffect(() => {\n    if (onValueChange) {\n      ctx.setOnInputValueChange(() => onValueChange)\n    }\n\n    // Sync input with combobox default value\n    if (!ctx.multiple && ctx.selectedItem) {\n      ctx.setInputValue(ctx.selectedItem.text)\n    }\n  }, [])\n\n  const PopoverTrigger = ctx.hasPopover ? Popover.Trigger : Fragment\n  const popoverTriggerProps = ctx.hasPopover\n    ? {\n        asChild: true,\n        type: undefined,\n      }\n    : {}\n\n  const multiselectInputProps = ctx.getDropdownProps()\n  const inputRef = useMergeRefs(forwardedRef, ctx.innerInputRef, multiselectInputProps.ref)\n  const downshiftInputProps = ctx.getInputProps({\n    disabled: ctx.disabled || ctx.readOnly,\n    ...multiselectInputProps,\n    onKeyDown: event => {\n      multiselectInputProps.onKeyDown?.(event)\n      ctx.setLastInteractionType('keyboard')\n      ctx.setIsTyping(true)\n    },\n    /**\n     *\n     * Important:\n     * - without this, the input cursor is moved to the end after every change.\n     * @see https://github.com/downshift-js/downshift/issues/1108#issuecomment-674180157\n     */\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      ctx.setInputValue(e.target.value)\n    },\n    ref: inputRef,\n  })\n\n  const hasPlaceholder = ctx.multiple\n    ? !ctx.areSelectedItemsInTrigger || ctx.selectedItems.length === 0\n    : ctx.selectedItem === null\n\n  function mergeHandlers<T extends SyntheticEvent>(\n    handlerA?: (event: T) => void,\n    handlerB?: (event: T) => void\n  ) {\n    return (event: T) => {\n      handlerA?.(event)\n      handlerB?.(event)\n    }\n  }\n\n  /**\n   * Downshift has its own callbacks set for a few events types.\n   * We must merge the event handlers with the (optional) forwarded props if consumer wish to use the same events for alernate purposes (ex: tracking)\n   */\n  const mergedEventProps = {\n    onBlur: mergeHandlers(props.onBlur, downshiftInputProps.onBlur),\n    onChange: mergeHandlers(props.onChange, downshiftInputProps.onChange),\n    onClick: mergeHandlers(props.onClick, downshiftInputProps.onClick),\n    onKeyDown: mergeHandlers(props.onKeyDown, downshiftInputProps.onKeyDown),\n  }\n\n  return (\n    <>\n      {ariaLabel && (\n        <VisuallyHidden>\n          <label {...ctx.getLabelProps()}>{ariaLabel}</label>\n        </VisuallyHidden>\n      )}\n      <PopoverTrigger {...popoverTriggerProps}>\n        <input\n          data-spark-component=\"combobox-input\"\n          type=\"text\"\n          {...(hasPlaceholder && { placeholder })}\n          className={cx(\n            'max-w-full shrink-0 grow basis-[80px]',\n            'h-sz-28 bg-surface px-sm text-body-1 text-ellipsis outline-hidden',\n            'disabled:text-on-surface/dim-3 disabled:cursor-not-allowed disabled:bg-transparent',\n            'read-only:text-on-surface read-only:cursor-default read-only:bg-transparent',\n            className\n          )}\n          {...props}\n          {...downshiftInputProps}\n          {...mergedEventProps}\n          value={ctx.inputValue}\n          aria-label={ariaLabel}\n          disabled={ctx.disabled}\n          readOnly={ctx.readOnly}\n          // FormField\n          aria-invalid={isInvalid}\n          aria-describedby={description}\n        />\n      </PopoverTrigger>\n    </>\n  )\n}\n\nInput.displayName = 'Combobox.Input'\n","import {\n  createContext,\n  Dispatch,\n  type PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxItem } from './types'\nimport { getIndexByKey, getItemText } from './utils'\n\ntype ItemTextId = string | undefined\n\ninterface ComboboxItemContextState {\n  textId: ItemTextId\n  setTextId: Dispatch<SetStateAction<ItemTextId>>\n  isSelected: boolean\n  itemData: ComboboxItem\n  index: number\n  disabled: boolean\n}\n\nconst ComboboxItemContext = createContext<ComboboxItemContextState | null>(null)\n\nexport const ComboboxItemProvider = ({\n  value,\n  disabled = false,\n  children,\n}: PropsWithChildren<{ value: string; disabled?: boolean }>) => {\n  const ctx = useComboboxContext()\n\n  const [textId, setTextId] = useState<ItemTextId>(undefined)\n\n  const index = getIndexByKey(ctx.filteredItemsMap, value)\n  const itemData: ComboboxItem = { disabled, value, text: getItemText(children) }\n\n  const isSelected = ctx.multiple\n    ? ctx.selectedItems.some(selectedItem => selectedItem.value === value)\n    : ctx.selectedItem?.value === value\n\n  return (\n    <ComboboxItemContext.Provider\n      value={{ textId, setTextId, isSelected, itemData, index, disabled }}\n    >\n      {children}\n    </ComboboxItemContext.Provider>\n  )\n}\n\nexport const useComboboxItemContext = () => {\n  const context = useContext(ComboboxItemContext)\n\n  if (!context) {\n    throw Error('useComboboxItemContext must be used within a ComboboxItem provider')\n  }\n\n  return context\n}\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cva, cx } from 'class-variance-authority'\nimport { type HTMLAttributes, type ReactNode, Ref } from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxItemProvider, useComboboxItemContext } from './ComboboxItemContext'\n\nexport interface ItemProps extends HTMLAttributes<HTMLLIElement> {\n  disabled?: boolean\n  value: string\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ children, ref: forwardedRef, ...props }: ItemProps) => {\n  const { value, disabled } = props\n\n  return (\n    <ComboboxItemProvider value={value} disabled={disabled}>\n      <ItemContent ref={forwardedRef} {...props}>\n        {children}\n      </ItemContent>\n    </ComboboxItemProvider>\n  )\n}\n\nconst styles = cva('px-lg py-md text-body-1', {\n  variants: {\n    selected: {\n      true: 'font-bold',\n    },\n    disabled: {\n      true: 'opacity-dim-3 cursor-not-allowed',\n      false: 'cursor-pointer',\n    },\n    highlighted: {\n      true: '',\n    },\n    interactionType: {\n      mouse: '',\n      keyboard: '',\n    },\n  },\n  compoundVariants: [\n    {\n      highlighted: true,\n      interactionType: 'mouse',\n      class: 'bg-surface-hovered',\n    },\n    {\n      highlighted: true,\n      interactionType: 'keyboard',\n      class: 'u-outline',\n    },\n  ],\n})\n\nconst ItemContent = ({\n  className,\n  disabled = false,\n  value,\n  children,\n  ref: forwardedRef,\n  ...rest\n}: ItemProps) => {\n  const ctx = useComboboxContext()\n  const itemCtx = useComboboxItemContext()\n\n  const isVisible = !!ctx.filteredItemsMap.get(value)\n\n  const { ref: downshiftRef, ...downshiftItemProps } = ctx.getItemProps({\n    item: itemCtx.itemData,\n    index: itemCtx.index,\n  })\n\n  const ref = useMergeRefs(forwardedRef, downshiftRef)\n\n  if (!isVisible) return null\n\n  return (\n    <li\n      ref={ref}\n      className={cx(\n        styles({\n          selected: itemCtx.isSelected,\n          disabled,\n          highlighted: ctx.highlightedItem?.value === value,\n          interactionType: ctx.lastInteractionType,\n          className,\n        })\n      )}\n      key={value}\n      {...downshiftItemProps}\n      {...rest}\n      aria-selected={itemCtx.isSelected}\n      aria-labelledby={itemCtx.textId}\n    >\n      {children}\n    </li>\n  )\n}\n\nItem.displayName = 'Combobox.Item'\n","import { Check } from '@spark-ui/icons/Check'\nimport { cx } from 'class-variance-authority'\nimport { ReactNode, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useComboboxItemContext } from './ComboboxItemContext'\n\nexport interface ItemIndicatorProps {\n  children?: ReactNode\n  className?: string\n  label?: string\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const ItemIndicator = ({\n  className,\n  children,\n  label,\n  ref: forwardedRef,\n}: ItemIndicatorProps) => {\n  const { disabled, isSelected } = useComboboxItemContext()\n\n  const childElement = children || (\n    <Icon size=\"sm\">\n      <Check aria-label={label} />\n    </Icon>\n  )\n\n  return (\n    <span\n      ref={forwardedRef}\n      className={cx('min-h-sz-16 min-w-sz-16 flex', disabled && 'opacity-dim-3', className)}\n    >\n      {isSelected && childElement}\n    </span>\n  )\n}\n\nItemIndicator.displayName = 'Combobox.ItemIndicator'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, ReactNode, Ref, useLayoutEffect, useRef } from 'react'\n\nimport { Spinner } from '../spinner'\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface ItemsProps extends ComponentPropsWithoutRef<'ul'> {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLUListElement>\n}\n\nexport const Items = ({ children, className, ref: forwardedRef, ...props }: ItemsProps) => {\n  const ctx = useComboboxContext()\n\n  const { ref: downshiftRef, ...downshiftMenuProps } = ctx.getMenuProps({\n    onMouseMove: () => {\n      ctx.setLastInteractionType('mouse')\n    },\n  })\n\n  const innerRef = useRef<HTMLElement>(null)\n\n  const ref = useMergeRefs(forwardedRef, downshiftRef, innerRef)\n\n  const isOpen = ctx.hasPopover ? ctx.isOpen : true\n\n  const isPointerEventsDisabled = ctx.hasPopover && !isOpen\n\n  useLayoutEffect(() => {\n    if (innerRef.current?.parentElement) {\n      innerRef.current.parentElement.style.pointerEvents = isPointerEventsDisabled ? 'none' : ''\n      innerRef.current.style.pointerEvents = isPointerEventsDisabled ? 'none' : ''\n    }\n  }, [isPointerEventsDisabled])\n\n  return (\n    <ul\n      ref={ref}\n      className={cx(\n        className,\n        'flex flex-col',\n        isOpen ? 'block' : 'pointer-events-none invisible opacity-0',\n        ctx.hasPopover && 'p-lg',\n        ctx.isLoading && 'items-center overflow-y-auto'\n      )}\n      {...props}\n      {...downshiftMenuProps}\n      aria-busy={ctx.isLoading}\n      data-spark-component=\"combobox-items\"\n    >\n      {ctx.isLoading ? <Spinner size=\"sm\" /> : children}\n    </ul>\n  )\n}\n\nItems.displayName = 'Combobox.Items'\n","import { cx } from 'class-variance-authority'\nimport { Ref, useEffect, useId } from 'react'\n\nimport { ID_PREFIX } from './ComboboxContext'\nimport { useComboboxItemContext } from './ComboboxItemContext'\n\nexport interface ItemTextProps {\n  children: string\n  className?: string\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const ItemText = ({ children, className, ref: forwardedRef }: ItemTextProps) => {\n  const id = `${ID_PREFIX}-item-text-${useId()}`\n\n  const { setTextId } = useComboboxItemContext()\n\n  useEffect(() => {\n    setTextId(id)\n\n    return () => setTextId(undefined)\n  })\n\n  return (\n    <span id={id} className={cx('inline', className)} ref={forwardedRef}>\n      {children}\n    </span>\n  )\n}\n\nItemText.displayName = 'Combobox.ItemText'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { useComboboxGroupContext } from './ComboboxItemsGroupContext'\n\ninterface LabelProps {\n  children: string\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Label = ({ children, className, ref: forwardedRef }: LabelProps) => {\n  const groupCtx = useComboboxGroupContext()\n\n  return (\n    <div\n      ref={forwardedRef}\n      id={groupCtx.groupLabelId}\n      className={cx('px-md py-sm text-body-2 text-neutral italic', className)}\n    >\n      {children}\n    </div>\n  )\n}\n\nLabel.displayName = 'Combobox.Label'\n","import { ReactElement } from 'react'\n\nimport { Icon } from '../icon'\n\nexport const LeadingIcon = ({ children }: { children: ReactElement }) => {\n  return (\n    <Icon size={'sm'} className=\"h-sz-44 shrink-0\">\n      {children}\n    </Icon>\n  )\n}\n\nLeadingIcon.displayName = 'Combobox.LeadingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref, useEffect } from 'react'\n\nimport { Popover as SparkPopover } from '../popover'\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface PopoverProps extends ComponentProps<typeof SparkPopover.Content> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Popover = ({\n  children,\n  matchTriggerWidth = true,\n  sideOffset = 4,\n  className,\n  ref: forwardedRef,\n  ...props\n}: PopoverProps) => {\n  const ctx = useComboboxContext()\n\n  useEffect(() => {\n    ctx.setHasPopover(true)\n\n    return () => ctx.setHasPopover(false)\n  }, [])\n\n  return (\n    <SparkPopover.Content\n      ref={forwardedRef}\n      inset\n      asChild\n      matchTriggerWidth={matchTriggerWidth}\n      className={cx('z-dropdown! relative', className)}\n      sideOffset={sideOffset}\n      onOpenAutoFocus={e => {\n        /**\n         * With a combobox pattern, the focus should remain on the trigger at all times.\n         * Passing the focus to the combobox popover would break keyboard navigation.\n         */\n        e.preventDefault()\n      }}\n      {...props}\n      data-spark-component=\"combobox-popover\"\n    >\n      {children}\n    </SparkPopover.Content>\n  )\n}\n\nPopover.displayName = 'Combobox.Popover'\n","import { ReactElement } from 'react'\n\nimport { Popover as SparkPopover } from '../popover'\n\nexport const Portal: typeof SparkPopover.Portal = ({ children, ...rest }): ReactElement => (\n  <SparkPopover.Portal {...rest}>{children}</SparkPopover.Portal>\n)\n\nPortal.displayName = 'Combobox.Portal'\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { FocusEvent } from 'react'\n\nimport { Icon } from '../icon'\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxItem } from './types'\n\nconst SelectedItem = ({ item: selectedItem, index }: { item: ComboboxItem; index: number }) => {\n  const ctx = useComboboxContext()\n\n  const isCleanable = !ctx.disabled && !ctx.readOnly\n\n  const handleFocus = (e: FocusEvent<HTMLSpanElement>) => {\n    const element = e.target as HTMLSpanElement\n    if (ctx.lastInteractionType === 'keyboard') {\n      element.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      })\n    }\n  }\n\n  const { disabled, ...selectedItemProps } = ctx.getSelectedItemProps({\n    disabled: ctx.disabled || ctx.readOnly,\n    selectedItem,\n    index,\n  })\n\n  const Element = disabled ? 'button' : 'span'\n\n  return (\n    <Element\n      role=\"presentation\"\n      data-spark-component=\"combobox-selected-item\"\n      key={`selected-item-${index}`}\n      className={cx(\n        'h-sz-28 bg-neutral-container flex items-center rounded-md align-middle',\n        'text-body-2 text-on-neutral-container',\n        'disabled:opacity-dim-3 disabled:cursor-not-allowed',\n        'focus-visible:u-outline-inset outline-hidden',\n        { 'px-md': !isCleanable, 'pl-md': isCleanable }\n      )}\n      {...selectedItemProps}\n      tabIndex={-1}\n      {...(disabled && { disabled: true })}\n      onFocus={handleFocus}\n    >\n      <span\n        className={cx('line-clamp-1 overflow-x-hidden leading-normal break-all text-ellipsis', {\n          'w-max': !ctx.wrap,\n        })}\n      >\n        {selectedItem.text}\n      </span>\n      {ctx.disabled}\n      {isCleanable && (\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-hidden\n          className=\"px-md h-full cursor-pointer\"\n          onClick={e => {\n            e.stopPropagation()\n\n            const updatedSelectedItems = ctx.selectedItems.filter(\n              item => item.value !== selectedItem.value\n            )\n\n            ctx.setSelectedItems(updatedSelectedItems)\n\n            if (ctx.innerInputRef.current) {\n              ctx.innerInputRef.current.focus({ preventScroll: true })\n            }\n          }}\n        >\n          <Icon size=\"sm\">\n            <DeleteOutline />\n          </Icon>\n        </button>\n      )}\n    </Element>\n  )\n}\n\nexport const SelectedItems = () => {\n  const ctx = useComboboxContext()\n\n  return ctx.multiple && ctx.selectedItems.length ? (\n    <>\n      {ctx.selectedItems.map((item, index) => (\n        <SelectedItem key={item.value} item={item} index={index} />\n      ))}\n    </>\n  ) : null\n}\n\nSelectedItems.displayName = 'Combobox.SelectedItems'\n","import { cva } from 'class-variance-authority'\n\nexport const styles = cva(\n  [\n    'flex items-start gap-md min-h-sz-44 text-body-1',\n    'h-fit rounded-lg px-lg',\n    // outline styles\n    'ring-1 outline-hidden ring-inset focus-within:ring-2 focus-within:ring-focus',\n  ],\n  {\n    variants: {\n      allowWrap: {\n        true: '',\n        false: 'h-sz-44',\n      },\n      state: {\n        undefined: 'ring-outline',\n        error: 'ring-error',\n        alert: 'ring-alert',\n        success: 'ring-success',\n      },\n      disabled: {\n        true: 'cursor-not-allowed border-outline bg-on-surface/dim-5 text-on-surface/dim-3',\n      },\n      readOnly: {\n        true: 'cursor-default bg-on-surface/dim-5 text-on-surface',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        state: undefined,\n        class: 'default:hover:ring-outline-high',\n      },\n      {\n        disabled: false,\n        readOnly: false,\n        class: 'bg-surface text-on-surface cursor-text',\n      },\n    ],\n    defaultVariants: {\n      state: undefined,\n      disabled: false,\n      readOnly: false,\n    },\n  }\n)\n","import { RefObject, useEffect, useRef } from 'react'\n\nexport const useWidthIncreaseCallback = (\n  elementRef: RefObject<HTMLDivElement | null>,\n  callback: () => void\n): void => {\n  const prevWidthRef = useRef<number | null>(null)\n\n  useEffect(() => {\n    const checkWidthIncrease = () => {\n      const currentWidth = elementRef.current?.scrollWidth || null\n\n      if (prevWidthRef.current && currentWidth && currentWidth > prevWidthRef.current) {\n        callback()\n      }\n\n      prevWidthRef.current = currentWidth\n      requestAnimationFrame(checkWidthIncrease)\n    }\n\n    const interval = requestAnimationFrame(checkWidthIncrease)\n\n    return () => cancelAnimationFrame(interval)\n  }, [elementRef])\n}\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { Fragment, ReactNode, Ref, useEffect, useRef } from 'react'\n\nimport { Popover } from '../popover'\nimport { useComboboxContext } from './ComboboxContext'\nimport { styles } from './ComboboxTrigger.styles'\nimport { findElement } from './utils'\nimport { useWidthIncreaseCallback } from './utils/useWidthIncreaseCallback'\n\ninterface TriggerProps {\n  className?: string\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Trigger = ({ className, children, ref: forwardedRef }: TriggerProps) => {\n  const ctx = useComboboxContext()\n  const field = useFormFieldControl()\n\n  // Trigger compound elements\n  const leadingIcon = findElement(children, 'Combobox.LeadingIcon')\n  const selectedItems = findElement(children, 'Combobox.SelectedItems')\n  const input = findElement(children, 'Combobox.Input')\n  const clearButton = findElement(children, 'Combobox.ClearButton')\n  const disclosure = findElement(children, 'Combobox.Disclosure')\n\n  const [PopoverAnchor, popoverAnchorProps] = ctx.hasPopover\n    ? [Popover.Anchor, { asChild: true, type: undefined }]\n    : [Fragment, {}]\n\n  const ref = useMergeRefs(forwardedRef, ctx.triggerAreaRef)\n  const scrollableAreaRef = useRef<HTMLDivElement>(null)\n\n  const disabled = field.disabled || ctx.disabled\n  const readOnly = field.readOnly || ctx.readOnly\n\n  const hasClearButton = !!clearButton && !disabled && !readOnly\n\n  /**\n   * In case wrap behaviour is disabled, we sometimes need to scroll to the right-side of the trigger:\n   * - when a selected item chip is added.\n   * - when the component width changes (window resizing, etc.)\n   *\n   * The goal is that the typing area remains visible at all times.\n   */\n  const scrollToRight = () => {\n    if (scrollableAreaRef.current && !ctx.wrap) {\n      const { scrollWidth, clientWidth } = scrollableAreaRef.current\n      // Scroll to the rightmost position\n      scrollableAreaRef.current.scrollLeft = scrollWidth - clientWidth\n    }\n  }\n\n  useWidthIncreaseCallback(scrollableAreaRef, scrollToRight)\n\n  const hasSelectedItems = !!selectedItems\n  useEffect(() => {\n    ctx.setAreSelectedItemsInTrigger(hasSelectedItems)\n  }, [hasSelectedItems])\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(scrollToRight)\n\n    if (scrollableAreaRef.current) {\n      resizeObserver.observe(scrollableAreaRef.current)\n    }\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  return (\n    <>\n      <PopoverAnchor {...popoverAnchorProps}>\n        <div\n          ref={ref}\n          className={styles({\n            className,\n            state: ctx.state,\n            disabled,\n            readOnly,\n            allowWrap: ctx.wrap,\n          })}\n          onClick={() => {\n            if (!ctx.isOpen && !disabled && !readOnly) {\n              ctx.openMenu()\n              if (ctx.innerInputRef.current) {\n                ctx.innerInputRef.current.focus()\n              }\n            }\n          }}\n        >\n          {leadingIcon}\n          <div\n            ref={scrollableAreaRef}\n            className={cx(\n              'min-w-none gap-sm py-md inline-flex grow items-start',\n              ctx.wrap ? 'flex-wrap' : 'u-no-scrollbar overflow-x-auto p-[2px]'\n            )}\n          >\n            {selectedItems}\n            {input}\n          </div>\n\n          {hasClearButton && clearButton}\n\n          {disclosure}\n        </div>\n      </PopoverAnchor>\n    </>\n  )\n}\n\nTrigger.displayName = 'Combobox.Trigger'\n","import { Combobox as Root } from './Combobox'\nimport { ClearButton } from './ComboboxClearButton'\nimport { ComboboxProvider, useComboboxContext } from './ComboboxContext'\nimport { Disclosure } from './ComboboxDisclosure'\nimport { Empty } from './ComboboxEmpty'\nimport { Group } from './ComboboxGroup'\nimport { Input } from './ComboboxInput'\nimport { Item } from './ComboboxItem'\nimport { ItemIndicator } from './ComboboxItemIndicator'\nimport { Items } from './ComboboxItems'\nimport { ItemText } from './ComboboxItemText'\nimport { Label } from './ComboboxLabel'\nimport { LeadingIcon } from './ComboboxLeadingIcon'\nimport { Popover } from './ComboboxPopover'\nimport { Portal } from './ComboboxPortal'\nimport { SelectedItems } from './ComboboxSelectedItems'\nimport { Trigger } from './ComboboxTrigger'\n\nexport { useComboboxContext, ComboboxProvider }\n\n/**\n * A searchable dropdown that combines a text input with a list of selectable options.\n */\nexport const Combobox: typeof Root & {\n  Group: typeof Group\n  Item: typeof Item\n  Items: typeof Items\n  ItemText: typeof ItemText\n  ItemIndicator: typeof ItemIndicator\n  Label: typeof Label\n  Popover: typeof Popover\n  Trigger: typeof Trigger\n  LeadingIcon: typeof LeadingIcon\n  Empty: typeof Empty\n  Input: typeof Input\n  Disclosure: typeof Disclosure\n  SelectedItems: typeof SelectedItems\n  ClearButton: typeof ClearButton\n  Portal: typeof Portal\n} = Object.assign(Root, {\n  Group,\n  Item,\n  Items,\n  ItemText,\n  ItemIndicator,\n  Label,\n  Popover,\n  Trigger,\n  LeadingIcon,\n  Empty,\n  Input,\n  Disclosure,\n  SelectedItems,\n  ClearButton,\n  Portal,\n})\n\nCombobox.displayName = 'Combobox'\nGroup.displayName = 'Combobox.Group'\nItems.displayName = 'Combobox.Items'\nItem.displayName = 'Combobox.Item'\nItemText.displayName = 'Combobox.ItemText'\nItemIndicator.displayName = 'Combobox.ItemIndicator'\nLabel.displayName = 'Combobox.Label'\nPopover.displayName = 'Combobox.Popover'\nTrigger.displayName = 'Combobox.Trigger'\nLeadingIcon.displayName = 'Combobox.LeadingIcon'\nEmpty.displayName = 'Combobox.Empty'\nInput.displayName = 'Combobox.Input'\nDisclosure.displayName = 'Combobox.Disclosure'\nSelectedItems.displayName = 'Combobox.SelectedItems'\nClearButton.displayName = 'Combobox.ClearButton'\nPortal.displayName = 'Combobox.Portal'\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/combobox/utils/index.ts","../../src/combobox/useCombobox/multipleSelectionReducer.ts","../../src/combobox/useCombobox/singleSelectionReducer.ts","../../src/combobox/ComboboxContext.tsx","../../src/combobox/Combobox.tsx","../../src/combobox/ComboboxClearButton.tsx","../../src/combobox/ComboboxDisclosure.tsx","../../src/combobox/ComboboxEmpty.tsx","../../src/combobox/ComboboxItemsGroupContext.tsx","../../src/combobox/ComboboxGroup.tsx","../../src/combobox/ComboboxInput.tsx","../../src/combobox/ComboboxItemContext.tsx","../../src/combobox/ComboboxItem.tsx","../../src/combobox/ComboboxItemIndicator.tsx","../../src/combobox/ComboboxItems.tsx","../../src/combobox/ComboboxItemText.tsx","../../src/combobox/ComboboxLabel.tsx","../../src/combobox/ComboboxLeadingIcon.tsx","../../src/combobox/ComboboxPopover.tsx","../../src/combobox/ComboboxPortal.tsx","../../src/combobox/ComboboxSelectedItems.tsx","../../src/combobox/ComboboxTrigger.styles.tsx","../../src/combobox/utils/useWidthIncreaseCallback.ts","../../src/combobox/ComboboxTrigger.tsx","../../src/combobox/index.ts"],"sourcesContent":["import { type FC, isValidElement, type ReactElement, type ReactNode, Children } from 'react'\n\nimport { type ItemProps } from '../ComboboxItem'\nimport { type ItemTextProps } from '../ComboboxItemText'\nimport { type ComboboxItem, type ItemsMap } from '../types'\n\nexport function getIndexByKey(map: ItemsMap, targetKey: string) {\n  let index = 0\n  for (const [key] of map.entries()) {\n    if (key === targetKey) {\n      return index\n    }\n    index++\n  }\n\n  return -1\n}\n\nconst getKeyAtIndex = (map: ItemsMap, index: number) => {\n  let i = 0\n  for (const key of map.keys()) {\n    if (i === index) return key\n    i++\n  }\n\n  return undefined\n}\n\nexport const getElementByIndex = (map: ItemsMap, index: number) => {\n  const key = getKeyAtIndex(map, index)\n\n  return key !== undefined ? map.get(key) : undefined\n}\n\nconst getElementDisplayName = (element?: ReactElement) => {\n  return element ? (element.type as FC & { displayName?: string }).displayName : ''\n}\n\nexport const getOrderedItems = (\n  children: ReactNode,\n  result: ComboboxItem[] = []\n): ComboboxItem[] => {\n  Children.forEach(children, child => {\n    if (!isValidElement(child)) return\n\n    if (getElementDisplayName(child) === 'Combobox.Item') {\n      const childProps = child.props as ItemProps\n      result.push({\n        value: childProps.value,\n        disabled: !!childProps.disabled,\n        text: getItemText(childProps.children),\n      })\n    }\n\n    if ((child.props as ItemProps).children) {\n      getOrderedItems((child.props as ItemProps).children, result)\n    }\n  })\n\n  return result\n}\n\nconst findNestedItemText = (children: ReactNode): string => {\n  if (!children) return ''\n\n  for (const child of Children.toArray(children)) {\n    if (isValidElement(child)) {\n      const childElement = child as ReactElement\n\n      if (getElementDisplayName(childElement) === 'Combobox.ItemText') {\n        return (childElement.props as ItemTextProps).children\n      }\n\n      const foundText = findNestedItemText((childElement.props as ItemTextProps).children)\n\n      if (foundText) return foundText\n    }\n  }\n\n  return ''\n}\n\n/**\n * If Combobox.Item children:\n * - is a string, then the string is used.\n * - is JSX markup, then we look for Combobox.ItemText to get its string value.\n */\nexport const getItemText = (children: ReactNode): string => {\n  return typeof children === 'string' ? children : findNestedItemText(children)\n}\n\nexport const getItemsFromChildren = (children: ReactNode): ItemsMap => {\n  const newMap: ItemsMap = new Map()\n\n  getOrderedItems(children).forEach(itemData => {\n    newMap.set(itemData.value, itemData)\n  })\n\n  return newMap\n}\n\nexport const hasChildComponent = (children: ReactNode, displayName: string): boolean => {\n  return Children.toArray(children).some(child => {\n    if (!isValidElement(child)) return false\n\n    if (getElementDisplayName(child) === displayName) {\n      return true\n    } else if ((child.props as { children: ReactNode }).children) {\n      return hasChildComponent((child.props as { children: ReactNode }).children, displayName)\n    }\n\n    return false\n  })\n}\n\nexport const findElement = (children: ReactNode, value: string) => {\n  return Children.toArray(children)\n    .filter(isValidElement)\n    .find(child => value === getElementDisplayName(child) || '')\n}\n","import { useCombobox, UseComboboxProps, UseMultipleSelectionReturnValue } from 'downshift'\nimport { RefObject } from 'react'\n\nimport { ComboboxItem, ItemsMap } from '../types'\nimport { getIndexByKey } from '../utils'\n\ninterface Props {\n  allowCustomValue?: boolean\n  items: ItemsMap\n  selectedItems: ComboboxItem[]\n  multiselect: UseMultipleSelectionReturnValue<ComboboxItem>\n  setSelectedItems: (items: ComboboxItem[]) => void\n  triggerAreaRef: RefObject<HTMLDivElement | null>\n}\n\nexport const multipleSelectionReducer = ({\n  multiselect,\n  selectedItems,\n  allowCustomValue = false,\n  setSelectedItems,\n  triggerAreaRef,\n  items,\n}: Props) => {\n  const reducer: UseComboboxProps<ComboboxItem>['stateReducer'] = (_, { changes, type }) => {\n    const isFocusInsideTriggerArea = triggerAreaRef.current?.contains?.(document.activeElement)\n\n    // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check\n    switch (type) {\n      case useCombobox.stateChangeTypes.InputClick:\n        return {\n          ...changes,\n          isOpen: true, // keep menu opened\n        }\n      case useCombobox.stateChangeTypes.InputKeyDownEnter:\n      case useCombobox.stateChangeTypes.ItemClick: {\n        const newState = { ...changes }\n\n        if (changes.selectedItem != null) {\n          newState.inputValue = '' // keep input value after selection\n          newState.isOpen = true // keep menu opened after selection\n\n          const highlightedIndex = getIndexByKey(items, changes.selectedItem.value)\n\n          newState.highlightedIndex = highlightedIndex // preserve highlighted item index after selection\n\n          const isAlreadySelected = multiselect.selectedItems.some(\n            selectedItem => selectedItem.value === changes.selectedItem?.value\n          )\n\n          const updatedItems = isAlreadySelected\n            ? selectedItems.filter(item => item.value !== changes.selectedItem?.value)\n            : [...selectedItems, changes.selectedItem]\n\n          setSelectedItems(updatedItems)\n        }\n\n        return newState\n      }\n\n      case useCombobox.stateChangeTypes.ToggleButtonClick:\n        return {\n          ...changes,\n          inputValue: allowCustomValue ? changes.inputValue : '',\n        }\n      case useCombobox.stateChangeTypes.InputChange:\n        return {\n          ...changes,\n          selectedItem: changes.highlightedIndex === -1 ? null : changes.selectedItem,\n        }\n      case useCombobox.stateChangeTypes.InputBlur:\n        return {\n          ...changes,\n          inputValue: allowCustomValue ? changes.inputValue : '',\n          isOpen: isFocusInsideTriggerArea,\n        }\n\n      default:\n        return changes\n    }\n  }\n\n  return reducer\n}\n","import { useCombobox, UseComboboxProps } from 'downshift'\n\nimport { ComboboxItem } from '../types'\n\ninterface Props {\n  allowCustomValue?: boolean\n  filteredItems: ComboboxItem[]\n  setSelectedItem: (value: ComboboxItem | null) => void\n}\n\nexport const singleSelectionReducer = ({\n  filteredItems,\n  allowCustomValue = false,\n  setSelectedItem,\n}: Props) => {\n  const reducer: UseComboboxProps<ComboboxItem>['stateReducer'] = (state, { changes, type }) => {\n    const exactMatch = filteredItems.find(\n      item => item.text.toLowerCase() === state.inputValue.toLowerCase()\n    )\n\n    // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check\n    switch (type) {\n      case useCombobox.stateChangeTypes.InputKeyDownEscape:\n        if (!changes.selectedItem) {\n          setSelectedItem(null)\n        }\n\n        return changes\n      case useCombobox.stateChangeTypes.ItemClick:\n      case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        if (changes.selectedItem) {\n          setSelectedItem(changes.selectedItem)\n        }\n\n        return changes\n      case useCombobox.stateChangeTypes.InputClick:\n        return { ...changes, isOpen: true }\n      case useCombobox.stateChangeTypes.ToggleButtonClick:\n      case useCombobox.stateChangeTypes.InputBlur:\n        if (allowCustomValue) return changes\n\n        if (state.inputValue === '') {\n          setSelectedItem(null)\n\n          return { ...changes, selectedItem: null }\n        }\n\n        if (exactMatch) {\n          setSelectedItem(exactMatch)\n\n          return { ...changes, selectedItem: exactMatch, inputValue: exactMatch.text }\n        }\n\n        if (state.selectedItem) {\n          return { ...changes, inputValue: state.selectedItem.text }\n        }\n\n        return { ...changes, inputValue: '' }\n      default:\n        return changes\n    }\n  }\n\n  return reducer\n}\n","/* eslint-disable max-lines-per-function */\nimport { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useCombobox, useMultipleSelection } from 'downshift'\nimport {\n  createContext,\n  Dispatch,\n  Fragment,\n  PropsWithChildren,\n  RefObject,\n  SetStateAction,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Popover } from '../popover'\nimport { type ComboboxItem, type DownshiftState, type ItemsMap } from './types'\nimport { multipleSelectionReducer } from './useCombobox/multipleSelectionReducer'\nimport { singleSelectionReducer } from './useCombobox/singleSelectionReducer'\nimport { getElementByIndex, getItemsFromChildren, hasChildComponent } from './utils'\n\nexport interface ComboboxContextState extends DownshiftState {\n  itemsMap: ItemsMap\n  filteredItemsMap: ItemsMap\n  highlightedItem: ComboboxItem | undefined\n  hasPopover: boolean\n  areSelectedItemsInTrigger: boolean\n  multiple: boolean\n  disabled: boolean\n  readOnly: boolean\n  wrap?: boolean\n  state?: 'error' | 'alert' | 'success'\n  lastInteractionType: 'mouse' | 'keyboard'\n  setHasPopover: Dispatch<SetStateAction<boolean>>\n  setAreSelectedItemsInTrigger: Dispatch<SetStateAction<boolean>>\n  setLastInteractionType: (type: 'mouse' | 'keyboard') => void\n  setOnInputValueChange: Dispatch<SetStateAction<((v: string) => void) | null>>\n  innerInputRef: RefObject<HTMLInputElement | null>\n  triggerAreaRef: RefObject<HTMLDivElement | null>\n  isLoading?: boolean\n  isTyping?: boolean\n  setIsTyping: Dispatch<SetStateAction<boolean>>\n}\n\nexport type ComboboxContextCommonProps = PropsWithChildren<{\n  /**\n   * The controlled open state of the select. Must be used in conjunction with `onOpenChange`.\n   */\n  open?: boolean\n  /**\n   * Event handler called when the open state of the select changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void\n  /**\n   * The open state of the select when it is initially rendered. Use when you do not need to control its open state.\n   */\n  defaultOpen?: boolean\n  /**\n   * Use `state` prop to assign a specific state to the combobox, choosing from: `error`, `alert` and `success`. By doing so, the outline styles will be updated.\n   */\n  state?: 'error' | 'alert' | 'success'\n  /**\n   * When true, prevents the user from interacting with the combobox.\n   */\n  disabled?: boolean\n  /**\n   * Sets the combobox as interactive or not.\n   */\n  readOnly?: boolean\n  /**\n   * When true, the items will be filtered depending on the value of the input (not case-sensitive).\n   */\n  filtering?: 'none' | 'auto' | 'strict'\n  /**\n   * By default, the combobox will clear or restore the input value to the selected item value on blur.\n   */\n  allowCustomValue?: boolean\n  /**\n   * In multiple selection, many selected items might be displayed. Be default, the combobox trigger will expand vertically to display them all.\n   * If you wish to keep every item on a single line, disabled this property.\n   */\n  wrap?: boolean\n  /**\n   * Display a spinner to indicate to the user that the combobox is loading results for .\n   */\n  isLoading?: boolean\n}>\n\ninterface ComboboxPropsSingle {\n  /**\n   * Prop 'multiple' indicating whether multiple values are allowed.\n   */\n  multiple?: false\n  /**\n   * The value of the select when initially rendered. Use when you do not need to control the state of the select.\n   */\n  defaultValue?: string\n  /**\n   * The controlled value of the select. Should be used in conjunction with `onValueChange`.\n   */\n  value?: string | null\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string) => void\n}\n\ninterface ComboboxPropsMultiple {\n  /**\n   * Prop 'multiple' indicating whether multiple values are allowed.\n   */\n  multiple: true\n  /**\n   * The value of the select when initially rendered. Use when you do not need to control the state of the select.\n   */\n  defaultValue?: string[]\n  /**\n   * The controlled value of the select. Should be used in conjunction with `onValueChange`.\n   */\n  value?: string[]\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string[]) => void\n}\n\nexport type ComboboxContextProps = ComboboxContextCommonProps &\n  (ComboboxPropsSingle | ComboboxPropsMultiple)\n\nconst ComboboxContext = createContext<ComboboxContextState | null>(null)\n\nconst getFilteredItemsMap = (map: ItemsMap, inputValue: string | undefined): ItemsMap => {\n  if (!inputValue) return map\n\n  return new Map(\n    Array.from(map).filter(([_, { text }]) => text.toLowerCase().includes(inputValue.toLowerCase()))\n  )\n}\n\nexport const ID_PREFIX = ':combobox'\n\nexport const ComboboxProvider = ({\n  children,\n  state: stateProp,\n  allowCustomValue = false,\n  filtering = 'auto',\n  disabled: disabledProp = false,\n  multiple = false,\n  readOnly: readOnlyProp = false,\n  wrap = true,\n  // Value\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  // Open\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  isLoading,\n}: ComboboxContextProps) => {\n  const isMounted = useRef(false)\n\n  // Input state\n  const [inputValue, setInputValue] = useState<string | undefined>('')\n  const [isTyping, setIsTyping] = useState<boolean>(filtering === 'strict')\n  const triggerAreaRef = useRef<HTMLDivElement>(null)\n  const innerInputRef = useRef<HTMLInputElement>(null)\n  const [onInputValueChange, setOnInputValueChange] = useState<((v: string) => void) | null>(null)\n\n  const [comboboxValue] = useCombinedState(controlledValue, defaultValue)\n\n  const shouldFilterItems = filtering === 'strict' || (filtering === 'auto' && isTyping)\n\n  // Items state\n  const [itemsMap, setItemsMap] = useState<ItemsMap>(getItemsFromChildren(children))\n  const [filteredItemsMap, setFilteredItems] = useState(\n    shouldFilterItems ? getFilteredItemsMap(itemsMap, inputValue) : itemsMap\n  )\n\n  const [selectedItem, setSelectedItem] = useState<ComboboxItem | null>(\n    itemsMap.get(comboboxValue as string) || null\n  )\n\n  const [selectedItems, setSelectedItems] = useState<ComboboxItem[]>(\n    comboboxValue\n      ? [...itemsMap.values()].filter(item => (comboboxValue as string[]).includes(item.value))\n      : []\n  )\n\n  const onInternalSelectedItemChange = (item: ComboboxItem | null) => {\n    setIsTyping(false)\n\n    if (item?.value !== selectedItem?.value) {\n      setSelectedItem(item)\n      setTimeout(() => {\n        onValueChange?.(item?.value as string & string[])\n      }, 0)\n    }\n  }\n\n  const onInternalSelectedItemsChange = (items: ComboboxItem[]) => {\n    setSelectedItems(items)\n    setTimeout(() => {\n      onValueChange?.(items.map(i => i.value) as string & string[])\n    }, 0)\n  }\n\n  // Sync internal state with controlled value\n  useEffect(() => {\n    if (!isMounted.current) {\n      isMounted.current = true\n\n      return\n    }\n\n    if (multiple) {\n      const newSelectedItems = (comboboxValue as string[]).reduce(\n        (accum: ComboboxItem[], value) => {\n          const match = itemsMap.get(value)\n\n          return match ? [...accum, match] : accum\n        },\n        []\n      )\n\n      setSelectedItems(comboboxValue ? newSelectedItems : [])\n    } else {\n      setSelectedItem(itemsMap.get(comboboxValue as string) || null)\n    }\n  }, [multiple ? JSON.stringify(comboboxValue) : comboboxValue])\n\n  // Form field state\n  const field = useFormFieldControl()\n\n  const internalFieldLabelID = `${ID_PREFIX}-label-${useId()}`\n  const internalFieldID = `${ID_PREFIX}-field-${useId()}`\n  const id = field.id || internalFieldID\n  const labelId = field.labelId || internalFieldLabelID\n\n  const state = field.state || stateProp\n  const disabled = field.disabled ?? disabledProp\n  const readOnly = field.readOnly ?? readOnlyProp\n\n  const [hasPopover, setHasPopover] = useState<boolean>(\n    hasChildComponent(children, 'Combobox.Popover')\n  )\n\n  const [areSelectedItemsInTrigger, setAreSelectedItemsInTrigger] = useState(false)\n\n  const [lastInteractionType, setLastInteractionType] = useState<'mouse' | 'keyboard'>('mouse')\n\n  const downshiftRef = useRef<ReturnType<typeof useCombobox<ComboboxItem>> | null>(null)\n\n  useEffect(() => {\n    setFilteredItems(shouldFilterItems ? getFilteredItemsMap(itemsMap, inputValue) : itemsMap)\n  }, [inputValue, itemsMap])\n\n  const multiselect = useMultipleSelection<ComboboxItem>({\n    selectedItems,\n    stateReducer: (state, { type, changes }) => {\n      const types = useMultipleSelection.stateChangeTypes\n\n      // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check\n      switch (type) {\n        case types.SelectedItemKeyDownBackspace:\n        case types.SelectedItemKeyDownDelete: {\n          onInternalSelectedItemsChange(changes.selectedItems || [])\n\n          let activeIndex\n\n          if (type === types.SelectedItemKeyDownDelete) {\n            const isLastItem = state?.activeIndex === changes.selectedItems?.length\n            activeIndex = isLastItem ? -1 : state.activeIndex\n          } else {\n            const hasItemBefore = (changes?.activeIndex || 0) - 1 >= 0\n            activeIndex = hasItemBefore ? state.activeIndex - 1 : changes?.activeIndex\n          }\n\n          return {\n            ...changes,\n            activeIndex,\n          }\n        }\n        case types.SelectedItemClick:\n          if (innerInputRef.current) {\n            innerInputRef.current.focus()\n          }\n\n          return {\n            ...changes,\n            activeIndex: -1, // the focus will remain on the input\n          }\n        case types.FunctionRemoveSelectedItem:\n          return {\n            ...changes,\n            activeIndex: -1, // the focus will remain on the input\n          }\n        case types.DropdownKeyDownNavigationPrevious:\n          downshiftRef.current?.closeMenu()\n\n          return changes\n        default:\n          return changes\n      }\n    },\n  })\n\n  const filteredItems = Array.from(filteredItemsMap.values())\n\n  useEffect(() => {\n    onInputValueChange?.(inputValue || '')\n  }, [inputValue])\n\n  /**\n   * - props: https://github.com/downshift-js/downshift/tree/master/src/hooks/useCombobox#basic-props\n   * - state (for state reducer): https://github.com/downshift-js/downshift/tree/master/src/hooks/useCombobox#statechangetypes\n   * - output: https://github.com/downshift-js/downshift/tree/master/src/hooks/useCombobox#returned-props\n   */\n  const downshift = useCombobox<ComboboxItem>({\n    inputId: id,\n    items: filteredItems,\n    selectedItem: multiple ? undefined : selectedItem,\n    id,\n    labelId,\n    // Input\n    inputValue,\n    onInputValueChange: ({ inputValue: newInputValue }) => {\n      setInputValue(newInputValue)\n\n      if (shouldFilterItems) {\n        const filtered = getFilteredItemsMap(itemsMap, newInputValue || '')\n        setFilteredItems(filtered)\n      }\n    },\n    // Open\n    initialIsOpen: defaultOpen,\n    ...(controlledOpen != null && { isOpen: controlledOpen }),\n    onIsOpenChange: changes => {\n      if (changes.isOpen != null) {\n        onOpenChange?.(changes.isOpen)\n      }\n    },\n    // Custom Spark item object parsing\n    itemToString: item => {\n      return (item as ComboboxItem)?.text\n    },\n    isItemDisabled: item => {\n      const isFilteredOut =\n        !!inputValue &&\n        !filteredItems.some(filteredItem => {\n          return item.value === filteredItem.value\n        })\n\n      return item.disabled || isFilteredOut\n    },\n    // Main reducer\n    stateReducer: multiple\n      ? multipleSelectionReducer({\n          multiselect,\n          selectedItems,\n          allowCustomValue,\n          setSelectedItems: onInternalSelectedItemsChange,\n          triggerAreaRef,\n          items: itemsMap,\n        })\n      : singleSelectionReducer({\n          allowCustomValue,\n          setSelectedItem: onInternalSelectedItemChange,\n          filteredItems: [...filteredItemsMap.values()],\n        }),\n    /**\n     * Downshift default behaviour is to scroll into view the highlighted item when the dropdown opens. This behaviour is not stable and scrolls the dropdown to the bottom of the screen.\n     */\n    scrollIntoView: node => {\n      if (node) {\n        node.scrollIntoView({ block: 'nearest' })\n      }\n\n      return undefined\n    },\n  })\n\n  downshiftRef.current = downshift\n\n  /**\n   * Indices in a Map are set when an element is added to the Map.\n   * If for some reason, in the Combobox:\n   * - items order changes\n   * - items are added\n   * - items are removed\n   *\n   * The Map must be rebuilt from the new children in order to preserve logical indices.\n   *\n   * Downshift is heavily indices based for keyboard navigation, so it it important.\n   */\n  useEffect(() => {\n    const newMap = getItemsFromChildren(children)\n\n    const previousItems = [...itemsMap.values()]\n    const newItems = [...newMap.values()]\n\n    const hasItemsChanges =\n      previousItems.length !== newItems.length ||\n      previousItems.some((item, index) => {\n        const hasUpdatedValue = item.value !== newItems[index]?.value\n        const hasUpdatedText = item.text !== newItems[index]?.text\n\n        return hasUpdatedValue || hasUpdatedText\n      })\n\n    if (hasItemsChanges) {\n      setItemsMap(newMap)\n    }\n  }, [children])\n\n  /**\n   * Warning:\n   * Downshift is expecting the items list to always be rendered, as per a11y guidelines.\n   * This is why the `Popover` is always opened in this component, but visually hidden instead from Combobox.Popover.\n   */\n  const [WrapperComponent, wrapperProps] = hasPopover ? [Popover, { open: true }] : [Fragment, {}]\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        // Data\n        itemsMap,\n        filteredItemsMap,\n        highlightedItem: getElementByIndex(filteredItemsMap, downshift.highlightedIndex),\n        // State\n        multiple,\n        disabled,\n        readOnly,\n        areSelectedItemsInTrigger,\n        setAreSelectedItemsInTrigger,\n        hasPopover,\n        setHasPopover,\n        state,\n        lastInteractionType,\n        setLastInteractionType,\n        wrap,\n        // Refs\n        innerInputRef,\n        triggerAreaRef,\n        // Downshift state\n        ...downshift,\n        ...multiselect,\n        setInputValue,\n        selectItem: onInternalSelectedItemChange,\n        setSelectedItems: onInternalSelectedItemsChange,\n        isLoading,\n        setOnInputValueChange,\n        isTyping,\n        setIsTyping,\n      }}\n    >\n      <WrapperComponent {...wrapperProps}>{children}</WrapperComponent>\n    </ComboboxContext.Provider>\n  )\n}\n\nexport const useComboboxContext = () => {\n  const context = useContext(ComboboxContext)\n\n  if (!context) {\n    throw Error('useComboboxContext must be used within a Combobox provider')\n  }\n\n  return context\n}\n","import { type ComboboxContextProps, ComboboxProvider } from './ComboboxContext'\n\nexport type ComboboxProps = ComboboxContextProps\n\nexport const Combobox = ({ children, ...props }: ComboboxProps) => {\n  return <ComboboxProvider {...props}>{children}</ComboboxProvider>\n}\n\nCombobox.displayName = 'Combobox'\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, MouseEventHandler, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useComboboxContext } from './ComboboxContext'\n\nexport interface ClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const ClearButton = ({\n  className,\n  tabIndex = -1,\n  onClick,\n  ref,\n  ...others\n}: ClearButtonProps) => {\n  const ctx = useComboboxContext()\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n    event.stopPropagation()\n\n    if (ctx.multiple) {\n      ctx.setSelectedItems([])\n    } else {\n      ctx.selectItem(null)\n    }\n\n    ctx.setInputValue('')\n\n    if (ctx.innerInputRef.current) {\n      ctx.innerInputRef.current.focus()\n    }\n\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  return (\n    <button\n      ref={ref}\n      className={cx(className, 'h-sz-44 text-neutral hover:text-neutral-hovered')}\n      tabIndex={tabIndex}\n      onClick={handleClick}\n      type=\"button\"\n      {...others}\n    >\n      <Icon size=\"sm\">\n        <DeleteOutline />\n      </Icon>\n    </button>\n  )\n}\n\nClearButton.displayName = 'Combobox.ClearButton'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { IconButton } from '../icon-button'\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface DisclosureProps extends Omit<ComponentProps<typeof IconButton>, 'aria-label'> {\n  className?: string\n  closedLabel: string\n  openedLabel: string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const Disclosure = ({\n  className,\n  closedLabel,\n  openedLabel,\n  intent = 'neutral',\n  design = 'ghost',\n  size = 'sm',\n  ref: forwardedRef,\n  ...props\n}: DisclosureProps) => {\n  const ctx = useComboboxContext()\n\n  const { ref: downshiftRef, ...downshiftDisclosureProps } = ctx.getToggleButtonProps({\n    disabled: ctx.disabled || ctx.readOnly,\n    onClick: event => {\n      event.stopPropagation()\n    },\n  })\n  const isExpanded = downshiftDisclosureProps['aria-expanded']\n  const ref = useMergeRefs(forwardedRef, downshiftRef)\n\n  return (\n    <IconButton\n      ref={ref}\n      className={cx(className, 'ml-sm mt-[calc((44px-32px)/2)]')}\n      intent={intent}\n      design={design}\n      size={size}\n      {...downshiftDisclosureProps}\n      {...props}\n      aria-label={isExpanded ? openedLabel : closedLabel}\n      disabled={ctx.disabled}\n    >\n      <Icon\n        className={cx('shrink-0', 'rotate-0 transition duration-100 ease-in', {\n          'rotate-180': isExpanded,\n        })}\n        size=\"sm\"\n      >\n        <ArrowHorizontalDown />\n      </Icon>\n    </IconButton>\n  )\n}\n\nDisclosure.displayName = 'Combobox.Disclosure'\n","import { cx } from 'class-variance-authority'\nimport { type ReactNode, Ref } from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface EmptyProps {\n  className?: string\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Empty = ({ className, children, ref: forwardedRef }: EmptyProps) => {\n  const ctx = useComboboxContext()\n  const hasNoItemVisible = ctx.filteredItemsMap.size === 0\n\n  return hasNoItemVisible ? (\n    <div\n      ref={forwardedRef}\n      className={cx('px-lg py-md text-body-1 text-on-surface/dim-1', className)}\n    >\n      {children}\n    </div>\n  ) : null\n}\n\nEmpty.displayName = 'Combobox.Empty'\n","import { createContext, type PropsWithChildren, useContext, useId } from 'react'\n\nimport { ID_PREFIX } from './ComboboxContext'\n\nexport interface ComboboxContextState {\n  groupLabelId: string\n}\n\ntype ComboboxContextProps = PropsWithChildren\n\nconst ComboboxGroupContext = createContext<ComboboxContextState | null>(null)\n\nexport const ComboboxGroupProvider = ({ children }: ComboboxContextProps) => {\n  const groupLabelId = `${ID_PREFIX}-group-label-${useId()}`\n\n  return (\n    <ComboboxGroupContext.Provider value={{ groupLabelId }}>\n      {children}\n    </ComboboxGroupContext.Provider>\n  )\n}\n\nexport const useComboboxGroupContext = () => {\n  const context = useContext(ComboboxGroupContext)\n\n  if (!context) {\n    throw Error('useComboboxGroupContext must be used within a ComboboxGroup provider')\n  }\n\n  return context\n}\n","import { cx } from 'class-variance-authority'\nimport { Children, isValidElement, ReactNode, Ref } from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxGroupProvider, useComboboxGroupContext } from './ComboboxItemsGroupContext'\n\ninterface GroupProps {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Group = ({ children, ref: forwardedRef, ...props }: GroupProps) => {\n  return (\n    <ComboboxGroupProvider>\n      <GroupContent ref={forwardedRef} {...props}>\n        {children}\n      </GroupContent>\n    </ComboboxGroupProvider>\n  )\n}\n\nconst GroupContent = ({ children, className, ref: forwardedRef }: GroupProps) => {\n  const ctx = useComboboxContext()\n  const groupCtx = useComboboxGroupContext()\n\n  const hasVisibleOptions = Children.toArray(children).some(child => {\n    return (\n      isValidElement(child) && ctx.filteredItemsMap.get((child.props as { value: string }).value)\n    )\n  })\n\n  return hasVisibleOptions ? (\n    <div\n      ref={forwardedRef}\n      role=\"group\"\n      aria-labelledby={groupCtx.groupLabelId}\n      className={cx(className)}\n    >\n      {children}\n    </div>\n  ) : null\n}\n\nGroup.displayName = 'Combobox.Group'\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useCombinedState } from '@spark-ui/hooks/use-combined-state'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  Fragment,\n  Ref,\n  SyntheticEvent,\n  useEffect,\n} from 'react'\n\nimport { Popover } from '../popover'\nimport { VisuallyHidden } from '../visually-hidden'\nimport { useComboboxContext } from './ComboboxContext'\n\ntype InputPrimitiveProps = ComponentPropsWithoutRef<'input'>\n\ninterface InputProps extends Omit<InputPrimitiveProps, 'value' | 'placeholder'> {\n  className?: string\n  placeholder?: string\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  ref?: Ref<HTMLInputElement>\n}\n\nexport const Input = ({\n  'aria-label': ariaLabel,\n  className,\n  placeholder,\n  value,\n  defaultValue,\n  onValueChange,\n  ref: forwardedRef,\n  ...props\n}: InputProps) => {\n  const ctx = useComboboxContext()\n  const field = useFormFieldControl()\n  const [inputValue] = useCombinedState(value, defaultValue)\n\n  const { isInvalid, description } = field\n\n  useEffect(() => {\n    if (inputValue != null) {\n      ctx.setInputValue(inputValue)\n    }\n  }, [inputValue])\n\n  useEffect(() => {\n    if (onValueChange) {\n      ctx.setOnInputValueChange(() => onValueChange)\n    }\n\n    // Sync input with combobox default value\n    if (!ctx.multiple && ctx.selectedItem) {\n      ctx.setInputValue(ctx.selectedItem.text)\n    }\n  }, [])\n\n  const PopoverTrigger = ctx.hasPopover ? Popover.Trigger : Fragment\n  const popoverTriggerProps = ctx.hasPopover\n    ? {\n        asChild: true,\n        type: undefined,\n      }\n    : {}\n\n  const multiselectInputProps = ctx.getDropdownProps()\n  const inputRef = useMergeRefs(forwardedRef, ctx.innerInputRef, multiselectInputProps.ref)\n  const downshiftInputProps = ctx.getInputProps({\n    disabled: ctx.disabled || ctx.readOnly,\n    ...multiselectInputProps,\n    onKeyDown: event => {\n      multiselectInputProps.onKeyDown?.(event)\n      ctx.setLastInteractionType('keyboard')\n      ctx.setIsTyping(true)\n    },\n    /**\n     *\n     * Important:\n     * - without this, the input cursor is moved to the end after every change.\n     * @see https://github.com/downshift-js/downshift/issues/1108#issuecomment-674180157\n     */\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      ctx.setInputValue(e.target.value)\n    },\n    ref: inputRef,\n  })\n\n  const hasPlaceholder = ctx.multiple\n    ? !ctx.areSelectedItemsInTrigger || ctx.selectedItems.length === 0\n    : ctx.selectedItem === null\n\n  function mergeHandlers<T extends SyntheticEvent>(\n    handlerA?: (event: T) => void,\n    handlerB?: (event: T) => void\n  ) {\n    return (event: T) => {\n      handlerA?.(event)\n      handlerB?.(event)\n    }\n  }\n\n  /**\n   * Downshift has its own callbacks set for a few events types.\n   * We must merge the event handlers with the (optional) forwarded props if consumer wish to use the same events for alernate purposes (ex: tracking)\n   */\n  const mergedEventProps = {\n    onBlur: mergeHandlers(props.onBlur, downshiftInputProps.onBlur),\n    onChange: mergeHandlers(props.onChange, downshiftInputProps.onChange),\n    onClick: mergeHandlers(props.onClick, downshiftInputProps.onClick),\n    onKeyDown: mergeHandlers(props.onKeyDown, downshiftInputProps.onKeyDown),\n  }\n\n  return (\n    <>\n      {ariaLabel && (\n        <VisuallyHidden>\n          <label {...ctx.getLabelProps()}>{ariaLabel}</label>\n        </VisuallyHidden>\n      )}\n      <PopoverTrigger {...popoverTriggerProps}>\n        <input\n          data-spark-component=\"combobox-input\"\n          type=\"text\"\n          {...(hasPlaceholder && { placeholder })}\n          className={cx(\n            'max-w-full shrink-0 grow basis-[80px]',\n            'h-sz-28 bg-surface px-sm text-body-1 text-ellipsis outline-hidden',\n            'disabled:text-on-surface/dim-3 disabled:cursor-not-allowed disabled:bg-transparent',\n            'read-only:text-on-surface read-only:cursor-default read-only:bg-transparent',\n            className\n          )}\n          {...props}\n          {...downshiftInputProps}\n          {...mergedEventProps}\n          value={ctx.inputValue}\n          aria-label={ariaLabel}\n          disabled={ctx.disabled}\n          readOnly={ctx.readOnly}\n          // FormField\n          aria-invalid={isInvalid}\n          aria-describedby={description}\n        />\n      </PopoverTrigger>\n    </>\n  )\n}\n\nInput.displayName = 'Combobox.Input'\n","import {\n  createContext,\n  Dispatch,\n  type PropsWithChildren,\n  SetStateAction,\n  useContext,\n  useState,\n} from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxItem } from './types'\nimport { getIndexByKey, getItemText } from './utils'\n\ntype ItemTextId = string | undefined\n\ninterface ComboboxItemContextState {\n  textId: ItemTextId\n  setTextId: Dispatch<SetStateAction<ItemTextId>>\n  isSelected: boolean\n  itemData: ComboboxItem\n  index: number\n  disabled: boolean\n}\n\nconst ComboboxItemContext = createContext<ComboboxItemContextState | null>(null)\n\nexport const ComboboxItemProvider = ({\n  value,\n  disabled = false,\n  children,\n}: PropsWithChildren<{ value: string; disabled?: boolean }>) => {\n  const ctx = useComboboxContext()\n\n  const [textId, setTextId] = useState<ItemTextId>(undefined)\n\n  const index = getIndexByKey(ctx.filteredItemsMap, value)\n  const itemData: ComboboxItem = { disabled, value, text: getItemText(children) }\n\n  const isSelected = ctx.multiple\n    ? ctx.selectedItems.some(selectedItem => selectedItem.value === value)\n    : ctx.selectedItem?.value === value\n\n  return (\n    <ComboboxItemContext.Provider\n      value={{ textId, setTextId, isSelected, itemData, index, disabled }}\n    >\n      {children}\n    </ComboboxItemContext.Provider>\n  )\n}\n\nexport const useComboboxItemContext = () => {\n  const context = useContext(ComboboxItemContext)\n\n  if (!context) {\n    throw Error('useComboboxItemContext must be used within a ComboboxItem provider')\n  }\n\n  return context\n}\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cva, cx } from 'class-variance-authority'\nimport { type HTMLAttributes, type ReactNode, Ref } from 'react'\n\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxItemProvider, useComboboxItemContext } from './ComboboxItemContext'\n\nexport interface ItemProps extends HTMLAttributes<HTMLLIElement> {\n  disabled?: boolean\n  value: string\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ children, ref: forwardedRef, ...props }: ItemProps) => {\n  const { value, disabled } = props\n\n  return (\n    <ComboboxItemProvider value={value} disabled={disabled}>\n      <ItemContent ref={forwardedRef} {...props}>\n        {children}\n      </ItemContent>\n    </ComboboxItemProvider>\n  )\n}\n\nconst styles = cva('px-lg py-md text-body-1', {\n  variants: {\n    selected: {\n      true: 'font-bold',\n    },\n    disabled: {\n      true: 'opacity-dim-3 cursor-not-allowed',\n      false: 'cursor-pointer',\n    },\n    highlighted: {\n      true: '',\n    },\n    interactionType: {\n      mouse: '',\n      keyboard: '',\n    },\n  },\n  compoundVariants: [\n    {\n      highlighted: true,\n      interactionType: 'mouse',\n      class: 'bg-surface-hovered',\n    },\n    {\n      highlighted: true,\n      interactionType: 'keyboard',\n      class: 'u-outline',\n    },\n  ],\n})\n\nconst ItemContent = ({\n  className,\n  disabled = false,\n  value,\n  children,\n  ref: forwardedRef,\n  ...rest\n}: ItemProps) => {\n  const ctx = useComboboxContext()\n  const itemCtx = useComboboxItemContext()\n\n  const isVisible = !!ctx.filteredItemsMap.get(value)\n\n  const { ref: downshiftRef, ...downshiftItemProps } = ctx.getItemProps({\n    item: itemCtx.itemData,\n    index: itemCtx.index,\n  })\n\n  const ref = useMergeRefs(forwardedRef, downshiftRef)\n\n  if (!isVisible) return null\n\n  return (\n    <li\n      ref={ref}\n      className={cx(\n        styles({\n          selected: itemCtx.isSelected,\n          disabled,\n          highlighted: ctx.highlightedItem?.value === value,\n          interactionType: ctx.lastInteractionType,\n          className,\n        })\n      )}\n      key={value}\n      {...downshiftItemProps}\n      {...rest}\n      aria-selected={itemCtx.isSelected}\n      aria-labelledby={itemCtx.textId}\n    >\n      {children}\n    </li>\n  )\n}\n\nItem.displayName = 'Combobox.Item'\n","import { Check } from '@spark-ui/icons/Check'\nimport { cx } from 'class-variance-authority'\nimport { ReactNode, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { useComboboxItemContext } from './ComboboxItemContext'\n\nexport interface ItemIndicatorProps {\n  children?: ReactNode\n  className?: string\n  label?: string\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const ItemIndicator = ({\n  className,\n  children,\n  label,\n  ref: forwardedRef,\n}: ItemIndicatorProps) => {\n  const { disabled, isSelected } = useComboboxItemContext()\n\n  const childElement = children || (\n    <Icon size=\"sm\">\n      <Check aria-label={label} />\n    </Icon>\n  )\n\n  return (\n    <span\n      ref={forwardedRef}\n      className={cx('min-h-sz-16 min-w-sz-16 flex', disabled && 'opacity-dim-3', className)}\n    >\n      {isSelected && childElement}\n    </span>\n  )\n}\n\nItemIndicator.displayName = 'Combobox.ItemIndicator'\n","import { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, ReactNode, Ref, useLayoutEffect, useRef } from 'react'\n\nimport { Spinner } from '../spinner'\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface ItemsProps extends ComponentPropsWithoutRef<'ul'> {\n  children: ReactNode\n  className?: string\n  ref?: Ref<HTMLUListElement>\n}\n\nexport const Items = ({ children, className, ref: forwardedRef, ...props }: ItemsProps) => {\n  const ctx = useComboboxContext()\n\n  const { ref: downshiftRef, ...downshiftMenuProps } = ctx.getMenuProps({\n    onMouseMove: () => {\n      ctx.setLastInteractionType('mouse')\n    },\n  })\n\n  const innerRef = useRef<HTMLElement>(null)\n\n  const ref = useMergeRefs(forwardedRef, downshiftRef, innerRef)\n\n  const isOpen = ctx.hasPopover ? ctx.isOpen : true\n\n  const isPointerEventsDisabled = ctx.hasPopover && !isOpen\n\n  useLayoutEffect(() => {\n    if (innerRef.current?.parentElement) {\n      innerRef.current.parentElement.style.pointerEvents = isPointerEventsDisabled ? 'none' : ''\n      innerRef.current.style.pointerEvents = isPointerEventsDisabled ? 'none' : ''\n    }\n  }, [isPointerEventsDisabled])\n\n  return (\n    <ul\n      ref={ref}\n      className={cx(\n        className,\n        'flex flex-col',\n        isOpen ? 'block' : 'pointer-events-none invisible opacity-0',\n        ctx.hasPopover && 'p-lg',\n        ctx.isLoading && 'items-center overflow-y-auto'\n      )}\n      {...props}\n      {...downshiftMenuProps}\n      aria-busy={ctx.isLoading}\n      data-spark-component=\"combobox-items\"\n    >\n      {ctx.isLoading ? <Spinner size=\"sm\" /> : children}\n    </ul>\n  )\n}\n\nItems.displayName = 'Combobox.Items'\n","import { cx } from 'class-variance-authority'\nimport { Ref, useEffect, useId } from 'react'\n\nimport { ID_PREFIX } from './ComboboxContext'\nimport { useComboboxItemContext } from './ComboboxItemContext'\n\nexport interface ItemTextProps {\n  children: string\n  className?: string\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const ItemText = ({ children, className, ref: forwardedRef }: ItemTextProps) => {\n  const id = `${ID_PREFIX}-item-text-${useId()}`\n\n  const { setTextId } = useComboboxItemContext()\n\n  useEffect(() => {\n    setTextId(id)\n\n    return () => setTextId(undefined)\n  })\n\n  return (\n    <span id={id} className={cx('inline', className)} ref={forwardedRef}>\n      {children}\n    </span>\n  )\n}\n\nItemText.displayName = 'Combobox.ItemText'\n","import { cx } from 'class-variance-authority'\nimport { Ref } from 'react'\n\nimport { useComboboxGroupContext } from './ComboboxItemsGroupContext'\n\ninterface LabelProps {\n  children: string\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Label = ({ children, className, ref: forwardedRef }: LabelProps) => {\n  const groupCtx = useComboboxGroupContext()\n\n  return (\n    <div\n      ref={forwardedRef}\n      id={groupCtx.groupLabelId}\n      className={cx('px-md py-sm text-body-2 text-neutral italic', className)}\n    >\n      {children}\n    </div>\n  )\n}\n\nLabel.displayName = 'Combobox.Label'\n","import { ReactElement } from 'react'\n\nimport { Icon } from '../icon'\n\nexport const LeadingIcon = ({ children }: { children: ReactElement }) => {\n  return (\n    <Icon size={'sm'} className=\"h-sz-44 shrink-0\">\n      {children}\n    </Icon>\n  )\n}\n\nLeadingIcon.displayName = 'Combobox.LeadingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentProps, Ref, useEffect } from 'react'\n\nimport { Popover as SparkPopover } from '../popover'\nimport { useComboboxContext } from './ComboboxContext'\n\ninterface PopoverProps extends ComponentProps<typeof SparkPopover.Content> {\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Popover = ({\n  children,\n  matchTriggerWidth = true,\n  sideOffset = 4,\n  className,\n  ref: forwardedRef,\n  ...props\n}: PopoverProps) => {\n  const ctx = useComboboxContext()\n\n  useEffect(() => {\n    ctx.setHasPopover(true)\n\n    return () => ctx.setHasPopover(false)\n  }, [])\n\n  return (\n    <SparkPopover.Content\n      ref={forwardedRef}\n      inset\n      asChild\n      matchTriggerWidth={matchTriggerWidth}\n      className={cx('z-dropdown! relative', className)}\n      sideOffset={sideOffset}\n      onOpenAutoFocus={e => {\n        /**\n         * With a combobox pattern, the focus should remain on the trigger at all times.\n         * Passing the focus to the combobox popover would break keyboard navigation.\n         */\n        e.preventDefault()\n      }}\n      {...props}\n      data-spark-component=\"combobox-popover\"\n    >\n      {children}\n    </SparkPopover.Content>\n  )\n}\n\nPopover.displayName = 'Combobox.Popover'\n","import { ReactElement } from 'react'\n\nimport { Popover as SparkPopover } from '../popover'\n\nexport const Portal: typeof SparkPopover.Portal = ({ children, ...rest }): ReactElement => (\n  <SparkPopover.Portal {...rest}>{children}</SparkPopover.Portal>\n)\n\nPortal.displayName = 'Combobox.Portal'\n","import { DeleteOutline } from '@spark-ui/icons/DeleteOutline'\nimport { cx } from 'class-variance-authority'\nimport { FocusEvent } from 'react'\n\nimport { Icon } from '../icon'\nimport { useComboboxContext } from './ComboboxContext'\nimport { ComboboxItem } from './types'\n\nconst SelectedItem = ({ item: selectedItem, index }: { item: ComboboxItem; index: number }) => {\n  const ctx = useComboboxContext()\n\n  const isCleanable = !ctx.disabled && !ctx.readOnly\n\n  const handleFocus = (e: FocusEvent<HTMLSpanElement>) => {\n    const element = e.target as HTMLSpanElement\n    if (ctx.lastInteractionType === 'keyboard') {\n      element.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      })\n    }\n  }\n\n  const { disabled, ...selectedItemProps } = ctx.getSelectedItemProps({\n    disabled: ctx.disabled || ctx.readOnly,\n    selectedItem,\n    index,\n  })\n\n  const Element = disabled ? 'button' : 'span'\n\n  return (\n    <Element\n      role=\"presentation\"\n      data-spark-component=\"combobox-selected-item\"\n      key={`selected-item-${index}`}\n      className={cx(\n        'h-sz-28 bg-neutral-container flex items-center rounded-md align-middle',\n        'text-body-2 text-on-neutral-container',\n        'disabled:opacity-dim-3 disabled:cursor-not-allowed',\n        'focus-visible:u-outline-inset outline-hidden',\n        { 'px-md': !isCleanable, 'pl-md': isCleanable }\n      )}\n      {...selectedItemProps}\n      tabIndex={-1}\n      {...(disabled && { disabled: true })}\n      onFocus={handleFocus}\n    >\n      <span\n        className={cx('line-clamp-1 overflow-x-hidden leading-normal break-all text-ellipsis', {\n          'w-max': !ctx.wrap,\n        })}\n      >\n        {selectedItem.text}\n      </span>\n      {ctx.disabled}\n      {isCleanable && (\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-hidden\n          className=\"px-md h-full cursor-pointer\"\n          onClick={e => {\n            e.stopPropagation()\n\n            const updatedSelectedItems = ctx.selectedItems.filter(\n              item => item.value !== selectedItem.value\n            )\n\n            ctx.setSelectedItems(updatedSelectedItems)\n\n            if (ctx.innerInputRef.current) {\n              ctx.innerInputRef.current.focus({ preventScroll: true })\n            }\n          }}\n        >\n          <Icon size=\"sm\">\n            <DeleteOutline />\n          </Icon>\n        </button>\n      )}\n    </Element>\n  )\n}\n\nexport const SelectedItems = () => {\n  const ctx = useComboboxContext()\n\n  return ctx.multiple && ctx.selectedItems.length ? (\n    <>\n      {ctx.selectedItems.map((item, index) => (\n        <SelectedItem key={item.value} item={item} index={index} />\n      ))}\n    </>\n  ) : null\n}\n\nSelectedItems.displayName = 'Combobox.SelectedItems'\n","import { cva } from 'class-variance-authority'\n\nexport const styles = cva(\n  [\n    'flex items-start gap-md min-h-sz-44 text-body-1',\n    'h-fit rounded-lg px-lg',\n    // outline styles\n    'ring-1 outline-hidden ring-inset focus-within:ring-2 focus-within:ring-focus',\n  ],\n  {\n    variants: {\n      allowWrap: {\n        true: '',\n        false: 'h-sz-44',\n      },\n      state: {\n        undefined: 'ring-outline',\n        error: 'ring-error',\n        alert: 'ring-alert',\n        success: 'ring-success',\n      },\n      disabled: {\n        true: 'cursor-not-allowed border-outline bg-on-surface/dim-5 text-on-surface/dim-3',\n      },\n      readOnly: {\n        true: 'cursor-default bg-on-surface/dim-5 text-on-surface',\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        state: undefined,\n        class: 'default:hover:ring-outline-high',\n      },\n      {\n        disabled: false,\n        readOnly: false,\n        class: 'bg-surface text-on-surface cursor-text',\n      },\n    ],\n    defaultVariants: {\n      state: undefined,\n      disabled: false,\n      readOnly: false,\n    },\n  }\n)\n","import { RefObject, useEffect, useRef } from 'react'\n\nexport const useWidthIncreaseCallback = (\n  elementRef: RefObject<HTMLDivElement | null>,\n  callback: () => void\n): void => {\n  const prevWidthRef = useRef<number | null>(null)\n\n  useEffect(() => {\n    const checkWidthIncrease = () => {\n      const currentWidth = elementRef.current?.scrollWidth || null\n\n      if (prevWidthRef.current && currentWidth && currentWidth > prevWidthRef.current) {\n        callback()\n      }\n\n      prevWidthRef.current = currentWidth\n      requestAnimationFrame(checkWidthIncrease)\n    }\n\n    const interval = requestAnimationFrame(checkWidthIncrease)\n\n    return () => cancelAnimationFrame(interval)\n  }, [elementRef])\n}\n","import { useFormFieldControl } from '@spark-ui/components/form-field'\nimport { useMergeRefs } from '@spark-ui/hooks/use-merge-refs'\nimport { cx } from 'class-variance-authority'\nimport { Fragment, ReactNode, Ref, useEffect, useRef } from 'react'\n\nimport { Popover } from '../popover'\nimport { useComboboxContext } from './ComboboxContext'\nimport { styles } from './ComboboxTrigger.styles'\nimport { findElement } from './utils'\nimport { useWidthIncreaseCallback } from './utils/useWidthIncreaseCallback'\n\ninterface TriggerProps {\n  className?: string\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n}\n\nexport const Trigger = ({ className, children, ref: forwardedRef }: TriggerProps) => {\n  const ctx = useComboboxContext()\n  const field = useFormFieldControl()\n\n  // Trigger compound elements\n  const leadingIcon = findElement(children, 'Combobox.LeadingIcon')\n  const selectedItems = findElement(children, 'Combobox.SelectedItems')\n  const input = findElement(children, 'Combobox.Input')\n  const clearButton = findElement(children, 'Combobox.ClearButton')\n  const disclosure = findElement(children, 'Combobox.Disclosure')\n\n  const [PopoverAnchor, popoverAnchorProps] = ctx.hasPopover\n    ? [Popover.Anchor, { asChild: true, type: undefined }]\n    : [Fragment, {}]\n\n  const ref = useMergeRefs(forwardedRef, ctx.triggerAreaRef)\n  const scrollableAreaRef = useRef<HTMLDivElement>(null)\n\n  const disabled = field.disabled || ctx.disabled\n  const readOnly = field.readOnly || ctx.readOnly\n\n  const hasClearButton = !!clearButton && !disabled && !readOnly\n\n  /**\n   * In case wrap behaviour is disabled, we sometimes need to scroll to the right-side of the trigger:\n   * - when a selected item chip is added.\n   * - when the component width changes (window resizing, etc.)\n   *\n   * The goal is that the typing area remains visible at all times.\n   */\n  const scrollToRight = () => {\n    if (scrollableAreaRef.current && !ctx.wrap) {\n      const { scrollWidth, clientWidth } = scrollableAreaRef.current\n      // Scroll to the rightmost position\n      scrollableAreaRef.current.scrollLeft = scrollWidth - clientWidth\n    }\n  }\n\n  useWidthIncreaseCallback(scrollableAreaRef, scrollToRight)\n\n  const hasSelectedItems = !!selectedItems\n  useEffect(() => {\n    ctx.setAreSelectedItemsInTrigger(hasSelectedItems)\n  }, [hasSelectedItems])\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(scrollToRight)\n\n    if (scrollableAreaRef.current) {\n      resizeObserver.observe(scrollableAreaRef.current)\n    }\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  return (\n    <>\n      <PopoverAnchor {...popoverAnchorProps}>\n        <div\n          ref={ref}\n          className={styles({\n            className,\n            state: ctx.state,\n            disabled,\n            readOnly,\n            allowWrap: ctx.wrap,\n          })}\n          onClick={() => {\n            if (!ctx.isOpen && !disabled && !readOnly) {\n              ctx.openMenu()\n              if (ctx.innerInputRef.current) {\n                ctx.innerInputRef.current.focus()\n              }\n            }\n          }}\n        >\n          {leadingIcon}\n          <div\n            ref={scrollableAreaRef}\n            className={cx(\n              'min-w-none gap-sm py-md inline-flex grow items-start',\n              ctx.wrap ? 'flex-wrap' : 'u-no-scrollbar overflow-x-auto p-[2px]'\n            )}\n          >\n            {selectedItems}\n            {input}\n          </div>\n\n          {hasClearButton && clearButton}\n\n          {disclosure}\n        </div>\n      </PopoverAnchor>\n    </>\n  )\n}\n\nTrigger.displayName = 'Combobox.Trigger'\n","import { Combobox as Root } from './Combobox'\nimport { ClearButton } from './ComboboxClearButton'\nimport { ComboboxProvider, useComboboxContext } from './ComboboxContext'\nimport { Disclosure } from './ComboboxDisclosure'\nimport { Empty } from './ComboboxEmpty'\nimport { Group } from './ComboboxGroup'\nimport { Input } from './ComboboxInput'\nimport { Item } from './ComboboxItem'\nimport { ItemIndicator } from './ComboboxItemIndicator'\nimport { Items } from './ComboboxItems'\nimport { ItemText } from './ComboboxItemText'\nimport { Label } from './ComboboxLabel'\nimport { LeadingIcon } from './ComboboxLeadingIcon'\nimport { Popover } from './ComboboxPopover'\nimport { Portal } from './ComboboxPortal'\nimport { SelectedItems } from './ComboboxSelectedItems'\nimport { Trigger } from './ComboboxTrigger'\n\nexport { useComboboxContext, ComboboxProvider }\n\n/**\n * A searchable dropdown that combines a text input with a list of selectable options.\n */\nexport const Combobox: typeof Root & {\n  Group: typeof Group\n  Item: typeof Item\n  Items: typeof Items\n  ItemText: typeof ItemText\n  ItemIndicator: typeof ItemIndicator\n  Label: typeof Label\n  Popover: typeof Popover\n  Trigger: typeof Trigger\n  LeadingIcon: typeof LeadingIcon\n  Empty: typeof Empty\n  Input: typeof Input\n  Disclosure: typeof Disclosure\n  SelectedItems: typeof SelectedItems\n  ClearButton: typeof ClearButton\n  Portal: typeof Portal\n} = Object.assign(Root, {\n  Group,\n  Item,\n  Items,\n  ItemText,\n  ItemIndicator,\n  Label,\n  Popover,\n  Trigger,\n  LeadingIcon,\n  Empty,\n  Input,\n  Disclosure,\n  SelectedItems,\n  ClearButton,\n  Portal,\n})\n\nCombobox.displayName = 'Combobox'\nGroup.displayName = 'Combobox.Group'\nItems.displayName = 'Combobox.Items'\nItem.displayName = 'Combobox.Item'\nItemText.displayName = 'Combobox.ItemText'\nItemIndicator.displayName = 'Combobox.ItemIndicator'\nLabel.displayName = 'Combobox.Label'\nPopover.displayName = 'Combobox.Popover'\nTrigger.displayName = 'Combobox.Trigger'\nLeadingIcon.displayName = 'Combobox.LeadingIcon'\nEmpty.displayName = 'Combobox.Empty'\nInput.displayName = 'Combobox.Input'\nDisclosure.displayName = 'Combobox.Disclosure'\nSelectedItems.displayName = 'Combobox.SelectedItems'\nClearButton.displayName = 'Combobox.ClearButton'\nPortal.displayName = 'Combobox.Portal'\n"],"mappings":";;;;;;;;;;;;;;;;AAMA,SAAgB,EAAc,GAAe,GAAmB;CAC9D,IAAI,IAAQ;AACZ,MAAK,IAAM,CAAC,MAAQ,EAAI,SAAS,EAAE;AACjC,MAAI,MAAQ,EACV,QAAO;AAET;;AAGF,QAAO;;AAGT,IAAM,KAAiB,GAAe,MAAkB;CACtD,IAAI,IAAI;AACR,MAAK,IAAM,KAAO,EAAI,MAAM,EAAE;AAC5B,MAAI,MAAM,EAAO,QAAO;AACxB;;GAMS,KAAqB,GAAe,MAAkB;CACjE,IAAM,IAAM,EAAc,GAAK,EAAM;AAErC,QAAO,MAAQ,KAAA,IAA2B,KAAA,IAAf,EAAI,IAAI,EAAI;GAGnC,KAAyB,MACtB,IAAW,EAAQ,KAAuC,cAAc,IAGpE,KACX,GACA,IAAyB,EAAE,MAE3B,EAAS,QAAQ,IAAU,MAAS;AAC7B,OAAe,EAAM,EAE1B;MAAI,EAAsB,EAAM,KAAK,iBAAiB;GACpD,IAAM,IAAa,EAAM;AACzB,KAAO,KAAK;IACV,OAAO,EAAW;IAClB,UAAU,CAAC,CAAC,EAAW;IACvB,MAAM,GAAY,EAAW,SAAS;IACvC,CAAC;;AAGJ,EAAK,EAAM,MAAoB,YAC7B,EAAiB,EAAM,MAAoB,UAAU,EAAO;;EAE9D,EAEK,IAGH,KAAsB,MAAgC;AAC1D,KAAI,CAAC,EAAU,QAAO;AAEtB,MAAK,IAAM,KAAS,EAAS,QAAQ,EAAS,CAC5C,KAAI,EAAe,EAAM,EAAE;EACzB,IAAM,IAAe;AAErB,MAAI,EAAsB,EAAa,KAAK,oBAC1C,QAAQ,EAAa,MAAwB;EAG/C,IAAM,IAAY,EAAoB,EAAa,MAAwB,SAAS;AAEpF,MAAI,EAAW,QAAO;;AAI1B,QAAO;GAQI,MAAe,MACnB,OAAO,KAAa,WAAW,IAAW,EAAmB,EAAS,EAGlE,MAAwB,MAAkC;CACrE,IAAM,oBAAmB,IAAI,KAAK;AAMlC,QAJA,EAAgB,EAAS,CAAC,SAAQ,MAAY;AAC5C,IAAO,IAAI,EAAS,OAAO,EAAS;GACpC,EAEK;GAGI,MAAqB,GAAqB,MAC9C,EAAS,QAAQ,EAAS,CAAC,MAAK,MAChC,EAAe,EAAM,GAEtB,EAAsB,EAAM,KAAK,IAC5B,KACG,EAAM,MAAkC,WAC3C,GAAmB,EAAM,MAAkC,UAAU,EAAY,GAGnF,KAR4B,GASnC,EAGS,KAAe,GAAqB,MACxC,EAAS,QAAQ,EAAS,CAC9B,OAAO,EAAe,CACtB,MAAK,MAAS,MAAU,EAAsB,EAAM,IAAI,GAAG,ECvGnD,MAA4B,EACvC,gBACA,kBACA,sBAAmB,IACnB,qBACA,mBACA,gBAEiE,GAAG,EAAE,YAAS,cAAW;CACxF,IAAM,IAA2B,EAAe,SAAS,WAAW,SAAS,cAAc;AAG3F,SAAQ,GAAR;EACE,KAAK,EAAY,iBAAiB,WAChC,QAAO;GACL,GAAG;GACH,QAAQ;GACT;EACH,KAAK,EAAY,iBAAiB;EAClC,KAAK,EAAY,iBAAiB,WAAW;GAC3C,IAAM,IAAW,EAAE,GAAG,GAAS;AAqB/B,UAnBI,EAAQ,gBAAgB,SAC1B,EAAS,aAAa,IACtB,EAAS,SAAS,IAIlB,EAAS,mBAFgB,EAAc,GAAO,EAAQ,aAAa,MAAM,EAYzE,EAR0B,EAAY,cAAc,MAClD,MAAgB,EAAa,UAAU,EAAQ,cAAc,MAC9D,GAGG,EAAc,QAAO,MAAQ,EAAK,UAAU,EAAQ,cAAc,MAAM,GACxE,CAAC,GAAG,GAAe,EAAQ,aAAa,CAEd,GAGzB;;EAGT,KAAK,EAAY,iBAAiB,kBAChC,QAAO;GACL,GAAG;GACH,YAAY,IAAmB,EAAQ,aAAa;GACrD;EACH,KAAK,EAAY,iBAAiB,YAChC,QAAO;GACL,GAAG;GACH,cAAc,EAAQ,qBAAqB,KAAK,OAAO,EAAQ;GAChE;EACH,KAAK,EAAY,iBAAiB,UAChC,QAAO;GACL,GAAG;GACH,YAAY,IAAmB,EAAQ,aAAa;GACpD,QAAQ;GACT;EAEH,QACE,QAAO;;GCnEF,MAA0B,EACrC,kBACA,sBAAmB,IACnB,0BAEiE,GAAO,EAAE,YAAS,cAAW;CAC5F,IAAM,IAAa,EAAc,MAC/B,MAAQ,EAAK,KAAK,aAAa,KAAK,EAAM,WAAW,aAAa,CACnE;AAGD,SAAQ,GAAR;EACE,KAAK,EAAY,iBAAiB,mBAKhC,QAJK,EAAQ,gBACX,EAAgB,KAAK,EAGhB;EACT,KAAK,EAAY,iBAAiB;EAClC,KAAK,EAAY,iBAAiB,kBAKhC,QAJI,EAAQ,gBACV,EAAgB,EAAQ,aAAa,EAGhC;EACT,KAAK,EAAY,iBAAiB,WAChC,QAAO;GAAE,GAAG;GAAS,QAAQ;GAAM;EACrC,KAAK,EAAY,iBAAiB;EAClC,KAAK,EAAY,iBAAiB,UAmBhC,QAlBI,IAAyB,IAEzB,EAAM,eAAe,MACvB,EAAgB,KAAK,EAEd;GAAE,GAAG;GAAS,cAAc;GAAM,IAGvC,KACF,EAAgB,EAAW,EAEpB;GAAE,GAAG;GAAS,cAAc;GAAY,YAAY,EAAW;GAAM,IAG1E,EAAM,eACD;GAAE,GAAG;GAAS,YAAY,EAAM,aAAa;GAAM,GAGrD;GAAE,GAAG;GAAS,YAAY;GAAI;EACvC,QACE,QAAO;;GCyET,KAAkB,EAA2C,KAAK,EAElE,MAAuB,GAAe,MACrC,IAEE,IAAI,IACT,MAAM,KAAK,EAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,eAAY,EAAK,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,CAAC,CACjG,GAJuB,GAOb,KAAY,aAEZ,KAAoB,EAC/B,aACA,OAAO,GACP,sBAAmB,IACnB,eAAY,QACZ,UAAU,IAAe,IACzB,cAAW,IACX,UAAU,IAAe,IACzB,UAAO,IAEP,OAAO,GACP,iBACA,kBAEA,MAAM,GACN,gBACA,iBACA,mBAC0B;CAC1B,IAAM,IAAY,EAAO,GAAM,EAGzB,CAAC,GAAY,KAAiB,EAA6B,GAAG,EAC9D,CAAC,GAAU,KAAe,EAAkB,MAAc,SAAS,EACnE,IAAiB,EAAuB,KAAK,EAC7C,IAAgB,EAAyB,KAAK,EAC9C,CAAC,IAAoB,KAAyB,EAAuC,KAAK,EAE1F,CAAC,KAAiB,EAAiB,GAAiB,EAAa,EAEjE,IAAoB,MAAc,YAAa,MAAc,UAAU,GAGvE,CAAC,GAAU,KAAe,EAAmB,GAAqB,EAAS,CAAC,EAC5E,CAAC,GAAkB,KAAoB,EAC3C,IAAoB,GAAoB,GAAU,EAAW,GAAG,EACjE,EAEK,CAAC,GAAc,MAAmB,EACtC,EAAS,IAAI,EAAwB,IAAI,KAC1C,EAEK,CAAC,GAAe,KAAoB,EACxC,IACI,CAAC,GAAG,EAAS,QAAQ,CAAC,CAAC,QAAO,MAAS,EAA2B,SAAS,EAAK,MAAM,CAAC,GACvF,EAAE,CACP,EAEK,MAAgC,MAA8B;AAGlE,EAFA,EAAY,GAAM,EAEd,GAAM,UAAU,GAAc,UAChC,GAAgB,EAAK,EACrB,iBAAiB;AACf,OAAgB,GAAM,MAA2B;KAChD,EAAE;IAIH,KAAiC,MAA0B;AAE/D,EADA,EAAiB,EAAM,EACvB,iBAAiB;AACf,OAAgB,EAAM,KAAI,MAAK,EAAE,MAAM,CAAsB;KAC5D,EAAE;;AAIP,SAAgB;AACd,MAAI,CAAC,EAAU,SAAS;AACtB,KAAU,UAAU;AAEpB;;AAGF,MAAI,GAAU;GACZ,IAAM,IAAoB,EAA2B,QAClD,GAAuB,MAAU;IAChC,IAAM,IAAQ,EAAS,IAAI,EAAM;AAEjC,WAAO,IAAQ,CAAC,GAAG,GAAO,EAAM,GAAG;MAErC,EAAE,CACH;AAED,KAAiB,IAAgB,IAAmB,EAAE,CAAC;QAEvD,IAAgB,EAAS,IAAI,EAAwB,IAAI,KAAK;IAE/D,CAAC,IAAW,KAAK,UAAU,EAAc,GAAG,EAAc,CAAC;CAG9D,IAAM,IAAQ,IAAqB,EAE7B,KAAuB,GAAG,GAAU,SAAS,GAAO,IACpD,IAAkB,GAAG,GAAU,SAAS,GAAO,IAC/C,IAAK,EAAM,MAAM,GACjB,KAAU,EAAM,WAAW,IAE3B,KAAQ,EAAM,SAAS,GACvB,IAAW,EAAM,YAAY,GAC7B,IAAW,EAAM,YAAY,GAE7B,CAAC,GAAY,KAAiB,EAClC,GAAkB,GAAU,mBAAmB,CAChD,EAEK,CAAC,IAA2B,MAAgC,EAAS,GAAM,EAE3E,CAAC,GAAqB,MAA0B,EAA+B,QAAQ,EAEvF,IAAe,EAA4D,KAAK;AAEtF,SAAgB;AACd,IAAiB,IAAoB,GAAoB,GAAU,EAAW,GAAG,EAAS;IACzF,CAAC,GAAY,EAAS,CAAC;CAE1B,IAAM,KAAc,EAAmC;EACrD;EACA,eAAe,GAAO,EAAE,SAAM,iBAAc;GAC1C,IAAM,IAAQ,EAAqB;AAGnC,WAAQ,GAAR;IACE,KAAK,EAAM;IACX,KAAK,EAAM,2BAA2B;AACpC,OAA8B,EAAQ,iBAAiB,EAAE,CAAC;KAE1D,IAAI;AAUJ,YARA,AAKE,IALE,MAAS,EAAM,4BACE,GAAO,gBAAgB,EAAQ,eAAe,SACtC,KAAK,EAAM,eAEf,GAAS,eAAe,KAAK,KAAK,IAC3B,EAAM,cAAc,IAAI,GAAS,aAG1D;MACL,GAAG;MACH;MACD;;IAEH,KAAK,EAAM,kBAKT,QAJI,EAAc,WAChB,EAAc,QAAQ,OAAO,EAGxB;KACL,GAAG;KACH,aAAa;KACd;IACH,KAAK,EAAM,2BACT,QAAO;KACL,GAAG;KACH,aAAa;KACd;IACH,KAAK,EAAM,kCAGT,QAFA,EAAa,SAAS,WAAW,EAE1B;IACT,QACE,QAAO;;;EAGd,CAAC,EAEI,KAAgB,MAAM,KAAK,EAAiB,QAAQ,CAAC;AAE3D,SAAgB;AACd,OAAqB,KAAc,GAAG;IACrC,CAAC,EAAW,CAAC;CAOhB,IAAM,IAAY,EAA0B;EAC1C,SAAS;EACT,OAAO;EACP,cAAc,IAAW,KAAA,IAAY;EACrC;EACA;EAEA;EACA,qBAAqB,EAAE,YAAY,QAAoB;AAGrD,GAFA,EAAc,EAAc,EAExB,KAEF,EADiB,GAAoB,GAAU,KAAiB,GAAG,CACzC;;EAI9B,eAAe;EACf,GAAI,KAAkB,QAAQ,EAAE,QAAQ,GAAgB;EACxD,iBAAgB,MAAW;AACzB,GAAI,EAAQ,UAAU,QACpB,IAAe,EAAQ,OAAO;;EAIlC,eAAc,MACJ,GAAuB;EAEjC,iBAAgB,MAAQ;GACtB,IAAM,IACJ,CAAC,CAAC,KACF,CAAC,GAAc,MAAK,MACX,EAAK,UAAU,EAAa,MACnC;AAEJ,UAAO,EAAK,YAAY;;EAG1B,cAAc,IACV,GAAyB;GACvB;GACA;GACA;GACA,kBAAkB;GAClB;GACA,OAAO;GACR,CAAC,GACF,GAAuB;GACrB;GACA,iBAAiB;GACjB,eAAe,CAAC,GAAG,EAAiB,QAAQ,CAAC;GAC9C,CAAC;EAIN,iBAAgB,MAAQ;AACtB,GAAI,KACF,EAAK,eAAe,EAAE,OAAO,WAAW,CAAC;;EAK9C,CAAC;AAeF,CAbA,EAAa,UAAU,GAavB,QAAgB;EACd,IAAM,IAAS,GAAqB,EAAS,EAEvC,IAAgB,CAAC,GAAG,EAAS,QAAQ,CAAC,EACtC,IAAW,CAAC,GAAG,EAAO,QAAQ,CAAC;AAWrC,GARE,EAAc,WAAW,EAAS,UAClC,EAAc,MAAM,GAAM,MAAU;GAClC,IAAM,IAAkB,EAAK,UAAU,EAAS,IAAQ,OAClD,IAAiB,EAAK,SAAS,EAAS,IAAQ;AAEtD,UAAO,KAAmB;IAC1B,KAGF,EAAY,EAAO;IAEpB,CAAC,EAAS,CAAC;CAOd,IAAM,CAAC,IAAkB,MAAgB,IAAa,CAAC,GAAS,EAAE,MAAM,IAAM,CAAC,GAAG,CAAC,GAAU,EAAE,CAAC;AAEhG,QACE,kBAAC,GAAgB,UAAjB;EACE,OAAO;GAEL;GACA;GACA,iBAAiB,EAAkB,GAAkB,EAAU,iBAAiB;GAEhF;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA;GAEA,GAAG;GACH,GAAG;GACH;GACA,YAAY;GACZ,kBAAkB;GAClB;GACA;GACA;GACA;GACD;YAED,kBAAC,IAAD;GAAkB,GAAI;GAAe;GAA4B,CAAA;EACxC,CAAA;GAIlB,UAA2B;CACtC,IAAM,IAAU,EAAW,GAAgB;AAE3C,KAAI,CAAC,EACH,OAAM,MAAM,6DAA6D;AAG3E,QAAO;GCndI,KAAY,EAAE,aAAU,GAAG,QAC/B,kBAAC,GAAD;CAAkB,GAAI;CAAQ;CAA4B,CAAA;AAGnE,EAAS,cAAc;;;ACIvB,IAAa,KAAe,EAC1B,cACA,cAAW,IACX,YACA,QACA,GAAG,QACmB;CACtB,IAAM,IAAM,GAAoB;AAsBhC,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EAAG,GAAW,kDAAkD;EACjE;EACV,UAzBsD,MAAS;AAejE,GAdA,EAAM,iBAAiB,EAEnB,EAAI,WACN,EAAI,iBAAiB,EAAE,CAAC,GAExB,EAAI,WAAW,KAAK,EAGtB,EAAI,cAAc,GAAG,EAEjB,EAAI,cAAc,WACpB,EAAI,cAAc,QAAQ,OAAO,EAG/B,KACF,EAAQ,EAAM;;EAUd,MAAK;EACL,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;aACT,kBAAC,GAAD,EAAiB,CAAA;GACZ,CAAA;EACA,CAAA;;AAIb,EAAY,cAAc;;;ACzC1B,IAAa,KAAc,EACzB,cACA,gBACA,gBACA,YAAS,WACT,YAAS,SACT,UAAO,MACP,KAAK,GACL,GAAG,QACkB;CACrB,IAAM,IAAM,GAAoB,EAE1B,EAAE,KAAK,GAAc,GAAG,MAA6B,EAAI,qBAAqB;EAClF,UAAU,EAAI,YAAY,EAAI;EAC9B,UAAS,MAAS;AAChB,KAAM,iBAAiB;;EAE1B,CAAC,EACI,IAAa,EAAyB;AAG5C,QACE,kBAAC,GAAD;EACO,KAJG,EAAa,GAAc,EAAa;EAKhD,WAAW,EAAG,GAAW,iCAAiC;EAClD;EACA;EACF;EACN,GAAI;EACJ,GAAI;EACJ,cAAY,IAAa,IAAc;EACvC,UAAU,EAAI;YAEd,kBAAC,GAAD;GACE,WAAW,EAAG,YAAY,4CAA4C,EACpE,cAAc,GACf,CAAC;GACF,MAAK;aAEL,kBAAC,GAAD,EAAuB,CAAA;GAClB,CAAA;EACI,CAAA;;AAIjB,EAAW,cAAc;;;AClDzB,IAAa,KAAS,EAAE,cAAW,aAAU,KAAK,QACpC,GAAoB,CACH,iBAAiB,SAAS,IAGrD,kBAAC,OAAD;CACE,KAAK;CACL,WAAW,EAAG,iDAAiD,EAAU;CAExE;CACG,CAAA,GACJ;AAGN,EAAM,cAAc;;;ACfpB,IAAM,IAAuB,EAA2C,KAAK,EAEhE,MAAyB,EAAE,kBAAqC;CAC3E,IAAM,IAAe,GAAG,GAAU,eAAe,GAAO;AAExD,QACE,kBAAC,EAAqB,UAAtB;EAA+B,OAAO,EAAE,iBAAc;EACnD;EAC6B,CAAA;GAIvB,UAAgC;CAC3C,IAAM,IAAU,EAAW,EAAqB;AAEhD,KAAI,CAAC,EACH,OAAM,MAAM,uEAAuE;AAGrF,QAAO;GCjBI,KAAS,EAAE,aAAU,KAAK,GAAc,GAAG,QAEpD,kBAAC,IAAD,EAAA,UACE,kBAAC,IAAD;CAAc,KAAK;CAAc,GAAI;CAClC;CACY,CAAA,EACO,CAAA,EAItB,MAAgB,EAAE,aAAU,cAAW,KAAK,QAA+B;CAC/E,IAAM,IAAM,GAAoB,EAC1B,IAAW,GAAyB;AAQ1C,QAN0B,EAAS,QAAQ,EAAS,CAAC,MAAK,MAEtD,EAAe,EAAM,IAAI,EAAI,iBAAiB,IAAK,EAAM,MAA4B,MAAM,CAE7F,GAGA,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,EAAS;EAC1B,WAAW,EAAG,EAAU;EAEvB;EACG,CAAA,GACJ;;AAGN,EAAM,cAAc;;;AChBpB,IAAa,KAAS,EACpB,cAAc,GACd,cACA,gBACA,UACA,iBACA,kBACA,KAAK,GACL,GAAG,QACa;CAChB,IAAM,IAAM,GAAoB,EAC1B,IAAQ,IAAqB,EAC7B,CAAC,KAAc,EAAiB,GAAO,EAAa,EAEpD,EAAE,cAAW,mBAAgB;AAQnC,CANA,QAAgB;AACd,EAAI,KAAc,QAChB,EAAI,cAAc,EAAW;IAE9B,CAAC,EAAW,CAAC,EAEhB,QAAgB;AAMd,EALI,KACF,EAAI,4BAA4B,EAAc,EAI5C,CAAC,EAAI,YAAY,EAAI,gBACvB,EAAI,cAAc,EAAI,aAAa,KAAK;IAEzC,EAAE,CAAC;CAEN,IAAM,IAAiB,EAAI,aAAa,EAAQ,UAAU,GACpD,IAAsB,EAAI,aAC5B;EACE,SAAS;EACT,MAAM,KAAA;EACP,GACD,EAAE,EAEA,IAAwB,EAAI,kBAAkB,EAC9C,IAAW,EAAa,GAAc,EAAI,eAAe,EAAsB,IAAI,EACnF,IAAsB,EAAI,cAAc;EAC5C,UAAU,EAAI,YAAY,EAAI;EAC9B,GAAG;EACH,YAAW,MAAS;AAGlB,GAFA,EAAsB,YAAY,EAAM,EACxC,EAAI,uBAAuB,WAAW,EACtC,EAAI,YAAY,GAAK;;EAQvB,WAAW,MAAqC;AAC9C,KAAI,cAAc,EAAE,OAAO,MAAM;;EAEnC,KAAK;EACN,CAAC,EAEI,IAAiB,EAAI,WACvB,CAAC,EAAI,6BAA6B,EAAI,cAAc,WAAW,IAC/D,EAAI,iBAAiB;CAEzB,SAAS,EACP,GACA,GACA;AACA,UAAQ,MAAa;AAEnB,GADA,IAAW,EAAM,EACjB,IAAW,EAAM;;;CAQrB,IAAM,IAAmB;EACvB,QAAQ,EAAc,EAAM,QAAQ,EAAoB,OAAO;EAC/D,UAAU,EAAc,EAAM,UAAU,EAAoB,SAAS;EACrE,SAAS,EAAc,EAAM,SAAS,EAAoB,QAAQ;EAClE,WAAW,EAAc,EAAM,WAAW,EAAoB,UAAU;EACzE;AAED,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,SAAD;EAAO,GAAI,EAAI,eAAe;YAAG;EAAkB,CAAA,EACpC,CAAA,EAEnB,kBAAC,GAAD;EAAgB,GAAI;YAClB,kBAAC,SAAD;GACE,wBAAqB;GACrB,MAAK;GACL,GAAK,KAAkB,EAAE,gBAAa;GACtC,WAAW,EACT,yCACA,qEACA,sFACA,+EACA,EACD;GACD,GAAI;GACJ,GAAI;GACJ,GAAI;GACJ,OAAO,EAAI;GACX,cAAY;GACZ,UAAU,EAAI;GACd,UAAU,EAAI;GAEd,gBAAc;GACd,oBAAkB;GAClB,CAAA;EACa,CAAA,CAChB,EAAA,CAAA;;AAIP,EAAM,cAAc;;;AC/HpB,IAAM,IAAsB,EAA+C,KAAK,EAEnE,MAAwB,EACnC,UACA,cAAW,IACX,kBAC8D;CAC9D,IAAM,IAAM,GAAoB,EAE1B,CAAC,GAAQ,KAAa,EAAqB,KAAA,EAAU,EAErD,IAAQ,EAAc,EAAI,kBAAkB,EAAM,EAClD,IAAyB;EAAE;EAAU;EAAO,MAAM,GAAY,EAAS;EAAE,EAEzE,IAAa,EAAI,WACnB,EAAI,cAAc,MAAK,MAAgB,EAAa,UAAU,EAAM,GACpE,EAAI,cAAc,UAAU;AAEhC,QACE,kBAAC,EAAoB,UAArB;EACE,OAAO;GAAE;GAAQ;GAAW;GAAY;GAAU;GAAO;GAAU;EAElE;EAC4B,CAAA;GAItB,UAA+B;CAC1C,IAAM,IAAU,EAAW,EAAoB;AAE/C,KAAI,CAAC,EACH,OAAM,MAAM,qEAAqE;AAGnF,QAAO;GC3CI,KAAQ,EAAE,aAAU,KAAK,GAAc,GAAG,QAAuB;CAC5E,IAAM,EAAE,UAAO,gBAAa;AAE5B,QACE,kBAAC,IAAD;EAA6B;EAAiB;YAC5C,kBAAC,IAAD;GAAa,KAAK;GAAc,GAAI;GACjC;GACW,CAAA;EACO,CAAA;GAIrB,KAAS,EAAI,2BAA2B;CAC5C,UAAU;EACR,UAAU,EACR,MAAM,aACP;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACD,aAAa,EACX,MAAM,IACP;EACD,iBAAiB;GACf,OAAO;GACP,UAAU;GACX;EACF;CACD,kBAAkB,CAChB;EACE,aAAa;EACb,iBAAiB;EACjB,OAAO;EACR,EACD;EACE,aAAa;EACb,iBAAiB;EACjB,OAAO;EACR,CACF;CACF,CAAC,EAEI,MAAe,EACnB,cACA,cAAW,IACX,UACA,aACA,KAAK,GACL,GAAG,QACY;CACf,IAAM,IAAM,GAAoB,EAC1B,IAAU,GAAwB,EAElC,IAAY,CAAC,CAAC,EAAI,iBAAiB,IAAI,EAAM,EAE7C,EAAE,KAAK,GAAc,GAAG,MAAuB,EAAI,aAAa;EACpE,MAAM,EAAQ;EACd,OAAO,EAAQ;EAChB,CAAC,EAEI,IAAM,EAAa,GAAc,EAAa;AAIpD,QAFK,IAGH,kBAAC,MAAD;EACO;EACL,WAAW,EACT,GAAO;GACL,UAAU,EAAQ;GAClB;GACA,aAAa,EAAI,iBAAiB,UAAU;GAC5C,iBAAiB,EAAI;GACrB;GACD,CAAC,CACH;EAED,GAAI;EACJ,GAAI;EACJ,iBAAe,EAAQ;EACvB,mBAAiB,EAAQ;EAExB;EACE,EAPE,EAOF,GArBgB;;AAyBzB,EAAK,cAAc;;;ACzFnB,IAAa,KAAiB,EAC5B,cACA,aACA,UACA,KAAK,QACmB;CACxB,IAAM,EAAE,aAAU,kBAAe,GAAwB,EAEnD,IAAe,KACnB,kBAAC,GAAD;EAAM,MAAK;YACT,kBAAC,GAAD,EAAO,cAAY,GAAS,CAAA;EACvB,CAAA;AAGT,QACE,kBAAC,QAAD;EACE,KAAK;EACL,WAAW,EAAG,gCAAgC,KAAY,iBAAiB,EAAU;YAEpF,KAAc;EACV,CAAA;;AAIX,EAAc,cAAc;;;ACzB5B,IAAa,KAAS,EAAE,aAAU,cAAW,KAAK,GAAc,GAAG,QAAwB;CACzF,IAAM,IAAM,GAAoB,EAE1B,EAAE,KAAK,GAAc,GAAG,MAAuB,EAAI,aAAa,EACpE,mBAAmB;AACjB,IAAI,uBAAuB,QAAQ;IAEtC,CAAC,EAEI,IAAW,EAAoB,KAAK,EAEpC,IAAM,EAAa,GAAc,GAAc,EAAS,EAExD,IAAS,EAAI,aAAa,EAAI,SAAS,IAEvC,IAA0B,EAAI,cAAc,CAAC;AASnD,QAPA,QAAsB;AACpB,EAAI,EAAS,SAAS,kBACpB,EAAS,QAAQ,cAAc,MAAM,gBAAgB,IAA0B,SAAS,IACxF,EAAS,QAAQ,MAAM,gBAAgB,IAA0B,SAAS;IAE3E,CAAC,EAAwB,CAAC,EAG3B,kBAAC,MAAD;EACO;EACL,WAAW,EACT,GACA,iBACA,IAAS,UAAU,2CACnB,EAAI,cAAc,QAClB,EAAI,aAAa,+BAClB;EACD,GAAI;EACJ,GAAI;EACJ,aAAW,EAAI;EACf,wBAAqB;YAEpB,EAAI,YAAY,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA,GAAG;EACtC,CAAA;;AAIT,EAAM,cAAc;;;AC7CpB,IAAa,KAAY,EAAE,aAAU,cAAW,KAAK,QAAkC;CACrF,IAAM,IAAK,GAAG,GAAU,aAAa,GAAO,IAEtC,EAAE,iBAAc,GAAwB;AAQ9C,QANA,SACE,EAAU,EAAG,QAEA,EAAU,KAAA,EAAU,EACjC,EAGA,kBAAC,QAAD;EAAU;EAAI,WAAW,EAAG,UAAU,EAAU;EAAE,KAAK;EACpD;EACI,CAAA;;AAIX,EAAS,cAAc;;;ACnBvB,IAAa,KAAS,EAAE,aAAU,cAAW,KAAK,QAI9C,kBAAC,OAAD;CACE,KAAK;CACL,IALa,GAAyB,CAKzB;CACb,WAAW,EAAG,+CAA+C,EAAU;CAEtE;CACG,CAAA;AAIV,EAAM,cAAc;;;ACrBpB,IAAa,MAAe,EAAE,kBAE1B,kBAAC,GAAD;CAAM,MAAM;CAAM,WAAU;CACzB;CACI,CAAA;AAIX,GAAY,cAAc;;;ACF1B,IAAa,MAAW,EACtB,aACA,uBAAoB,IACpB,gBAAa,GACb,cACA,KAAK,GACL,GAAG,QACe;CAClB,IAAM,IAAM,GAAoB;AAQhC,QANA,SACE,EAAI,cAAc,GAAK,QAEV,EAAI,cAAc,GAAM,GACpC,EAAE,CAAC,EAGJ,kBAAC,EAAa,SAAd;EACE,KAAK;EACL,OAAA;EACA,SAAA;EACmB;EACnB,WAAW,EAAG,wBAAwB,EAAU;EACpC;EACZ,kBAAiB,MAAK;AAKpB,KAAE,gBAAgB;;EAEpB,GAAI;EACJ,wBAAqB;EAEpB;EACoB,CAAA;;AAI3B,GAAQ,cAAc;;;AC7CtB,IAAa,KAAsC,EAAE,aAAU,GAAG,QAChE,kBAAC,EAAa,QAAd;CAAqB,GAAI;CAAO;CAA+B,CAAA;AAGjE,EAAO,cAAc;;;ACArB,IAAM,MAAgB,EAAE,MAAM,GAAc,eAAmD;CAC7F,IAAM,IAAM,GAAoB,EAE1B,IAAc,CAAC,EAAI,YAAY,CAAC,EAAI,UAEpC,KAAe,MAAmC;EACtD,IAAM,IAAU,EAAE;AAClB,EAAI,EAAI,wBAAwB,cAC9B,EAAQ,eAAe;GACrB,UAAU;GACV,OAAO;GACP,QAAQ;GACT,CAAC;IAIA,EAAE,aAAU,GAAG,MAAsB,EAAI,qBAAqB;EAClE,UAAU,EAAI,YAAY,EAAI;EAC9B;EACA;EACD,CAAC;AAIF,QACE,kBAHc,IAAW,WAAW,QAGpC;EACE,MAAK;EACL,wBAAqB;EAErB,WAAW,EACT,0EACA,yCACA,sDACA,gDACA;GAAE,SAAS,CAAC;GAAa,SAAS;GAAa,CAChD;EACD,GAAI;EACJ,UAAU;EACV,GAAK,KAAY,EAAE,UAAU,IAAM;EACnC,SAAS;YAdX;GAgBE,kBAAC,QAAD;IACE,WAAW,EAAG,yEAAyE,EACrF,SAAS,CAAC,EAAI,MACf,CAAC;cAED,EAAa;IACT,CAAA;GACN,EAAI;GACJ,KACC,kBAAC,UAAD;IACE,MAAK;IACL,UAAU;IACV,eAAA;IACA,WAAU;IACV,UAAS,MAAK;AACZ,OAAE,iBAAiB;KAEnB,IAAM,IAAuB,EAAI,cAAc,QAC7C,MAAQ,EAAK,UAAU,EAAa,MACrC;AAID,KAFA,EAAI,iBAAiB,EAAqB,EAEtC,EAAI,cAAc,WACpB,EAAI,cAAc,QAAQ,MAAM,EAAE,eAAe,IAAM,CAAC;;cAI5D,kBAAC,GAAD;KAAM,MAAK;eACT,kBAAC,GAAD,EAAiB,CAAA;KACZ,CAAA;IACA,CAAA;GAEH;IA9CH,iBAAiB,IA8Cd;GAID,UAAsB;CACjC,IAAM,IAAM,GAAoB;AAEhC,QAAO,EAAI,YAAY,EAAI,cAAc,SACvC,kBAAA,GAAA,EAAA,UACG,EAAI,cAAc,KAAK,GAAM,MAC5B,kBAAC,IAAD;EAAqC;EAAa;EAAS,EAAxC,EAAK,MAAmC,CAC3D,EACD,CAAA,GACD;;AAGN,EAAc,cAAc;;;AChG5B,IAAa,KAAS,EACpB;CACE;CACA;CAEA;CACD,EACD;CACE,UAAU;EACR,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACD,OAAO;GACL,WAAW;GACX,OAAO;GACP,OAAO;GACP,SAAS;GACV;EACD,UAAU,EACR,MAAM,+EACP;EACD,UAAU,EACR,MAAM,sDACP;EACF;CACD,kBAAkB,CAChB;EACE,UAAU;EACV,OAAO,KAAA;EACP,OAAO;EACR,EACD;EACE,UAAU;EACV,UAAU;EACV,OAAO;EACR,CACF;CACD,iBAAiB;EACf,OAAO,KAAA;EACP,UAAU;EACV,UAAU;EACX;CACF,CACF,EC5CY,MACX,GACA,MACS;CACT,IAAM,IAAe,EAAsB,KAAK;AAEhD,SAAgB;EACd,IAAM,UAA2B;GAC/B,IAAM,IAAe,EAAW,SAAS,eAAe;AAOxD,GALI,EAAa,WAAW,KAAgB,IAAe,EAAa,WACtE,GAAU,EAGZ,EAAa,UAAU,GACvB,sBAAsB,EAAmB;KAGrC,IAAW,sBAAsB,EAAmB;AAE1D,eAAa,qBAAqB,EAAS;IAC1C,CAAC,EAAW,CAAC;GCNL,KAAW,EAAE,cAAW,aAAU,KAAK,QAAiC;CACnF,IAAM,IAAM,GAAoB,EAC1B,IAAQ,IAAqB,EAG7B,IAAc,EAAY,GAAU,uBAAuB,EAC3D,IAAgB,EAAY,GAAU,yBAAyB,EAC/D,IAAQ,EAAY,GAAU,iBAAiB,EAC/C,IAAc,EAAY,GAAU,uBAAuB,EAC3D,IAAa,EAAY,GAAU,sBAAsB,EAEzD,CAAC,GAAe,KAAsB,EAAI,aAC5C,CAAC,EAAQ,QAAQ;EAAE,SAAS;EAAM,MAAM,KAAA;EAAW,CAAC,GACpD,CAAC,GAAU,EAAE,CAAC,EAEZ,IAAM,EAAa,GAAc,EAAI,eAAe,EACpD,IAAoB,EAAuB,KAAK,EAEhD,IAAW,EAAM,YAAY,EAAI,UACjC,IAAW,EAAM,YAAY,EAAI,UAEjC,IAAiB,CAAC,CAAC,KAAe,CAAC,KAAY,CAAC,GAShD,UAAsB;AAC1B,MAAI,EAAkB,WAAW,CAAC,EAAI,MAAM;GAC1C,IAAM,EAAE,gBAAa,mBAAgB,EAAkB;AAEvD,KAAkB,QAAQ,aAAa,IAAc;;;AAIzD,IAAyB,GAAmB,EAAc;CAE1D,IAAM,IAAmB,CAAC,CAAC;AAiB3B,QAhBA,QAAgB;AACd,IAAI,6BAA6B,EAAiB;IACjD,CAAC,EAAiB,CAAC,EAEtB,QAAgB;EACd,IAAM,IAAiB,IAAI,eAAe,EAAc;AAMxD,SAJI,EAAkB,WACpB,EAAe,QAAQ,EAAkB,QAAQ,QAGtC;AACX,KAAe,YAAY;;IAE5B,EAAE,CAAC,EAGJ,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EAAe,GAAI;YACjB,kBAAC,OAAD;GACO;GACL,WAAW,GAAO;IAChB;IACA,OAAO,EAAI;IACX;IACA;IACA,WAAW,EAAI;IAChB,CAAC;GACF,eAAe;AACb,IAAI,CAAC,EAAI,UAAU,CAAC,KAAY,CAAC,MAC/B,EAAI,UAAU,EACV,EAAI,cAAc,WACpB,EAAI,cAAc,QAAQ,OAAO;;aAbzC;IAkBG;IACD,kBAAC,OAAD;KACE,KAAK;KACL,WAAW,EACT,wDACA,EAAI,OAAO,cAAc,yCAC1B;eALH,CAOG,GACA,EACG;;IAEL,KAAkB;IAElB;IACG;;EACQ,CAAA,EACf,CAAA;;AAIP,EAAQ,cAAc;;;AC7FtB,IAAa,KAgBT,OAAO,OAAO,GAAM;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,GAAS,cAAc,YACvB,EAAM,cAAc,kBACpB,EAAM,cAAc,kBACpB,EAAK,cAAc,iBACnB,EAAS,cAAc,qBACvB,EAAc,cAAc,0BAC5B,EAAM,cAAc,kBACpB,GAAQ,cAAc,oBACtB,EAAQ,cAAc,oBACtB,GAAY,cAAc,wBAC1B,EAAM,cAAc,kBACpB,EAAM,cAAc,kBACpB,EAAW,cAAc,uBACzB,EAAc,cAAc,0BAC5B,EAAY,cAAc,wBAC1B,EAAO,cAAc"}