@acusti/dropdown 1.2.0 → 1.3.0

package/dist/Dropdown.js

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var DropdownContext = createContext(null);
 var MenubarContext = createContext(null);
 // src/Dropdown.css?inline
-var Dropdown_default = ":root{--uktdd-font-family:system-ui, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;--uktdd-color-scheme:inherit;--uktdd-body-bg-color:Canvas;--uktdd-body-bg-color-hover:Highlight;--uktdd-body-color-hover:HighlightText;--uktdd-body-bg-color-selected:color-mix(in oklab, currentColor 6%, transparent);--uktdd-body-box-shadow:0 8px 18px #00000040;--uktdd-body-border-color:color-mix(in oklab, currentColor 15%, transparent);--uktdd-body-buffer:10px;--uktdd-body-max-height:calc(100dvh - var(--uktdd-body-buffer));--uktdd-body-max-width:calc(100dvw - var(--uktdd-body-buffer));--uktdd-body-min-height:30px;--uktdd-body-pad-block-start:.5em;--uktdd-body-pad-block-end:.5em;--uktdd-body-pad-inline-start:.6875em;--uktdd-body-pad-inline-end:.6875em;--uktdd-body-min-width:min(50px, 100%);--uktdd-body-position-area:block-end span-inline-end;--uktdd-body-position-try-fallback-1:--uktdd-top-start;--uktdd-body-position-try-fallback-2:--uktdd-bottom-end;--uktdd-body-fill-fallbacks:--uktdd-fill-bottom, --uktdd-fill-top;--uktdd-body-gap:0px;--uktdd-body-color:CanvasText;--uktdd-body-color-path:currentColor;--uktdd-label-gap:.625em;--uktdd-submenu-position-area:inline-end span-block-end;--uktdd-submenu-position-try-fallback:--uktdd-submenu-inline-start;--uktdd-submenu-fill-fallbacks:--uktdd-submenu-fill, --uktdd-submenu-fill flip-inline;--uktdd-submenu-gap:0px;--uktdd-menubar-trigger-bg-color-active:color-mix(in oklab, currentColor 12%, transparent)}.uktdropdown,.uktdropdown-trigger{font-family:var(--uktdd-font-family)}.uktdropdown{anchor-scope:--uktdd-anchor;width:max-content}.uktdropdown.is-disabled{pointer-events:none}.uktdropdown>*{cursor:default}.uktdropdown>:first-child{anchor-name:--uktdd-anchor}.uktdropdown-label{align-items:center;gap:var(--uktdd-label-gap);display:flex}.uktdropdown-body{box-sizing:border-box;position-anchor:--uktdd-anchor;position-area:var(--uktdd-body-position-area);position-try-fallbacks:var(--uktdd-body-position-try-fallback-1), var(--uktdd-body-position-try-fallback-2), var(--uktdd-body-fill-fallbacks);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height));max-block-size:var(--uktdd-body-max-height);min-inline-size:min(var(--uktdd-body-min-width), var(--uktdd-body-max-width));max-inline-size:var(--uktdd-body-max-width);inline-size:max-content;color:var(--uktdd-body-color);color-scheme:var(--uktdd-color-scheme);background-color:var(--uktdd-body-bg-color);box-shadow:var(--uktdd-body-box-shadow);flex-direction:column;display:flex;position:fixed;overflow:hidden}.uktdropdown-body.has-items{-webkit-user-select:none;user-select:none}.uktdropdown-body [aria-selected=true]{background-color:var(--uktdd-body-bg-color-selected)}@media (forced-colors:active){.uktdropdown-body [aria-selected=true]{outline-offset:-2px;outline:2px solid}}.uktdropdown-body [data-ukt-active]{background-color:var(--uktdd-body-bg-color-hover);color:var(--uktdd-body-color-hover)}:is(.uktdropdown-body [data-ukt-active]:has([data-ukt-submenu] [data-ukt-active]),.uktdropdown-body [data-ukt-active]:has([data-ukt-submenu]:hover)){background-color:var(--uktdd-body-bg-color-path,color-mix(in oklab, var(--uktdd-body-color) 12%, var(--uktdd-body-bg-color)));color:var(--uktdd-body-color-path)}.uktdropdown-body [data-ukt-item][aria-disabled=true]{opacity:.5;pointer-events:none}.uktdropdown-body [data-ukt-item]{anchor-scope:--uktdd-submenu-anchor}.uktdropdown-body :is([data-ukt-item],[data-ukt-value])[aria-haspopup=menu]{padding-inline-end:2em;position:relative}.uktdropdown-body :is([data-ukt-item],[data-ukt-value])[aria-haspopup=menu]:after{content:\"\";border-block-start:.14em solid;border-inline-end:.14em solid;block-size:.3em;inline-size:.3em;position:absolute;inset-block-start:50%;inset-inline-end:.9em;translate:0 -50%;rotate:45deg}.uktdropdown-body :is([data-ukt-item],[data-ukt-value])[aria-haspopup=menu]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{rotate:-45deg}.uktdropdown-body [data-ukt-item][aria-expanded=true]{anchor-name:--uktdd-submenu-anchor}.uktdropdown-body [data-ukt-submenu]:not([popover]){display:none}.uktdropdown-body [data-ukt-submenu]{box-sizing:border-box;border:1px solid var(--uktdd-body-border-color);block-size:auto;color:var(--uktdd-body-color);position-anchor:--uktdd-submenu-anchor;position-area:var(--uktdd-submenu-position-area);position-try-fallbacks:var(--uktdd-submenu-position-try-fallback), var(--uktdd-submenu-fill-fallbacks);z-index:2;margin-block:0;margin-inline:var(--uktdd-submenu-gap);--uktdd-body-gap:0px;padding-block:var(--uktdd-body-pad-block-start) var(--uktdd-body-pad-block-end);padding-inline:var(--uktdd-body-pad-inline-start) var(--uktdd-body-pad-inline-end);inline-size:max-content;max-inline-size:var(--uktdd-body-max-width);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height));max-block-size:var(--uktdd-body-max-height);overscroll-behavior:contain;background-color:var(--uktdd-body-bg-color);box-shadow:var(--uktdd-body-box-shadow);list-style:none;position:fixed;inset:auto;overflow:auto}div.uktdropdown-body{block-size:auto;margin-block:var(--uktdd-body-gap);border:1px solid var(--uktdd-body-border-color);margin-inline:0;padding:0;inset:auto}.uktmenubar{width:max-content;font-family:var(--uktdd-font-family);align-items:stretch;display:flex}.uktmenubar .uktdropdown.is-open .uktdropdown-trigger{box-shadow:inset 0 0 0 100vmax var(--uktdd-menubar-trigger-bg-color-active)}.uktdropdown-content{box-sizing:border-box;overscroll-behavior:contain;min-block-size:0;padding-block:var(--uktdd-body-pad-block-start) var(--uktdd-body-pad-block-end);padding-inline:var(--uktdd-body-pad-inline-start) var(--uktdd-body-pad-inline-end);overflow:auto}@position-try --uktdd-noop{}@position-try --uktdd-top-start{position-area:block-start span-inline-end}@position-try --uktdd-bottom-start{position-area:block-end span-inline-end}@position-try --uktdd-bottom-end{position-area:block-end span-inline-start}@position-try --uktdd-top-end{position-area:block-start span-inline-start}@position-try --uktdd-submenu-inline-start{position-area:inline-start span-block-end}@position-try --uktdd-fill-bottom{position-area:block-end;block-size:calc(100% - var(--uktdd-body-gap) * 2);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height), calc((100dvb - anchor-size(block)) / 2 - var(--uktdd-body-gap) * 2));justify-self:anchor-center}@position-try --uktdd-fill-top{position-area:block-start;block-size:calc(100% - var(--uktdd-body-gap) * 2);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height), calc((100dvb - anchor-size(block)) / 2 - var(--uktdd-body-gap) * 2));justify-self:anchor-center}@position-try --uktdd-fill{block-size:calc(100% - var(--uktdd-body-gap) * 2)}@position-try --uktdd-submenu-fill{position-area:inline-end;block-size:calc(100% - var(--uktdd-body-gap) * 2);align-self:anchor-center}@position-try --uktdd-fill-cover{position-area:span-all span-inline-end;block-size:calc(100% - var(--uktdd-body-gap) * 2);align-self:anchor-center}";
+var Dropdown_default = ":root{--uktdd-font-family:system-ui, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;--uktdd-color-scheme:inherit;--uktdd-body-bg-color:Canvas;--uktdd-body-bg-color-hover:Highlight;--uktdd-body-color-hover:HighlightText;--uktdd-body-bg-color-selected:color-mix(in oklab, currentColor 6%, transparent);--uktdd-body-box-shadow:0 8px 18px #00000040;--uktdd-body-border-color:color-mix(in oklab, currentColor 15%, transparent);--uktdd-body-buffer:10px;--uktdd-body-max-height:calc(100dvh - var(--uktdd-body-buffer));--uktdd-body-max-width:calc(100dvw - var(--uktdd-body-buffer));--uktdd-body-min-height:30px;--uktdd-body-pad-block-start:.5em;--uktdd-body-pad-block-end:.5em;--uktdd-body-pad-inline-start:.6875em;--uktdd-body-pad-inline-end:.6875em;--uktdd-body-min-width:min(50px, 100%);--uktdd-body-position-area:block-end span-inline-end;--uktdd-body-position-try-fallback-1:--uktdd-top-start;--uktdd-body-position-try-fallback-2:--uktdd-bottom-end;--uktdd-body-fill-fallbacks:--uktdd-fill-bottom, --uktdd-fill-top;--uktdd-body-gap:0px;--uktdd-body-color:CanvasText;--uktdd-body-color-path:currentColor;--uktdd-label-gap:.625em;--uktdd-trigger-icon-gap:.5em;--uktdd-trigger-icon-rotate:0deg;--uktdd-trigger-icon-size:.7em;--uktdd-submenu-position-area:inline-end span-block-end;--uktdd-submenu-position-try-fallback:--uktdd-submenu-inline-start;--uktdd-submenu-fill-fallbacks:--uktdd-submenu-fill, --uktdd-submenu-fill flip-inline;--uktdd-submenu-gap:0px;--uktdd-menubar-trigger-bg-color-active:color-mix(in oklab, currentColor 12%, transparent)}.uktdropdown,.uktdropdown-trigger{font-family:var(--uktdd-font-family)}.uktdropdown{anchor-scope:--uktdd-anchor;width:max-content}.uktdropdown.is-disabled{pointer-events:none}.uktdropdown>*{cursor:default}.uktdropdown>:first-child{anchor-name:--uktdd-anchor}:where(.uktdropdown-trigger){white-space:nowrap}:where(.uktdropdown-trigger):after{content:\"\";inline-size:var(--uktdd-trigger-icon-size);block-size:var(--uktdd-trigger-icon-size);vertical-align:middle;-webkit-mask:var(--uktdd-trigger-icon,url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.5 3.5 17 17' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E\")) center / contain no-repeat, linear-gradient(transparent 0 0);-webkit-mask:var(--uktdd-trigger-icon,url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.5 3.5 17 17' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E\")) center / contain no-repeat, linear-gradient(transparent 0 0);mask:var(--uktdd-trigger-icon,url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.5 3.5 17 17' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E\")) center / contain no-repeat, linear-gradient(transparent 0 0);rotate:var(--uktdd-trigger-icon-rotate);forced-color-adjust:none;forced-color-adjust:preserve-parent-color;background-color:currentColor;flex-shrink:0;margin-inline-start:var(--uktdd-trigger-icon-gap);display:inline-block}@supports (clip-path:shape(from 0 0, line to 0 0)){:where(.uktdropdown-trigger):after{--uktdd-chevron-stroke:var(--uktdd-trigger-icon-stroke,calc(var(--uktdd-trigger-icon-size) * 2 / 17));--uktdd-chevron-radius:calc(var(--uktdd-chevron-stroke) / 2);--uktdd-chevron-chord:calc(var(--uktdd-chevron-stroke) / sqrt(2));--uktdd-chevron-run:calc(50% - var(--uktdd-chevron-radius));--uktdd-chevron-back:calc(var(--uktdd-chevron-chord) / 2 - var(--uktdd-chevron-run));--uktdd-chevron-drop:min(.5cap - .5ex, 25% - var(--uktdd-chevron-stroke) / 4);vertical-align:calc(.5cap - .5 * var(--uktdd-trigger-icon-size));-webkit-mask:var(--uktdd-trigger-icon,linear-gradient(#000 0 0)) center / contain no-repeat, linear-gradient(transparent 0 0);-webkit-mask:var(--uktdd-trigger-icon,linear-gradient(#000 0 0)) center / contain no-repeat, linear-gradient(transparent 0 0);mask:var(--uktdd-trigger-icon,linear-gradient(#000 0 0)) center / contain no-repeat, linear-gradient(transparent 0 0);clip-path:var(--uktdd-trigger-icon,shape(from calc(var(--uktdd-chevron-radius) - var(--uktdd-chevron-chord) / 2) calc(25% + var(--uktdd-chevron-radius) / 2 + var(--uktdd-chevron-chord) / 2 + var(--uktdd-chevron-drop)), line by var(--uktdd-chevron-run) var(--uktdd-chevron-run), arc by var(--uktdd-chevron-chord) 0 of var(--uktdd-chevron-radius) ccw, line by var(--uktdd-chevron-run) calc(-1 * var(--uktdd-chevron-run)), arc by calc(-1 * var(--uktdd-chevron-chord)) calc(-1 * var(--uktdd-chevron-chord)) of var(--uktdd-chevron-radius) ccw, line by var(--uktdd-chevron-back) calc(-1 * var(--uktdd-chevron-back)), line by var(--uktdd-chevron-back) var(--uktdd-chevron-back), arc by calc(-1 * var(--uktdd-chevron-chord)) var(--uktdd-chevron-chord) of var(--uktdd-chevron-radius) ccw, close))}}:where(.uktdropdown-trigger:empty):after{margin-inline-start:0}@container style(--uktdd-trigger-icon:none){:where(.uktdropdown-trigger):after{all:revert}}.uktdropdown-label{align-items:center;gap:var(--uktdd-label-gap);display:flex}.uktdropdown-body{box-sizing:border-box;position-anchor:--uktdd-anchor;position-area:var(--uktdd-body-position-area);position-try-fallbacks:var(--uktdd-body-position-try-fallback-1), var(--uktdd-body-position-try-fallback-2), var(--uktdd-body-fill-fallbacks);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height));max-block-size:var(--uktdd-body-max-height);min-inline-size:min(var(--uktdd-body-min-width), var(--uktdd-body-max-width));max-inline-size:var(--uktdd-body-max-width);inline-size:max-content;color:var(--uktdd-body-color);color-scheme:var(--uktdd-color-scheme);background-color:var(--uktdd-body-bg-color);box-shadow:var(--uktdd-body-box-shadow);flex-direction:column;display:flex;position:fixed;overflow:hidden}.uktdropdown-body.has-items{-webkit-user-select:none;user-select:none}.uktdropdown-body [aria-selected=true]{background-color:var(--uktdd-body-bg-color-selected)}@media (forced-colors:active){.uktdropdown-body [aria-selected=true]{outline-offset:-2px;outline:2px solid}}.uktdropdown-body [data-ukt-active]{background-color:var(--uktdd-body-bg-color-hover);color:var(--uktdd-body-color-hover)}:is(.uktdropdown-body [data-ukt-active]:has([data-ukt-submenu] [data-ukt-active]),.uktdropdown-body [data-ukt-active]:has([data-ukt-submenu]:hover)){background-color:var(--uktdd-body-bg-color-path,color-mix(in oklab, var(--uktdd-body-color) 12%, var(--uktdd-body-bg-color)));color:var(--uktdd-body-color-path)}.uktdropdown-body [data-ukt-item][aria-disabled=true]{opacity:.5;pointer-events:none}.uktdropdown-body [data-ukt-item]{anchor-scope:--uktdd-submenu-anchor}.uktdropdown-body :is([data-ukt-item],[data-ukt-value])[aria-haspopup=menu]{padding-inline-end:2em;position:relative}.uktdropdown-body :is([data-ukt-item],[data-ukt-value])[aria-haspopup=menu]:after{content:\"\";border-block-start:.14em solid;border-inline-end:.14em solid;block-size:.3em;inline-size:.3em;position:absolute;inset-block-start:50%;inset-inline-end:.9em;translate:0 -50%;rotate:45deg}.uktdropdown-body :is([data-ukt-item],[data-ukt-value])[aria-haspopup=menu]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{rotate:-45deg}.uktdropdown-body [data-ukt-item][aria-expanded=true]{anchor-name:--uktdd-submenu-anchor}.uktdropdown-body [data-ukt-submenu]:not([popover]){display:none}.uktdropdown-body [data-ukt-submenu]{box-sizing:border-box;border:1px solid var(--uktdd-body-border-color);block-size:auto;color:var(--uktdd-body-color);position-anchor:--uktdd-submenu-anchor;position-area:var(--uktdd-submenu-position-area);position-try-fallbacks:var(--uktdd-submenu-position-try-fallback), var(--uktdd-submenu-fill-fallbacks);z-index:2;margin-block:0;margin-inline:var(--uktdd-submenu-gap);--uktdd-body-gap:0px;padding-block:var(--uktdd-body-pad-block-start) var(--uktdd-body-pad-block-end);padding-inline:var(--uktdd-body-pad-inline-start) var(--uktdd-body-pad-inline-end);inline-size:max-content;max-inline-size:var(--uktdd-body-max-width);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height));max-block-size:var(--uktdd-body-max-height);overscroll-behavior:contain;background-color:var(--uktdd-body-bg-color);box-shadow:var(--uktdd-body-box-shadow);list-style:none;position:fixed;inset:auto;overflow:auto}div.uktdropdown-body{block-size:auto;margin-block:var(--uktdd-body-gap);border:1px solid var(--uktdd-body-border-color);margin-inline:0;padding:0;inset:auto}.uktmenubar{width:max-content;font-family:var(--uktdd-font-family);align-items:stretch;display:flex}.uktmenubar .uktdropdown.is-open .uktdropdown-trigger{box-shadow:inset 0 0 0 100vmax var(--uktdd-menubar-trigger-bg-color-active)}:where(.uktmenubar) :where(.uktdropdown-trigger):after{content:none}.uktdropdown-content{box-sizing:border-box;overscroll-behavior:contain;min-block-size:0;padding-block:var(--uktdd-body-pad-block-start) var(--uktdd-body-pad-block-end);padding-inline:var(--uktdd-body-pad-inline-start) var(--uktdd-body-pad-inline-end);overflow:auto}@position-try --uktdd-noop{}@position-try --uktdd-top-start{position-area:block-start span-inline-end}@position-try --uktdd-bottom-start{position-area:block-end span-inline-end}@position-try --uktdd-bottom-end{position-area:block-end span-inline-start}@position-try --uktdd-top-end{position-area:block-start span-inline-start}@position-try --uktdd-submenu-inline-start{position-area:inline-start span-block-end}@position-try --uktdd-fill-bottom{position-area:block-end;block-size:calc(100% - var(--uktdd-body-gap) * 2);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height), calc((100dvb - anchor-size(block)) / 2 - var(--uktdd-body-gap) * 2));justify-self:anchor-center}@position-try --uktdd-fill-top{position-area:block-start;block-size:calc(100% - var(--uktdd-body-gap) * 2);min-block-size:min(var(--uktdd-body-min-height), var(--uktdd-body-max-height), calc((100dvb - anchor-size(block)) / 2 - var(--uktdd-body-gap) * 2));justify-self:anchor-center}@position-try --uktdd-fill{block-size:calc(100% - var(--uktdd-body-gap) * 2)}@position-try --uktdd-submenu-fill{position-area:inline-end;block-size:calc(100% - var(--uktdd-body-gap) * 2);align-self:anchor-center}@position-try --uktdd-fill-cover{position-area:span-all span-inline-end;block-size:calc(100% - var(--uktdd-body-gap) * 2);align-self:anchor-center}";
 // src/helpers.ts
 var BODY_SELECTOR = ".uktdropdown-body";
 var ITEM_SELECTOR = "[data-ukt-item], [data-ukt-value]";
@@ -577,7 +577,7 @@ function Dropdown(props) {
 	return t0;
 }
 function RootDropdown(t0) {
-	const $ = c(199);
+	const $ = c(203);
 	const { allowCreate, allowEmpty: t1, children, className, disabled, hasItems: t2, isOpenOnMount, isSearchable, itemAs: itemElementName, keepOpenOnSubmit: t3, label, name, onActiveItem, onClick, onClose, onMouseDown, onMouseUp, onOpen, onSubmitItem, openOnHover, placeholder, style: styleFromProps, tabIndex, value } = t0;
 	const allowEmpty = t1 === void 0 ? true : t1;
 	const hasItems = t2 === void 0 ? true : t2;
@@ -920,32 +920,30 @@ function RootDropdown(t0) {
 	} else t27 = $[44];
 	const clearHoverCloseTimer = t27;
 	let t28;
-	let t29;
 	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
-		t28 = () => clearHoverCloseTimer;
-		t29 = [];
+		t28 = () => {
+			if (closingTimerRef.current == null) return;
+			clearTimeout(closingTimerRef.current);
+			closingTimerRef.current = null;
+		};
 		$[45] = t28;
-		$[46] = t29;
-	} else {
-		t28 = $[45];
-		t29 = $[46];
-	}
-	useEffect(t28, t29);
-	let t30;
-	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
-		t30 = () => {
+	} else t28 = $[45];
+	const clearClosingTimer = t28;
+	let t29;
+	if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
+		t29 = () => {
 			isOpeningRef.current = false;
 			if (isOpeningTimerRef.current != null) {
 				clearTimeout(isOpeningTimerRef.current);
 				isOpeningTimerRef.current = null;
 			}
 		};
-		$[47] = t30;
-	} else t30 = $[47];
-	const endOpeningPress = t30;
-	let t31;
-	if ($[48] !== dropdownElement || $[49] !== menubar) {
-		t31 = (options) => {
+		$[46] = t29;
+	} else t29 = $[46];
+	const endOpeningPress = t29;
+	let t30;
+	if ($[47] !== dropdownElement || $[48] !== menubar) {
+		t30 = (options) => {
 			getTriggerElement(dropdownElement)?.removeAttribute("aria-activedescendant");
 			setIsOpen(false);
 			endOpeningPress();
@@ -955,56 +953,74 @@ function RootDropdown(t0) {
 			clearHoverCloseTimer();
 			safeAreaRef.current = null;
 			wasInSafeAreaRef.current = false;
-			if (closingTimerRef.current != null) {
-				clearTimeout(closingTimerRef.current);
-				closingTimerRef.current = null;
-			}
+			clearClosingTimer();
 			if (menubar && dropdownElement && !options?.keepMenubarEngaged) menubar.notifyClosed(dropdownElement);
 		};
-		$[48] = dropdownElement;
-		$[49] = menubar;
-		$[50] = t31;
-	} else t31 = $[50];
-	const closeDropdown = t31;
+		$[47] = dropdownElement;
+		$[48] = menubar;
+		$[49] = t30;
+	} else t30 = $[49];
+	const closeDropdown = t30;
+	let t31;
+	if ($[50] !== closeDropdown) {
+		t31 = () => {
+			if (closingTimerRef.current != null || hoverCloseTimerRef.current != null) closeDropdown();
+		};
+		$[50] = closeDropdown;
+		$[51] = t31;
+	} else t31 = $[51];
+	const flushPendingClose = useEffectEvent(t31);
 	let t32;
-	if ($[51] !== disabled || $[52] !== openOnHover) {
-		t32 = () => {
+	if ($[52] !== flushPendingClose) {
+		t32 = () => () => flushPendingClose();
+		$[52] = flushPendingClose;
+		$[53] = t32;
+	} else t32 = $[53];
+	let t33;
+	if ($[54] === Symbol.for("react.memo_cache_sentinel")) {
+		t33 = [];
+		$[54] = t33;
+	} else t33 = $[54];
+	useEffect(t32, t33);
+	let t34;
+	if ($[55] !== disabled || $[56] !== openOnHover) {
+		t34 = () => {
 			clearHoverCloseTimer();
 			if (disabled || !openOnHover || isOpenRef.current) return;
 			setIsOpen(true);
 			endOpeningPress();
 		};
-		$[51] = disabled;
-		$[52] = openOnHover;
-		$[53] = t32;
-	} else t32 = $[53];
-	const handleDropdownMouseEnter = t32;
-	let t33;
-	if ($[54] !== closeDropdown || $[55] !== openOnHover) {
-		t33 = () => {
+		$[55] = disabled;
+		$[56] = openOnHover;
+		$[57] = t34;
+	} else t34 = $[57];
+	const handleDropdownMouseEnter = t34;
+	let t35;
+	if ($[58] !== closeDropdown || $[59] !== openOnHover) {
+		t35 = () => {
 			if (!openOnHover || !isOpenRef.current || hoverCloseTimerRef.current != null) return;
 			hoverCloseTimerRef.current = setTimeout(() => {
 				hoverCloseTimerRef.current = null;
 				closeDropdown();
 			}, HOVER_CLOSE_DELAY);
 		};
-		$[54] = closeDropdown;
-		$[55] = openOnHover;
-		$[56] = t33;
-	} else t33 = $[56];
-	const handleDropdownMouseLeave = t33;
-	let t34;
-	if ($[57] !== dropdownElement) {
-		t34 = () => {
+		$[58] = closeDropdown;
+		$[59] = openOnHover;
+		$[60] = t35;
+	} else t35 = $[60];
+	const handleDropdownMouseLeave = t35;
+	let t36;
+	if ($[61] !== dropdownElement) {
+		t36 = () => {
 			getTriggerElement(dropdownElement)?.focus();
 		};
-		$[57] = dropdownElement;
-		$[58] = t34;
-	} else t34 = $[58];
-	const focusTrigger = t34;
-	let t35;
-	if ($[59] !== closeDropdown || $[60] !== disabled || $[61] !== dropdownElement || $[62] !== focusTrigger || $[63] !== isMenubarItem || $[64] !== menubar) {
-		t35 = () => {
+		$[61] = dropdownElement;
+		$[62] = t36;
+	} else t36 = $[62];
+	const focusTrigger = t36;
+	let t37;
+	if ($[63] !== closeDropdown || $[64] !== disabled || $[65] !== dropdownElement || $[66] !== focusTrigger || $[67] !== isMenubarItem || $[68] !== menubar) {
+		t37 = () => {
 			if (!menubar || !dropdownElement) return;
 			return menubar.registerMember({
 				close: () => closeDropdown({ keepMenubarEngaged: true }),
@@ -1019,39 +1035,40 @@ function RootDropdown(t0) {
 				}
 			});
 		};
-		$[59] = closeDropdown;
-		$[60] = disabled;
-		$[61] = dropdownElement;
-		$[62] = focusTrigger;
-		$[63] = isMenubarItem;
-		$[64] = menubar;
-		$[65] = t35;
-	} else t35 = $[65];
-	useEffect(t35);
-	let t36;
-	let t37;
-	if ($[66] !== dropdownElement || $[67] !== isOpen || $[68] !== menubar) {
-		t36 = () => {
+		$[63] = closeDropdown;
+		$[64] = disabled;
+		$[65] = dropdownElement;
+		$[66] = focusTrigger;
+		$[67] = isMenubarItem;
+		$[68] = menubar;
+		$[69] = t37;
+	} else t37 = $[69];
+	useEffect(t37);
+	let t38;
+	let t39;
+	if ($[70] !== dropdownElement || $[71] !== isOpen || $[72] !== menubar) {
+		t38 = () => {
 			if (isOpen && menubar && dropdownElement) menubar.notifyOpened(dropdownElement);
 		};
-		t37 = [
+		t39 = [
 			dropdownElement,
 			isOpen,
 			menubar
 		];
-		$[66] = dropdownElement;
-		$[67] = isOpen;
-		$[68] = menubar;
-		$[69] = t36;
-		$[70] = t37;
+		$[70] = dropdownElement;
+		$[71] = isOpen;
+		$[72] = menubar;
+		$[73] = t38;
+		$[74] = t39;
 	} else {
-		t36 = $[69];
-		t37 = $[70];
+		t38 = $[73];
+		t39 = $[74];
 	}
-	useEffect(t36, t37);
-	let t38;
-	if ($[71] !== allowCreate || $[72] !== allowEmpty || $[73] !== closeDropdown || $[74] !== dropdownElement || $[75] !== focusTrigger || $[76] !== handleActiveItem || $[77] !== hasItems || $[78] !== keepOpenOnSubmit || $[79] !== onSubmitItem || $[80] !== popupRole || $[81] !== valueIdentity) {
-		t38 = (event_1) => {
+	useEffect(t38, t39);
+	let t40;
+	if ($[75] !== allowCreate || $[76] !== allowEmpty || $[77] !== closeDropdown || $[78] !== dropdownElement || $[79] !== focusTrigger || $[80] !== handleActiveItem || $[81] !== hasItems || $[82] !== keepOpenOnSubmit || $[83] !== onSubmitItem || $[84] !== popupRole || $[85] !== valueIdentity) {
+		t40 = (event_1) => {
+			if (closingTimerRef.current != null) return;
 			const element_0 = hasItems ? getActiveItemElement(dropdownElement) : null;
 			const submenuOfActive = element_0 ? getSubmenuOfItem(element_0) : null;
 			if (element_0 && submenuOfActive) {
@@ -1115,23 +1132,23 @@ function RootDropdown(t0) {
 			onSubmitItem?.(payload_1);
 			dispatchToSubmenus("onSubmitItem", payload_1);
 		};
-		$[71] = allowCreate;
-		$[72] = allowEmpty;
-		$[73] = closeDropdown;
-		$[74] = dropdownElement;
-		$[75] = focusTrigger;
-		$[76] = handleActiveItem;
-		$[77] = hasItems;
-		$[78] = keepOpenOnSubmit;
-		$[79] = onSubmitItem;
-		$[80] = popupRole;
-		$[81] = valueIdentity;
-		$[82] = t38;
-	} else t38 = $[82];
-	const handleSubmitItem = t38;
-	let t39;
-	if ($[83] !== trackSafeArea) {
-		t39 = (event_2) => {
+		$[75] = allowCreate;
+		$[76] = allowEmpty;
+		$[77] = closeDropdown;
+		$[78] = dropdownElement;
+		$[79] = focusTrigger;
+		$[80] = handleActiveItem;
+		$[81] = hasItems;
+		$[82] = keepOpenOnSubmit;
+		$[83] = onSubmitItem;
+		$[84] = popupRole;
+		$[85] = valueIdentity;
+		$[86] = t40;
+	} else t40 = $[86];
+	const handleSubmitItem = t40;
+	let t41;
+	if ($[87] !== trackSafeArea) {
+		t41 = (event_2) => {
 			const { clientX, clientY } = event_2;
 			currentInputMethodRef.current = "mouse";
 			trackSafeArea(event_2);
@@ -1140,13 +1157,13 @@ function RootDropdown(t0) {
 			if (Math.abs(initialPosition.clientX - clientX) < 12 && Math.abs(initialPosition.clientY - clientY) < 12) return;
 			endOpeningPress();
 		};
-		$[83] = trackSafeArea;
-		$[84] = t39;
-	} else t39 = $[84];
-	const handleMouseMove = t39;
-	let t40;
-	if ($[85] !== dropdownElement || $[86] !== handleActiveItem || $[87] !== hasItems || $[88] !== syncSubmenuDisclosure) {
-		t40 = (event_3) => {
+		$[87] = trackSafeArea;
+		$[88] = t41;
+	} else t41 = $[88];
+	const handleMouseMove = t41;
+	let t42;
+	if ($[89] !== dropdownElement || $[90] !== handleActiveItem || $[91] !== hasItems || $[92] !== syncSubmenuDisclosure) {
+		t42 = (event_3) => {
 			if (!hasItems) return;
 			if (currentInputMethodRef.current !== "mouse") return;
 			if (!dropdownElement) return;
@@ -1165,16 +1182,16 @@ function RootDropdown(t0) {
 			});
 			syncSubmenuDisclosure();
 		};
-		$[85] = dropdownElement;
-		$[86] = handleActiveItem;
-		$[87] = hasItems;
-		$[88] = syncSubmenuDisclosure;
-		$[89] = t40;
-	} else t40 = $[89];
-	const handleMouseOver = t40;
-	let t41;
-	if ($[90] !== dropdownElement || $[91] !== hasItems || $[92] !== syncSubmenuDisclosure) {
-		t41 = (event_4) => {
+		$[89] = dropdownElement;
+		$[90] = handleActiveItem;
+		$[91] = hasItems;
+		$[92] = syncSubmenuDisclosure;
+		$[93] = t42;
+	} else t42 = $[93];
+	const handleMouseOver = t42;
+	let t43;
+	if ($[94] !== dropdownElement || $[95] !== hasItems || $[96] !== syncSubmenuDisclosure) {
+		t43 = (event_4) => {
 			if (!hasItems) return;
 			const relatedTarget = event_4.relatedTarget;
 			if (!dropdownElement?.contains(relatedTarget)) {
@@ -1190,15 +1207,15 @@ function RootDropdown(t0) {
 			clearActiveItems(dropdownElement, activeItem);
 			syncSubmenuDisclosure();
 		};
-		$[90] = dropdownElement;
-		$[91] = hasItems;
-		$[92] = syncSubmenuDisclosure;
-		$[93] = t41;
-	} else t41 = $[93];
-	const handleMouseOut = t41;
-	let t42;
-	if ($[94] !== disabled || $[95] !== onMouseDown) {
-		t42 = (event_5) => {
+		$[94] = dropdownElement;
+		$[95] = hasItems;
+		$[96] = syncSubmenuDisclosure;
+		$[97] = t43;
+	} else t43 = $[97];
+	const handleMouseOut = t43;
+	let t44;
+	if ($[98] !== disabled || $[99] !== onMouseDown) {
+		t44 = (event_5) => {
 			if (onMouseDown) onMouseDown(event_5);
 			if (disabled || isOpenRef.current) return;
 			setIsOpen(true);
@@ -1212,14 +1229,14 @@ function RootDropdown(t0) {
 				isOpeningTimerRef.current = null;
 			}, 1e3);
 		};
-		$[94] = disabled;
-		$[95] = onMouseDown;
-		$[96] = t42;
-	} else t42 = $[96];
-	const handleMouseDown = t42;
-	let t43;
-	if ($[97] !== closeDropdown || $[98] !== dropdownElement || $[99] !== handleActiveItem || $[100] !== handleSubmitItem || $[101] !== hasItems || $[102] !== onMouseUp) {
-		t43 = (event_6) => {
+		$[98] = disabled;
+		$[99] = onMouseDown;
+		$[100] = t44;
+	} else t44 = $[100];
+	const handleMouseDown = t44;
+	let t45;
+	if ($[101] !== closeDropdown || $[102] !== dropdownElement || $[103] !== handleActiveItem || $[104] !== handleSubmitItem || $[105] !== hasItems || $[106] !== onMouseUp) {
+		t45 = (event_6) => {
 			if (onMouseUp) onMouseUp(event_6);
 			if (isOpeningRef.current || !isOpenRef.current || closingTimerRef.current != null) return;
 			const eventTarget_1 = event_6.target;
@@ -1242,18 +1259,18 @@ function RootDropdown(t0) {
 			}
 			handleSubmitItem(event_6);
 		};
-		$[97] = closeDropdown;
-		$[98] = dropdownElement;
-		$[99] = handleActiveItem;
-		$[100] = handleSubmitItem;
-		$[101] = hasItems;
-		$[102] = onMouseUp;
-		$[103] = t43;
-	} else t43 = $[103];
-	const handleMouseUp = t43;
-	let t44;
-	if ($[104] !== allowCreate || $[105] !== closeDropdown || $[106] !== disabled || $[107] !== dropdownElement || $[108] !== focusTrigger || $[109] !== handleActiveItem || $[110] !== handleSubmitItem || $[111] !== hasItems || $[112] !== menubar || $[113] !== syncSubmenuDisclosure) {
-		t44 = (event_7) => {
+		$[101] = closeDropdown;
+		$[102] = dropdownElement;
+		$[103] = handleActiveItem;
+		$[104] = handleSubmitItem;
+		$[105] = hasItems;
+		$[106] = onMouseUp;
+		$[107] = t45;
+	} else t45 = $[107];
+	const handleMouseUp = t45;
+	let t46;
+	if ($[108] !== allowCreate || $[109] !== closeDropdown || $[110] !== disabled || $[111] !== dropdownElement || $[112] !== focusTrigger || $[113] !== handleActiveItem || $[114] !== handleSubmitItem || $[115] !== hasItems || $[116] !== menubar || $[117] !== syncSubmenuDisclosure) {
+		t46 = (event_7) => {
 			const { altKey, ctrlKey, key: key_0, metaKey } = event_7;
 			const eventTarget_2 = event_7.target;
 			if (!dropdownElement) return;
@@ -1413,44 +1430,44 @@ function RootDropdown(t0) {
 				}
 			}
 		};
-		$[104] = allowCreate;
-		$[105] = closeDropdown;
-		$[106] = disabled;
-		$[107] = dropdownElement;
-		$[108] = focusTrigger;
-		$[109] = handleActiveItem;
-		$[110] = handleSubmitItem;
-		$[111] = hasItems;
-		$[112] = menubar;
-		$[113] = syncSubmenuDisclosure;
-		$[114] = t44;
-	} else t44 = $[114];
-	const handleKeyDown = t44;
-	let t45;
-	if ($[115] !== handleKeyDown) {
-		t45 = {
+		$[108] = allowCreate;
+		$[109] = closeDropdown;
+		$[110] = disabled;
+		$[111] = dropdownElement;
+		$[112] = focusTrigger;
+		$[113] = handleActiveItem;
+		$[114] = handleSubmitItem;
+		$[115] = hasItems;
+		$[116] = menubar;
+		$[117] = syncSubmenuDisclosure;
+		$[118] = t46;
+	} else t46 = $[118];
+	const handleKeyDown = t46;
+	let t47;
+	if ($[119] !== handleKeyDown) {
+		t47 = {
 			ignoreUsedKeyboardEvents: false,
 			onKeyDown: handleKeyDown
 		};
-		$[115] = handleKeyDown;
-		$[116] = t45;
-	} else t45 = $[116];
-	useKeyboardEvents(t45);
-	let t46;
-	if ($[117] !== dropdownElement || $[118] !== handleSubmitItem || $[119] !== hasItems) {
-		t46 = (event_8) => {
+		$[119] = handleKeyDown;
+		$[120] = t47;
+	} else t47 = $[120];
+	useKeyboardEvents(t47);
+	let t48;
+	if ($[121] !== dropdownElement || $[122] !== handleSubmitItem || $[123] !== hasItems) {
+		t48 = (event_8) => {
 			if (hasItems || !isInOwnBody(dropdownElement, event_8.target)) return;
 			handleSubmitItem(event_8);
 		};
-		$[117] = dropdownElement;
-		$[118] = handleSubmitItem;
-		$[119] = hasItems;
-		$[120] = t46;
-	} else t46 = $[120];
-	const handleBodySubmit = t46;
-	let t47;
-	if ($[121] !== allowCreate || $[122] !== closeDropdown || $[123] !== disabled || $[124] !== handleActiveItem) {
-		t47 = (ref) => {
+		$[121] = dropdownElement;
+		$[122] = handleSubmitItem;
+		$[123] = hasItems;
+		$[124] = t48;
+	} else t48 = $[124];
+	const handleBodySubmit = t48;
+	let t49;
+	if ($[125] !== allowCreate || $[126] !== closeDropdown || $[127] !== disabled || $[128] !== handleActiveItem) {
+		t49 = (ref) => {
 			setDropdownElement(ref);
 			if (!ref) return;
 			const { ownerDocument } = ref;
@@ -1460,13 +1477,13 @@ function RootDropdown(t0) {
 				else inputElement = ref.firstElementChild.querySelector(TEXT_INPUT_SELECTOR);
 				inputElementRef.current = inputElement;
 			}
-			const handleGlobalMouseDown = (t48) => {
-				const { target: target_1 } = t48;
+			const handleGlobalMouseDown = (t50) => {
+				const { target: target_1 } = t50;
 				const eventTarget_3 = target_1;
 				if (!ref.contains(eventTarget_3)) closeDropdown();
 			};
-			const handleGlobalMouseUp = (t49) => {
-				const { target: target_2 } = t49;
+			const handleGlobalMouseUp = (t51) => {
+				const { target: target_2 } = t51;
 				if (!isOpenRef.current || closingTimerRef.current != null) return;
 				if (isOpeningRef.current) {
 					endOpeningPress();
@@ -1475,8 +1492,8 @@ function RootDropdown(t0) {
 				const eventTarget_4 = target_2;
 				if (!ref.contains(eventTarget_4)) closeDropdown();
 			};
-			const handleGlobalFocusIn = (t50) => {
-				const { target: target_3 } = t50;
+			const handleGlobalFocusIn = (t52) => {
+				const { target: target_3 } = t52;
 				if (!isOpenRef.current) return;
 				const eventTarget_5 = target_3;
 				if (ref.contains(eventTarget_5) || eventTarget_5.contains(ref)) return;
@@ -1518,16 +1535,16 @@ function RootDropdown(t0) {
 				if (inputElement) inputElement.removeEventListener("input", handleInput);
 			};
 		};
-		$[121] = allowCreate;
-		$[122] = closeDropdown;
-		$[123] = disabled;
-		$[124] = handleActiveItem;
-		$[125] = t47;
-	} else t47 = $[125];
-	const handleRef = t47;
-	let t48;
-	if ($[126] !== dropdownElement || $[127] !== popupRole || $[128] !== valueIdentity) {
-		t48 = (ref_0) => {
+		$[125] = allowCreate;
+		$[126] = closeDropdown;
+		$[127] = disabled;
+		$[128] = handleActiveItem;
+		$[129] = t49;
+	} else t49 = $[129];
+	const handleRef = t49;
+	let t50;
+	if ($[130] !== dropdownElement || $[131] !== popupRole || $[132] !== valueIdentity) {
+		t50 = (ref_0) => {
 			if (!ref_0) return;
 			if (annotatedElementsRef.current.has(ref_0)) return;
 			annotatedElementsRef.current.add(ref_0);
@@ -1545,82 +1562,82 @@ function RootDropdown(t0) {
 				}
 			}
 		};
-		$[126] = dropdownElement;
-		$[127] = popupRole;
-		$[128] = valueIdentity;
-		$[129] = t48;
-	} else t48 = $[129];
-	const handleBodyRef = t48;
+		$[130] = dropdownElement;
+		$[131] = popupRole;
+		$[132] = valueIdentity;
+		$[133] = t50;
+	} else t50 = $[133];
+	const handleBodyRef = t50;
 	let bodyLabelledBy;
 	if (!isValidElement(trigger)) {
 		if (isSearchable) {
-			const t49 = valueLabel ?? "";
-			let t50;
-			if ($[130] === Symbol.for("react.memo_cache_sentinel")) {
-				t50 = () => setIsOpen(true);
-				$[130] = t50;
-			} else t50 = $[130];
-			let t51;
-			if ($[131] !== bodyId || $[132] !== disabled || $[133] !== isOpen || $[134] !== name || $[135] !== placeholder || $[136] !== popupRole || $[137] !== t49 || $[138] !== tabIndex || $[139] !== triggerId) {
-				t51 = /* @__PURE__ */ jsx("input", {
+			const t51 = valueLabel ?? "";
+			let t52;
+			if ($[134] === Symbol.for("react.memo_cache_sentinel")) {
+				t52 = () => setIsOpen(true);
+				$[134] = t52;
+			} else t52 = $[134];
+			let t53;
+			if ($[135] !== bodyId || $[136] !== disabled || $[137] !== isOpen || $[138] !== name || $[139] !== placeholder || $[140] !== popupRole || $[141] !== t51 || $[142] !== tabIndex || $[143] !== triggerId) {
+				t53 = /* @__PURE__ */ jsx("input", {
 					"aria-autocomplete": "list",
 					"aria-controls": bodyId,
 					"aria-expanded": isOpen,
 					"aria-haspopup": popupRole,
 					autoComplete: "off",
 					className: "uktdropdown-trigger",
-					defaultValue: t49,
+					defaultValue: t51,
 					disabled,
 					id: triggerId,
 					name,
-					onFocus: t50,
+					onFocus: t52,
 					placeholder,
 					ref: inputElementRef,
 					role: "combobox",
 					tabIndex,
 					type: "text"
 				});
-				$[131] = bodyId;
-				$[132] = disabled;
-				$[133] = isOpen;
-				$[134] = name;
-				$[135] = placeholder;
-				$[136] = popupRole;
-				$[137] = t49;
-				$[138] = tabIndex;
-				$[139] = triggerId;
-				$[140] = t51;
-			} else t51 = $[140];
-			trigger = t51;
+				$[135] = bodyId;
+				$[136] = disabled;
+				$[137] = isOpen;
+				$[138] = name;
+				$[139] = placeholder;
+				$[140] = popupRole;
+				$[141] = t51;
+				$[142] = tabIndex;
+				$[143] = triggerId;
+				$[144] = t53;
+			} else t53 = $[144];
+			trigger = t53;
 		} else {
 			bodyLabelledBy = triggerId;
-			const t49 = isMenubarItem ? "menuitem" : void 0;
-			const t50 = menubarTabIndex ?? 0;
-			let t51;
-			if ($[141] !== bodyId || $[142] !== disabled || $[143] !== isOpen || $[144] !== popupRole || $[145] !== t49 || $[146] !== t50 || $[147] !== trigger || $[148] !== triggerId) {
-				t51 = /* @__PURE__ */ jsx("button", {
+			const t51 = isMenubarItem ? "menuitem" : void 0;
+			const t52 = menubarTabIndex ?? 0;
+			let t53;
+			if ($[145] !== bodyId || $[146] !== disabled || $[147] !== isOpen || $[148] !== popupRole || $[149] !== t51 || $[150] !== t52 || $[151] !== trigger || $[152] !== triggerId) {
+				t53 = /* @__PURE__ */ jsx("button", {
 					"aria-controls": bodyId,
 					"aria-expanded": isOpen,
 					"aria-haspopup": popupRole,
 					className: "uktdropdown-trigger",
 					disabled,
 					id: triggerId,
-					role: t49,
-					tabIndex: t50,
+					role: t51,
+					tabIndex: t52,
 					type: "button",
 					children: trigger
 				});
-				$[141] = bodyId;
-				$[142] = disabled;
-				$[143] = isOpen;
-				$[144] = popupRole;
-				$[145] = t49;
-				$[146] = t50;
-				$[147] = trigger;
-				$[148] = triggerId;
+				$[145] = bodyId;
+				$[146] = disabled;
+				$[147] = isOpen;
+				$[148] = popupRole;
 				$[149] = t51;
-			} else t51 = $[149];
-			trigger = t51;
+				$[150] = t52;
+				$[151] = trigger;
+				$[152] = triggerId;
+				$[153] = t53;
+			} else t53 = $[153];
+			trigger = t53;
 		}
 	} else {
 		const triggerProps = trigger.props;
@@ -1630,95 +1647,95 @@ function RootDropdown(t0) {
 		const isCombobox = isSearchable && isTextInputTrigger && trigger.type !== "textarea";
 		const triggerRole = triggerProps.role ?? (isCombobox ? "combobox" : isMenubarItem ? "menuitem" : void 0);
 		const canExpand = !isTextInputTrigger || triggerRole != null;
-		const t49 = trigger;
-		const t50 = triggerProps["aria-autocomplete"] ?? (isCombobox ? "list" : void 0);
-		const t51 = triggerProps["aria-controls"] ?? bodyId;
-		const t52 = triggerProps["aria-disabled"] ?? (disabled || void 0);
-		const t53 = triggerProps["aria-expanded"] ?? (canExpand ? isOpen : void 0);
-		const t54 = triggerProps["aria-haspopup"] ?? popupRole;
-		const t55 = triggerProps.tabIndex ?? menubarTabIndex;
-		let t56;
-		if ($[150] !== resolvedTriggerId || $[151] !== t49 || $[152] !== t50 || $[153] !== t51 || $[154] !== t52 || $[155] !== t53 || $[156] !== t54 || $[157] !== t55 || $[158] !== triggerRole) {
-			t56 = cloneElement(t49, {
-				"aria-autocomplete": t50,
-				"aria-controls": t51,
-				"aria-disabled": t52,
-				"aria-expanded": t53,
-				"aria-haspopup": t54,
+		const t51 = trigger;
+		const t52 = triggerProps["aria-autocomplete"] ?? (isCombobox ? "list" : void 0);
+		const t53 = triggerProps["aria-controls"] ?? bodyId;
+		const t54 = triggerProps["aria-disabled"] ?? (disabled || void 0);
+		const t55 = triggerProps["aria-expanded"] ?? (canExpand ? isOpen : void 0);
+		const t56 = triggerProps["aria-haspopup"] ?? popupRole;
+		const t57 = triggerProps.tabIndex ?? menubarTabIndex;
+		let t58;
+		if ($[154] !== resolvedTriggerId || $[155] !== t51 || $[156] !== t52 || $[157] !== t53 || $[158] !== t54 || $[159] !== t55 || $[160] !== t56 || $[161] !== t57 || $[162] !== triggerRole) {
+			t58 = cloneElement(t51, {
+				"aria-autocomplete": t52,
+				"aria-controls": t53,
+				"aria-disabled": t54,
+				"aria-expanded": t55,
+				"aria-haspopup": t56,
 				id: resolvedTriggerId,
 				role: triggerRole,
-				tabIndex: t55
+				tabIndex: t57
 			});
-			$[150] = resolvedTriggerId;
-			$[151] = t49;
-			$[152] = t50;
-			$[153] = t51;
-			$[154] = t52;
-			$[155] = t53;
-			$[156] = t54;
-			$[157] = t55;
-			$[158] = triggerRole;
-			$[159] = t56;
-		} else t56 = $[159];
-		trigger = t56;
+			$[154] = resolvedTriggerId;
+			$[155] = t51;
+			$[156] = t52;
+			$[157] = t53;
+			$[158] = t54;
+			$[159] = t55;
+			$[160] = t56;
+			$[161] = t57;
+			$[162] = triggerRole;
+			$[163] = t58;
+		} else t58 = $[163];
+		trigger = t58;
 	}
 	if (label != null) {
 		bodyLabelledBy = labelId;
-		const t49 = isMenubarMember ? "none" : void 0;
-		const t50 = isMenubarMember ? "none" : void 0;
-		let t51;
-		if ($[160] !== label || $[161] !== labelId || $[162] !== t50) {
-			t51 = /* @__PURE__ */ jsx("div", {
+		const t51 = isMenubarMember ? "none" : void 0;
+		const t52 = isMenubarMember ? "none" : void 0;
+		let t53;
+		if ($[164] !== label || $[165] !== labelId || $[166] !== t52) {
+			t53 = /* @__PURE__ */ jsx("div", {
 				className: "uktdropdown-label-text",
 				id: labelId,
-				role: t50,
+				role: t52,
 				children: label
 			});
-			$[160] = label;
-			$[161] = labelId;
-			$[162] = t50;
-			$[163] = t51;
-		} else t51 = $[163];
-		let t52;
-		if ($[164] !== t49 || $[165] !== t51 || $[166] !== trigger) {
-			t52 = /* @__PURE__ */ jsxs("label", {
+			$[164] = label;
+			$[165] = labelId;
+			$[166] = t52;
+			$[167] = t53;
+		} else t53 = $[167];
+		let t54;
+		if ($[168] !== t51 || $[169] !== t53 || $[170] !== trigger) {
+			t54 = /* @__PURE__ */ jsxs("label", {
 				className: "uktdropdown-label",
-				role: t49,
-				children: [t51, trigger]
+				role: t51,
+				children: [t53, trigger]
 			});
-			$[164] = t49;
-			$[165] = t51;
-			$[166] = trigger;
-			$[167] = t52;
-		} else t52 = $[167];
-		trigger = t52;
+			$[168] = t51;
+			$[169] = t53;
+			$[170] = trigger;
+			$[171] = t54;
+		} else t54 = $[171];
+		trigger = t54;
 	}
-	let t49;
-	if ($[168] === Symbol.for("react.memo_cache_sentinel")) {
-		t49 = /* @__PURE__ */ jsx("style", {
+	let t51;
+	if ($[172] === Symbol.for("react.memo_cache_sentinel")) {
+		t51 = /* @__PURE__ */ jsx("style", {
 			href: "@acusti/dropdown/Dropdown",
 			precedence: "medium",
 			children: Dropdown_default
 		});
-		$[168] = t49;
-	} else t49 = $[168];
-	let t50;
-	if ($[169] !== className || $[170] !== disabled || $[171] !== isOpen || $[172] !== isSearchable) {
-		t50 = clsx("uktdropdown", className, {
+		$[172] = t51;
+	} else t51 = $[172];
+	let t52;
+	if ($[173] !== className || $[174] !== disabled || $[175] !== isOpen || $[176] !== isSearchable) {
+		t52 = clsx("uktdropdown", className, {
 			"is-disabled": disabled,
 			"is-open": isOpen,
 			"is-searchable": isSearchable
 		});
-		$[169] = className;
-		$[170] = disabled;
-		$[171] = isOpen;
-		$[172] = isSearchable;
-		$[173] = t50;
-	} else t50 = $[173];
-	const t51 = isMenubarMember ? "none" : void 0;
-	let t52;
-	if ($[174] !== body || $[175] !== bodyId || $[176] !== bodyLabelledBy || $[177] !== dropdownContextValue || $[178] !== handleBodyRef || $[179] !== handleBodySubmit || $[180] !== hasItems || $[181] !== isOpen || $[182] !== popupRole) {
-		t52 = isOpen ? /* @__PURE__ */ jsx("div", {
+		$[173] = className;
+		$[174] = disabled;
+		$[175] = isOpen;
+		$[176] = isSearchable;
+		$[177] = t52;
+	} else t52 = $[177];
+	const t53 = isMenubarMember ? "none" : void 0;
+	let t54;
+	if ($[178] !== body || $[179] !== bodyId || $[180] !== bodyLabelledBy || $[181] !== dropdownContextValue || $[182] !== handleBodyRef || $[183] !== handleBodySubmit || $[184] !== hasItems || $[185] !== isOpen || $[186] !== popupRole) {
+		t54 = isOpen ? /* @__PURE__ */ jsx("div", {
 			"aria-labelledby": bodyLabelledBy,
 			className: clsx("uktdropdown-body", { "has-items": hasItems }),
 			id: bodyId,
@@ -1734,23 +1751,23 @@ function RootDropdown(t0) {
 				})
 			})
 		}) : null;
-		$[174] = body;
-		$[175] = bodyId;
-		$[176] = bodyLabelledBy;
-		$[177] = dropdownContextValue;
-		$[178] = handleBodyRef;
-		$[179] = handleBodySubmit;
-		$[180] = hasItems;
-		$[181] = isOpen;
-		$[182] = popupRole;
-		$[183] = t52;
-	} else t52 = $[183];
-	let t53;
-	if ($[184] !== handleDropdownMouseEnter || $[185] !== handleDropdownMouseLeave || $[186] !== handleMouseDown || $[187] !== handleMouseMove || $[188] !== handleMouseOut || $[189] !== handleMouseOver || $[190] !== handleMouseUp || $[191] !== handleRef || $[192] !== onClick || $[193] !== styleFromProps || $[194] !== t50 || $[195] !== t51 || $[196] !== t52 || $[197] !== trigger) {
-		t53 = /* @__PURE__ */ jsxs(Fragment, { children: [t49, /* @__PURE__ */ jsxs("div", {
-			className: t50,
+		$[178] = body;
+		$[179] = bodyId;
+		$[180] = bodyLabelledBy;
+		$[181] = dropdownContextValue;
+		$[182] = handleBodyRef;
+		$[183] = handleBodySubmit;
+		$[184] = hasItems;
+		$[185] = isOpen;
+		$[186] = popupRole;
+		$[187] = t54;
+	} else t54 = $[187];
+	let t55;
+	if ($[188] !== handleDropdownMouseEnter || $[189] !== handleDropdownMouseLeave || $[190] !== handleMouseDown || $[191] !== handleMouseMove || $[192] !== handleMouseOut || $[193] !== handleMouseOver || $[194] !== handleMouseUp || $[195] !== handleRef || $[196] !== onClick || $[197] !== styleFromProps || $[198] !== t52 || $[199] !== t53 || $[200] !== t54 || $[201] !== trigger) {
+		t55 = /* @__PURE__ */ jsxs(Fragment, { children: [t51, /* @__PURE__ */ jsxs("div", {
+			className: t52,
 			onClick,
-			role: t51,
+			role: t53,
 			onMouseDown: handleMouseDown,
 			onMouseEnter: handleDropdownMouseEnter,
 			onMouseLeave: handleDropdownMouseLeave,
@@ -1760,25 +1777,25 @@ function RootDropdown(t0) {
 			onMouseUp: handleMouseUp,
 			ref: handleRef,
 			style: styleFromProps,
-			children: [trigger, t52]
+			children: [trigger, t54]
 		})] });
-		$[184] = handleDropdownMouseEnter;
-		$[185] = handleDropdownMouseLeave;
-		$[186] = handleMouseDown;
-		$[187] = handleMouseMove;
-		$[188] = handleMouseOut;
-		$[189] = handleMouseOver;
-		$[190] = handleMouseUp;
-		$[191] = handleRef;
-		$[192] = onClick;
-		$[193] = styleFromProps;
-		$[194] = t50;
-		$[195] = t51;
-		$[196] = t52;
-		$[197] = trigger;
-		$[198] = t53;
-	} else t53 = $[198];
-	return t53;
+		$[188] = handleDropdownMouseEnter;
+		$[189] = handleDropdownMouseLeave;
+		$[190] = handleMouseDown;
+		$[191] = handleMouseMove;
+		$[192] = handleMouseOut;
+		$[193] = handleMouseOver;
+		$[194] = handleMouseUp;
+		$[195] = handleRef;
+		$[196] = onClick;
+		$[197] = styleFromProps;
+		$[198] = t52;
+		$[199] = t53;
+		$[200] = t54;
+		$[201] = trigger;
+		$[202] = t55;
+	} else t55 = $[202];
+	return t55;
 }
 var INERT_SUBMENU_PROPS = [
 	"allowCreate",