mimir-ui-kit 1.12.0 → 1.13.0

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,21 +1,16 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import * as React from "react";
-import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
+import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useState, useLayoutEffect, createContext, useContext, Fragment, createRef, forwardRef } from "react";
 import { ESelectSearchSize } from "./constants.js";
 import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
 import { Icon } from "../../icons/Icon.js";
-import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
+import { n as n$3, u as u$4, g as o$1, s as s$3, o as o$2, p as p$1, t as t$3, h as s$4, W as W$1, y as y$3, i as T$1, H, M as M$2, K, b as a$5, l as l$4, T as T$2, a as u$6, z, j as j$1, d as u$7, I as I$1, G, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, c as $6179b936705e76d3$export$ae780daf29e6d456, D as D$3, e as o$3, r as r$2 } from "../../label-BXAcSLy0.js";
 import * as ReactDOM from "react-dom";
 import { flushSync, createPortal } from "react-dom";
-import { w } from "../../use-active-press-B6yeSopF.js";
-import { u as u$4 } from "../../use-by-comparator-BUO78DGe.js";
-import { K, a as a$5, l as l$3, T as T$1, z, j as j$1, u as u$6, I as I$1, G } from "../../label-C_5Syaoj.js";
-import { A, h as h$1, f as f$6, _ } from "../../focus-management-1rQPII7Z.js";
-import { T as T$2 } from "../../use-resolve-button-type-B6LE6gU3.js";
-import { c as c$2, i as i$2, u as u$7, V, A as A$1 } from "../../open-closed-CbXq00et.js";
-import { r as r$2 } from "../../bugs-CSBdWk0R.js";
+import { w } from "../../use-active-press-9MCrfRZk.js";
+import { A as A$1, h as h$1, f as f$6, u as u$5, _ } from "../../focus-management-CFDo6ZSc.js";
 import '../../assets/SelectSearch.css';function memo(getDeps, fn, opts) {
   let deps = opts.initialDeps ?? [];
   let result;
@@ -783,7 +778,7 @@ function s$2(e2) {
 }
 function f$5(e2, n2 = false) {
   let t2 = e2 === null ? null : "current" in e2 ? e2.current : e2, [l2, u2] = useReducer(() => ({}), {}), r2 = useMemo(() => s$2(t2), [t2, l2]);
-  return n$2(() => {
+  return n$3(() => {
     if (!t2) return;
     let i2 = new ResizeObserver(u2);
     return i2.observe(t2), () => {
@@ -825,28 +820,28 @@ let p = new a$4(() => a$3(() => [], { ADD(r2) {
 } }));
 function x(r2, e2) {
   let t2 = p.get(e2), i2 = useId$1(), h2 = o(t2);
-  if (n$2(() => {
+  if (n$3(() => {
     if (r2) return t2.dispatch("ADD", i2), () => t2.dispatch("REMOVE", i2);
   }, [t2, r2]), !r2) return false;
   let s2 = h2.indexOf(i2), o$12 = h2.length;
   return s2 === -1 && (s2 = o$12, o$12 += 1), s2 === o$12 - 1;
 }
-let f$4 = /* @__PURE__ */ new Map(), u$2 = /* @__PURE__ */ new Map();
+let f$4 = /* @__PURE__ */ new Map(), u$3 = /* @__PURE__ */ new Map();
 function h(t2) {
   var e2;
-  let r2 = (e2 = u$2.get(t2)) != null ? e2 : 0;
-  return u$2.set(t2, r2 + 1), r2 !== 0 ? () => m$3(t2) : (f$4.set(t2, { "aria-hidden": t2.getAttribute("aria-hidden"), inert: t2.inert }), t2.setAttribute("aria-hidden", "true"), t2.inert = true, () => m$3(t2));
+  let r2 = (e2 = u$3.get(t2)) != null ? e2 : 0;
+  return u$3.set(t2, r2 + 1), r2 !== 0 ? () => m$3(t2) : (f$4.set(t2, { "aria-hidden": t2.getAttribute("aria-hidden"), inert: t2.inert }), t2.setAttribute("aria-hidden", "true"), t2.inert = true, () => m$3(t2));
 }
 function m$3(t2) {
   var i2;
-  let r2 = (i2 = u$2.get(t2)) != null ? i2 : 1;
-  if (r2 === 1 ? u$2.delete(t2) : u$2.set(t2, r2 - 1), r2 !== 1) return;
+  let r2 = (i2 = u$3.get(t2)) != null ? i2 : 1;
+  if (r2 === 1 ? u$3.delete(t2) : u$3.set(t2, r2 - 1), r2 !== 1) return;
   let e2 = f$4.get(t2);
   e2 && (e2["aria-hidden"] === null ? t2.removeAttribute("aria-hidden") : t2.setAttribute("aria-hidden", e2["aria-hidden"]), t2.inert = e2.inert, f$4.delete(t2));
 }
 function y$2(t2, { allowed: r2, disallowed: e2 } = {}) {
   let i2 = x(t2, "inert-others");
-  n$2(() => {
+  n$3(() => {
     var d2, c2;
     if (!i2) return;
     let a3 = o$1();
@@ -854,7 +849,7 @@ function y$2(t2, { allowed: r2, disallowed: e2 } = {}) {
     let s2 = (c2 = r2 == null ? void 0 : r2()) != null ? c2 : [];
     for (let n2 of s2) {
       if (!n2) continue;
-      let l2 = u$3(n2);
+      let l2 = u$4(n2);
       if (!l2) continue;
       let o2 = n2.parentElement;
       for (; o2 && o2 !== l2.body; ) {
@@ -889,13 +884,13 @@ function m$2(s2, n2, l2) {
 function t$2() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function i$1() {
+function i$3() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function n$1() {
-  return t$2() || i$1();
+function n$2() {
+  return t$2() || i$3();
 }
-function i(t2, e2, o2, n2) {
+function i$2(t2, e2, o2, n2) {
   let u2 = s$3(o2);
   useEffect(() => {
     if (!t2) return;
@@ -916,7 +911,7 @@ function s$1(t2, e2, o2, n2) {
   }, [t2, e2, n2]);
 }
 const d$2 = 30;
-function F$1(E2, p2, C) {
+function F$2(E2, p2, C) {
   let u2 = x(E2, "outside-click"), f2 = s$3(C), s2 = useCallback(function(e2, o2) {
     if (e2.defaultPrevented) return;
     let r2 = o2(e2);
@@ -929,27 +924,27 @@ function F$1(E2, p2, C) {
       let n2 = i2 instanceof HTMLElement ? i2 : i2.current;
       if (n2 != null && n2.contains(r2) || e2.composed && e2.composedPath().includes(n2)) return;
     }
-    return !A(r2, h$1.Loose) && r2.tabIndex !== -1 && e2.preventDefault(), f2.current(e2, r2);
+    return !A$1(r2, h$1.Loose) && r2.tabIndex !== -1 && e2.preventDefault(), f2.current(e2, r2);
   }, [f2]), l2 = useRef(null);
-  i(u2, "pointerdown", (t2) => {
+  i$2(u2, "pointerdown", (t2) => {
     var e2, o2;
     l2.current = ((o2 = (e2 = t2.composedPath) == null ? void 0 : e2.call(t2)) == null ? void 0 : o2[0]) || t2.target;
-  }, true), i(u2, "mousedown", (t2) => {
+  }, true), i$2(u2, "mousedown", (t2) => {
     var e2, o2;
     l2.current = ((o2 = (e2 = t2.composedPath) == null ? void 0 : e2.call(t2)) == null ? void 0 : o2[0]) || t2.target;
-  }, true), i(u2, "click", (t2) => {
-    n$1() || l2.current && (s2(t2, () => l2.current), l2.current = null);
+  }, true), i$2(u2, "click", (t2) => {
+    n$2() || l2.current && (s2(t2, () => l2.current), l2.current = null);
   }, true);
   let a3 = useRef({ x: 0, y: 0 });
-  i(u2, "touchstart", (t2) => {
+  i$2(u2, "touchstart", (t2) => {
     a3.current.x = t2.touches[0].clientX, a3.current.y = t2.touches[0].clientY;
-  }, true), i(u2, "touchend", (t2) => {
+  }, true), i$2(u2, "touchend", (t2) => {
     let e2 = { x: t2.changedTouches[0].clientX, y: t2.changedTouches[0].clientY };
     if (!(Math.abs(e2.x - a3.current.x) >= d$2 || Math.abs(e2.y - a3.current.y) >= d$2)) return s2(t2, () => t2.target instanceof HTMLElement ? t2.target : null);
   }, true), s$1(u2, "blur", (t2) => s2(t2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
-function n(...e2) {
-  return useMemo(() => u$3(...e2), [...e2]);
+function n$1(...e2) {
+  return useMemo(() => u$4(...e2), [...e2]);
 }
 function E(n2, e2, a3, t2) {
   let i2 = s$3(a3);
@@ -978,6 +973,20 @@ function f$3(l2) {
     }
   });
 }
+function i$1(t2) {
+  var n2;
+  if (t2.type) return t2.type;
+  let e2 = (n2 = t2.as) != null ? n2 : "button";
+  if (typeof e2 == "string" && e2.toLowerCase() === "button") return "button";
+}
+function T(t2, e2) {
+  let [n2, u2] = useState(() => i$1(t2));
+  return n$3(() => {
+    u2(i$1(t2));
+  }, [t2.type, t2.as]), n$3(() => {
+    n2 || e2.current && e2.current instanceof HTMLButtonElement && !e2.current.hasAttribute("type") && u2("button");
+  }, [n2, e2]), n2;
+}
 function d$1() {
   let r2;
   return { before({ doc: e2 }) {
@@ -1067,7 +1076,7 @@ a$2.subscribe(() => {
 });
 function a$1(r2, e2, n2 = () => ({ containers: [] })) {
   let f2 = o(a$2), o$12 = e2 ? f2.get(e2) : void 0, i2 = o$12 ? o$12.count > 0 : false;
-  return n$2(() => {
+  return n$3(() => {
     if (!(!e2 || !r2)) return a$2.dispatch("PUSH", e2, n2), () => a$2.dispatch("POP", e2, n2);
   }, [r2, e2]), i2;
 }
@@ -1081,7 +1090,7 @@ function f$2(e2, c2, n2 = () => [document.body]) {
 function t$1(e2) {
   return [e2.screenX, e2.screenY];
 }
-function u$1() {
+function u$2() {
   let e2 = useRef([-1, -1]);
   return { wasMoved(r2) {
     let n2 = t$1(r2);
@@ -1090,13 +1099,84 @@ function u$1() {
     e2.current = t$1(r2);
   } };
 }
+function l$3(r2) {
+  let e2 = { called: false };
+  return (...t2) => {
+    if (!e2.called) return e2.called = true, r2(...t2);
+  };
+}
+function c$3(u2 = 0) {
+  let [t2, l2] = useState(u2), g2 = useCallback((e2) => l2(e2), [t2]), s2 = useCallback((e2) => l2((a3) => a3 | e2), [t2]), m2 = useCallback((e2) => (t2 & e2) === e2, [t2]), n2 = useCallback((e2) => l2((a3) => a3 & ~e2), [l2]), F2 = useCallback((e2) => l2((a3) => a3 ^ e2), [l2]);
+  return { flags: t2, setFlag: g2, addFlag: s2, hasFlag: m2, removeFlag: n2, toggleFlag: F2 };
+}
+var D$2 = ((i2) => (i2[i2.None = 0] = "None", i2[i2.Closed = 1] = "Closed", i2[i2.Enter = 2] = "Enter", i2[i2.Leave = 4] = "Leave", i2))(D$2 || {});
+function A(e2) {
+  let a3 = {};
+  for (let t2 in e2) e2[t2] === true && (a3[`data-${t2}`] = "");
+  return a3;
+}
+function V(e2, a3, t2, r2) {
+  let [i2, u2] = useState(t2), { hasFlag: d2, addFlag: f2, removeFlag: s2 } = c$3(e2 && i2 ? 3 : 0), l2 = useRef(false), n2 = useRef(false), o2 = p$1();
+  return n$3(function p2() {
+    var T2;
+    if (!e2) return;
+    t2 && u2(true);
+    let c2 = a3.current;
+    return c2 ? ((T2 = void 0) == null || T2.call(r2, t2), M$1(c2, { inFlight: l2, prepare() {
+      n2.current ? n2.current = false : n2.current = l2.current, l2.current = true, !n2.current && (t2 ? (f2(3), s2(4)) : (f2(4), s2(2)));
+    }, run() {
+      n2.current ? t2 ? (s2(3), f2(4)) : (s2(4), f2(3)) : t2 ? s2(1) : f2(1);
+    }, done() {
+      var m2;
+      n2.current && typeof c2.getAnimations == "function" && c2.getAnimations().length > 0 || (l2.current = false, s2(7), t2 || u2(false), (m2 = void 0) == null || m2.call(r2, t2));
+    } })) : t2 ? (f2(3), o2.nextFrame(() => p2())) : void 0;
+  }, [e2, t2, a3, o2]), e2 ? [i2, { closed: d2(1), enter: d2(2), leave: d2(4), transition: d2(2) || d2(4) }] : [t2, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+}
+function M$1(e2, { prepare: a3, run: t2, done: r2, inFlight: i2 }) {
+  let u2 = o$1();
+  return R(e2, { prepare: a3, inFlight: i2 }), u2.nextFrame(() => {
+    u2.add(F$1(e2, r2)), t2();
+  }), u2.dispose;
+}
+function F$1(e2, a3) {
+  let t2 = l$3(a3), r2 = o$1();
+  if (!e2) return r2.dispose;
+  let { transitionDuration: i2, transitionDelay: u2 } = getComputedStyle(e2), [d2, f2] = [i2, u2].map((l2) => {
+    let [n2 = 0] = l2.split(",").filter(Boolean).map((o2) => o2.includes("ms") ? parseFloat(o2) : parseFloat(o2) * 1e3).sort((o2, p2) => p2 - o2);
+    return n2;
+  }), s2 = d2 + f2;
+  if (s2 !== 0) {
+    let l2 = r2.group((n2) => {
+      let o2 = n2.setTimeout(() => {
+        t2(), n2.dispose();
+      }, s2);
+      n2.addEventListener(e2, "transitionrun", (p2) => {
+        p2.target === p2.currentTarget && (o2(), n2.addEventListener(e2, "transitioncancel", (c2) => {
+          c2.target === c2.currentTarget && (t2(), l2());
+        }));
+      });
+    });
+    r2.addEventListener(e2, "transitionend", (n2) => {
+      n2.target === n2.currentTarget && (t2(), r2.dispose());
+    });
+  } else t2();
+  return r2.dispose;
+}
+function R(e2, { inFlight: a3, prepare: t2 }) {
+  if (a3 != null && a3.current) {
+    t2();
+    return;
+  }
+  let r2 = e2.style.transition;
+  e2.style.transition = "none", t2(), e2.offsetHeight, e2.style.transition = r2;
+}
 function F(c2, { container: e2, accept: t2, walk: r2 }) {
   let o2 = useRef(t2), l2 = useRef(r2);
   useEffect(() => {
     o2.current = t2, l2.current = r2;
-  }, [t2, r2]), n$2(() => {
+  }, [t2, r2]), n$3(() => {
     if (!e2 || !c2) return;
-    let n2 = u$3(e2);
+    let n2 = u$4(e2);
     if (!n2) return;
     let f2 = o2.current, p2 = l2.current, i2 = Object.assign((m2) => f2(m2), { acceptNode: f2 }), u2 = n2.createTreeWalker(e2, NodeFilter.SHOW_ELEMENT, i2, false);
     for (; u2.nextNode(); ) p2(u2.currentNode);
@@ -3172,7 +3252,7 @@ function be() {
 function Re(e2 = null) {
   e2 === false && (e2 = null), typeof e2 == "string" && (e2 = { to: e2 });
   let t2 = useContext(S$1), n2 = useMemo(() => e2, [JSON.stringify(e2, typeof HTMLElement != "undefined" ? (r2, o2) => o2 instanceof HTMLElement ? o2.outerHTML : o2 : void 0)]);
-  n$2(() => {
+  n$3(() => {
     t2 == null || t2(n2 != null ? n2 : null);
   }, [t2, n2]);
   let l2 = useContext(y$1);
@@ -3183,7 +3263,7 @@ function ve({ children: e2, enabled: t2 = true }) {
   let [n2, l2] = useState(null), [r2, o2] = useState(0), c2 = useRef(null), [u2, s2] = useState(null);
   pe(u2);
   let i2 = t2 && n2 !== null && u2 !== null, { to: F2 = "bottom", gap: C = 0, offset: M2 = 0, padding: p2 = 0, inner: P } = ce(n2, u2), [a3, f2 = "center"] = F2.split(" ");
-  n$2(() => {
+  n$3(() => {
     i2 && o2(0);
   }, [i2]);
   let { refs: b, floatingStyles: w2, context: g2 } = useFloating({ open: i2, placement: a3 === "selection" ? f2 === "center" ? "bottom" : `bottom-${f2}` : f2 === "center" ? `${a3}` : `${a3}-${f2}`, strategy: "absolute", transform: false, middleware: [offset({ mainAxis: a3 === "selection" ? 0 : C, crossAxis: M2 }), shift({ padding: p2 }), a3 !== "selection" && flip({ padding: p2 }), a3 === "selection" && P ? inner({ ...P, padding: p2, overflowRef: c2, offset: r2, minItemsVisible: q, referenceOverflowThreshold: p2, onFallbackChange(h2) {
@@ -3214,7 +3294,7 @@ function ve({ children: e2, enabled: t2 = true }) {
   return React.createElement(S$1.Provider, { value: l2 }, React.createElement(y$1.Provider, { value: { setFloating: Y, setReference: b.setReference, styles: w2, getReferenceProps: Q, getFloatingProps: X, slot: G2 } }, e2));
 }
 function pe(e2) {
-  n$2(() => {
+  n$3(() => {
     if (!e2) return;
     let t2 = new MutationObserver(() => {
       let n2 = window.getComputedStyle(e2).maxHeight, l2 = parseFloat(n2);
@@ -3263,7 +3343,7 @@ function L(e2, t2, n2 = void 0) {
     }
     return [n2, null];
   }), o2 = useMemo(() => r2(e2, t2)[0], [e2, t2]), [c2 = o2, u2] = useState();
-  return n$2(() => {
+  return n$3(() => {
     let [s2, i2] = r2(e2, t2);
     if (u2(s2), !!i2) return i2(u2);
   }, [e2, t2]), c2;
@@ -3292,6 +3372,15 @@ function l$2(o2, e2) {
   let [n2, t2] = useState(e2);
   return !o2 && n2 !== e2 && t2(e2), o2 ? n2 : e2;
 }
+let n = createContext(null);
+n.displayName = "OpenClosedContext";
+var i = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(i || {});
+function u$1() {
+  return useContext(n);
+}
+function c$2({ value: o2, children: t2 }) {
+  return React__default.createElement(n.Provider, { value: o2 }, t2);
+}
 function t(n2) {
   function e2() {
     document.readyState !== "loading" && (n2(), document.removeEventListener("DOMContentLoaded", e2));
@@ -3368,7 +3457,7 @@ function a2() {
   return useContext(e);
 }
 function D(p2) {
-  let r2 = a2(), l2 = useContext(v), e2 = n(p2), [o2, n$12] = useState(() => {
+  let r2 = a2(), l2 = useContext(v), e2 = n$1(p2), [o2, n2] = useState(() => {
     var t2;
     if (!r2 && l2 !== null) return (t2 = l2.current) != null ? t2 : null;
     if (s$4.isServer) return null;
@@ -3381,24 +3470,24 @@ function D(p2) {
   return useEffect(() => {
     o2 !== null && (e2 != null && e2.body.contains(o2) || e2 == null || e2.body.appendChild(o2));
   }, [o2, e2]), useEffect(() => {
-    r2 || l2 !== null && n$12(l2.current);
-  }, [l2, n$12, r2]), o2;
+    r2 || l2 !== null && n2(l2.current);
+  }, [l2, n2, r2]), o2;
 }
 let M = Fragment, N = W$1(function(r2, l2) {
-  let e2 = r2, o2 = useRef(null), n$12 = y$3(T((i2) => {
+  let e2 = r2, o2 = useRef(null), n2 = y$3(T$1((i2) => {
     o2.current = i2;
-  }), l2), u2 = n(o2), a3 = D(o2), [t2] = useState(() => {
+  }), l2), u2 = n$1(o2), a3 = D(o2), [t2] = useState(() => {
     var i2;
     return s$4.isServer ? null : (i2 = u2 == null ? void 0 : u2.createElement("div")) != null ? i2 : null;
   }), s2 = useContext(y), b = l$1();
-  return n$2(() => {
+  return n$3(() => {
     !a3 || !t2 || a3.contains(t2) || (t2.setAttribute("data-headlessui-portal", ""), a3.appendChild(t2));
-  }, [a3, t2]), n$2(() => {
+  }, [a3, t2]), n$3(() => {
     if (t2 && s2) return s2.register(t2);
   }, [s2, t2]), c(() => {
     var i2;
     !a3 || !t2 || (t2 instanceof Node && a3.contains(t2) && a3.removeChild(t2), a3.childNodes.length <= 0 && ((i2 = a3.parentElement) == null || i2.removeChild(a3)));
-  }), b ? !a3 || !t2 ? null : createPortal(H({ ourProps: { ref: n$12 }, theirProps: e2, slot: {}, defaultTag: M, name: "Portal" }), t2) : null;
+  }), b ? !a3 || !t2 ? null : createPortal(H({ ourProps: { ref: n2 }, theirProps: e2, slot: {}, defaultTag: M, name: "Portal" }), t2) : null;
 });
 function S(p2, r2) {
   let l2 = y$3(r2), { enabled: e2 = true, ...o2 } = p2;
@@ -3496,7 +3585,7 @@ function Io(o2) {
     var a3;
     return (a3 = r2.optionsRef.current) != null ? a3 : null;
   }, overscan: 12 }), [f2, s2] = useState(0);
-  n$2(() => {
+  n$3(() => {
     s2((a3) => a3 + 1);
   }, [e2]);
   let u2 = d2.getVirtualItems();
@@ -3521,12 +3610,12 @@ function oe(o2) {
   return r2;
 }
 function Eo(o2, r2) {
-  return u$5(r2.type, Ao, o2, r2);
+  return u$6(r2.type, Ao, o2, r2);
 }
 let _o = Fragment;
 function ho(o2, r2) {
   var ge, ve$1;
-  let e2 = a$5(), { value: t2, defaultValue: c2, onChange: d2, form: f2, name: s2, by: u2, disabled: a3 = e2 || false, onClose: n2, __demoMode: T2 = false, multiple: C = false, immediate: _2 = false, virtual: p2 = null, nullable: L2, ...M2 } = o2, F2 = l$3(c2), [v2 = C ? [] : void 0, y2] = T$1(t2, d2, F2), [A2, R] = useReducer(Eo, { dataRef: createRef(), comboboxState: T2 ? 0 : 1, isTyping: false, options: [], virtual: p2 ? { options: p2.options, disabled: (ge = p2.disabled) != null ? ge : () => false } : null, activeOptionIndex: null, activationTrigger: 2, __demoMode: T2 }), h2 = useRef(false), O = useRef({ static: false, hold: false }), G2 = useRef(null), J2 = useRef(null), Q = useRef(null), I2 = u$4(u2), B = o$2((b) => p2 ? u2 === null ? p2.options.indexOf(b) : p2.options.findIndex((g2) => I2(g2, b)) : A2.options.findIndex((g2) => I2(g2.dataRef.current.value, b))), k = useCallback((b) => u$5(i2.mode, { [1]: () => v2.some((g2) => I2(g2, b)), [0]: () => I2(v2, b) }), [v2]), K2 = o$2((b) => A2.activeOptionIndex === B(b)), i2 = useMemo(() => ({ ...A2, immediate: _2, optionsPropsRef: O, inputRef: G2, buttonRef: J2, optionsRef: Q, value: v2, defaultValue: F2, disabled: a3, mode: C ? 1 : 0, virtual: p2 ? A2.virtual : null, get activeOptionIndex() {
+  let e2 = a$5(), { value: t2, defaultValue: c2, onChange: d2, form: f2, name: s2, by: u2, disabled: a3 = e2 || false, onClose: n2, __demoMode: T2 = false, multiple: C = false, immediate: _2 = false, virtual: p2 = null, nullable: L2, ...M2 } = o2, F2 = l$4(c2), [v2 = C ? [] : void 0, y2] = T$2(t2, d2, F2), [A2, R2] = useReducer(Eo, { dataRef: createRef(), comboboxState: T2 ? 0 : 1, isTyping: false, options: [], virtual: p2 ? { options: p2.options, disabled: (ge = p2.disabled) != null ? ge : () => false } : null, activeOptionIndex: null, activationTrigger: 2, __demoMode: T2 }), h2 = useRef(false), O = useRef({ static: false, hold: false }), G2 = useRef(null), J2 = useRef(null), Q = useRef(null), I2 = u$5(u2), B = o$2((b) => p2 ? u2 === null ? p2.options.indexOf(b) : p2.options.findIndex((g2) => I2(g2, b)) : A2.options.findIndex((g2) => I2(g2.dataRef.current.value, b))), k = useCallback((b) => u$6(i$12.mode, { [1]: () => v2.some((g2) => I2(g2, b)), [0]: () => I2(v2, b) }), [v2]), K2 = o$2((b) => A2.activeOptionIndex === B(b)), i$12 = useMemo(() => ({ ...A2, immediate: _2, optionsPropsRef: O, inputRef: G2, buttonRef: J2, optionsRef: Q, value: v2, defaultValue: F2, disabled: a3, mode: C ? 1 : 0, virtual: p2 ? A2.virtual : null, get activeOptionIndex() {
     if (h2.current && A2.activeOptionIndex === null && (p2 ? p2.options.length > 0 : A2.options.length > 0)) {
       if (p2) {
         let g2 = p2.options.findIndex((j2) => {
@@ -3540,50 +3629,50 @@ function ho(o2, r2) {
     }
     return A2.activeOptionIndex;
   }, calculateIndex: B, compare: I2, isSelected: k, isActive: K2 }), [v2, F2, a3, C, T2, A2, p2]);
-  n$2(() => {
+  n$3(() => {
     var b;
-    p2 && R({ type: 7, options: p2.options, disabled: (b = p2.disabled) != null ? b : null });
-  }, [p2, p2 == null ? void 0 : p2.options, p2 == null ? void 0 : p2.disabled]), n$2(() => {
-    A2.dataRef.current = i2;
-  }, [i2]);
-  let N2 = i2.comboboxState === 0;
-  F$1(N2, [i2.buttonRef, i2.inputRef, i2.optionsRef], () => x2.closeCombobox());
+    p2 && R2({ type: 7, options: p2.options, disabled: (b = p2.disabled) != null ? b : null });
+  }, [p2, p2 == null ? void 0 : p2.options, p2 == null ? void 0 : p2.disabled]), n$3(() => {
+    A2.dataRef.current = i$12;
+  }, [i$12]);
+  let N2 = i$12.comboboxState === 0;
+  F$2(N2, [i$12.buttonRef, i$12.inputRef, i$12.optionsRef], () => x2.closeCombobox());
   let q2 = useMemo(() => {
     var b, g2, j2;
-    return { open: i2.comboboxState === 0, disabled: a3, activeIndex: i2.activeOptionIndex, activeOption: i2.activeOptionIndex === null ? null : i2.virtual ? i2.virtual.options[(b = i2.activeOptionIndex) != null ? b : 0] : (j2 = (g2 = i2.options[i2.activeOptionIndex]) == null ? void 0 : g2.dataRef.current.value) != null ? j2 : null, value: v2 };
-  }, [i2, a3, v2]), Y = o$2(() => {
-    if (i2.activeOptionIndex !== null) {
-      if (x2.setIsTyping(false), i2.virtual) S2(i2.virtual.options[i2.activeOptionIndex]);
+    return { open: i$12.comboboxState === 0, disabled: a3, activeIndex: i$12.activeOptionIndex, activeOption: i$12.activeOptionIndex === null ? null : i$12.virtual ? i$12.virtual.options[(b = i$12.activeOptionIndex) != null ? b : 0] : (j2 = (g2 = i$12.options[i$12.activeOptionIndex]) == null ? void 0 : g2.dataRef.current.value) != null ? j2 : null, value: v2 };
+  }, [i$12, a3, v2]), Y = o$2(() => {
+    if (i$12.activeOptionIndex !== null) {
+      if (x2.setIsTyping(false), i$12.virtual) S2(i$12.virtual.options[i$12.activeOptionIndex]);
       else {
-        let { dataRef: b } = i2.options[i2.activeOptionIndex];
+        let { dataRef: b } = i$12.options[i$12.activeOptionIndex];
         S2(b.current.value);
       }
-      x2.goToOption(c$1.Specific, i2.activeOptionIndex);
+      x2.goToOption(c$1.Specific, i$12.activeOptionIndex);
     }
   }), E2 = o$2(() => {
-    R({ type: 0 }), h2.current = true;
+    R2({ type: 0 }), h2.current = true;
   }), ae = o$2(() => {
-    R({ type: 1 }), h2.current = false, n2 == null || n2();
+    R2({ type: 1 }), h2.current = false, n2 == null || n2();
   }), le = o$2((b) => {
-    R({ type: 3, isTyping: b });
-  }), l2 = o$2((b, g2, j2) => (h2.current = false, b === c$1.Specific ? R({ type: 2, focus: c$1.Specific, idx: g2, trigger: j2 }) : R({ type: 2, focus: b, trigger: j2 }))), U = o$2((b, g2) => (R({ type: 4, payload: { id: b, dataRef: g2 } }), () => {
-    i2.isActive(g2.current.value) && (h2.current = true), R({ type: 5, id: b });
-  })), S2 = o$2((b) => u$5(i2.mode, { [0]() {
+    R2({ type: 3, isTyping: b });
+  }), l2 = o$2((b, g2, j2) => (h2.current = false, b === c$1.Specific ? R2({ type: 2, focus: c$1.Specific, idx: g2, trigger: j2 }) : R2({ type: 2, focus: b, trigger: j2 }))), U = o$2((b, g2) => (R2({ type: 4, payload: { id: b, dataRef: g2 } }), () => {
+    i$12.isActive(g2.current.value) && (h2.current = true), R2({ type: 5, id: b });
+  })), S2 = o$2((b) => u$6(i$12.mode, { [0]() {
     return y2 == null ? void 0 : y2(b);
   }, [1]() {
-    let g2 = i2.value.slice(), j2 = g2.findIndex((ue) => I2(ue, b));
+    let g2 = i$12.value.slice(), j2 = g2.findIndex((ue) => I2(ue, b));
     return j2 === -1 ? g2.push(b) : g2.splice(j2, 1), y2 == null ? void 0 : y2(g2);
   } })), H$1 = o$2((b) => {
-    R({ type: 6, trigger: b });
+    R2({ type: 6, trigger: b });
   }), x2 = useMemo(() => ({ onChange: S2, registerOption: U, goToOption: l2, setIsTyping: le, closeCombobox: ae, openCombobox: E2, setActivationTrigger: H$1, selectActiveOption: Y }), []), [w2, W2] = z(), we = r2 === null ? {} : { ref: r2 }, Be = useCallback(() => {
     if (F2 !== void 0) return y2 == null ? void 0 : y2(F2);
   }, [y2, F2]);
-  return React__default.createElement(W2, { value: w2, props: { htmlFor: (ve$1 = i2.inputRef.current) == null ? void 0 : ve$1.id }, slot: { open: i2.comboboxState === 0, disabled: a3 } }, React__default.createElement(ve, null, React__default.createElement(xe.Provider, { value: x2 }, React__default.createElement(ie.Provider, { value: i2 }, React__default.createElement(c$2, { value: u$5(i2.comboboxState, { [0]: i$2.Open, [1]: i$2.Closed }) }, s2 != null && React__default.createElement(j$1, { disabled: a3, data: v2 != null ? { [s2]: v2 } : {}, form: f2, onReset: Be }), H({ ourProps: we, theirProps: M2, slot: q2, defaultTag: _o, name: "Combobox" }))))));
+  return React__default.createElement(W2, { value: w2, props: { htmlFor: (ve$1 = i$12.inputRef.current) == null ? void 0 : ve$1.id }, slot: { open: i$12.comboboxState === 0, disabled: a3 } }, React__default.createElement(ve, null, React__default.createElement(xe.Provider, { value: x2 }, React__default.createElement(ie.Provider, { value: i$12 }, React__default.createElement(c$2, { value: u$6(i$12.comboboxState, { [0]: i.Open, [1]: i.Closed }) }, s2 != null && React__default.createElement(j$1, { disabled: a3, data: v2 != null ? { [s2]: v2 } : {}, form: f2, onReset: Be }), H({ ourProps: we, theirProps: M2, slot: q2, defaultTag: _o, name: "Combobox" }))))));
 }
 let Do = "input";
 function Mo(o2, r$12) {
   var q2, Y, E2, ae, le;
-  let e2 = oe("Combobox.Input"), t2 = re("Combobox.Input"), c2 = useId$1(), d2 = u$6(), { id: f2 = d2 || `headlessui-combobox-input-${c2}`, onChange: s2, displayValue: u2, disabled: a3 = e2.disabled || false, autoFocus: n$12 = false, type: T2 = "text", ...C } = o2, _2 = y$3(e2.inputRef, r$12, ye()), p2 = n(e2.inputRef), L2 = p$1(), M2 = o$2(() => {
+  let e2 = oe("Combobox.Input"), t2 = re("Combobox.Input"), c2 = useId$1(), d2 = u$7(), { id: f2 = d2 || `headlessui-combobox-input-${c2}`, onChange: s2, displayValue: u2, disabled: a3 = e2.disabled || false, autoFocus: n2 = false, type: T2 = "text", ...C } = o2, _2 = y$3(e2.inputRef, r$12, ye()), p2 = n$1(e2.inputRef), L2 = p$1(), M2 = o$2(() => {
     t2.onChange(null), e2.optionsRef.current && (e2.optionsRef.current.scrollTop = 0), t2.goToOption(c$1.Nothing);
   }), F2 = useMemo(() => {
     var l2;
@@ -3612,7 +3701,7 @@ function Mo(o2, r$12) {
     L2.nextFrame(() => {
       v2.current = false;
     });
-  }), R = o$2((l2) => {
+  }), R2 = o$2((l2) => {
     switch (t2.setIsTyping(true), l2.key) {
       case o$3.Enter:
         if (e2.comboboxState !== 0 || v2.current) return;
@@ -3623,9 +3712,9 @@ function Mo(o2, r$12) {
         t2.selectActiveOption(), e2.mode === 0 && t2.closeCombobox();
         break;
       case o$3.ArrowDown:
-        return l2.preventDefault(), l2.stopPropagation(), u$5(e2.comboboxState, { [0]: () => t2.goToOption(c$1.Next), [1]: () => t2.openCombobox() });
+        return l2.preventDefault(), l2.stopPropagation(), u$6(e2.comboboxState, { [0]: () => t2.goToOption(c$1.Next), [1]: () => t2.openCombobox() });
       case o$3.ArrowUp:
-        return l2.preventDefault(), l2.stopPropagation(), u$5(e2.comboboxState, { [0]: () => t2.goToOption(c$1.Previous), [1]: () => {
+        return l2.preventDefault(), l2.stopPropagation(), u$6(e2.comboboxState, { [0]: () => t2.goToOption(c$1.Previous), [1]: () => {
           flushSync(() => t2.openCombobox()), e2.value || t2.goToOption(c$1.Last);
         } });
       case o$3.Home:
@@ -3657,13 +3746,13 @@ function Mo(o2, r$12) {
     (H2 = e2.buttonRef.current) != null && H2.contains(U) || (x2 = e2.optionsRef.current) != null && x2.contains(U) || e2.disabled || e2.immediate && e2.comboboxState !== 0 && L2.microTask(() => {
       flushSync(() => t2.openCombobox()), t2.setActivationTrigger(1);
     });
-  }), J2 = I$1(), Q = G(), { isFocused: I2, focusProps: B } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n$12 }), { isHovered: k, hoverProps: K2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a3 }), i2 = useMemo(() => ({ open: e2.comboboxState === 0, disabled: a3, hover: k, focus: I2, autofocus: n$12 }), [e2, k, I2, n$12, a3]), N2 = D$2({ ref: _2, id: f2, role: "combobox", type: T2, "aria-controls": (q2 = e2.optionsRef.current) == null ? void 0 : q2.id, "aria-expanded": e2.comboboxState === 0, "aria-activedescendant": e2.activeOptionIndex === null ? void 0 : e2.virtual ? (Y = e2.options.find((l2) => !l2.dataRef.current.disabled && e2.compare(l2.dataRef.current.value, e2.virtual.options[e2.activeOptionIndex]))) == null ? void 0 : Y.id : (E2 = e2.options[e2.activeOptionIndex]) == null ? void 0 : E2.id, "aria-labelledby": J2, "aria-describedby": Q, "aria-autocomplete": "list", defaultValue: (le = (ae = o2.defaultValue) != null ? ae : e2.defaultValue !== void 0 ? u2 == null ? void 0 : u2(e2.defaultValue) : null) != null ? le : e2.defaultValue, disabled: a3 || void 0, autoFocus: n$12, onCompositionStart: y2, onCompositionEnd: A2, onKeyDown: R, onChange: h2, onFocus: G$1, onBlur: O }, B, K2);
+  }), J2 = I$1(), Q = G(), { isFocused: I2, focusProps: B } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n2 }), { isHovered: k, hoverProps: K2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a3 }), i2 = useMemo(() => ({ open: e2.comboboxState === 0, disabled: a3, hover: k, focus: I2, autofocus: n2 }), [e2, k, I2, n2, a3]), N2 = D$3({ ref: _2, id: f2, role: "combobox", type: T2, "aria-controls": (q2 = e2.optionsRef.current) == null ? void 0 : q2.id, "aria-expanded": e2.comboboxState === 0, "aria-activedescendant": e2.activeOptionIndex === null ? void 0 : e2.virtual ? (Y = e2.options.find((l2) => !l2.dataRef.current.disabled && e2.compare(l2.dataRef.current.value, e2.virtual.options[e2.activeOptionIndex]))) == null ? void 0 : Y.id : (E2 = e2.options[e2.activeOptionIndex]) == null ? void 0 : E2.id, "aria-labelledby": J2, "aria-describedby": Q, "aria-autocomplete": "list", defaultValue: (le = (ae = o2.defaultValue) != null ? ae : e2.defaultValue !== void 0 ? u2 == null ? void 0 : u2(e2.defaultValue) : null) != null ? le : e2.defaultValue, disabled: a3 || void 0, autoFocus: n2, onCompositionStart: y2, onCompositionEnd: A2, onKeyDown: R2, onChange: h2, onFocus: G$1, onBlur: O }, B, K2);
   return H({ ourProps: N2, theirProps: C, slot: i2, defaultTag: Do, name: "Combobox.Input" });
 }
 let Fo = "button";
 function Vo(o2, r2) {
   var h2;
-  let e2 = oe("Combobox.Button"), t2 = re("Combobox.Button"), c2 = y$3(e2.buttonRef, r2), d2 = useId$1(), { id: f2 = `headlessui-combobox-button-${d2}`, disabled: s2 = e2.disabled || false, autoFocus: u2 = false, ...a3 } = o2, n2 = f$3(e2.inputRef), T2 = o$2((O) => {
+  let e2 = oe("Combobox.Button"), t2 = re("Combobox.Button"), c2 = y$3(e2.buttonRef, r2), d2 = useId$1(), { id: f2 = `headlessui-combobox-button-${d2}`, disabled: s2 = e2.disabled || false, autoFocus: u2 = false, ...a3 } = o2, n2 = f$3(e2.inputRef), T$12 = o$2((O) => {
     switch (O.key) {
       case o$3.Space:
       case o$3.Enter:
@@ -3684,39 +3773,39 @@ function Vo(o2, r2) {
     }
   }), C = o$2((O) => {
     O.preventDefault(), !r$2(O.currentTarget) && (O.button === g.Left && (e2.comboboxState === 0 ? t2.closeCombobox() : t2.openCombobox()), n2());
-  }), _2 = I$1([f2]), { isFocusVisible: p2, focusProps: L2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: u2 }), { isHovered: M2, hoverProps: F2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: s2 }), { pressed: v2, pressProps: y2 } = w({ disabled: s2 }), A2 = useMemo(() => ({ open: e2.comboboxState === 0, active: v2 || e2.comboboxState === 0, disabled: s2, value: e2.value, hover: M2, focus: p2 }), [e2, M2, p2, v2, s2]), R = D$2({ ref: c2, id: f2, type: T$2(o2, e2.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (h2 = e2.optionsRef.current) == null ? void 0 : h2.id, "aria-expanded": e2.comboboxState === 0, "aria-labelledby": _2, disabled: s2 || void 0, autoFocus: u2, onMouseDown: C, onKeyDown: T2 }, L2, F2, y2);
-  return H({ ourProps: R, theirProps: a3, slot: A2, defaultTag: Fo, name: "Combobox.Button" });
+  }), _2 = I$1([f2]), { isFocusVisible: p2, focusProps: L2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: u2 }), { isHovered: M2, hoverProps: F2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: s2 }), { pressed: v2, pressProps: y2 } = w({ disabled: s2 }), A2 = useMemo(() => ({ open: e2.comboboxState === 0, active: v2 || e2.comboboxState === 0, disabled: s2, value: e2.value, hover: M2, focus: p2 }), [e2, M2, p2, v2, s2]), R2 = D$3({ ref: c2, id: f2, type: T(o2, e2.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (h2 = e2.optionsRef.current) == null ? void 0 : h2.id, "aria-expanded": e2.comboboxState === 0, "aria-labelledby": _2, disabled: s2 || void 0, autoFocus: u2, onMouseDown: C, onKeyDown: T$12 }, L2, F2, y2);
+  return H({ ourProps: R2, theirProps: a3, slot: A2, defaultTag: Fo, name: "Combobox.Button" });
 }
-let Lo = "div", wo = M$1.RenderStrategy | M$1.Static;
+let Lo = "div", wo = M$2.RenderStrategy | M$2.Static;
 function Bo(o2, r2) {
   var N2, q2, Y;
-  let e2 = useId$1(), { id: t2 = `headlessui-combobox-options-${e2}`, hold: c2 = false, anchor: d2, portal: f2 = false, modal: s2 = true, transition: u2 = false, ...a3 } = o2, n$12 = oe("Combobox.Options"), T2 = re("Combobox.Options"), C = xe$1(d2);
+  let e2 = useId$1(), { id: t2 = `headlessui-combobox-options-${e2}`, hold: c2 = false, anchor: d2, portal: f2 = false, modal: s2 = true, transition: u2 = false, ...a3 } = o2, n2 = oe("Combobox.Options"), T2 = re("Combobox.Options"), C = xe$1(d2);
   C && (f2 = true);
-  let [_2, p2] = Re(C), L2 = be(), M2 = y$3(n$12.optionsRef, r2, C ? _2 : null), F$12 = n(n$12.optionsRef), v2 = u$7(), [y2, A2] = V(u2, n$12.optionsRef, v2 !== null ? (v2 & i$2.Open) === i$2.Open : n$12.comboboxState === 0);
-  m$2(y2, n$12.inputRef, T2.closeCombobox);
-  let R = n$12.__demoMode ? false : s2 && n$12.comboboxState === 0;
-  f$2(R, F$12);
-  let h2 = n$12.__demoMode ? false : s2 && n$12.comboboxState === 0;
-  y$2(h2, { allowed: o$2(() => [n$12.inputRef.current, n$12.buttonRef.current, n$12.optionsRef.current]) }), n$2(() => {
+  let [_2, p2] = Re(C), L2 = be(), M2 = y$3(n2.optionsRef, r2, C ? _2 : null), F$12 = n$1(n2.optionsRef), v2 = u$1(), [y2, A$12] = V(u2, n2.optionsRef, v2 !== null ? (v2 & i.Open) === i.Open : n2.comboboxState === 0);
+  m$2(y2, n2.inputRef, T2.closeCombobox);
+  let R2 = n2.__demoMode ? false : s2 && n2.comboboxState === 0;
+  f$2(R2, F$12);
+  let h2 = n2.__demoMode ? false : s2 && n2.comboboxState === 0;
+  y$2(h2, { allowed: o$2(() => [n2.inputRef.current, n2.buttonRef.current, n2.optionsRef.current]) }), n$3(() => {
     var E2;
-    n$12.optionsPropsRef.current.static = (E2 = o2.static) != null ? E2 : false;
-  }, [n$12.optionsPropsRef, o2.static]), n$2(() => {
-    n$12.optionsPropsRef.current.hold = c2;
-  }, [n$12.optionsPropsRef, c2]), F(n$12.comboboxState === 0, { container: n$12.optionsRef.current, accept(E2) {
+    n2.optionsPropsRef.current.static = (E2 = o2.static) != null ? E2 : false;
+  }, [n2.optionsPropsRef, o2.static]), n$3(() => {
+    n2.optionsPropsRef.current.hold = c2;
+  }, [n2.optionsPropsRef, c2]), F(n2.comboboxState === 0, { container: n2.optionsRef.current, accept(E2) {
     return E2.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : E2.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(E2) {
     E2.setAttribute("role", "none");
   } });
-  let O = I$1([(N2 = n$12.buttonRef.current) == null ? void 0 : N2.id]), G2 = useMemo(() => ({ open: n$12.comboboxState === 0, option: void 0 }), [n$12.comboboxState]), J2 = o$2(() => {
+  let O = I$1([(N2 = n2.buttonRef.current) == null ? void 0 : N2.id]), G2 = useMemo(() => ({ open: n2.comboboxState === 0, option: void 0 }), [n2.comboboxState]), J2 = o$2(() => {
     T2.setActivationTrigger(0);
   }), Q = o$2((E2) => {
     E2.preventDefault(), T2.setActivationTrigger(0);
-  }), I2 = D$2(C ? L2() : {}, { "aria-labelledby": O, role: "listbox", "aria-multiselectable": n$12.mode === 1 ? true : void 0, id: t2, ref: M2, style: { ...a3.style, ...p2, "--input-width": f$5(n$12.inputRef, true).width, "--button-width": f$5(n$12.buttonRef, true).width }, onWheel: n$12.activationTrigger === 0 ? void 0 : J2, onMouseDown: Q, ...A$1(A2) }), B = y2 && n$12.comboboxState === 1, k = l$2(B, (q2 = n$12.virtual) == null ? void 0 : q2.options), K2 = l$2(B, n$12.value), i2 = o$2((E2) => n$12.compare(K2, E2));
-  if (n$12.virtual) {
+  }), I2 = D$3(C ? L2() : {}, { "aria-labelledby": O, role: "listbox", "aria-multiselectable": n2.mode === 1 ? true : void 0, id: t2, ref: M2, style: { ...a3.style, ...p2, "--input-width": f$5(n2.inputRef, true).width, "--button-width": f$5(n2.buttonRef, true).width }, onWheel: n2.activationTrigger === 0 ? void 0 : J2, onMouseDown: Q, ...A(A$12) }), B = y2 && n2.comboboxState === 1, k = l$2(B, (q2 = n2.virtual) == null ? void 0 : q2.options), K2 = l$2(B, n2.value), i$12 = o$2((E2) => n2.compare(K2, E2));
+  if (n2.virtual) {
     if (k === void 0) throw new Error("Missing `options` in virtual mode");
-    Object.assign(a3, { children: React__default.createElement(ie.Provider, { value: k !== n$12.virtual.options ? { ...n$12, virtual: { ...n$12.virtual, options: k } } : n$12 }, React__default.createElement(Io, { slot: G2 }, a3.children)) });
+    Object.assign(a3, { children: React__default.createElement(ie.Provider, { value: k !== n2.virtual.options ? { ...n2, virtual: { ...n2.virtual, options: k } } : n2 }, React__default.createElement(Io, { slot: G2 }, a3.children)) });
   }
-  return React__default.createElement(te, { enabled: f2 ? o2.static || y2 : false }, React__default.createElement(ie.Provider, { value: n$12.mode === 1 ? n$12 : { ...n$12, isSelected: i2 } }, H({ ourProps: I2, theirProps: { ...a3, children: React__default.createElement(f$1, { freeze: B }, typeof a3.children == "function" ? (Y = a3.children) == null ? void 0 : Y.call(a3, G2) : a3.children) }, slot: G2, defaultTag: Lo, features: wo, visible: y2, name: "Combobox.Options" })));
+  return React__default.createElement(te, { enabled: f2 ? o2.static || y2 : false }, React__default.createElement(ie.Provider, { value: n2.mode === 1 ? n2 : { ...n2, isSelected: i$12 } }, H({ ourProps: I2, theirProps: { ...a3, children: React__default.createElement(f$1, { freeze: B }, typeof a3.children == "function" ? (Y = a3.children) == null ? void 0 : Y.call(a3, G2) : a3.children) }, slot: G2, defaultTag: Lo, features: wo, visible: y2, name: "Combobox.Options" })));
 }
 let ko = "div";
 function No(o2, r2) {
@@ -3724,30 +3813,30 @@ function No(o2, r2) {
   let e2 = oe("Combobox.Option"), t2 = re("Combobox.Option"), c2 = useId$1(), { id: d2 = `headlessui-combobox-option-${c2}`, value: f2, disabled: s2 = (k = (B = (I2 = e2.virtual) == null ? void 0 : I2.disabled) == null ? void 0 : B.call(I2, f2)) != null ? k : false, order: u2 = null, ...a3 } = o2, n2 = f$3(e2.inputRef), T2 = e2.virtual ? e2.activeOptionIndex === e2.calculateIndex(f2) : e2.activeOptionIndex === null ? false : ((K2 = e2.options[e2.activeOptionIndex]) == null ? void 0 : K2.id) === d2, C = e2.isSelected(f2), _2 = useRef(null), p2 = s$3({ disabled: s2, value: f2, domRef: _2, order: u2 }), L2 = useContext(Le), M2 = y$3(r2, _2, L2 ? L2.measureElement : null), F2 = o$2(() => {
     t2.setIsTyping(false), t2.onChange(f2);
   });
-  n$2(() => t2.registerOption(d2, p2), [p2, d2]);
+  n$3(() => t2.registerOption(d2, p2), [p2, d2]);
   let v2 = useRef(!(e2.virtual || e2.__demoMode));
-  n$2(() => {
+  n$3(() => {
     if (!e2.virtual && !e2.__demoMode) return o$1().requestAnimationFrame(() => {
       v2.current = true;
     });
-  }, [e2.virtual, e2.__demoMode]), n$2(() => {
+  }, [e2.virtual, e2.__demoMode]), n$3(() => {
     if (v2.current && e2.comboboxState === 0 && T2 && e2.activationTrigger !== 0) return o$1().requestAnimationFrame(() => {
       var i2, N2;
       (N2 = (i2 = _2.current) == null ? void 0 : i2.scrollIntoView) == null || N2.call(i2, { block: "nearest" });
     });
   }, [_2, T2, e2.comboboxState, e2.activationTrigger, e2.activeOptionIndex]);
   let y2 = o$2((i2) => {
-    i2.preventDefault(), i2.button === g.Left && (s2 || (F2(), n$1() || requestAnimationFrame(() => n2()), e2.mode === 0 && t2.closeCombobox()));
+    i2.preventDefault(), i2.button === g.Left && (s2 || (F2(), n$2() || requestAnimationFrame(() => n2()), e2.mode === 0 && t2.closeCombobox()));
   }), A2 = o$2(() => {
     if (s2) return t2.goToOption(c$1.Nothing);
     let i2 = e2.calculateIndex(f2);
     t2.goToOption(c$1.Specific, i2);
-  }), R = u$1(), h2 = o$2((i2) => R.update(i2)), O = o$2((i2) => {
-    if (!R.wasMoved(i2) || s2 || T2) return;
+  }), R2 = u$2(), h2 = o$2((i2) => R2.update(i2)), O = o$2((i2) => {
+    if (!R2.wasMoved(i2) || s2 || T2) return;
     let N2 = e2.calculateIndex(f2);
     t2.goToOption(c$1.Specific, N2, 0);
   }), G2 = o$2((i2) => {
-    R.wasMoved(i2) && (s2 || T2 && (e2.optionsPropsRef.current.hold || t2.goToOption(c$1.Nothing)));
+    R2.wasMoved(i2) && (s2 || T2 && (e2.optionsPropsRef.current.hold || t2.goToOption(c$1.Nothing)));
   }), J2 = useMemo(() => ({ active: T2, focus: T2, selected: C, disabled: s2 }), [T2, C, s2]);
   return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
 }

package/dist/components/Switch/Switch.js

@@ -2,10 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import React__default, { useId, useState, useMemo, useCallback, forwardRef, useEffect } from "react";
 import { Icon } from "../../icons/Icon.js";
-import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H, c as o$1 } from "../../keyboard-B256ZoM-.js";
-import { w } from "../../use-active-press-B6yeSopF.js";
-import { u, a, l, T, I, G, j, p as p$1 } from "../../label-C_5Syaoj.js";
-import { r } from "../../bugs-CSBdWk0R.js";
+import { W, d as u, b as a, l, T, I, G, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, c as $6179b936705e76d3$export$ae780daf29e6d456, D, j, H, r, e as o$1, f as p$1 } from "../../label-BXAcSLy0.js";
+import { w } from "../../use-active-press-9MCrfRZk.js";
 import '../../assets/Switch.css';let se = "span";
 function ie(T$1, h) {
   let C = useId(), k = u(), x = a(), { id: g = k || `headlessui-checkbox-${C}`, disabled: e = x || false, autoFocus: s = false, checked: E, defaultChecked: v, onChange: P, name: d, value: D$1, form: R, indeterminate: n = false, ...A } = T$1, r$1 = l(v), [a$1, t] = T(E, P, r$1 != null ? r$1 : false), F = I(), K = G(), _ = p(), [p$2, c] = useState(false), u$1 = o(() => {