@acusti/dropdown 0.55.1 → 0.57.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
@@ -123,8 +143,13 @@ type Props = {
      */
     allowCreate?: boolean;
     /**
-     * Boolean indicating if the user can submit an empty value (i.e. clear
-     * the value). Defaults to true.
+     * Boolean indicating if submitting with no item active emits an empty
+     * value (i.e. clears the value). Only has an effect when the dropdown has a
+     * text input to source that value from — a searchable dropdown’s search
+     * input, or a text input inside a custom trigger. With no such input there
+     * is no value to submit, so submitting with nothing selected is a no-op
+     * regardless; clear such a dropdown with an explicit empty-valued item
+     * instead. Defaults to true.
      */
     allowEmpty?: boolean;
     /**
@@ -337,12 +362,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 +467,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 { type CSSProperties, type MouseEvent as ReactMouseEvent, type ReactElement, type ReactNode, type SyntheticEvent } from 'react';
 export type Item = {
     element: MaybeHTMLElement;
     event: Event | SyntheticEvent<HTMLElement>;
@@ -12,14 +12,19 @@ export type Props = {
      */
     allowCreate?: boolean;
     /**
-     * Boolean indicating if the user can submit an empty value (i.e. clear
-     * the value). Defaults to true.
+     * Boolean indicating if submitting with no item active emits an empty
+     * value (i.e. clears the value). Only has an effect when the dropdown has a
+     * text input to source that value from — a searchable dropdown’s search
+     * input, or a text input inside a custom trigger. With no such input there
+     * is no value to submit, so submitting with nothing selected is a no-op
+     * regardless; clear such a dropdown with an explicit empty-valued item
+     * instead. Defaults to true.
      */
     allowEmpty?: boolean;
     /**
      * Can take a single React element or exactly two renderable children.
      */
-    children: ChildrenTuple | JSX.Element;
+    children: ChildrenTuple | ReactElement;
     className?: string;
     disabled?: boolean;
     /**
@@ -65,5 +70,5 @@ export type Props = {
 };
 type ChildrenTuple = [ReactNode, ReactNode] | readonly [ReactNode, ReactNode];
 type MaybeHTMLElement = HTMLElement | null;
-export default function Dropdown({ allowCreate, allowEmpty, children, className, disabled, hasItems, isOpenOnMount, isSearchable, keepOpenOnSubmit, label, minHeightBody, minWidthBody, name, onActiveItem, onClick, onClose, onMouseDown, onMouseUp, onOpen, onSubmitItem, placeholder, style: styleFromProps, tabIndex, value, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Dropdown({ allowCreate, allowEmpty, children, className, disabled, hasItems, isOpenOnMount, isSearchable, keepOpenOnSubmit, label, minHeightBody, minWidthBody, name, onActiveItem, onClick, onClose, onMouseDown, onMouseUp, onOpen, onSubmitItem, placeholder, style: styleFromProps, tabIndex, value, }: Props): import("react").JSX.Element;
 export {};

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,14 +99,14 @@ 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;
 	const keepOpenOnSubmit = t3 === void 0 ? !hasItems : t3;
 	const childrenCount = Children.count(children);
 	if (childrenCount !== 1 && childrenCount !== 2) {
-		if (childrenCount === 0) throw new Error(CHILDREN_ERROR + " Received no children.");
+		if (childrenCount === 0) throw new Error("@acusti/dropdown requires either 1 child (the dropdown body) or 2 children: the dropdown trigger and the dropdown body. Received no children.");
 		console.error(`${CHILDREN_ERROR} Received ${childrenCount} children.`);
 	}
 	let trigger;
@@ -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);
@@ -217,9 +219,11 @@ function Dropdown(t0) {
 			if (isOpenRef.current && !keepOpenOnSubmitRef.current) closingTimerRef.current = setTimeout(closeDropdown, 90);
 			if (!hasItemsRef.current) return;
 			const element = getActiveItemElement(dropdownElement);
-			if (!element && !allowCreateRef.current) {
-				if (!allowEmptyRef.current) return;
-				if (inputElementRef.current?.value) return;
+			if (!element) {
+				if (!inputElementRef.current) return;
+				if (inputElementRef.current.value) {
+					if (!allowCreateRef.current) return;
+				} else if (!allowEmptyRef.current) return;
 			}
 			let itemLabel = element?.innerText ?? "";
 			if (inputElementRef.current) {
@@ -532,8 +536,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 +552,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 +706,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":"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"}
+{"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 submitting with no item active emits an empty\n     * value (i.e. clears the value). Only has an effect when the dropdown has a\n     * text input to source that value from — a searchable dropdown’s search\n     * input, or a text input inside a custom trigger. With no such input there\n     * is no value to submit, so submitting with nothing selected is a no-op\n     * regardless; clear such a dropdown with an explicit empty-valued item\n     * instead. 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) {\n            // With nothing selected, the only possible value comes from a text\n            // input (a searchable dropdown’s input, or one inside a custom\n            // trigger). No input means there’s no value to submit at all, so\n            // bail regardless of allowCreate/allowEmpty instead of firing an\n            // empty-valued onSubmitItem consumers have to defend against. (To\n            // let such a dropdown clear its value, give it an explicit\n            // empty-valued item, which submits as a normal active selection.)\n            if (!inputElementRef.current) return;\n            if (inputElementRef.current.value) {\n                // Non-empty text matching no item is a created value\n                if (!allowCreateRef.current) return;\n            } else if (!allowEmptyRef.current) {\n                // A cleared input is an empty (clearing) submit, which\n                // allowEmpty gates even when allowCreate is set — “creating”\n                // an empty value is clearing, not creating\n                return;\n            }\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/dist/helpers.d.ts

@@ -1,5 +1,5 @@
-import { SyntheticEvent } from 'react';
-import { Item } from './Dropdown.js';
+import { type SyntheticEvent } from 'react';
+import { type Item } from './Dropdown.js';
 export declare const ITEM_SELECTOR = "[data-ukt-item], [data-ukt-value]";
 export declare const getItemElements: (dropdownElement: HTMLElement | null) => HTMLCollection | NodeListOf<Element> | null;
 export declare const getActiveItemElement: (dropdownElement: HTMLElement | null) => HTMLElement | null;
@@ -15,12 +15,12 @@ type BaseSetActiveItemPayload = {
 };
 export declare const setActiveItem: ({ dropdownElement, element, event, index, indexAddend, isExactMatch, onActiveItem, text, }: ({
     element: HTMLElement;
-} & Omit<BaseSetActiveItemPayload, "element">) | ({
+} & Omit<BaseSetActiveItemPayload, 'element'>) | ({
     index: number;
-} & Omit<BaseSetActiveItemPayload, "index">) | ({
+} & Omit<BaseSetActiveItemPayload, 'index'>) | ({
     indexAddend: number;
-} & Omit<BaseSetActiveItemPayload, "indexAddend">) | ({
+} & Omit<BaseSetActiveItemPayload, 'indexAddend'>) | ({
     isExactMatch?: boolean;
     text: string;
-} & Omit<BaseSetActiveItemPayload, "isExactMatch" | "text">)) => void;
+} & Omit<BaseSetActiveItemPayload, 'isExactMatch' | 'text'>)) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/dropdown",
-    "version": "0.55.1",
+    "version": "0.57.0",
     "description": "React component that renders a dropdown with a trigger and supports searching, keyboard access, and more",
     "keywords": [
         "a11y",
@@ -38,26 +38,23 @@
     "exports": "./dist/Dropdown.js",
     "scripts": {
         "test": "vitest",
-        "build": "vite build",
+        "build": "vite build && tsc -p tsconfig.build.json",
         "tsc": "tsc --noEmit"
     },
     "dependencies": {
         "@acusti/matchmaking": "^0.10.0",
-        "@acusti/use-keyboard-events": "^0.11.0",
+        "@acusti/use-keyboard-events": "^0.11.1",
         "clsx": "^2"
     },
     "devDependencies": {
         "@testing-library/dom": "^10.4.1",
         "@testing-library/react": "^16.3.2",
         "@testing-library/user-event": "^14.6.1",
-        "@types/react": "^19.2.10",
-        "@vitejs/plugin-react": "^5.0.4",
-        "babel-plugin-react-compiler": "^1",
+        "@types/react": "^19.2.17",
         "happy-dom": "^20.4.0",
         "react": "^19",
         "react-dom": "^19",
-        "typescript": "5.9.2",
-        "unplugin-dts": "^1.0.0-beta.6",
+        "typescript": "7.0.1-rc",
         "vite": "^8.0.0-0",
         "vitest": "^4"
     },