@acusti/dropdown 0.55.1 → 0.56.0

package/README.md

@@ -98,10 +98,24 @@ This means the dropdown tends to:
 Internally, the dropdown renders:
 
 - `.uktdropdown-body` as the anchored outer shell
-- `.uktdropdown-content` as the scrollable inner region
+- `.uktdropdown-content` as the scrollable inner region with default
+  padding
 
-Custom padding and overflow styling usually belongs on the content region,
-not the outer shell.
+Custom padding and overflow styling belongs on the content region, not the
+outer shell. Note that `.uktdropdown-content` already applies default
+padding (see the `--uktdd-body-pad-*` variables below), so your body
+element does **not** need its own padding:
+
+```tsx
+// ✗ Don’t double-pad — the content region already has padding
+<Dropdown>
+    <button>Open</button>
+    <div style={{ padding: 16 }}>…</div>
+</Dropdown>
+
+// ✓ Override default padding via CSS variables if needed
+// .my-dropdown { --uktdd-body-pad-top: 16px; /* etc */ }
+```
 
 For the most reliable anchor-positioning behavior:
 
@@ -111,6 +125,12 @@ For the most reliable anchor-positioning behavior:
 - prefer CSS variable overrides over custom `top`/`left`/`right` inset
   rules
 
+For placement recipes, see
+[Placement Customization](#placement-customization-with-css-variables)
+below. If your trigger sits near the right edge of the viewport, the
+[End-Aligned, Content-Sized Menu](#end-aligned-content-sized-menu) example
+is the one you want.
+
 ## API Reference
 
 ### Props
@@ -337,12 +357,17 @@ function MultiSelectDropdown() {
 
 ### Dropdown with Interactive Content
 
+For dropdowns whose body is a form (inputs, date pickers, buttons that
+aren’t meant to submit a value), pass `hasItems={false}`. This disables the
+item-selection keyboard model and, importantly, prevents clicks inside the
+body from closing the dropdown via `onSubmitItem`.
+
 ```tsx
 function InteractiveDropdown() {
     return (
         <Dropdown hasItems={false}>
             <button>Settings</button>
-            <div style={{ padding: '16px' }}>
+            <div>
                 <label>
                     Full name:{' '}
                     <input
@@ -437,3 +462,18 @@ For accessibility, the component focuses on semantic HTML structure and
 keyboard navigation. It works best when you use appropriate HTML elements
 in your dropdown content (like `<ul>` and `<li>` for lists, `<button>`
 elements for actions, etc.).
+
+### ARIA attributes
+
+The trigger automatically receives `aria-haspopup`, `aria-expanded`, and
+`aria-controls` pointing to the open body. The popup role is chosen based
+on the dropdown’s mode:
+
+- `aria-haspopup="listbox"` when `isSearchable` is true (combobox pattern)
+- `aria-haspopup="menu"` when `hasItems` is true (the default)
+- `aria-haspopup="dialog"` when `hasItems={false}` (interactive content)
+
+The open body element also receives a matching `role` and an `id` so screen
+readers can associate the trigger with its popup. If your custom trigger
+already specifies any of these ARIA props, your values win — the component
+only fills in what you haven’t set.

package/dist/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, JSX, MouseEvent as ReactMouseEvent, ReactNode, SyntheticEvent } from 'react';
+import { CSSProperties, MouseEvent as ReactMouseEvent, ReactElement, ReactNode, SyntheticEvent } from 'react';
 export type Item = {
     element: MaybeHTMLElement;
     event: Event | SyntheticEvent<HTMLElement>;
@@ -19,7 +19,7 @@ export type Props = {
     /**
      * Can take a single React element or exactly two renderable children.
      */
-    children: ChildrenTuple | JSX.Element;
+    children: ChildrenTuple | ReactElement;
     className?: string;
     disabled?: boolean;
     /**

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
 import useKeyboardEvents, { isEventTargetUsingKeyEvent } from "@acusti/use-keyboard-events";
 import clsx from "clsx";
-import { Children, Fragment, isValidElement, useEffect, useRef, useState } from "react";
+import { Children, Fragment, cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
 import { getBestMatch } from "@acusti/matchmaking";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Dropdown.css?inline
@@ -99,7 +99,7 @@ var CHILDREN_ERROR = "@acusti/dropdown requires either 1 child (the dropdown bod
 var CLICKABLE_SELECTOR = "button, a[href], input[type=\"button\"], input[type=\"submit\"]";
 var TEXT_INPUT_SELECTOR = "input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea";
 function Dropdown(t0) {
-	const $ = c(82);
+	const $ = c(95);
 	const { allowCreate, allowEmpty: t1, children, className, disabled, hasItems: t2, isOpenOnMount, isSearchable, keepOpenOnSubmit: t3, label, minHeightBody, minWidthBody, name, onActiveItem, onClick, onClose, onMouseDown, onMouseUp, onOpen, onSubmitItem, placeholder, style: styleFromProps, tabIndex, value } = t0;
 	const allowEmpty = t1 === void 0 ? true : t1;
 	const hasItems = t2 === void 0 ? true : t2;
@@ -114,6 +114,8 @@ function Dropdown(t0) {
 	const [isOpen, setIsOpen] = useState(isOpenOnMount ?? false);
 	const [isOpening, setIsOpening] = useState(!isOpenOnMount);
 	const [dropdownElement, setDropdownElement] = useState(null);
+	const bodyId = useId();
+	const popupRole = isSearchable ? "listbox" : hasItems ? "menu" : "dialog";
 	const inputElementRef = useRef(null);
 	const closingTimerRef = useRef(null);
 	const isOpeningTimerRef = useRef(null);
@@ -532,8 +534,11 @@ function Dropdown(t0) {
 			$[38] = t19;
 		} else t19 = $[38];
 		let t20;
-		if ($[39] !== disabled || $[40] !== name || $[41] !== placeholder || $[42] !== t18 || $[43] !== tabIndex) {
+		if ($[39] !== bodyId || $[40] !== disabled || $[41] !== isOpen || $[42] !== name || $[43] !== placeholder || $[44] !== popupRole || $[45] !== t18 || $[46] !== tabIndex) {
 			t20 = /* @__PURE__ */ jsx("input", {
+				"aria-controls": bodyId,
+				"aria-expanded": isOpen,
+				"aria-haspopup": popupRole,
 				autoComplete: "off",
 				className: "uktdropdown-trigger",
 				defaultValue: t18,
@@ -545,114 +550,148 @@ function Dropdown(t0) {
 				tabIndex,
 				type: "text"
 			});
-			$[39] = disabled;
-			$[40] = name;
-			$[41] = placeholder;
-			$[42] = t18;
-			$[43] = tabIndex;
-			$[44] = t20;
-		} else t20 = $[44];
+			$[39] = bodyId;
+			$[40] = disabled;
+			$[41] = isOpen;
+			$[42] = name;
+			$[43] = placeholder;
+			$[44] = popupRole;
+			$[45] = t18;
+			$[46] = tabIndex;
+			$[47] = t20;
+		} else t20 = $[47];
 		trigger = t20;
 	} else {
 		let t18;
-		if ($[45] !== trigger) {
+		if ($[48] !== bodyId || $[49] !== isOpen || $[50] !== popupRole || $[51] !== trigger) {
 			t18 = /* @__PURE__ */ jsx("button", {
+				"aria-controls": bodyId,
+				"aria-expanded": isOpen,
+				"aria-haspopup": popupRole,
 				className: "uktdropdown-trigger",
 				tabIndex: 0,
 				type: "button",
 				children: trigger
 			});
-			$[45] = trigger;
-			$[46] = t18;
-		} else t18 = $[46];
+			$[48] = bodyId;
+			$[49] = isOpen;
+			$[50] = popupRole;
+			$[51] = trigger;
+			$[52] = t18;
+		} else t18 = $[52];
 		trigger = t18;
 	}
+	else {
+		const triggerProps = trigger.props;
+		const t18 = trigger;
+		const t19 = triggerProps["aria-controls"] ?? bodyId;
+		const t20 = triggerProps["aria-expanded"] ?? isOpen;
+		const t21 = triggerProps["aria-haspopup"] ?? popupRole;
+		let t22;
+		if ($[53] !== t18 || $[54] !== t19 || $[55] !== t20 || $[56] !== t21) {
+			t22 = cloneElement(t18, {
+				"aria-controls": t19,
+				"aria-expanded": t20,
+				"aria-haspopup": t21
+			});
+			$[53] = t18;
+			$[54] = t19;
+			$[55] = t20;
+			$[56] = t21;
+			$[57] = t22;
+		} else t22 = $[57];
+		trigger = t22;
+	}
 	if (label != null) {
 		let t18;
-		if ($[47] !== label) {
+		if ($[58] !== label) {
 			t18 = /* @__PURE__ */ jsx("div", {
 				className: "uktdropdown-label-text",
 				children: label
 			});
-			$[47] = label;
-			$[48] = t18;
-		} else t18 = $[48];
+			$[58] = label;
+			$[59] = t18;
+		} else t18 = $[59];
 		let t19;
-		if ($[49] !== t18 || $[50] !== trigger) {
+		if ($[60] !== t18 || $[61] !== trigger) {
 			t19 = /* @__PURE__ */ jsxs("label", {
 				className: "uktdropdown-label",
 				children: [t18, trigger]
 			});
-			$[49] = t18;
-			$[50] = trigger;
-			$[51] = t19;
-		} else t19 = $[51];
+			$[60] = t18;
+			$[61] = trigger;
+			$[62] = t19;
+		} else t19 = $[62];
 		trigger = t19;
 	}
 	let t18;
-	if ($[52] !== minHeightBody) {
+	if ($[63] !== minHeightBody) {
 		t18 = minHeightBody != null && minHeightBody > 0 ? { "--uktdd-body-min-height": `${minHeightBody}px` } : null;
-		$[52] = minHeightBody;
-		$[53] = t18;
-	} else t18 = $[53];
+		$[63] = minHeightBody;
+		$[64] = t18;
+	} else t18 = $[64];
 	let t19;
-	if ($[54] !== minWidthBody) {
+	if ($[65] !== minWidthBody) {
 		t19 = minWidthBody != null && minWidthBody > 0 ? { "--uktdd-body-min-width": `${minWidthBody}px` } : null;
-		$[54] = minWidthBody;
-		$[55] = t19;
-	} else t19 = $[55];
+		$[65] = minWidthBody;
+		$[66] = t19;
+	} else t19 = $[66];
 	let t20;
-	if ($[56] !== styleFromProps || $[57] !== t18 || $[58] !== t19) {
+	if ($[67] !== styleFromProps || $[68] !== t18 || $[69] !== t19) {
 		t20 = {
 			...styleFromProps,
 			...t18,
 			...t19
 		};
-		$[56] = styleFromProps;
-		$[57] = t18;
-		$[58] = t19;
-		$[59] = t20;
-	} else t20 = $[59];
+		$[67] = styleFromProps;
+		$[68] = t18;
+		$[69] = t19;
+		$[70] = t20;
+	} else t20 = $[70];
 	const style = t20;
 	let t21;
-	if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[71] === Symbol.for("react.memo_cache_sentinel")) {
 		t21 = /* @__PURE__ */ jsx("style", {
 			href: "@acusti/dropdown/Dropdown",
 			precedence: "medium",
 			children: Dropdown_default
 		});
-		$[60] = t21;
-	} else t21 = $[60];
+		$[71] = t21;
+	} else t21 = $[71];
 	let t22;
-	if ($[61] !== className || $[62] !== disabled || $[63] !== isOpen || $[64] !== isSearchable) {
+	if ($[72] !== className || $[73] !== disabled || $[74] !== isOpen || $[75] !== isSearchable) {
 		t22 = clsx("uktdropdown", className, {
 			disabled,
 			"is-open": isOpen,
 			"is-searchable": isSearchable
 		});
-		$[61] = className;
-		$[62] = disabled;
-		$[63] = isOpen;
-		$[64] = isSearchable;
-		$[65] = t22;
-	} else t22 = $[65];
+		$[72] = className;
+		$[73] = disabled;
+		$[74] = isOpen;
+		$[75] = isSearchable;
+		$[76] = t22;
+	} else t22 = $[76];
 	let t23;
-	if ($[66] !== children || $[67] !== childrenCount || $[68] !== hasItems || $[69] !== isOpen) {
+	if ($[77] !== bodyId || $[78] !== children || $[79] !== childrenCount || $[80] !== hasItems || $[81] !== isOpen || $[82] !== popupRole) {
 		t23 = isOpen ? /* @__PURE__ */ jsx("div", {
 			className: clsx("uktdropdown-body", { "has-items": hasItems }),
+			id: bodyId,
+			role: popupRole,
 			children: /* @__PURE__ */ jsx("div", {
 				className: "uktdropdown-content",
 				children: childrenCount > 1 ? children[1] : children
 			})
 		}) : null;
-		$[66] = children;
-		$[67] = childrenCount;
-		$[68] = hasItems;
-		$[69] = isOpen;
-		$[70] = t23;
-	} else t23 = $[70];
+		$[77] = bodyId;
+		$[78] = children;
+		$[79] = childrenCount;
+		$[80] = hasItems;
+		$[81] = isOpen;
+		$[82] = popupRole;
+		$[83] = t23;
+	} else t23 = $[83];
 	let t24;
-	if ($[71] !== handleMouseDown || $[72] !== handleMouseOut || $[73] !== handleMouseOver || $[74] !== handleMouseUp || $[75] !== handleRef || $[76] !== onClick || $[77] !== style || $[78] !== t22 || $[79] !== t23 || $[80] !== trigger) {
+	if ($[84] !== handleMouseDown || $[85] !== handleMouseOut || $[86] !== handleMouseOver || $[87] !== handleMouseUp || $[88] !== handleRef || $[89] !== onClick || $[90] !== style || $[91] !== t22 || $[92] !== t23 || $[93] !== trigger) {
 		t24 = /* @__PURE__ */ jsxs(Fragment, { children: [t21, /* @__PURE__ */ jsxs("div", {
 			className: t22,
 			onClick,
@@ -665,18 +704,18 @@ function Dropdown(t0) {
 			style,
 			children: [trigger, t23]
 		})] });
-		$[71] = handleMouseDown;
-		$[72] = handleMouseOut;
-		$[73] = handleMouseOver;
-		$[74] = handleMouseUp;
-		$[75] = handleRef;
-		$[76] = onClick;
-		$[77] = style;
-		$[78] = t22;
-		$[79] = t23;
-		$[80] = trigger;
-		$[81] = t24;
-	} else t24 = $[81];
+		$[84] = handleMouseDown;
+		$[85] = handleMouseOut;
+		$[86] = handleMouseOver;
+		$[87] = handleMouseUp;
+		$[88] = handleRef;
+		$[89] = onClick;
+		$[90] = style;
+		$[91] = t22;
+		$[92] = t23;
+		$[93] = trigger;
+		$[94] = t24;
+	} else t24 = $[94];
 	return t24;
 }
 //#endregion

package/dist/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["getBestMatch","SyntheticEvent","Item","ITEM_SELECTOR","getItemElements","dropdownElement","HTMLElement","bodyElement","querySelector","items","HTMLCollection","NodeListOf","Element","querySelectorAll","length","children","getActiveItemElement","clearItemElementsState","itemElements","Array","forEach","itemElement","hasAttribute","dataset","uktActive","BaseSetActiveItemPayload","element","event","Event","index","indexAddend","isExactMatch","onActiveItem","payload","text","setActiveItem","Omit","from","lastIndex","currentActiveIndex","findIndex","nextActiveIndex","Math","max","min","itemTexts","map","innerText","textToCompare","toLowerCase","itemText","startsWith","bestMatch","nextActiveItem","setAttribute","label","value","uktValue","parentElement","scrollableParent","isScrollable","scrollHeight","clientHeight","parentRect","getBoundingClientRect","itemRect","isAboveTop","top","isBelowBottom","bottom","scrollTop","useKeyboardEvents","isEventTargetUsingKeyEvent","clsx","Children","CSSProperties","Fragment","isValidElement","JSX","MouseEvent","ReactMouseEvent","ReactNode","SyntheticEvent","useEffect","useRef","useState","styles","getActiveItemElement","getItemElements","ITEM_SELECTOR","setActiveItem","Item","element","MaybeHTMLElement","event","Event","HTMLElement","label","value","Props","allowCreate","allowEmpty","children","ChildrenTuple","Element","className","disabled","group","hasItems","isOpenOnMount","isSearchable","keepOpenOnSubmit","minHeightBody","minWidthBody","name","onActiveItem","payload","onClick","onClose","onMouseDown","onMouseUp","onOpen","onSubmitItem","placeholder","style","tabIndex","MousePosition","clientX","clientY","TimeoutID","ReturnType","setTimeout","CHILDREN_ERROR","CLICKABLE_SELECTOR","TEXT_INPUT_SELECTOR","Dropdown","t0","$","_c","t1","t2","t3","styleFromProps","undefined","childrenCount","count","Error","console","error","trigger","isOpen","setIsOpen","isOpening","setIsOpening","dropdownElement","setDropdownElement","inputElementRef","closingTimerRef","isOpeningTimerRef","currentInputMethodRef","clearEnteredCharactersTimerRef","enteredCharactersRef","mouseDownPositionRef","allowCreateRef","allowEmptyRef","hasItemsRef","isOpenRef","isOpeningRef","keepOpenOnSubmitRef","onCloseRef","onOpenRef","onSubmitItemRef","valueRef","t4","t5","current","isMountedRef","t6","t7","t8","Symbol","for","clearTimeout","closeDropdown","t9","itemLabel","innerText","ownerDocument","activeElement","blur","nextValue","dataset","uktValue","eventTarget","target","matches","contains","click","clickableElements","querySelectorAll","length","clickableElement","handleSubmitItem","t10","t11","initialPosition","Math","abs","handleMouseMove","event_0","itemElements","eventTarget_0","item","closest","element_0","itemElement","handleMouseOver","t12","event_1","activeItem","eventRelatedTarget","relatedTarget","uktActive","handleMouseOut","t13","event_2","handleMouseDown","t14","event_3","eventTarget_1","handleMouseUp","t15","event_4","altKey","ctrlKey","key","metaKey","eventTarget_2","onEventHandled","stopPropagation","preventDefault","isEventTargetingDropdown","isTargetUsingKeyEvents","isEditingCharacters","test","slice","isExactMatch","text","index","indexAddend","handleKeyDown","t16","ignoreUsedKeyboardEvents","onKeyDown","t17","ref","inputElement","firstElementChild","HTMLInputElement","querySelector","handleGlobalMouseDown","t18","eventTarget_3","handleGlobalMouseUp","t19","target_0","eventTarget_4","handleGlobalFocusIn","t20","target_1","eventTarget_5","document","addEventListener","focus","handleInput","event_5","input","isDeleting","removeEventListener","handleRef","t21","t22","t23","t24"],"sources":["../src/Dropdown.css?inline","../src/helpers.ts","../src/Dropdown.tsx"],"sourcesContent":[":root {\n    --uktdd-font-family:\n        system-ui, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue,\n        Helvetica, Arial, sans-serif;\n    --uktdd-body-bg-color: #fff;\n    --uktdd-body-bg-color-hover: rgb(105, 162, 249);\n    --uktdd-body-color-hover: #fff;\n    --uktdd-body-buffer: 10px;\n    --uktdd-body-max-height: calc(100dvh - var(--uktdd-body-buffer));\n    --uktdd-body-max-width: calc(100dvw - var(--uktdd-body-buffer));\n    --uktdd-body-min-height: 30px;\n    --uktdd-body-pad-bottom: 9px;\n    --uktdd-body-pad-left: 12px;\n    --uktdd-body-pad-right: 12px;\n    --uktdd-body-pad-top: 9px;\n    --uktdd-body-min-width: min(50px, 100%);\n    --uktdd-body-position-area: bottom span-right;\n    --uktdd-body-position-try-fallbacks:\n        --uktdd-top-left, --uktdd-bottom-right, --uktdd-top-right;\n    --uktdd-body-translate: 0 0;\n    --uktdd-label-pad-right: 10px;\n}\n\n.uktdropdown,\n.uktdropdown-trigger {\n    font-family: var(--uktdd-font-family);\n}\n\n.uktdropdown {\n    width: max-content;\n    anchor-scope: --uktdd-anchor;\n\n    &.disabled {\n        pointer-events: none;\n    }\n\n    > * {\n        cursor: default;\n    }\n\n    > :first-child {\n        anchor-name: --uktdd-anchor;\n    }\n}\n\n.uktdropdown-label {\n    display: flex;\n    align-items: center;\n}\n\n.uktdropdown-label-text {\n    padding-right: var(--uktdd-label-pad-right);\n}\n\n.uktdropdown-body {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    position-anchor: --uktdd-anchor;\n    position-area: var(--uktdd-body-position-area);\n    position-try-order: most-height;\n    position-try-fallbacks: var(--uktdd-body-position-try-fallbacks);\n    min-block-size: min(var(--uktdd-body-min-height), var(--uktdd-body-max-height));\n    max-block-size: min(var(--uktdd-body-max-height), 100%);\n    min-inline-size: min(var(--uktdd-body-min-width), var(--uktdd-body-max-width));\n    max-inline-size: var(--uktdd-body-max-width);\n    inline-size: max-content;\n    overflow: hidden;\n    translate: var(--uktdd-body-translate);\n    z-index: 2;\n    background-color: var(--uktdd-body-bg-color);\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);\n\n    &.has-items {\n        user-select: none;\n    }\n\n    [data-ukt-active] {\n        background-color: var(--uktdd-body-bg-color-hover);\n        color: var(--uktdd-body-color-hover);\n    }\n}\n\n.uktdropdown-content {\n    box-sizing: border-box;\n    min-block-size: 0;\n    overflow: auto;\n    overscroll-behavior: contain;\n    padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right)\n        var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n}\n\n@position-try --uktdd-top-left {\n    position-area: top span-right;\n}\n\n@position-try --uktdd-bottom-left {\n    position-area: bottom span-right;\n}\n\n@position-try --uktdd-bottom-right {\n    position-area: bottom span-left;\n}\n\n@position-try --uktdd-top-right {\n    position-area: top span-left;\n}\n","import { getBestMatch } from '@acusti/matchmaking';\nimport { type SyntheticEvent } from 'react';\n\nimport { type Item } from './Dropdown.js';\n\nexport const ITEM_SELECTOR = `[data-ukt-item], [data-ukt-value]`;\n\nexport const getItemElements = (dropdownElement: HTMLElement | null) => {\n    if (!dropdownElement) return null;\n\n    const bodyElement = dropdownElement.querySelector('.uktdropdown-body');\n    if (!bodyElement) return null;\n\n    let items: HTMLCollection | NodeListOf<Element> =\n        bodyElement.querySelectorAll(ITEM_SELECTOR);\n\n    if (items.length) return items;\n    // If no items found via [data-ukt-item] or [data-ukt-value] selector,\n    // use first instance of multiple children found\n    items = bodyElement.children;\n    while (items.length === 1) {\n        if (items[0].children == null) break;\n        items = items[0].children;\n    }\n    // If unable to find an element with more than one child, treat direct child as items\n    if (items.length === 1) {\n        items = bodyElement.children;\n    }\n    return items;\n};\n\nexport const getActiveItemElement = (dropdownElement: HTMLElement | null) => {\n    if (!dropdownElement) return null;\n    return dropdownElement.querySelector('[data-ukt-active]') as HTMLElement | null;\n};\n\nconst clearItemElementsState = (itemElements: Array<HTMLElement>) => {\n    itemElements.forEach((itemElement) => {\n        if (itemElement.hasAttribute('data-ukt-active')) {\n            delete itemElement.dataset.uktActive;\n        }\n    });\n};\n\ntype BaseSetActiveItemPayload = {\n    dropdownElement: HTMLElement;\n    element?: null;\n    event: Event | SyntheticEvent<HTMLElement>;\n    index?: null;\n    indexAddend?: null;\n    isExactMatch?: null;\n    onActiveItem?: (payload: Item) => void;\n    text?: null;\n};\n\nexport const setActiveItem = ({\n    dropdownElement,\n    element,\n    event,\n    index,\n    indexAddend,\n    isExactMatch,\n    onActiveItem,\n    text,\n}:\n    | ({\n          element: HTMLElement;\n      } & Omit<BaseSetActiveItemPayload, 'element'>)\n    | ({\n          index: number;\n      } & Omit<BaseSetActiveItemPayload, 'index'>)\n    | ({\n          indexAddend: number;\n      } & Omit<BaseSetActiveItemPayload, 'indexAddend'>)\n    | ({\n          isExactMatch?: boolean;\n          text: string;\n      } & Omit<BaseSetActiveItemPayload, 'isExactMatch' | 'text'>)) => {\n    const items = getItemElements(dropdownElement);\n    if (!items) return;\n\n    const itemElements = Array.from(items) as Array<HTMLElement>;\n    if (!itemElements.length) return;\n\n    const lastIndex = itemElements.length - 1;\n    const currentActiveIndex = itemElements.findIndex((itemElement) =>\n        itemElement.hasAttribute('data-ukt-active'),\n    );\n\n    let nextActiveIndex = currentActiveIndex;\n    if (typeof index === 'number') {\n        // Negative index means count back from the end\n        nextActiveIndex = index < 0 ? itemElements.length + index : index;\n    }\n\n    if (element) {\n        nextActiveIndex = itemElements.findIndex(\n            (itemElement) => itemElement === element,\n        );\n    } else if (typeof indexAddend === 'number') {\n        // If there’s no currentActiveIndex and we are handling -1, start at lastIndex\n        if (currentActiveIndex === -1 && indexAddend === -1) {\n            nextActiveIndex = lastIndex;\n        } else {\n            nextActiveIndex += indexAddend;\n        }\n        // Keep it within the bounds of the items list\n        nextActiveIndex = Math.max(0, Math.min(nextActiveIndex, lastIndex));\n    } else if (typeof text === 'string') {\n        // If text is empty, clear existing active items and early return\n        if (!text) {\n            clearItemElementsState(itemElements);\n            return;\n        }\n\n        const itemTexts = itemElements.map((itemElement) => itemElement.innerText);\n        if (isExactMatch) {\n            const textToCompare = text.toLowerCase();\n            nextActiveIndex = itemTexts.findIndex((itemText) =>\n                itemText.toLowerCase().startsWith(textToCompare),\n            );\n            // If isExactMatch is required and no exact match was found, clear active items\n            if (nextActiveIndex === -1) {\n                clearItemElementsState(itemElements);\n            }\n        } else {\n            const bestMatch = getBestMatch({ items: itemTexts, text });\n            nextActiveIndex = itemTexts.findIndex((itemText) => itemText === bestMatch);\n        }\n    }\n\n    const nextActiveItem = items[nextActiveIndex] as HTMLElement | null;\n    if (nextActiveItem == null || nextActiveIndex === currentActiveIndex) return;\n\n    // Clear any existing active dropdown body item state\n    clearItemElementsState(itemElements);\n    nextActiveItem.setAttribute('data-ukt-active', '');\n    const label = nextActiveItem.innerText;\n    const value = nextActiveItem.dataset.uktValue ?? label;\n    onActiveItem?.({ element: nextActiveItem, event, label, value });\n    // Find closest scrollable parent and ensure that next active item is visible\n    let { parentElement } = nextActiveItem;\n    let scrollableParent = null;\n    while (!scrollableParent && parentElement && parentElement !== dropdownElement) {\n        const isScrollable = parentElement.scrollHeight > parentElement.clientHeight + 15;\n        if (isScrollable) {\n            scrollableParent = parentElement;\n        } else {\n            parentElement = parentElement.parentElement;\n        }\n    }\n\n    if (scrollableParent) {\n        const parentRect = scrollableParent.getBoundingClientRect();\n        const itemRect = nextActiveItem.getBoundingClientRect();\n        const isAboveTop = itemRect.top < parentRect.top;\n        const isBelowBottom = itemRect.bottom > parentRect.bottom;\n        if (isAboveTop || isBelowBottom) {\n            let { scrollTop } = scrollableParent;\n            // Item isn’t fully visible; adjust scrollTop to put item within closest edge\n            if (isAboveTop) {\n                scrollTop -= parentRect.top - itemRect.top;\n            } else {\n                scrollTop += itemRect.bottom - parentRect.bottom;\n            }\n            scrollableParent.scrollTop = scrollTop;\n        }\n    }\n};\n","/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/mouse-events-have-key-events, jsx-a11y/no-static-element-interactions */\nimport useKeyboardEvents, {\n    isEventTargetUsingKeyEvent,\n} from '@acusti/use-keyboard-events';\nimport clsx from 'clsx';\nimport {\n    Children,\n    type CSSProperties,\n    Fragment,\n    isValidElement,\n    type JSX,\n    type MouseEvent as ReactMouseEvent,\n    type ReactNode,\n    type SyntheticEvent,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport styles from './Dropdown.css?inline';\nimport {\n    getActiveItemElement,\n    getItemElements,\n    ITEM_SELECTOR,\n    setActiveItem,\n} from './helpers.js';\n\nexport type Item = {\n    element: MaybeHTMLElement;\n    event: Event | SyntheticEvent<HTMLElement>;\n    label: string;\n    value: string;\n};\n\nexport type Props = {\n    /**\n     * Boolean indicating if the user can submit a value not already in the\n     * dropdown.\n     */\n    allowCreate?: boolean;\n    /**\n     * Boolean indicating if the user can submit an empty value (i.e. clear\n     * the value). Defaults to true.\n     */\n    allowEmpty?: boolean;\n    /**\n     * Can take a single React element or exactly two renderable children.\n     */\n    children: ChildrenTuple | JSX.Element;\n    className?: string;\n    disabled?: boolean;\n    /**\n     * Group identifier string links dropdowns together into a menu\n     * (like macOS top menubar).\n     */\n    group?: string;\n    hasItems?: boolean;\n    isOpenOnMount?: boolean;\n    isSearchable?: boolean;\n    keepOpenOnSubmit?: boolean;\n    label?: ReactNode;\n    minHeightBody?: number;\n    minWidthBody?: number;\n    /**\n     * Only usable in conjunction with {isSearchable: true}.\n     * Used as search input’s name.\n     */\n    name?: string;\n    onActiveItem?: (payload: Item) => void;\n    onClick?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n    onClose?: () => unknown;\n    onMouseDown?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n    onMouseUp?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n    onOpen?: () => unknown;\n    onSubmitItem?: (payload: Item) => void;\n    /**\n     * Only usable in conjunction with {isSearchable: true}.\n     * Used as search input’s placeholder.\n     */\n    placeholder?: string;\n    style?: CSSProperties;\n    /**\n     * Only usable in conjunction with {isSearchable: true}.\n     * Used as search input’s tabIndex.\n     */\n    tabIndex?: number;\n    /**\n     * Used as search input’s value if props.isSearchable === true\n     * Used to determine if value has changed to avoid triggering onSubmitItem if not\n     */\n    value?: string;\n};\n\ntype ChildrenTuple = [ReactNode, ReactNode] | readonly [ReactNode, ReactNode];\n\ntype MaybeHTMLElement = HTMLElement | null;\n\ntype MousePosition = { clientX: number; clientY: number };\n\ntype TimeoutID = ReturnType<typeof setTimeout>;\n\nconst CHILDREN_ERROR =\n    '@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.';\nconst CLICKABLE_SELECTOR = 'button, a[href], input[type=\"button\"], input[type=\"submit\"]';\nconst TEXT_INPUT_SELECTOR =\n    'input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea';\n\nexport default function Dropdown({\n    allowCreate,\n    allowEmpty = true,\n    children,\n    className,\n    disabled,\n    hasItems = true,\n    isOpenOnMount,\n    isSearchable,\n    keepOpenOnSubmit = !hasItems,\n    label,\n    minHeightBody,\n    minWidthBody,\n    name,\n    onActiveItem,\n    onClick,\n    onClose,\n    onMouseDown,\n    onMouseUp,\n    onOpen,\n    onSubmitItem,\n    placeholder,\n    style: styleFromProps,\n    tabIndex,\n    value,\n}: Props) {\n    const childrenCount = Children.count(children);\n    if (childrenCount !== 1 && childrenCount !== 2) {\n        if (childrenCount === 0) {\n            throw new Error(CHILDREN_ERROR + ' Received no children.');\n        }\n        console.error(`${CHILDREN_ERROR} Received ${childrenCount} children.`);\n    }\n\n    let trigger: React.ReactNode;\n    if (childrenCount > 1) {\n        trigger = (children as ChildrenTuple)[0];\n    }\n\n    const [isOpen, setIsOpen] = useState<boolean>(isOpenOnMount ?? false);\n    const [isOpening, setIsOpening] = useState<boolean>(!isOpenOnMount);\n    const [dropdownElement, setDropdownElement] = useState<MaybeHTMLElement>(null);\n    const inputElementRef = useRef<HTMLInputElement | null>(null);\n    const closingTimerRef = useRef<null | TimeoutID>(null);\n    const isOpeningTimerRef = useRef<null | TimeoutID>(null);\n    const currentInputMethodRef = useRef<'keyboard' | 'mouse'>('mouse');\n    const clearEnteredCharactersTimerRef = useRef<null | TimeoutID>(null);\n    const enteredCharactersRef = useRef<string>('');\n    const mouseDownPositionRef = useRef<MousePosition | null>(null);\n\n    const allowCreateRef = useRef(allowCreate);\n    const allowEmptyRef = useRef(allowEmpty);\n    const hasItemsRef = useRef(hasItems);\n    const isOpenRef = useRef(isOpen);\n    const isOpeningRef = useRef(isOpening);\n    const keepOpenOnSubmitRef = useRef(keepOpenOnSubmit);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n    const onSubmitItemRef = useRef(onSubmitItem);\n    const valueRef = useRef(value);\n\n    useEffect(() => {\n        allowCreateRef.current = allowCreate;\n        allowEmptyRef.current = allowEmpty;\n        hasItemsRef.current = hasItems;\n        isOpenRef.current = isOpen;\n        isOpeningRef.current = isOpening;\n        keepOpenOnSubmitRef.current = keepOpenOnSubmit;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n        onSubmitItemRef.current = onSubmitItem;\n        valueRef.current = value;\n    }, [\n        allowCreate,\n        allowEmpty,\n        hasItems,\n        isOpen,\n        isOpening,\n        keepOpenOnSubmit,\n        onClose,\n        onOpen,\n        onSubmitItem,\n        value,\n    ]);\n\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            // If isOpenOnMount, trigger onOpen right away\n            if (isOpenRef.current && onOpenRef.current) {\n                onOpenRef.current();\n            }\n            return;\n        }\n\n        if (isOpen && onOpenRef.current) {\n            onOpenRef.current();\n        } else if (!isOpen && onCloseRef.current) {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    const closeDropdown = () => {\n        setIsOpen(false);\n        setIsOpening(false);\n        mouseDownPositionRef.current = null;\n        if (closingTimerRef.current != null) {\n            clearTimeout(closingTimerRef.current);\n            closingTimerRef.current = null;\n        }\n    };\n\n    const handleSubmitItem = (event: Event | React.SyntheticEvent<HTMLElement>) => {\n        if (isOpenRef.current && !keepOpenOnSubmitRef.current) {\n            // A short timeout before closing is better UX when user selects an item so dropdown\n            // doesn’t close before expected. It also enables using <Link />s in the dropdown body.\n            closingTimerRef.current = setTimeout(closeDropdown, 90);\n        }\n\n        if (!hasItemsRef.current) return;\n\n        const element = getActiveItemElement(dropdownElement);\n        if (!element && !allowCreateRef.current) {\n            // If not allowEmpty, don’t allow submitting an empty item\n            if (!allowEmptyRef.current) return;\n            // If we have an input element as trigger & the user didn’t clear the text, do nothing\n            if (inputElementRef.current?.value) return;\n        }\n\n        let itemLabel = element?.innerText ?? '';\n        if (inputElementRef.current) {\n            if (!element) {\n                itemLabel = inputElementRef.current.value;\n            } else {\n                inputElementRef.current.value = itemLabel;\n            }\n\n            if (\n                inputElementRef.current ===\n                inputElementRef.current.ownerDocument.activeElement\n            ) {\n                inputElementRef.current.blur();\n            }\n        }\n\n        const nextValue = element?.dataset.uktValue ?? itemLabel;\n        // If parent is controlling Dropdown via props.value and nextValue is the same, do nothing\n        if (valueRef.current && valueRef.current === nextValue) return;\n\n        // If the item is clickable or contains exactly one clickable element, invoke it\n        // (but only if the event didn’t already originate from that element)\n        if (element) {\n            const eventTarget = event.target as HTMLElement;\n\n            if (element.matches(CLICKABLE_SELECTOR)) {\n                // The item element itself is clickable (e.g., <button data-ukt-value=\"…\">)\n                if (element !== eventTarget && !element.contains(eventTarget)) {\n                    element.click();\n                }\n            } else {\n                // Check if item contains exactly one clickable child element\n                const clickableElements = element.querySelectorAll(CLICKABLE_SELECTOR);\n                if (clickableElements.length === 1) {\n                    const clickableElement = clickableElements[0] as HTMLElement;\n                    if (\n                        clickableElement !== eventTarget &&\n                        !clickableElement.contains(eventTarget)\n                    ) {\n                        clickableElement.click();\n                    }\n                }\n            }\n        }\n\n        onSubmitItemRef.current?.({\n            element,\n            event,\n            label: itemLabel,\n            value: nextValue,\n        });\n    };\n\n    const handleMouseMove = ({ clientX, clientY }: ReactMouseEvent<HTMLElement>) => {\n        currentInputMethodRef.current = 'mouse';\n        const initialPosition = mouseDownPositionRef.current;\n        if (!initialPosition) return;\n        if (\n            Math.abs(initialPosition.clientX - clientX) < 12 &&\n            Math.abs(initialPosition.clientY - clientY) < 12\n        ) {\n            return;\n        }\n        setIsOpening(false);\n    };\n\n    const handleMouseOver = (event: ReactMouseEvent<HTMLElement>) => {\n        if (!hasItemsRef.current) return;\n\n        // If user isn’t currently using the mouse to navigate the dropdown, do nothing\n        if (currentInputMethodRef.current !== 'mouse') return;\n\n        // Ensure we have the dropdown root HTMLElement\n        if (!dropdownElement) return;\n\n        const itemElements = getItemElements(dropdownElement);\n        if (!itemElements) return;\n\n        const eventTarget = event.target as HTMLElement;\n        const item = eventTarget.closest(ITEM_SELECTOR) as MaybeHTMLElement;\n        const element = item ?? eventTarget;\n        for (const itemElement of itemElements) {\n            if (itemElement === element) {\n                setActiveItem({ dropdownElement, element, event, onActiveItem });\n                return;\n            }\n        }\n    };\n\n    const handleMouseOut = (event: ReactMouseEvent<HTMLElement>) => {\n        if (!hasItemsRef.current) return;\n        const activeItem = getActiveItemElement(dropdownElement);\n        if (!activeItem) return;\n        const eventRelatedTarget = event.relatedTarget as HTMLElement;\n        if (activeItem !== event.target || activeItem.contains(eventRelatedTarget)) {\n            return;\n        }\n        // If user moused out of activeItem (not into a descendant), it’s no longer active\n        delete activeItem.dataset.uktActive;\n    };\n\n    const handleMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n        if (onMouseDown) onMouseDown(event);\n        if (isOpenRef.current) return;\n\n        setIsOpen(true);\n        setIsOpening(true);\n        mouseDownPositionRef.current = {\n            clientX: event.clientX,\n            clientY: event.clientY,\n        };\n        isOpeningTimerRef.current = setTimeout(() => {\n            setIsOpening(false);\n            isOpeningTimerRef.current = null;\n        }, 1000);\n    };\n\n    const handleMouseUp = (event: ReactMouseEvent<HTMLElement>) => {\n        if (onMouseUp) onMouseUp(event);\n        // If dropdown is still opening or isn’t open or is closing, do nothing\n        if (\n            isOpeningRef.current ||\n            !isOpenRef.current ||\n            closingTimerRef.current != null\n        ) {\n            return;\n        }\n\n        const eventTarget = event.target as HTMLElement;\n        // If click was outside dropdown body, don’t trigger submit\n        if (!eventTarget.closest('.uktdropdown-body')) {\n            // Don’t close dropdown if isOpening or search input is focused\n            if (\n                !isOpeningRef.current &&\n                inputElementRef.current !== eventTarget.ownerDocument.activeElement\n            ) {\n                closeDropdown();\n            }\n            return;\n        }\n\n        // If dropdown has no items and click was within dropdown body, do nothing\n        if (!hasItemsRef.current) return;\n\n        handleSubmitItem(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n        const { altKey, ctrlKey, key, metaKey } = event;\n        const eventTarget = event.target as HTMLElement;\n        if (!dropdownElement) return;\n\n        const onEventHandled = () => {\n            event.stopPropagation();\n            event.preventDefault();\n            currentInputMethodRef.current = 'keyboard';\n        };\n\n        const isEventTargetingDropdown = dropdownElement.contains(eventTarget);\n\n        if (!isOpenRef.current) {\n            // If dropdown is closed, don’t handle key events if event target isn’t within dropdown\n            if (!isEventTargetingDropdown) return;\n            // Open the dropdown on spacebar, enter, or if isSearchable and user hits the ↑/↓ arrows\n            if (\n                key === ' ' ||\n                key === 'Enter' ||\n                (hasItemsRef.current && (key === 'ArrowUp' || key === 'ArrowDown'))\n            ) {\n                onEventHandled();\n                setIsOpen(true);\n            }\n            return;\n        }\n\n        const isTargetUsingKeyEvents = isEventTargetUsingKeyEvent(event);\n\n        // If dropdown isOpen + hasItems & eventTargetNotUsingKeyEvents, handle characters\n        if (hasItemsRef.current && !isTargetUsingKeyEvents) {\n            let isEditingCharacters = !ctrlKey && !metaKey && /^[A-Za-z0-9]$/.test(key);\n            // User could also be editing characters if there are already characters entered\n            // and they are hitting delete or spacebar\n            if (!isEditingCharacters && enteredCharactersRef.current) {\n                isEditingCharacters = key === ' ' || key === 'Backspace';\n            }\n\n            if (isEditingCharacters) {\n                onEventHandled();\n                if (key === 'Backspace') {\n                    enteredCharactersRef.current = enteredCharactersRef.current.slice(\n                        0,\n                        -1,\n                    );\n                } else {\n                    enteredCharactersRef.current += key;\n                }\n\n                setActiveItem({\n                    dropdownElement,\n                    event,\n                    // If props.allowCreate, only override the input’s value with an\n                    // exact text match so user can enter a value not in items\n                    isExactMatch: allowCreateRef.current,\n                    onActiveItem,\n                    text: enteredCharactersRef.current,\n                });\n\n                if (clearEnteredCharactersTimerRef.current != null) {\n                    clearTimeout(clearEnteredCharactersTimerRef.current);\n                }\n\n                clearEnteredCharactersTimerRef.current = setTimeout(() => {\n                    enteredCharactersRef.current = '';\n                    clearEnteredCharactersTimerRef.current = null;\n                }, 1500);\n\n                return;\n            }\n        }\n\n        // If dropdown isOpen, handle submitting the value\n        if (key === 'Enter' || (key === ' ' && !inputElementRef.current)) {\n            onEventHandled();\n            handleSubmitItem(event);\n            return;\n        }\n\n        // If dropdown isOpen, handle closing it on escape or spacebar if !hasItems\n        if (\n            key === 'Escape' ||\n            (isEventTargetingDropdown && key === ' ' && !hasItemsRef.current)\n        ) {\n            // Close dropdown if hasItems or event target not using key events\n            if (hasItemsRef.current || !isTargetUsingKeyEvents) {\n                closeDropdown();\n            }\n            return;\n        }\n\n        // Handle ↑/↓ arrows\n        if (hasItemsRef.current) {\n            if (key === 'ArrowUp') {\n                onEventHandled();\n                if (altKey || metaKey) {\n                    setActiveItem({ dropdownElement, event, index: 0, onActiveItem });\n                } else {\n                    setActiveItem({\n                        dropdownElement,\n                        event,\n                        indexAddend: -1,\n                        onActiveItem,\n                    });\n                }\n                return;\n            }\n            if (key === 'ArrowDown') {\n                onEventHandled();\n                if (altKey || metaKey) {\n                    // Using a negative index counts back from the end\n                    setActiveItem({ dropdownElement, event, index: -1, onActiveItem });\n                } else {\n                    setActiveItem({\n                        dropdownElement,\n                        event,\n                        indexAddend: 1,\n                        onActiveItem,\n                    });\n                }\n                return;\n            }\n        }\n    };\n\n    useKeyboardEvents({ ignoreUsedKeyboardEvents: false, onKeyDown: handleKeyDown });\n\n    const handleRef = (ref: HTMLDivElement | null): (() => void) | void => {\n        setDropdownElement(ref);\n        if (!ref) return;\n\n        const { ownerDocument } = ref;\n        let inputElement = inputElementRef.current;\n        // Check if trigger is a textual input or textarea element\n        if (!inputElement && ref.firstElementChild) {\n            if (ref.firstElementChild.matches(TEXT_INPUT_SELECTOR)) {\n                inputElement = ref.firstElementChild as HTMLInputElement;\n            } else {\n                inputElement = ref.firstElementChild.querySelector(TEXT_INPUT_SELECTOR);\n            }\n            inputElementRef.current = inputElement;\n        }\n\n        const handleGlobalMouseDown = ({ target }: MouseEvent) => {\n            const eventTarget = target as HTMLElement;\n            if (!ref.contains(eventTarget)) {\n                // Close dropdown on an outside click\n                closeDropdown();\n            }\n        };\n\n        const handleGlobalMouseUp = ({ target }: MouseEvent) => {\n            if (!isOpenRef.current || closingTimerRef.current != null) return;\n\n            // If still isOpening (gets set false 1s after open triggers), set it to false onMouseUp\n            if (isOpeningRef.current) {\n                setIsOpening(false);\n                if (isOpeningTimerRef.current != null) {\n                    clearTimeout(isOpeningTimerRef.current);\n                    isOpeningTimerRef.current = null;\n                }\n                return;\n            }\n\n            const eventTarget = target as HTMLElement;\n            // Only handle mouseup events from outside the dropdown here\n            if (!ref.contains(eventTarget)) {\n                closeDropdown();\n            }\n        };\n\n        // Close dropdown if any element is focused outside of this dropdown\n        const handleGlobalFocusIn = ({ target }: Event) => {\n            if (!isOpenRef.current) return;\n\n            const eventTarget = target as HTMLElement;\n            // If focused element is a descendant or a parent of the dropdown, do nothing\n            if (ref.contains(eventTarget) || eventTarget.contains(ref)) {\n                return;\n            }\n\n            closeDropdown();\n        };\n\n        document.addEventListener('focusin', handleGlobalFocusIn);\n        document.addEventListener('mousedown', handleGlobalMouseDown);\n        document.addEventListener('mouseup', handleGlobalMouseUp);\n\n        if (ownerDocument !== document) {\n            ownerDocument.addEventListener('focusin', handleGlobalFocusIn);\n            ownerDocument.addEventListener('mousedown', handleGlobalMouseDown);\n            ownerDocument.addEventListener('mouseup', handleGlobalMouseUp);\n        }\n\n        // If dropdown should be open on mount, focus it\n        if (isOpenOnMount) {\n            ref.focus();\n        }\n\n        const handleInput = (event: Event) => {\n            if (!isOpenRef.current) setIsOpen(true);\n\n            const input = event.target as HTMLInputElement;\n            const isDeleting = enteredCharactersRef.current.length > input.value.length;\n            enteredCharactersRef.current = input.value;\n            // When deleting text, if there’s already an active item and\n            // input isn’t empty, preserve the active item, else update it\n            if (isDeleting && input.value.length && getActiveItemElement(ref)) {\n                return;\n            }\n\n            setActiveItem({\n                dropdownElement: ref,\n                event,\n                // If props.allowCreate, only override the input’s value with an\n                // exact text match so user can enter a value not in items\n                isExactMatch: allowCreateRef.current,\n                onActiveItem,\n                text: enteredCharactersRef.current,\n            });\n        };\n\n        if (inputElement) {\n            inputElement.addEventListener('input', handleInput);\n        }\n\n        return () => {\n            document.removeEventListener('focusin', handleGlobalFocusIn);\n            document.removeEventListener('mousedown', handleGlobalMouseDown);\n            document.removeEventListener('mouseup', handleGlobalMouseUp);\n\n            if (ownerDocument !== document) {\n                ownerDocument.removeEventListener('focusin', handleGlobalFocusIn);\n                ownerDocument.removeEventListener('mousedown', handleGlobalMouseDown);\n                ownerDocument.removeEventListener('mouseup', handleGlobalMouseUp);\n            }\n\n            if (inputElement) {\n                inputElement.removeEventListener('input', handleInput);\n            }\n        };\n    };\n\n    if (!isValidElement(trigger)) {\n        if (isSearchable) {\n            trigger = (\n                <input\n                    autoComplete=\"off\"\n                    className=\"uktdropdown-trigger\"\n                    defaultValue={value ?? ''}\n                    disabled={disabled}\n                    name={name}\n                    onFocus={() => setIsOpen(true)}\n                    placeholder={placeholder}\n                    ref={inputElementRef}\n                    tabIndex={tabIndex}\n                    type=\"text\"\n                />\n            );\n        } else {\n            trigger = (\n                <button className=\"uktdropdown-trigger\" tabIndex={0} type=\"button\">\n                    {trigger}\n                </button>\n            );\n        }\n    }\n\n    if (label != null) {\n        trigger = (\n            <label className=\"uktdropdown-label\">\n                <div className=\"uktdropdown-label-text\">{label}</div>\n                {trigger}\n            </label>\n        );\n    }\n\n    const style = {\n        ...styleFromProps,\n        ...(minHeightBody != null && minHeightBody > 0\n            ? { '--uktdd-body-min-height': `${minHeightBody}px` }\n            : null),\n        ...(minWidthBody != null && minWidthBody > 0\n            ? { '--uktdd-body-min-width': `${minWidthBody}px` }\n            : null),\n    };\n\n    return (\n        <Fragment>\n            <style href=\"@acusti/dropdown/Dropdown\" precedence=\"medium\">\n                {styles}\n            </style>\n            <div\n                className={clsx('uktdropdown', className, {\n                    disabled,\n                    'is-open': isOpen,\n                    'is-searchable': isSearchable,\n                })}\n                onClick={onClick}\n                onMouseDown={handleMouseDown}\n                onMouseMove={handleMouseMove}\n                onMouseOut={handleMouseOut}\n                onMouseOver={handleMouseOver}\n                onMouseUp={handleMouseUp}\n                ref={handleRef}\n                style={style}\n            >\n                {trigger}\n                {/* TODO next version of Dropdown should use <Activity> for body https://react.dev/reference/react/Activity */}\n                {isOpen ? (\n                    <div\n                        className={clsx('uktdropdown-body', {\n                            'has-items': hasItems,\n                        })}\n                    >\n                        <div className=\"uktdropdown-content\">\n                            {childrenCount > 1\n                                ? (children as ChildrenTuple)[1]\n                                : children}\n                        </div>\n                    </div>\n                ) : null}\n            </div>\n        </Fragment>\n    );\n}\n"],"mappings":";;;;;;;;;;ACKA,IAAaG,gBAAgB;AAE7B,IAAaC,mBAAmBC,oBAAwC;AACpE,KAAI,CAACA,gBAAiB,QAAO;CAE7B,MAAME,cAAcF,gBAAgBG,cAAc,oBAAoB;AACtE,KAAI,CAACD,YAAa,QAAO;CAEzB,IAAIE,QACAF,YAAYM,iBAAiBV,cAAc;AAE/C,KAAIM,MAAMK,OAAQ,QAAOL;AAGzBA,SAAQF,YAAYQ;AACpB,QAAON,MAAMK,WAAW,GAAG;AACvB,MAAIL,MAAM,GAAGM,YAAY,KAAM;AAC/BN,UAAQA,MAAM,GAAGM;;AAGrB,KAAIN,MAAMK,WAAW,EACjBL,SAAQF,YAAYQ;AAExB,QAAON;;AAGX,IAAaO,wBAAwBX,oBAAwC;AACzE,KAAI,CAACA,gBAAiB,QAAO;AAC7B,QAAOA,gBAAgBG,cAAc,oBAAoB;;AAG7D,IAAMS,0BAA0BC,iBAAqC;AACjEA,cAAaE,SAASC,gBAAgB;AAClC,MAAIA,YAAYC,aAAa,kBAAkB,CAC3C,QAAOD,YAAYE,QAAQC;GAEjC;;AAcN,IAAaW,iBAAiB,EAC1B9B,iBACAqB,SACAC,OACAE,OACAC,aACAC,cACAC,cACAE,WAcmE;CACnE,MAAMzB,QAAQL,gBAAgBC,gBAAgB;AAC9C,KAAI,CAACI,MAAO;CAEZ,MAAMS,eAAeC,MAAMkB,KAAK5B,MAAM;AACtC,KAAI,CAACS,aAAaJ,OAAQ;CAE1B,MAAMwB,YAAYpB,aAAaJ,SAAS;CACxC,MAAMyB,qBAAqBrB,aAAasB,WAAWnB,gBAC/CA,YAAYC,aAAa,kBAC7B,CAAC;CAED,IAAImB,kBAAkBF;AACtB,KAAI,OAAOV,UAAU,SAEjBY,mBAAkBZ,QAAQ,IAAIX,aAAaJ,SAASe,QAAQA;AAGhE,KAAIH,QACAe,mBAAkBvB,aAAasB,WAC1BnB,gBAAgBA,gBAAgBK,QACpC;UACM,OAAOI,gBAAgB,UAAU;AAExC,MAAIS,uBAAuB,MAAMT,gBAAgB,GAC7CW,mBAAkBH;MAElBG,oBAAmBX;AAGvBW,oBAAkBC,KAAKC,IAAI,GAAGD,KAAKE,IAAIH,iBAAiBH,UAAU,CAAC;YAC5D,OAAOJ,SAAS,UAAU;AAEjC,MAAI,CAACA,MAAM;AACPjB,0BAAuBC,aAAa;AACpC;;EAGJ,MAAM2B,YAAY3B,aAAa4B,KAAKzB,gBAAgBA,YAAY0B,UAAU;AAC1E,MAAIhB,cAAc;GACd,MAAMiB,gBAAgBd,KAAKe,aAAa;AACxCR,qBAAkBI,UAAUL,WAAWU,aACnCA,SAASD,aAAa,CAACE,WAAWH,cACtC,CAAC;AAED,OAAIP,oBAAoB,GACpBxB,wBAAuBC,aAAa;SAErC;GACH,MAAMkC,YAAYpD,aAAa;IAAES,OAAOoC;IAAWX;IAAM,CAAC;AAC1DO,qBAAkBI,UAAUL,WAAWU,aAAaA,aAAaE,UAAU;;;CAInF,MAAMC,iBAAiB5C,MAAMgC;AAC7B,KAAIY,kBAAkB,QAAQZ,oBAAoBF,mBAAoB;AAGtEtB,wBAAuBC,aAAa;AACpCmC,gBAAeC,aAAa,mBAAmB,GAAG;CAClD,MAAMC,QAAQF,eAAeN;CAC7B,MAAMS,QAAQH,eAAe9B,QAAQkC,YAAYF;AACjDvB,gBAAe;EAAEN,SAAS2B;EAAgB1B;EAAO4B;EAAOC;EAAO,CAAC;CAEhE,IAAI,EAAEE,kBAAkBL;CACxB,IAAIM,mBAAmB;AACvB,QAAO,CAACA,oBAAoBD,iBAAiBA,kBAAkBrD,gBAE3D,KADqBqD,cAAcG,eAAeH,cAAcI,eAAe,GAE3EH,oBAAmBD;KAEnBA,iBAAgBA,cAAcA;AAItC,KAAIC,kBAAkB;EAClB,MAAMI,aAAaJ,iBAAiBK,uBAAuB;EAC3D,MAAMC,WAAWZ,eAAeW,uBAAuB;EACvD,MAAME,aAAaD,SAASE,MAAMJ,WAAWI;EAC7C,MAAMC,gBAAgBH,SAASI,SAASN,WAAWM;AACnD,MAAIH,cAAcE,eAAe;GAC7B,IAAI,EAAEE,cAAcX;AAEpB,OAAIO,WACAI,cAAaP,WAAWI,MAAMF,SAASE;OAEvCG,cAAaL,SAASI,SAASN,WAAWM;AAE9CV,oBAAiBW,YAAYA;;;;;;AChEzC,IAAM8D,iBACF;AACJ,IAAMC,qBAAqB;AAC3B,IAAMC,sBACF;AAEJ,SAAeC,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAkB,MAAA,EAAAtC,aAAAC,YAAAsC,IAAArC,UAAAG,WAAAC,UAAAE,UAAAgC,IAAA/B,eAAAC,cAAAC,kBAAA8B,IAAA5C,OAAAe,eAAAC,cAAAC,MAAAC,cAAAE,SAAAC,SAAAC,aAAAC,WAAAC,QAAAC,cAAAC,aAAAC,OAAAkB,gBAAAjB,UAAA3B,UAAAsC;CAE7B,MAAAnC,aAAAsC,OAAAI,KAAAA,IAAA,OAAAJ;CAIA,MAAA/B,WAAAgC,OAAAG,KAAAA,IAAA,OAAAH;CAGA,MAAA7B,mBAAA8B,OAAAE,KAAAA,IAAA,CAAoBnC,WAApBiC;CAiBA,MAAAG,gBAAsBtE,SAAQuE,MAAO3C,SAAS;AAC9C,KAAI0C,kBAAkB,KAAKA,kBAAkB,GAAC;AAC1C,MAAIA,kBAAkB,EAClB,OAAM,IAAIE,MAAMd,iBAAiB,yBAAyB;AAE9De,UAAOC,MAAO,GAAGhB,eAAc,YAAaY,cAAa,YAAa;;CAGtEK,IAAAA;AACJ,KAAIL,gBAAgB,EAChBK,WAAW/C,SAAyB;CAGxC,MAAA,CAAAgD,QAAAC,aAA4BlE,SAAkBwB,iBAAA,MAAuB;CACrE,MAAA,CAAA2C,WAAAC,gBAAkCpE,SAAkB,CAACwB,cAAc;CACnE,MAAA,CAAA6C,iBAAAC,sBAA8CtE,SAA2B,KAAK;CAC9E,MAAAuE,kBAAwBxE,OAAgC,KAAK;CAC7D,MAAAyE,kBAAwBzE,OAAyB,KAAK;CACtD,MAAA0E,oBAA0B1E,OAAyB,KAAK;CACxD,MAAA2E,wBAA8B3E,OAA6B,QAAQ;CACnE,MAAA4E,iCAAuC5E,OAAyB,KAAK;CACrE,MAAA6E,uBAA6B7E,OAAe,GAAG;CAC/C,MAAA8E,uBAA6B9E,OAA6B,KAAK;CAE/D,MAAA+E,iBAAuB/E,OAAOgB,YAAY;CAC1C,MAAAgE,gBAAsBhF,OAAOiB,WAAW;CACxC,MAAAgE,cAAoBjF,OAAOwB,SAAS;CACpC,MAAA0D,YAAkBlF,OAAOkE,OAAO;CAChC,MAAAiB,eAAqBnF,OAAOoE,UAAU;CACtC,MAAAgB,sBAA4BpF,OAAO2B,iBAAiB;CACpD,MAAA0D,aAAmBrF,OAAOkC,QAAQ;CAClC,MAAAoD,YAAkBtF,OAAOqC,OAAO;CAChC,MAAAkD,kBAAwBvF,OAAOsC,aAAa;CAC5C,MAAAkD,WAAiBxF,OAAOc,MAAM;CAAC,IAAA2E;CAAA,IAAAC;AAAA,KAAArC,EAAA,OAAArC,eAAAqC,EAAA,OAAApC,cAAAoC,EAAA,OAAA7B,YAAA6B,EAAA,OAAAa,UAAAb,EAAA,OAAAe,aAAAf,EAAA,OAAA1B,oBAAA0B,EAAA,OAAAnB,WAAAmB,EAAA,OAAAhB,UAAAgB,EAAA,OAAAf,gBAAAe,EAAA,OAAAvC,OAAA;AAErB2E,aAAA;AACNV,kBAAcY,UAAW3E;AACzBgE,iBAAaW,UAAW1E;AACxBgE,eAAWU,UAAWnE;AACtB0D,aAASS,UAAWzB;AACpBiB,gBAAYQ,UAAWvB;AACvBgB,uBAAmBO,UAAWhE;AAC9B0D,cAAUM,UAAWzD;AACrBoD,aAASK,UAAWtD;AACpBkD,mBAAeI,UAAWrD;AAC1BkD,YAAQG,UAAW7E;;AACpB4E,OAAA;GACC1E;GACAC;GACAO;GACA0C;GACAE;GACAzC;GACAO;GACAG;GACAC;GACAxB;GACH;AAAAuC,IAAA,KAAArC;AAAAqC,IAAA,KAAApC;AAAAoC,IAAA,KAAA7B;AAAA6B,IAAA,KAAAa;AAAAb,IAAA,KAAAe;AAAAf,IAAA,KAAA1B;AAAA0B,IAAA,KAAAnB;AAAAmB,IAAA,KAAAhB;AAAAgB,IAAA,KAAAf;AAAAe,IAAA,KAAAvC;AAAAuC,IAAA,MAAAoC;AAAApC,IAAA,MAAAqC;QAAA;AAAAD,OAAApC,EAAA;AAAAqC,OAAArC,EAAA;;AAtBDtD,WAAU0F,IAWPC,GAWD;CAEF,MAAAE,eAAqB5F,OAAO,MAAM;CAAC,IAAA6F;CAAA,IAAAC;AAAA,KAAAzC,EAAA,QAAAa,QAAA;AAEzB2B,aAAA;AACN,OAAI,CAACD,aAAYD,SAAQ;AACrBC,iBAAYD,UAAW;AAEvB,QAAIT,UAASS,WAAYL,UAASK,QAC9BL,WAASK,SAAU;AACtB;;AAIL,OAAIzB,UAAUoB,UAASK,QACnBL,WAASK,SAAU;YACZ,CAACzB,UAAUmB,WAAUM,QAC5BN,YAAUM,SAAU;;AAEzBG,OAAA,CAAC5B,OAAO;AAAAb,IAAA,MAAAa;AAAAb,IAAA,MAAAwC;AAAAxC,IAAA,MAAAyC;QAAA;AAAAD,OAAAxC,EAAA;AAAAyC,OAAAzC,EAAA;;AAfXtD,WAAU8F,IAePC,GAAS;CAAA,IAAAC;AAAA,KAAA1C,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,EAAA;AAEUF,aAAA;AAClB5B,aAAU,MAAM;AAChBE,gBAAa,MAAM;AACnBS,wBAAoBa,UAAW;AAC/B,OAAIlB,gBAAekB,WAAY,MAAI;AAC/BO,iBAAazB,gBAAekB,QAAS;AACrClB,oBAAekB,UAAW;;;AAEjCtC,IAAA,MAAA0C;OAAAA,MAAA1C,EAAA;CARD,MAAA8C,gBAAsBJ;CAQpB,IAAAK;AAAA,KAAA/C,EAAA,QAAAiB,iBAAA;AAEuB8B,QAAA1F,UAAA;AACrB,OAAIwE,UAASS,WAAT,CAAsBP,oBAAmBO,QAGzClB,iBAAekB,UAAW5C,WAAWoD,eAAe,GAA7B;AAG3B,OAAI,CAAClB,YAAWU,QAAQ;GAExB,MAAAnF,UAAgBL,qBAAqBmE,gBAAgB;AACrD,OAAI,CAAC9D,WAAD,CAAauE,eAAcY,SAAQ;AAEnC,QAAI,CAACX,cAAaW,QAAQ;AAE1B,QAAInB,gBAAemB,SAAe7E,MAAA;;GAGtC,IAAAuF,YAAgB7F,SAAO8F,aAAP;AAChB,OAAI9B,gBAAemB,SAAQ;AACvB,QAAI,CAACnF,QACD6F,aAAY7B,gBAAemB,QAAQ7E;QAEnC0D,iBAAemB,QAAQ7E,QAASuF;AAGpC,QACI7B,gBAAemB,YACfnB,gBAAemB,QAAQY,cAAcC,cAErChC,iBAAemB,QAAQc,MAAO;;GAItC,MAAAC,YAAkBlG,SAAOmG,QAAkBC,YAAzBP;AAElB,OAAIb,SAAQG,WAAYH,SAAQG,YAAae,UAAS;AAItD,OAAIlG,SAAO;IACP,MAAAqG,cAAoBnG,MAAKoG;AAEzB,QAAItG,QAAOuG,QAAS9D,mBAAmB;SAE/BzC,YAAYqG,eAAZ,CAA4BrG,QAAOwG,SAAUH,YAAY,CACzDrG,SAAOyG,OAAQ;WAClB;KAGD,MAAAC,oBAA0B1G,QAAO2G,iBAAkBlE,mBAAmB;AACtE,SAAIiE,kBAAiBE,WAAY,GAAC;MAC9B,MAAAC,mBAAyBH,kBAAiB;AAC1C,UACIG,qBAAqBR,eAArB,CACCQ,iBAAgBL,SAAUH,YAAY,CAEvCQ,kBAAgBJ,OAAQ;;;;AAMxC1B,mBAAeI,UAAW;IAAAnF;IAAAE;IAAAG,OAGfwF;IAASvF,OACT4F;IACV,CAAC;;AACLrD,IAAA,MAAAiB;AAAAjB,IAAA,MAAA+C;OAAAA,MAAA/C,EAAA;CApED,MAAAiE,mBAAyBlB;CAoEvB,IAAAmB;AAAA,KAAAlE,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,EAAA;AAEsBsB,SAAAC,QAAA;GAAC,MAAA,EAAA7E,SAAAC,YAAA4E;AACrB7C,yBAAqBgB,UAAW;GAChC,MAAA8B,kBAAwB3C,qBAAoBa;AAC5C,OAAI,CAAC8B,gBAAe;AACpB,OACIC,KAAIC,IAAKF,gBAAe9E,UAAWA,QAAQ,GAAG,MAC9C+E,KAAIC,IAAKF,gBAAe7E,UAAWA,QAAQ,GAAG,GAAE;AAIpDyB,gBAAa,MAAM;;AACtBhB,IAAA,MAAAkE;OAAAA,OAAAlE,EAAA;CAXD,MAAAuE,kBAAwBL;CAWtB,IAAAC;AAAA,KAAAnE,EAAA,QAAAiB,mBAAAjB,EAAA,QAAAtB,cAAA;AAEsByF,SAAAK,YAAA;AACpB,OAAI,CAAC5C,YAAWU,QAAQ;AAGxB,OAAIhB,sBAAqBgB,YAAa,QAAO;AAG7C,OAAI,CAACrB,gBAAe;GAEpB,MAAAwD,eAAqB1H,gBAAgBkE,gBAAgB;AACrD,OAAI,CAACwD,aAAY;GAEjB,MAAAC,gBAAoBrH,QAAKoG;GAEzB,MAAAoB,YADarB,cAAWoB,QAAS5H,cAAc,IAC/B0H;AAChB,QAAK,MAAAI,eAAqBL,aACtB,KAAIK,gBAAgB3H,WAAO;AACvBF,kBAAc;KAAAgE;KAAA9D,SAAmBA;KAAOE,OAAEA;KAAKqB;KAAgB,CAAC;AAAA;;;AAI3EsB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAtB;AAAAsB,IAAA,MAAAmE;OAAAA,OAAAnE,EAAA;CArBD,MAAA+E,kBAAwBZ;CAqBtB,IAAAa;AAAA,KAAAhF,EAAA,QAAAiB,iBAAA;AAEqB+D,SAAAC,YAAA;AACnB,OAAI,CAACrD,YAAWU,QAAQ;GACxB,MAAA4C,aAAmBpI,qBAAqBmE,gBAAgB;AACxD,OAAI,CAACiE,WAAU;GACf,MAAAC,qBAA2B9H,QAAK+H;AAChC,OAAIF,eAAe7H,QAAKoG,UAAWyB,WAAUvB,SAAUwB,mBAAmB,CAAA;AAI1E,UAAOD,WAAU5B,QAAQ+B;;AAC5BrF,IAAA,MAAAiB;AAAAjB,IAAA,MAAAgF;OAAAA,OAAAhF,EAAA;CAVD,MAAAsF,iBAAuBN;CAUrB,IAAAO;AAAA,KAAAvF,EAAA,QAAAlB,aAAA;AAEsByG,SAAAC,YAAA;AACpB,OAAI1G,YAAaA,aAAYzB,QAAM;AACnC,OAAIwE,UAASS,QAAQ;AAErBxB,aAAU,KAAK;AACfE,gBAAa,KAAK;AAClBS,wBAAoBa,UAAW;IAAAhD,SAClBjC,QAAKiC;IAAQC,SACblC,QAAKkC;IAFU;AAI5B8B,qBAAiBiB,UAAW5C,iBAAW;AACnCsB,iBAAa,MAAM;AACnBK,sBAAiBiB,UAAW;MAC7B,IAHsB;;AAI5BtC,IAAA,MAAAlB;AAAAkB,IAAA,MAAAuF;OAAAA,OAAAvF,EAAA;CAdD,MAAAyF,kBAAwBF;CActB,IAAAG;AAAA,KAAA1F,EAAA,QAAAiE,oBAAAjE,EAAA,QAAAjB,WAAA;AAEoB2G,SAAAC,YAAA;AAClB,OAAI5G,UAAWA,WAAU1B,QAAM;AAE/B,OACIyE,aAAYQ,WAAZ,CACCT,UAASS,WACVlB,gBAAekB,WAAY,KAAI;GAKnC,MAAAsD,gBAAoBvI,QAAKoG;AAEzB,OAAI,CAACD,cAAWoB,QAAS,oBAAoB,EAAA;AAEzC,QACI,CAAC9C,aAAYQ,WACbnB,gBAAemB,YAAakB,cAAWN,cAAcC,cAErDL,gBAAe;AAClB;;AAKL,OAAI,CAAClB,YAAWU,QAAQ;AAExB2B,oBAAiB5G,QAAM;;AAC1B2C,IAAA,MAAAiE;AAAAjE,IAAA,MAAAjB;AAAAiB,IAAA,MAAA0F;OAAAA,OAAA1F,EAAA;CA5BD,MAAA6F,gBAAsBH;CA4BpB,IAAAI;AAAA,KAAA9F,EAAA,QAAAiB,mBAAAjB,EAAA,QAAAiE,oBAAAjE,EAAA,QAAAtB,cAAA;AAEoBoH,SAAAC,YAAA;GAClB,MAAA,EAAAC,QAAAC,SAAAC,KAAAC,YAA0C9I;GAC1C,MAAA+I,gBAAoB/I,QAAKoG;AACzB,OAAI,CAACxC,gBAAe;GAEpB,MAAAoF,uBAAuB;AACnBhJ,YAAKiJ,iBAAkB;AACvBjJ,YAAKkJ,gBAAiB;AACtBjF,0BAAqBgB,UAAW;;GAGpC,MAAAkE,2BAAiCvF,gBAAe0C,SAAUH,cAAY;AAEtE,OAAI,CAAC3B,UAASS,SAAQ;AAElB,QAAI,CAACkE,yBAAwB;AAE7B,QACIN,QAAQ,OACRA,QAAQ,WACPtE,YAAWU,YAAa4D,QAAQ,aAAaA,QAAQ,cAAa;AAEnEG,qBAAgB;AAChBvF,eAAU,KAAK;;AAClB;;GAIL,MAAA2F,yBAA+B1K,2BAA2BsB,QAAM;AAGhE,OAAIuE,YAAWU,WAAX,CAAwBmE,wBAAsB;IAC9C,IAAAC,sBAA0B,CAACT,WAAD,CAAaE,WAAW,gBAAeQ,KAAMT,IAAI;AAG3E,QAAI,CAACQ,uBAAuBlF,qBAAoBc,QAC5CoE,uBAAsBR,QAAQ,OAAOA,QAAQ;AAGjD,QAAIQ,qBAAmB;AACnBL,qBAAgB;AAChB,SAAIH,QAAQ,YACR1E,sBAAoBc,UAAWd,qBAAoBc,QAAQsE,MACvD,GACA,GAFwB;SAK5BpF,sBAAoBc,UAApBd,qBAAoBc,UAAY4D;AAGpCjJ,mBAAc;MAAAgE;MAAA5D,OAEVA;MAAKwJ,cAGSnF,eAAcY;MAAQ5D;MAAAoI,MAE9BtF,qBAAoBc;MAC7B,CAAC;AAEF,SAAIf,+BAA8Be,WAAY,KAC1CO,cAAatB,+BAA8Be,QAAS;AAGxDf,oCAA8Be,UAAW5C,iBAAW;AAChD8B,2BAAoBc,UAAW;AAC/Bf,qCAA8Be,UAAW;QAC1C,KAHmC;AAAA;;;AAU9C,OAAI4D,QAAQ,WAAYA,QAAQ,OAAR,CAAgB/E,gBAAemB,SAAS;AAC5D+D,oBAAgB;AAChBpC,qBAAiB5G,QAAM;AAAA;;AAK3B,OACI6I,QAAQ,YACPM,4BAA4BN,QAAQ,OAApC,CAA4CtE,YAAWU,SAAS;AAGjE,QAAIV,YAAWU,WAAX,CAAwBmE,uBACxB3D,gBAAe;AAClB;;AAKL,OAAIlB,YAAWU,SAAQ;AACnB,QAAI4D,QAAQ,WAAS;AACjBG,qBAAgB;AAChB,SAAIL,UAAAG,QACAlJ,eAAc;MAAAgE;MAAA5D,OAAmBA;MAAK0J,OAAS;MAACrI;MAAgB,CAAC;SAEjEzB,eAAc;MAAAgE;MAAA5D,OAEVA;MAAK2J,aACQ;MAAEtI;MAElB,CAAC;AACL;;AAGL,QAAIwH,QAAQ,aAAW;AACnBG,qBAAgB;AAChB,SAAIL,UAAAG,QAEAlJ,eAAc;MAAAgE;MAAA5D,OAAmBA;MAAK0J,OAAS;MAAErI;MAAgB,CAAC;SAElEzB,eAAc;MAAAgE;MAAA5D,OAEVA;MAAK2J,aACQ;MAACtI;MAEjB,CAAC;AACL;;;;AAIZsB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAiE;AAAAjE,IAAA,MAAAtB;AAAAsB,IAAA,MAAA8F;OAAAA,OAAA9F,EAAA;CA5HD,MAAAiH,gBAAsBnB;CA4HpB,IAAAoB;AAAA,KAAAlH,EAAA,QAAAiH,eAAA;AAEgBC,QAAA;GAAAC,0BAA4B;GAAKC,WAAaH;GAAe;AAAAjH,IAAA,MAAAiH;AAAAjH,IAAA,MAAAkH;OAAAA,OAAAlH,EAAA;AAA/ElE,mBAAkBoL,IAA8D;CAAA,IAAAG;AAAA,KAAArH,EAAA,QAAA5B,iBAAA4B,EAAA,QAAAtB,cAAA;AAE9D2I,SAAAC,QAAA;AACdpG,sBAAmBoG,IAAI;AACvB,OAAI,CAACA,IAAG;GAER,MAAA,EAAApE,kBAA0BoE;GAC1B,IAAAC,eAAmBpG,gBAAemB;AAElC,OAAI,CAACiF,gBAAgBD,IAAGE,mBAAkB;AACtC,QAAIF,IAAGE,kBAAkB9D,QAAS7D,oBAAoB,CAClD0H,gBAAeD,IAAGE;QAElBD,gBAAeD,IAAGE,kBAAkBE,cAAe7H,oBAAoB;AAE3EsB,oBAAemB,UAAWiF;;GAG9B,MAAAI,yBAA8BC,QAAA;IAAC,MAAA,EAAAnE,WAAAmE;IAC3B,MAAAC,gBAAoBpE;AACpB,QAAI,CAAC6D,IAAG3D,SAAUH,cAAY,CAE1BV,gBAAe;;GAIvB,MAAAgF,uBAA4BC,QAAA;IAAC,MAAA,EAAAtE,QAAAuE,aAAAD;AACzB,QAAI,CAAClG,UAASS,WAAYlB,gBAAekB,WAAY,KAAI;AAGzD,QAAIR,aAAYQ,SAAQ;AACpBtB,kBAAa,MAAM;AACnB,SAAIK,kBAAiBiB,WAAY,MAAI;AACjCO,mBAAaxB,kBAAiBiB,QAAS;AACvCjB,wBAAiBiB,UAAW;;AAC/B;;IAIL,MAAA2F,gBAAoBxE;AAEpB,QAAI,CAAC6D,IAAG3D,SAAUH,cAAY,CAC1BV,gBAAe;;GAKvB,MAAAoF,uBAA4BC,QAAA;IAAC,MAAA,EAAA1E,QAAA2E,aAAAD;AACzB,QAAI,CAACtG,UAASS,QAAQ;IAEtB,MAAA+F,gBAAoB5E;AAEpB,QAAI6D,IAAG3D,SAAUH,cAAyC,IAAzBA,cAAWG,SAAU2D,IAAI,CAAA;AAI1DxE,mBAAe;;AAGnBwF,YAAQC,iBAAkB,WAAWL,oBAAoB;AACzDI,YAAQC,iBAAkB,aAAaZ,sBAAsB;AAC7DW,YAAQC,iBAAkB,WAAWT,oBAAoB;AAEzD,OAAI5E,kBAAkBoF,UAAQ;AAC1BpF,kBAAaqF,iBAAkB,WAAWL,oBAAoB;AAC9DhF,kBAAaqF,iBAAkB,aAAaZ,sBAAsB;AAClEzE,kBAAaqF,iBAAkB,WAAWT,oBAAoB;;AAIlE,OAAI1J,cACAkJ,KAAGkB,OAAQ;GAGf,MAAAC,eAAoBC,YAAA;AAChB,QAAI,CAAC7G,UAASS,QAAUxB,WAAU,KAAK;IAEvC,MAAA6H,QAActL,QAAKoG;IACnB,MAAAmF,aAAmBpH,qBAAoBc,QAAQyB,SAAU4E,MAAKlL,MAAMsG;AACpEvC,yBAAoBc,UAAWqG,MAAKlL;AAGpC,QAAImL,cAAcD,MAAKlL,MAAMsG,UAAWjH,qBAAqBwK,IAAI,CAAA;AAIjErK,kBAAc;KAAAgE,iBACOqG;KAAGjK,OACpBA;KAAKwJ,cAGSnF,eAAcY;KAAQ5D;KAAAoI,MAE9BtF,qBAAoBc;KAC7B,CAAC;;AAGN,OAAIiF,aACAA,cAAYgB,iBAAkB,SAASE,YAAY;AACtD,gBAEM;AACHH,aAAQO,oBAAqB,WAAWX,oBAAoB;AAC5DI,aAAQO,oBAAqB,aAAalB,sBAAsB;AAChEW,aAAQO,oBAAqB,WAAWf,oBAAoB;AAE5D,QAAI5E,kBAAkBoF,UAAQ;AAC1BpF,mBAAa2F,oBAAqB,WAAWX,oBAAoB;AACjEhF,mBAAa2F,oBAAqB,aAAalB,sBAAsB;AACrEzE,mBAAa2F,oBAAqB,WAAWf,oBAAoB;;AAGrE,QAAIP,aACAA,cAAYsB,oBAAqB,SAASJ,YAAY;;;AAGjEzI,IAAA,MAAA5B;AAAA4B,IAAA,MAAAtB;AAAAsB,IAAA,MAAAqH;OAAAA,OAAArH,EAAA;CAlHD,MAAA8I,YAAkBzB;AAoHlB,KAAI,CAACjL,eAAewE,QAAQ,CACxB,KAAIvC,cAAY;EAKU,MAAAuJ,MAAAnK,SAAA;EAAW,IAAAsK;AAAA,MAAA/H,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,EAAA;AAGhBmF,eAAMjH,UAAU,KAAK;AAAAd,KAAA,MAAA+H;QAAAA,OAAA/H,EAAA;EAAA,IAAAmI;AAAA,MAAAnI,EAAA,QAAA/B,YAAA+B,EAAA,QAAAvB,QAAAuB,EAAA,QAAAd,eAAAc,EAAA,QAAA4H,OAAA5H,EAAA,QAAAZ,UAAA;AANlC+I,SAAA,oBAAA,SAAA;IACiB,cAAA;IACH,WAAA;IACI,cAAAP;IACJ3J;IACJQ;IACG,SAAAsJ;IACI7I;IACRiC,KAAAA;IACK/B;IACL,MAAA;IACP,CAAA;AAAAY,KAAA,MAAA/B;AAAA+B,KAAA,MAAAvB;AAAAuB,KAAA,MAAAd;AAAAc,KAAA,MAAA4H;AAAA5H,KAAA,MAAAZ;AAAAY,KAAA,MAAAmI;QAAAA,OAAAnI,EAAA;AAZNY,YACIA;QADG;EAAA,IAAAgH;AAAA,MAAA5H,EAAA,QAAAY,SAAA;AAgBHgH,SAAA,oBAAA,UAAA;IAAkB,WAAA;IAAgC,UAAA;IAAQ,MAAA;cACrDhH;IACI,CAAA;AAAAZ,KAAA,MAAAY;AAAAZ,KAAA,MAAA4H;QAAAA,OAAA5H,EAAA;AAHbY,YACIA;;AAOZ,KAAIpD,SAAS,MAAI;EAAA,IAAAoK;AAAA,MAAA5H,EAAA,QAAAxC,OAAA;AAGLoK,SAAA,oBAAA,OAAA;IAAe,WAAA;cAA0BpK;IAAY,CAAA;AAAAwC,KAAA,MAAAxC;AAAAwC,KAAA,MAAA4H;QAAAA,OAAA5H,EAAA;EAAA,IAAA+H;AAAA,MAAA/H,EAAA,QAAA4H,OAAA5H,EAAA,QAAAY,SAAA;AADzDmH,SAAA,qBAAA,SAAA;IAAiB,WAAA;cAAjB,CACIH,KACChH,QACG;;AAAAZ,KAAA,MAAA4H;AAAA5H,KAAA,MAAAY;AAAAZ,KAAA,MAAA+H;QAAAA,OAAA/H,EAAA;AAJZY,YACIA;;CAKP,IAAAgH;AAAA,KAAA5H,EAAA,QAAAzB,eAAA;AAIOqJ,QAAArJ,iBAAiB,QAAQA,gBAAgB,IAAzC,EAAA,2BAC+B,GAAGA,cAAa,KACzC,GAFN;AAEMyB,IAAA,MAAAzB;AAAAyB,IAAA,MAAA4H;OAAAA,OAAA5H,EAAA;CAAA,IAAA+H;AAAA,KAAA/H,EAAA,QAAAxB,cAAA;AACNuJ,QAAAvJ,gBAAgB,QAAQA,eAAe,IAAvC,EAAA,0BAC8B,GAAGA,aAAY,KACvC,GAFN;AAEMwB,IAAA,MAAAxB;AAAAwB,IAAA,MAAA+H;OAAAA,OAAA/H,EAAA;CAAA,IAAAmI;AAAA,KAAAnI,EAAA,QAAAK,kBAAAL,EAAA,QAAA4H,OAAA5H,EAAA,QAAA+H,KAAA;AAPAI,QAAA;GAAA,GACP9H;GAAc,GACbuH;GAEM,GACNG;GAGP;AAAA/H,IAAA,MAAAK;AAAAL,IAAA,MAAA4H;AAAA5H,IAAA,MAAA+H;AAAA/H,IAAA,MAAAmI;OAAAA,OAAAnI,EAAA;CARD,MAAAb,QAAcgJ;CAQZ,IAAAY;AAAA,KAAA/I,EAAA,QAAA2C,OAAAC,IAAA,4BAAA,EAAA;AAIMmG,QAAA,oBAAA,SAAA;GAAY,MAAA;GAAuC,YAAA;aAC9ClM;GACG,CAAA;AAAAmD,IAAA,MAAA+I;OAAAA,OAAA/I,EAAA;CAAA,IAAAgJ;AAAA,KAAAhJ,EAAA,QAAAhC,aAAAgC,EAAA,QAAA/B,YAAA+B,EAAA,QAAAa,UAAAb,EAAA,QAAA3B,cAAA;AAEO2K,QAAAhN,KAAK,eAAegC,WAAW;GAAAC;GAAA,WAE3B4C;GAAM,iBACAxC;GACpB,CAAC;AAAA2B,IAAA,MAAAhC;AAAAgC,IAAA,MAAA/B;AAAA+B,IAAA,MAAAa;AAAAb,IAAA,MAAA3B;AAAA2B,IAAA,MAAAgJ;OAAAA,OAAAhJ,EAAA;CAAA,IAAAiJ;AAAA,KAAAjJ,EAAA,QAAAnC,YAAAmC,EAAA,QAAAO,iBAAAP,EAAA,QAAA7B,YAAA6B,EAAA,QAAAa,QAAA;AAYDoI,QAAApI,SACG,oBAAA,OAAA;GACe,WAAA7E,KAAK,oBAAoB,EAAA,aACnBmC,UAChB,CAAA;aAED,oBAAA,OAAA;IAAe,WAAA;cACVoC,gBAAgB,IACV1C,SAAyB,KAD/BA;IAIT,CAAA;GACI,CAAA,GAZP;AAYOmC,IAAA,MAAAnC;AAAAmC,IAAA,MAAAO;AAAAP,IAAA,MAAA7B;AAAA6B,IAAA,MAAAa;AAAAb,IAAA,MAAAiJ;OAAAA,OAAAjJ,EAAA;CAAA,IAAAkJ;AAAA,KAAAlJ,EAAA,QAAAyF,mBAAAzF,EAAA,QAAAsF,kBAAAtF,EAAA,QAAA+E,mBAAA/E,EAAA,QAAA6F,iBAAA7F,EAAA,QAAA8I,aAAA9I,EAAA,QAAApB,WAAAoB,EAAA,QAAAb,SAAAa,EAAA,QAAAgJ,OAAAhJ,EAAA,QAAAiJ,OAAAjJ,EAAA,QAAAY,SAAA;AAjChBsI,QAAA,qBAAC,UAAD,EAAA,UAAA,CACIH,KAGA,qBAAA,OAAA;GACe,WAAAC;GAKFpK;GACI6G,aAAAA;GACAlB,aAAAA;GACDe,YAAAA;GACCP,aAAAA;GACFc,WAAAA;GACNiD,KAAAA;GACE3J;aAbX,CAeKyB,SAEAqI,IAcT;KAAW,EAAA,CAAA;AAAAjJ,IAAA,MAAAyF;AAAAzF,IAAA,MAAAsF;AAAAtF,IAAA,MAAA+E;AAAA/E,IAAA,MAAA6F;AAAA7F,IAAA,MAAA8I;AAAA9I,IAAA,MAAApB;AAAAoB,IAAA,MAAAb;AAAAa,IAAA,MAAAgJ;AAAAhJ,IAAA,MAAAiJ;AAAAjJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAkJ;OAAAA,OAAAlJ,EAAA;AAAA,QAnCXkJ"}
+{"version":3,"file":"Dropdown.js","names":["getBestMatch","SyntheticEvent","Item","ITEM_SELECTOR","getItemElements","dropdownElement","HTMLElement","bodyElement","querySelector","items","HTMLCollection","NodeListOf","Element","querySelectorAll","length","children","getActiveItemElement","clearItemElementsState","itemElements","Array","forEach","itemElement","hasAttribute","dataset","uktActive","BaseSetActiveItemPayload","element","event","Event","index","indexAddend","isExactMatch","onActiveItem","payload","text","setActiveItem","Omit","from","lastIndex","currentActiveIndex","findIndex","nextActiveIndex","Math","max","min","itemTexts","map","innerText","textToCompare","toLowerCase","itemText","startsWith","bestMatch","nextActiveItem","setAttribute","label","value","uktValue","parentElement","scrollableParent","isScrollable","scrollHeight","clientHeight","parentRect","getBoundingClientRect","itemRect","isAboveTop","top","isBelowBottom","bottom","scrollTop","useKeyboardEvents","isEventTargetUsingKeyEvent","clsx","Children","cloneElement","CSSProperties","Fragment","isValidElement","MouseEvent","ReactMouseEvent","ReactElement","ReactNode","SyntheticEvent","useEffect","useId","useRef","useState","styles","getActiveItemElement","getItemElements","ITEM_SELECTOR","setActiveItem","Item","element","MaybeHTMLElement","event","Event","HTMLElement","label","value","Props","allowCreate","allowEmpty","children","ChildrenTuple","className","disabled","group","hasItems","isOpenOnMount","isSearchable","keepOpenOnSubmit","minHeightBody","minWidthBody","name","onActiveItem","payload","onClick","onClose","onMouseDown","onMouseUp","onOpen","onSubmitItem","placeholder","style","tabIndex","MousePosition","clientX","clientY","TimeoutID","ReturnType","setTimeout","CHILDREN_ERROR","CLICKABLE_SELECTOR","TEXT_INPUT_SELECTOR","Dropdown","t0","$","_c","t1","t2","t3","styleFromProps","undefined","childrenCount","count","Error","console","error","trigger","isOpen","setIsOpen","isOpening","setIsOpening","dropdownElement","setDropdownElement","bodyId","popupRole","inputElementRef","closingTimerRef","isOpeningTimerRef","currentInputMethodRef","clearEnteredCharactersTimerRef","enteredCharactersRef","mouseDownPositionRef","allowCreateRef","allowEmptyRef","hasItemsRef","isOpenRef","isOpeningRef","keepOpenOnSubmitRef","onCloseRef","onOpenRef","onSubmitItemRef","valueRef","t4","t5","current","isMountedRef","t6","t7","t8","Symbol","for","clearTimeout","closeDropdown","t9","itemLabel","innerText","ownerDocument","activeElement","blur","nextValue","dataset","uktValue","eventTarget","target","matches","contains","click","clickableElements","querySelectorAll","length","clickableElement","handleSubmitItem","t10","t11","initialPosition","Math","abs","handleMouseMove","event_0","itemElements","eventTarget_0","item","closest","element_0","itemElement","handleMouseOver","t12","event_1","activeItem","eventRelatedTarget","relatedTarget","uktActive","handleMouseOut","t13","event_2","handleMouseDown","t14","event_3","eventTarget_1","handleMouseUp","t15","event_4","altKey","ctrlKey","key","metaKey","eventTarget_2","onEventHandled","stopPropagation","preventDefault","isEventTargetingDropdown","isTargetUsingKeyEvents","isEditingCharacters","test","slice","isExactMatch","text","index","indexAddend","handleKeyDown","t16","ignoreUsedKeyboardEvents","onKeyDown","t17","ref","inputElement","firstElementChild","HTMLInputElement","querySelector","handleGlobalMouseDown","t18","eventTarget_3","handleGlobalMouseUp","t19","target_0","eventTarget_4","handleGlobalFocusIn","t20","target_1","eventTarget_5","document","addEventListener","focus","handleInput","event_5","input","isDeleting","removeEventListener","handleRef","triggerProps","props","Record","t21","t22","t23","t24"],"sources":["../src/Dropdown.css?inline","../src/helpers.ts","../src/Dropdown.tsx"],"sourcesContent":[":root {\n    --uktdd-font-family:\n        system-ui, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue,\n        Helvetica, Arial, sans-serif;\n    --uktdd-body-bg-color: #fff;\n    --uktdd-body-bg-color-hover: rgb(105, 162, 249);\n    --uktdd-body-color-hover: #fff;\n    --uktdd-body-buffer: 10px;\n    --uktdd-body-max-height: calc(100dvh - var(--uktdd-body-buffer));\n    --uktdd-body-max-width: calc(100dvw - var(--uktdd-body-buffer));\n    --uktdd-body-min-height: 30px;\n    --uktdd-body-pad-bottom: 9px;\n    --uktdd-body-pad-left: 12px;\n    --uktdd-body-pad-right: 12px;\n    --uktdd-body-pad-top: 9px;\n    --uktdd-body-min-width: min(50px, 100%);\n    --uktdd-body-position-area: bottom span-right;\n    --uktdd-body-position-try-fallbacks:\n        --uktdd-top-left, --uktdd-bottom-right, --uktdd-top-right;\n    --uktdd-body-translate: 0 0;\n    --uktdd-label-pad-right: 10px;\n}\n\n.uktdropdown,\n.uktdropdown-trigger {\n    font-family: var(--uktdd-font-family);\n}\n\n.uktdropdown {\n    width: max-content;\n    anchor-scope: --uktdd-anchor;\n\n    &.disabled {\n        pointer-events: none;\n    }\n\n    > * {\n        cursor: default;\n    }\n\n    > :first-child {\n        anchor-name: --uktdd-anchor;\n    }\n}\n\n.uktdropdown-label {\n    display: flex;\n    align-items: center;\n}\n\n.uktdropdown-label-text {\n    padding-right: var(--uktdd-label-pad-right);\n}\n\n.uktdropdown-body {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    position-anchor: --uktdd-anchor;\n    position-area: var(--uktdd-body-position-area);\n    position-try-order: most-height;\n    position-try-fallbacks: var(--uktdd-body-position-try-fallbacks);\n    min-block-size: min(var(--uktdd-body-min-height), var(--uktdd-body-max-height));\n    max-block-size: min(var(--uktdd-body-max-height), 100%);\n    min-inline-size: min(var(--uktdd-body-min-width), var(--uktdd-body-max-width));\n    max-inline-size: var(--uktdd-body-max-width);\n    inline-size: max-content;\n    overflow: hidden;\n    translate: var(--uktdd-body-translate);\n    z-index: 2;\n    background-color: var(--uktdd-body-bg-color);\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);\n\n    &.has-items {\n        user-select: none;\n    }\n\n    [data-ukt-active] {\n        background-color: var(--uktdd-body-bg-color-hover);\n        color: var(--uktdd-body-color-hover);\n    }\n}\n\n.uktdropdown-content {\n    box-sizing: border-box;\n    min-block-size: 0;\n    overflow: auto;\n    overscroll-behavior: contain;\n    padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right)\n        var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n}\n\n@position-try --uktdd-top-left {\n    position-area: top span-right;\n}\n\n@position-try --uktdd-bottom-left {\n    position-area: bottom span-right;\n}\n\n@position-try --uktdd-bottom-right {\n    position-area: bottom span-left;\n}\n\n@position-try --uktdd-top-right {\n    position-area: top span-left;\n}\n","import { getBestMatch } from '@acusti/matchmaking';\nimport { type SyntheticEvent } from 'react';\n\nimport { type Item } from './Dropdown.js';\n\nexport const ITEM_SELECTOR = `[data-ukt-item], [data-ukt-value]`;\n\nexport const getItemElements = (dropdownElement: HTMLElement | null) => {\n    if (!dropdownElement) return null;\n\n    const bodyElement = dropdownElement.querySelector('.uktdropdown-body');\n    if (!bodyElement) return null;\n\n    let items: HTMLCollection | NodeListOf<Element> =\n        bodyElement.querySelectorAll(ITEM_SELECTOR);\n\n    if (items.length) return items;\n    // If no items found via [data-ukt-item] or [data-ukt-value] selector,\n    // use first instance of multiple children found\n    items = bodyElement.children;\n    while (items.length === 1) {\n        if (items[0].children == null) break;\n        items = items[0].children;\n    }\n    // If unable to find an element with more than one child, treat direct child as items\n    if (items.length === 1) {\n        items = bodyElement.children;\n    }\n    return items;\n};\n\nexport const getActiveItemElement = (dropdownElement: HTMLElement | null) => {\n    if (!dropdownElement) return null;\n    return dropdownElement.querySelector('[data-ukt-active]') as HTMLElement | null;\n};\n\nconst clearItemElementsState = (itemElements: Array<HTMLElement>) => {\n    itemElements.forEach((itemElement) => {\n        if (itemElement.hasAttribute('data-ukt-active')) {\n            delete itemElement.dataset.uktActive;\n        }\n    });\n};\n\ntype BaseSetActiveItemPayload = {\n    dropdownElement: HTMLElement;\n    element?: null;\n    event: Event | SyntheticEvent<HTMLElement>;\n    index?: null;\n    indexAddend?: null;\n    isExactMatch?: null;\n    onActiveItem?: (payload: Item) => void;\n    text?: null;\n};\n\nexport const setActiveItem = ({\n    dropdownElement,\n    element,\n    event,\n    index,\n    indexAddend,\n    isExactMatch,\n    onActiveItem,\n    text,\n}:\n    | ({\n          element: HTMLElement;\n      } & Omit<BaseSetActiveItemPayload, 'element'>)\n    | ({\n          index: number;\n      } & Omit<BaseSetActiveItemPayload, 'index'>)\n    | ({\n          indexAddend: number;\n      } & Omit<BaseSetActiveItemPayload, 'indexAddend'>)\n    | ({\n          isExactMatch?: boolean;\n          text: string;\n      } & Omit<BaseSetActiveItemPayload, 'isExactMatch' | 'text'>)) => {\n    const items = getItemElements(dropdownElement);\n    if (!items) return;\n\n    const itemElements = Array.from(items) as Array<HTMLElement>;\n    if (!itemElements.length) return;\n\n    const lastIndex = itemElements.length - 1;\n    const currentActiveIndex = itemElements.findIndex((itemElement) =>\n        itemElement.hasAttribute('data-ukt-active'),\n    );\n\n    let nextActiveIndex = currentActiveIndex;\n    if (typeof index === 'number') {\n        // Negative index means count back from the end\n        nextActiveIndex = index < 0 ? itemElements.length + index : index;\n    }\n\n    if (element) {\n        nextActiveIndex = itemElements.findIndex(\n            (itemElement) => itemElement === element,\n        );\n    } else if (typeof indexAddend === 'number') {\n        // If there’s no currentActiveIndex and we are handling -1, start at lastIndex\n        if (currentActiveIndex === -1 && indexAddend === -1) {\n            nextActiveIndex = lastIndex;\n        } else {\n            nextActiveIndex += indexAddend;\n        }\n        // Keep it within the bounds of the items list\n        nextActiveIndex = Math.max(0, Math.min(nextActiveIndex, lastIndex));\n    } else if (typeof text === 'string') {\n        // If text is empty, clear existing active items and early return\n        if (!text) {\n            clearItemElementsState(itemElements);\n            return;\n        }\n\n        const itemTexts = itemElements.map((itemElement) => itemElement.innerText);\n        if (isExactMatch) {\n            const textToCompare = text.toLowerCase();\n            nextActiveIndex = itemTexts.findIndex((itemText) =>\n                itemText.toLowerCase().startsWith(textToCompare),\n            );\n            // If isExactMatch is required and no exact match was found, clear active items\n            if (nextActiveIndex === -1) {\n                clearItemElementsState(itemElements);\n            }\n        } else {\n            const bestMatch = getBestMatch({ items: itemTexts, text });\n            nextActiveIndex = itemTexts.findIndex((itemText) => itemText === bestMatch);\n        }\n    }\n\n    const nextActiveItem = items[nextActiveIndex] as HTMLElement | null;\n    if (nextActiveItem == null || nextActiveIndex === currentActiveIndex) return;\n\n    // Clear any existing active dropdown body item state\n    clearItemElementsState(itemElements);\n    nextActiveItem.setAttribute('data-ukt-active', '');\n    const label = nextActiveItem.innerText;\n    const value = nextActiveItem.dataset.uktValue ?? label;\n    onActiveItem?.({ element: nextActiveItem, event, label, value });\n    // Find closest scrollable parent and ensure that next active item is visible\n    let { parentElement } = nextActiveItem;\n    let scrollableParent = null;\n    while (!scrollableParent && parentElement && parentElement !== dropdownElement) {\n        const isScrollable = parentElement.scrollHeight > parentElement.clientHeight + 15;\n        if (isScrollable) {\n            scrollableParent = parentElement;\n        } else {\n            parentElement = parentElement.parentElement;\n        }\n    }\n\n    if (scrollableParent) {\n        const parentRect = scrollableParent.getBoundingClientRect();\n        const itemRect = nextActiveItem.getBoundingClientRect();\n        const isAboveTop = itemRect.top < parentRect.top;\n        const isBelowBottom = itemRect.bottom > parentRect.bottom;\n        if (isAboveTop || isBelowBottom) {\n            let { scrollTop } = scrollableParent;\n            // Item isn’t fully visible; adjust scrollTop to put item within closest edge\n            if (isAboveTop) {\n                scrollTop -= parentRect.top - itemRect.top;\n            } else {\n                scrollTop += itemRect.bottom - parentRect.bottom;\n            }\n            scrollableParent.scrollTop = scrollTop;\n        }\n    }\n};\n","/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/mouse-events-have-key-events, jsx-a11y/no-static-element-interactions */\nimport useKeyboardEvents, {\n    isEventTargetUsingKeyEvent,\n} from '@acusti/use-keyboard-events';\nimport clsx from 'clsx';\nimport {\n    Children,\n    cloneElement,\n    type CSSProperties,\n    Fragment,\n    isValidElement,\n    type MouseEvent as ReactMouseEvent,\n    type ReactElement,\n    type ReactNode,\n    type SyntheticEvent,\n    useEffect,\n    useId,\n    useRef,\n    useState,\n} from 'react';\n\nimport styles from './Dropdown.css?inline';\nimport {\n    getActiveItemElement,\n    getItemElements,\n    ITEM_SELECTOR,\n    setActiveItem,\n} from './helpers.js';\n\nexport type Item = {\n    element: MaybeHTMLElement;\n    event: Event | SyntheticEvent<HTMLElement>;\n    label: string;\n    value: string;\n};\n\nexport type Props = {\n    /**\n     * Boolean indicating if the user can submit a value not already in the\n     * dropdown.\n     */\n    allowCreate?: boolean;\n    /**\n     * Boolean indicating if the user can submit an empty value (i.e. clear\n     * the value). Defaults to true.\n     */\n    allowEmpty?: boolean;\n    /**\n     * Can take a single React element or exactly two renderable children.\n     */\n    children: ChildrenTuple | ReactElement;\n    className?: string;\n    disabled?: boolean;\n    /**\n     * Group identifier string links dropdowns together into a menu\n     * (like macOS top menubar).\n     */\n    group?: string;\n    hasItems?: boolean;\n    isOpenOnMount?: boolean;\n    isSearchable?: boolean;\n    keepOpenOnSubmit?: boolean;\n    label?: ReactNode;\n    minHeightBody?: number;\n    minWidthBody?: number;\n    /**\n     * Only usable in conjunction with {isSearchable: true}.\n     * Used as search input’s name.\n     */\n    name?: string;\n    onActiveItem?: (payload: Item) => void;\n    onClick?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n    onClose?: () => unknown;\n    onMouseDown?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n    onMouseUp?: (event: ReactMouseEvent<HTMLElement>) => unknown;\n    onOpen?: () => unknown;\n    onSubmitItem?: (payload: Item) => void;\n    /**\n     * Only usable in conjunction with {isSearchable: true}.\n     * Used as search input’s placeholder.\n     */\n    placeholder?: string;\n    style?: CSSProperties;\n    /**\n     * Only usable in conjunction with {isSearchable: true}.\n     * Used as search input’s tabIndex.\n     */\n    tabIndex?: number;\n    /**\n     * Used as search input’s value if props.isSearchable === true\n     * Used to determine if value has changed to avoid triggering onSubmitItem if not\n     */\n    value?: string;\n};\n\ntype ChildrenTuple = [ReactNode, ReactNode] | readonly [ReactNode, ReactNode];\n\ntype MaybeHTMLElement = HTMLElement | null;\n\ntype MousePosition = { clientX: number; clientY: number };\n\ntype TimeoutID = ReturnType<typeof setTimeout>;\n\nconst CHILDREN_ERROR =\n    '@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body.';\nconst CLICKABLE_SELECTOR = 'button, a[href], input[type=\"button\"], input[type=\"submit\"]';\nconst TEXT_INPUT_SELECTOR =\n    'input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea';\n\nexport default function Dropdown({\n    allowCreate,\n    allowEmpty = true,\n    children,\n    className,\n    disabled,\n    hasItems = true,\n    isOpenOnMount,\n    isSearchable,\n    keepOpenOnSubmit = !hasItems,\n    label,\n    minHeightBody,\n    minWidthBody,\n    name,\n    onActiveItem,\n    onClick,\n    onClose,\n    onMouseDown,\n    onMouseUp,\n    onOpen,\n    onSubmitItem,\n    placeholder,\n    style: styleFromProps,\n    tabIndex,\n    value,\n}: Props) {\n    const childrenCount = Children.count(children);\n    if (childrenCount !== 1 && childrenCount !== 2) {\n        if (childrenCount === 0) {\n            throw new Error(CHILDREN_ERROR + ' Received no children.');\n        }\n        console.error(`${CHILDREN_ERROR} Received ${childrenCount} children.`);\n    }\n\n    let trigger: React.ReactNode;\n    if (childrenCount > 1) {\n        trigger = (children as ChildrenTuple)[0];\n    }\n\n    const [isOpen, setIsOpen] = useState<boolean>(isOpenOnMount ?? false);\n    const [isOpening, setIsOpening] = useState<boolean>(!isOpenOnMount);\n    const [dropdownElement, setDropdownElement] = useState<MaybeHTMLElement>(null);\n    const bodyId = useId();\n    const popupRole = isSearchable ? 'listbox' : hasItems ? 'menu' : 'dialog';\n    const inputElementRef = useRef<HTMLInputElement | null>(null);\n    const closingTimerRef = useRef<null | TimeoutID>(null);\n    const isOpeningTimerRef = useRef<null | TimeoutID>(null);\n    const currentInputMethodRef = useRef<'keyboard' | 'mouse'>('mouse');\n    const clearEnteredCharactersTimerRef = useRef<null | TimeoutID>(null);\n    const enteredCharactersRef = useRef<string>('');\n    const mouseDownPositionRef = useRef<MousePosition | null>(null);\n\n    const allowCreateRef = useRef(allowCreate);\n    const allowEmptyRef = useRef(allowEmpty);\n    const hasItemsRef = useRef(hasItems);\n    const isOpenRef = useRef(isOpen);\n    const isOpeningRef = useRef(isOpening);\n    const keepOpenOnSubmitRef = useRef(keepOpenOnSubmit);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n    const onSubmitItemRef = useRef(onSubmitItem);\n    const valueRef = useRef(value);\n\n    useEffect(() => {\n        allowCreateRef.current = allowCreate;\n        allowEmptyRef.current = allowEmpty;\n        hasItemsRef.current = hasItems;\n        isOpenRef.current = isOpen;\n        isOpeningRef.current = isOpening;\n        keepOpenOnSubmitRef.current = keepOpenOnSubmit;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n        onSubmitItemRef.current = onSubmitItem;\n        valueRef.current = value;\n    }, [\n        allowCreate,\n        allowEmpty,\n        hasItems,\n        isOpen,\n        isOpening,\n        keepOpenOnSubmit,\n        onClose,\n        onOpen,\n        onSubmitItem,\n        value,\n    ]);\n\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            // If isOpenOnMount, trigger onOpen right away\n            if (isOpenRef.current && onOpenRef.current) {\n                onOpenRef.current();\n            }\n            return;\n        }\n\n        if (isOpen && onOpenRef.current) {\n            onOpenRef.current();\n        } else if (!isOpen && onCloseRef.current) {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    const closeDropdown = () => {\n        setIsOpen(false);\n        setIsOpening(false);\n        mouseDownPositionRef.current = null;\n        if (closingTimerRef.current != null) {\n            clearTimeout(closingTimerRef.current);\n            closingTimerRef.current = null;\n        }\n    };\n\n    const handleSubmitItem = (event: Event | React.SyntheticEvent<HTMLElement>) => {\n        if (isOpenRef.current && !keepOpenOnSubmitRef.current) {\n            // A short timeout before closing is better UX when user selects an item so dropdown\n            // doesn’t close before expected. It also enables using <Link />s in the dropdown body.\n            closingTimerRef.current = setTimeout(closeDropdown, 90);\n        }\n\n        if (!hasItemsRef.current) return;\n\n        const element = getActiveItemElement(dropdownElement);\n        if (!element && !allowCreateRef.current) {\n            // If not allowEmpty, don’t allow submitting an empty item\n            if (!allowEmptyRef.current) return;\n            // If we have an input element as trigger & the user didn’t clear the text, do nothing\n            if (inputElementRef.current?.value) return;\n        }\n\n        let itemLabel = element?.innerText ?? '';\n        if (inputElementRef.current) {\n            if (!element) {\n                itemLabel = inputElementRef.current.value;\n            } else {\n                inputElementRef.current.value = itemLabel;\n            }\n\n            if (\n                inputElementRef.current ===\n                inputElementRef.current.ownerDocument.activeElement\n            ) {\n                inputElementRef.current.blur();\n            }\n        }\n\n        const nextValue = element?.dataset.uktValue ?? itemLabel;\n        // If parent is controlling Dropdown via props.value and nextValue is the same, do nothing\n        if (valueRef.current && valueRef.current === nextValue) return;\n\n        // If the item is clickable or contains exactly one clickable element, invoke it\n        // (but only if the event didn’t already originate from that element)\n        if (element) {\n            const eventTarget = event.target as HTMLElement;\n\n            if (element.matches(CLICKABLE_SELECTOR)) {\n                // The item element itself is clickable (e.g., <button data-ukt-value=\"…\">)\n                if (element !== eventTarget && !element.contains(eventTarget)) {\n                    element.click();\n                }\n            } else {\n                // Check if item contains exactly one clickable child element\n                const clickableElements = element.querySelectorAll(CLICKABLE_SELECTOR);\n                if (clickableElements.length === 1) {\n                    const clickableElement = clickableElements[0] as HTMLElement;\n                    if (\n                        clickableElement !== eventTarget &&\n                        !clickableElement.contains(eventTarget)\n                    ) {\n                        clickableElement.click();\n                    }\n                }\n            }\n        }\n\n        onSubmitItemRef.current?.({\n            element,\n            event,\n            label: itemLabel,\n            value: nextValue,\n        });\n    };\n\n    const handleMouseMove = ({ clientX, clientY }: ReactMouseEvent<HTMLElement>) => {\n        currentInputMethodRef.current = 'mouse';\n        const initialPosition = mouseDownPositionRef.current;\n        if (!initialPosition) return;\n        if (\n            Math.abs(initialPosition.clientX - clientX) < 12 &&\n            Math.abs(initialPosition.clientY - clientY) < 12\n        ) {\n            return;\n        }\n        setIsOpening(false);\n    };\n\n    const handleMouseOver = (event: ReactMouseEvent<HTMLElement>) => {\n        if (!hasItemsRef.current) return;\n\n        // If user isn’t currently using the mouse to navigate the dropdown, do nothing\n        if (currentInputMethodRef.current !== 'mouse') return;\n\n        // Ensure we have the dropdown root HTMLElement\n        if (!dropdownElement) return;\n\n        const itemElements = getItemElements(dropdownElement);\n        if (!itemElements) return;\n\n        const eventTarget = event.target as HTMLElement;\n        const item = eventTarget.closest(ITEM_SELECTOR) as MaybeHTMLElement;\n        const element = item ?? eventTarget;\n        for (const itemElement of itemElements) {\n            if (itemElement === element) {\n                setActiveItem({ dropdownElement, element, event, onActiveItem });\n                return;\n            }\n        }\n    };\n\n    const handleMouseOut = (event: ReactMouseEvent<HTMLElement>) => {\n        if (!hasItemsRef.current) return;\n        const activeItem = getActiveItemElement(dropdownElement);\n        if (!activeItem) return;\n        const eventRelatedTarget = event.relatedTarget as HTMLElement;\n        if (activeItem !== event.target || activeItem.contains(eventRelatedTarget)) {\n            return;\n        }\n        // If user moused out of activeItem (not into a descendant), it’s no longer active\n        delete activeItem.dataset.uktActive;\n    };\n\n    const handleMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n        if (onMouseDown) onMouseDown(event);\n        if (isOpenRef.current) return;\n\n        setIsOpen(true);\n        setIsOpening(true);\n        mouseDownPositionRef.current = {\n            clientX: event.clientX,\n            clientY: event.clientY,\n        };\n        isOpeningTimerRef.current = setTimeout(() => {\n            setIsOpening(false);\n            isOpeningTimerRef.current = null;\n        }, 1000);\n    };\n\n    const handleMouseUp = (event: ReactMouseEvent<HTMLElement>) => {\n        if (onMouseUp) onMouseUp(event);\n        // If dropdown is still opening or isn’t open or is closing, do nothing\n        if (\n            isOpeningRef.current ||\n            !isOpenRef.current ||\n            closingTimerRef.current != null\n        ) {\n            return;\n        }\n\n        const eventTarget = event.target as HTMLElement;\n        // If click was outside dropdown body, don’t trigger submit\n        if (!eventTarget.closest('.uktdropdown-body')) {\n            // Don’t close dropdown if isOpening or search input is focused\n            if (\n                !isOpeningRef.current &&\n                inputElementRef.current !== eventTarget.ownerDocument.activeElement\n            ) {\n                closeDropdown();\n            }\n            return;\n        }\n\n        // If dropdown has no items and click was within dropdown body, do nothing\n        if (!hasItemsRef.current) return;\n\n        handleSubmitItem(event);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n        const { altKey, ctrlKey, key, metaKey } = event;\n        const eventTarget = event.target as HTMLElement;\n        if (!dropdownElement) return;\n\n        const onEventHandled = () => {\n            event.stopPropagation();\n            event.preventDefault();\n            currentInputMethodRef.current = 'keyboard';\n        };\n\n        const isEventTargetingDropdown = dropdownElement.contains(eventTarget);\n\n        if (!isOpenRef.current) {\n            // If dropdown is closed, don’t handle key events if event target isn’t within dropdown\n            if (!isEventTargetingDropdown) return;\n            // Open the dropdown on spacebar, enter, or if isSearchable and user hits the ↑/↓ arrows\n            if (\n                key === ' ' ||\n                key === 'Enter' ||\n                (hasItemsRef.current && (key === 'ArrowUp' || key === 'ArrowDown'))\n            ) {\n                onEventHandled();\n                setIsOpen(true);\n            }\n            return;\n        }\n\n        const isTargetUsingKeyEvents = isEventTargetUsingKeyEvent(event);\n\n        // If dropdown isOpen + hasItems & eventTargetNotUsingKeyEvents, handle characters\n        if (hasItemsRef.current && !isTargetUsingKeyEvents) {\n            let isEditingCharacters = !ctrlKey && !metaKey && /^[A-Za-z0-9]$/.test(key);\n            // User could also be editing characters if there are already characters entered\n            // and they are hitting delete or spacebar\n            if (!isEditingCharacters && enteredCharactersRef.current) {\n                isEditingCharacters = key === ' ' || key === 'Backspace';\n            }\n\n            if (isEditingCharacters) {\n                onEventHandled();\n                if (key === 'Backspace') {\n                    enteredCharactersRef.current = enteredCharactersRef.current.slice(\n                        0,\n                        -1,\n                    );\n                } else {\n                    enteredCharactersRef.current += key;\n                }\n\n                setActiveItem({\n                    dropdownElement,\n                    event,\n                    // If props.allowCreate, only override the input’s value with an\n                    // exact text match so user can enter a value not in items\n                    isExactMatch: allowCreateRef.current,\n                    onActiveItem,\n                    text: enteredCharactersRef.current,\n                });\n\n                if (clearEnteredCharactersTimerRef.current != null) {\n                    clearTimeout(clearEnteredCharactersTimerRef.current);\n                }\n\n                clearEnteredCharactersTimerRef.current = setTimeout(() => {\n                    enteredCharactersRef.current = '';\n                    clearEnteredCharactersTimerRef.current = null;\n                }, 1500);\n\n                return;\n            }\n        }\n\n        // If dropdown isOpen, handle submitting the value\n        if (key === 'Enter' || (key === ' ' && !inputElementRef.current)) {\n            onEventHandled();\n            handleSubmitItem(event);\n            return;\n        }\n\n        // If dropdown isOpen, handle closing it on escape or spacebar if !hasItems\n        if (\n            key === 'Escape' ||\n            (isEventTargetingDropdown && key === ' ' && !hasItemsRef.current)\n        ) {\n            // Close dropdown if hasItems or event target not using key events\n            if (hasItemsRef.current || !isTargetUsingKeyEvents) {\n                closeDropdown();\n            }\n            return;\n        }\n\n        // Handle ↑/↓ arrows\n        if (hasItemsRef.current) {\n            if (key === 'ArrowUp') {\n                onEventHandled();\n                if (altKey || metaKey) {\n                    setActiveItem({ dropdownElement, event, index: 0, onActiveItem });\n                } else {\n                    setActiveItem({\n                        dropdownElement,\n                        event,\n                        indexAddend: -1,\n                        onActiveItem,\n                    });\n                }\n                return;\n            }\n            if (key === 'ArrowDown') {\n                onEventHandled();\n                if (altKey || metaKey) {\n                    // Using a negative index counts back from the end\n                    setActiveItem({ dropdownElement, event, index: -1, onActiveItem });\n                } else {\n                    setActiveItem({\n                        dropdownElement,\n                        event,\n                        indexAddend: 1,\n                        onActiveItem,\n                    });\n                }\n                return;\n            }\n        }\n    };\n\n    useKeyboardEvents({ ignoreUsedKeyboardEvents: false, onKeyDown: handleKeyDown });\n\n    const handleRef = (ref: HTMLDivElement | null): (() => void) | void => {\n        setDropdownElement(ref);\n        if (!ref) return;\n\n        const { ownerDocument } = ref;\n        let inputElement = inputElementRef.current;\n        // Check if trigger is a textual input or textarea element\n        if (!inputElement && ref.firstElementChild) {\n            if (ref.firstElementChild.matches(TEXT_INPUT_SELECTOR)) {\n                inputElement = ref.firstElementChild as HTMLInputElement;\n            } else {\n                inputElement = ref.firstElementChild.querySelector(TEXT_INPUT_SELECTOR);\n            }\n            inputElementRef.current = inputElement;\n        }\n\n        const handleGlobalMouseDown = ({ target }: MouseEvent) => {\n            const eventTarget = target as HTMLElement;\n            if (!ref.contains(eventTarget)) {\n                // Close dropdown on an outside click\n                closeDropdown();\n            }\n        };\n\n        const handleGlobalMouseUp = ({ target }: MouseEvent) => {\n            if (!isOpenRef.current || closingTimerRef.current != null) return;\n\n            // If still isOpening (gets set false 1s after open triggers), set it to false onMouseUp\n            if (isOpeningRef.current) {\n                setIsOpening(false);\n                if (isOpeningTimerRef.current != null) {\n                    clearTimeout(isOpeningTimerRef.current);\n                    isOpeningTimerRef.current = null;\n                }\n                return;\n            }\n\n            const eventTarget = target as HTMLElement;\n            // Only handle mouseup events from outside the dropdown here\n            if (!ref.contains(eventTarget)) {\n                closeDropdown();\n            }\n        };\n\n        // Close dropdown if any element is focused outside of this dropdown\n        const handleGlobalFocusIn = ({ target }: Event) => {\n            if (!isOpenRef.current) return;\n\n            const eventTarget = target as HTMLElement;\n            // If focused element is a descendant or a parent of the dropdown, do nothing\n            if (ref.contains(eventTarget) || eventTarget.contains(ref)) {\n                return;\n            }\n\n            closeDropdown();\n        };\n\n        document.addEventListener('focusin', handleGlobalFocusIn);\n        document.addEventListener('mousedown', handleGlobalMouseDown);\n        document.addEventListener('mouseup', handleGlobalMouseUp);\n\n        if (ownerDocument !== document) {\n            ownerDocument.addEventListener('focusin', handleGlobalFocusIn);\n            ownerDocument.addEventListener('mousedown', handleGlobalMouseDown);\n            ownerDocument.addEventListener('mouseup', handleGlobalMouseUp);\n        }\n\n        // If dropdown should be open on mount, focus it\n        if (isOpenOnMount) {\n            ref.focus();\n        }\n\n        const handleInput = (event: Event) => {\n            if (!isOpenRef.current) setIsOpen(true);\n\n            const input = event.target as HTMLInputElement;\n            const isDeleting = enteredCharactersRef.current.length > input.value.length;\n            enteredCharactersRef.current = input.value;\n            // When deleting text, if there’s already an active item and\n            // input isn’t empty, preserve the active item, else update it\n            if (isDeleting && input.value.length && getActiveItemElement(ref)) {\n                return;\n            }\n\n            setActiveItem({\n                dropdownElement: ref,\n                event,\n                // If props.allowCreate, only override the input’s value with an\n                // exact text match so user can enter a value not in items\n                isExactMatch: allowCreateRef.current,\n                onActiveItem,\n                text: enteredCharactersRef.current,\n            });\n        };\n\n        if (inputElement) {\n            inputElement.addEventListener('input', handleInput);\n        }\n\n        return () => {\n            document.removeEventListener('focusin', handleGlobalFocusIn);\n            document.removeEventListener('mousedown', handleGlobalMouseDown);\n            document.removeEventListener('mouseup', handleGlobalMouseUp);\n\n            if (ownerDocument !== document) {\n                ownerDocument.removeEventListener('focusin', handleGlobalFocusIn);\n                ownerDocument.removeEventListener('mousedown', handleGlobalMouseDown);\n                ownerDocument.removeEventListener('mouseup', handleGlobalMouseUp);\n            }\n\n            if (inputElement) {\n                inputElement.removeEventListener('input', handleInput);\n            }\n        };\n    };\n\n    if (!isValidElement(trigger)) {\n        if (isSearchable) {\n            trigger = (\n                <input\n                    aria-controls={bodyId}\n                    aria-expanded={isOpen}\n                    aria-haspopup={popupRole}\n                    autoComplete=\"off\"\n                    className=\"uktdropdown-trigger\"\n                    defaultValue={value ?? ''}\n                    disabled={disabled}\n                    name={name}\n                    onFocus={() => setIsOpen(true)}\n                    placeholder={placeholder}\n                    ref={inputElementRef}\n                    tabIndex={tabIndex}\n                    type=\"text\"\n                />\n            );\n        } else {\n            trigger = (\n                <button\n                    aria-controls={bodyId}\n                    aria-expanded={isOpen}\n                    aria-haspopup={popupRole}\n                    className=\"uktdropdown-trigger\"\n                    tabIndex={0}\n                    type=\"button\"\n                >\n                    {trigger}\n                </button>\n            );\n        }\n    } else {\n        // For a consumer-provided trigger, add ARIA props (letting the consumer\n        // override by specifying their own).\n        const triggerProps = trigger.props as Record<string, unknown>;\n        trigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n            'aria-controls': triggerProps['aria-controls'] ?? bodyId,\n            'aria-expanded': triggerProps['aria-expanded'] ?? isOpen,\n            'aria-haspopup': triggerProps['aria-haspopup'] ?? popupRole,\n        });\n    }\n\n    if (label != null) {\n        trigger = (\n            <label className=\"uktdropdown-label\">\n                <div className=\"uktdropdown-label-text\">{label}</div>\n                {trigger}\n            </label>\n        );\n    }\n\n    const style = {\n        ...styleFromProps,\n        ...(minHeightBody != null && minHeightBody > 0\n            ? { '--uktdd-body-min-height': `${minHeightBody}px` }\n            : null),\n        ...(minWidthBody != null && minWidthBody > 0\n            ? { '--uktdd-body-min-width': `${minWidthBody}px` }\n            : null),\n    };\n\n    return (\n        <Fragment>\n            <style href=\"@acusti/dropdown/Dropdown\" precedence=\"medium\">\n                {styles}\n            </style>\n            <div\n                className={clsx('uktdropdown', className, {\n                    disabled,\n                    'is-open': isOpen,\n                    'is-searchable': isSearchable,\n                })}\n                onClick={onClick}\n                onMouseDown={handleMouseDown}\n                onMouseMove={handleMouseMove}\n                onMouseOut={handleMouseOut}\n                onMouseOver={handleMouseOver}\n                onMouseUp={handleMouseUp}\n                ref={handleRef}\n                style={style}\n            >\n                {trigger}\n                {/* TODO next version of Dropdown should use <Activity> for body https://react.dev/reference/react/Activity */}\n                {isOpen ? (\n                    <div\n                        className={clsx('uktdropdown-body', {\n                            'has-items': hasItems,\n                        })}\n                        id={bodyId}\n                        role={popupRole}\n                    >\n                        <div className=\"uktdropdown-content\">\n                            {childrenCount > 1\n                                ? (children as ChildrenTuple)[1]\n                                : children}\n                        </div>\n                    </div>\n                ) : null}\n            </div>\n        </Fragment>\n    );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/dropdown",
-    "version": "0.55.1",
+    "version": "0.56.0",
     "description": "React component that renders a dropdown with a trigger and supports searching, keyboard access, and more",
     "keywords": [
         "a11y",