@altinn/altinn-components 0.56.20 → 0.56.22

package/dist/textfield-CNXt-27J.js

@@ -0,0 +1,3403 @@
+"use client";
+import * as p from "react";
+import Ot, { forwardRef as V, useState as Ce, useRef as ge, useEffect as de, createContext as Pe, useContext as oe, useMemo as Le, useLayoutEffect as zn, useReducer as _r, useId as ze, isValidElement as Vn, memo as Lr, useCallback as zr, Children as dn, version as Vr } from "react";
+import { jsx as y, jsxs as le, Fragment as Ht } from "react/jsx-runtime";
+import { c as X } from "./lite-1fxw3LjI.js";
+import { S as se, a as Br } from "./index-D7FJjvrv.js";
+import * as Bn from "react-dom";
+import { flushSync as $n } from "react-dom";
+import { S as $r, B as Ge, u as Kr } from "./button-BB5sYVKY.js";
+import { V as Ut, u as Xt, F as Vt, a as jr, b as Wr, c as fn } from "./index-z82sbSVU.js";
+import { P as Bt } from "./paragraph-BRiIBpbY.js";
+import { I as vt } from "./input-wBv_FkEV.js";
+import { S as qr } from "./XMark-tKk6aExO.js";
+import { S as Hr, a as Ur } from "./ChevronUp-_BBfEirx.js";
+import { L as Ne } from "./label-xTmTyPhk.js";
+import { u as Xr } from "./useId-BVFxCjkq.js";
+import { S as Gr } from "./Checkmark-Byz_C9x4.js";
+import { f as Kn, b as Yr, o as jn, c as Wn, g as Tt, a as qn, s as Zr } from "./floating-ui.dom-bEgaHJCq.js";
+import { u as Ve } from "./use-merge-refs-Cj4kTYVj.js";
+import { T as Jr } from "./textarea-BBstVlPT.js";
+var Qr = function(e, n) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
+      n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (t[r[o]] = e[r[o]]);
+  return t;
+};
+const eo = V((e, n) => {
+  var { title: t, titleId: r } = e, o = Qr(e, ["title", "titleId"]);
+  let s = Xr();
+  return s = t ? r || "title-" + s : void 0, Ot.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": s }, o),
+    t ? Ot.createElement("title", { id: s }, t) : null,
+    Ot.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .414.336.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25m3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25zM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13", clipRule: "evenodd" })
+  );
+}), We = (e, n) => {
+  const t = {}, r = {};
+  let o = 0;
+  const s = e.length;
+  for (; o < s; )
+    r[e[o]] = 1, o += 1;
+  for (const i in n)
+    Object.hasOwn(r, i) || (t[i] = n[i]);
+  return t;
+}, Hn = Pe({
+  elements: { current: /* @__PURE__ */ new Map() },
+  getOrderedItems: () => [],
+  setFocusableValue: () => {
+  },
+  onShiftTab: () => {
+  },
+  focusableValue: null,
+  orientation: "horizontal"
+}), to = V(({ activeValue: e, asChild: n, orientation: t = "horizontal", onBlur: r, onFocus: o, ...s }, i) => {
+  const a = n ? se : "div", l = e ?? null, [c, f] = Ce(l), [d, h] = Ce(!1), u = ge(/* @__PURE__ */ new Map()), m = ge(null), g = Ve([i, m]), E = () => {
+    if (!m.current)
+      return [];
+    const x = Array.from(m.current.querySelectorAll("[data-roving-tabindex-item]"));
+    return Array.from(u.current).sort((v, b) => x.indexOf(v[1]) - x.indexOf(b[1])).map(([v, b]) => ({ value: v, element: b }));
+  };
+  return de(() => {
+    f(l);
+  }, [l]), y(Hn.Provider, { value: {
+    elements: u,
+    getOrderedItems: E,
+    focusableValue: c,
+    setFocusableValue: f,
+    onShiftTab: () => {
+      h(!0);
+    },
+    orientation: t
+  }, children: y(a, { ...s, tabIndex: d ? -1 : 0, onBlur: (x) => {
+    r?.(x), h(!1), f(e ?? null);
+  }, onFocus: (x) => {
+    if (o?.(x), x.target !== x.currentTarget)
+      return;
+    const v = E();
+    v.length !== 0 && (c != null ? u.current.get(c)?.focus() : e != null ? u.current.get(e)?.focus() : v.at(0)?.element.focus());
+  }, ref: g }) });
+}), no = (e) => {
+  const { elements: n, getOrderedItems: t, setFocusableValue: r, focusableValue: o, onShiftTab: s, orientation: i } = oe(Hn);
+  return {
+    getOrderedItems: t,
+    isFocusable: o === e,
+    orientation: i,
+    getRovingProps: (a) => ({
+      ...a,
+      ref: (l) => {
+        l ? n.current.set(e, l) : n.current.delete(e);
+      },
+      onKeyDown: (l) => {
+        if (a?.onKeyDown?.(l), l.shiftKey && l.key === "Tab") {
+          s();
+          return;
+        }
+      },
+      onFocus: (l) => {
+        a?.onFocus?.(l), r(e);
+      },
+      "data-roving-tabindex-item": !0,
+      tabIndex: o === e ? 0 : -1
+    })
+  };
+};
+function kt(e, n) {
+  const t = e.findIndex((r) => r.value === n);
+  return e.at(t === e.length - 1 ? 0 : t + 1);
+}
+function Mt(e, n) {
+  const t = e.findIndex((r) => r.value === n);
+  return e.at(t === 0 ? -1 : t - 1);
+}
+const ro = V(({ value: e, asChild: n, ...t }, r) => {
+  const o = n ? se : "div", s = e ?? (typeof t.children == "string" ? t.children : ""), { getOrderedItems: i, getRovingProps: a, orientation: l } = no(s), c = a({
+    onKeyDown: (d) => {
+      t?.onKeyDown?.(d);
+      const h = i();
+      let u;
+      switch (l) {
+        case "horizontal":
+          d.key === "ArrowRight" && (u = kt(h, s)), d.key === "ArrowLeft" && (u = Mt(h, s));
+          break;
+        case "vertical":
+          d.key === "ArrowDown" && (u = kt(h, s)), d.key === "ArrowUp" && (u = Mt(h, s));
+          break;
+        case "ambiguous":
+          ["ArrowRight", "ArrowDown"].includes(d.key) && (u = kt(h, s)), ["ArrowLeft", "ArrowUp"].includes(d.key) && (u = Mt(h, s));
+      }
+      d.key === "Home" && (u = h[0]), d.key === "End" && (u = h[h.length - 1]), u && (d.preventDefault(), u.element.focus());
+    }
+  }), f = Ve([r, c.ref]);
+  return y(o, { ...t, ...c, ref: f, children: t.children });
+}), oo = (e, n, t) => {
+  const r = (t - 1) / 2, o = Math.max(1, Math.min(Math.max(e - Math.floor(r), 1), n - t + 1)), s = Math.min(Math.max(e + Math.ceil(r), t), n), i = Array.from({ length: s + 1 - o }, (a, l) => l + o);
+  return t > 4 && o > 1 && i.splice(0, 2, 1, 0), t > 3 && s < n && i.splice(-2, 2, 0, n), i;
+}, Mi = ({ currentPage: e = 1, setCurrentPage: n, onChange: t, totalPages: r = 1, showPages: o = 7 }) => Le(() => {
+  const s = e < r, i = e !== 1, a = (l) => (c) => {
+    if (l < 1 || l > r)
+      return c.preventDefault();
+    t?.(c, l), c.defaultPrevented || n?.(l);
+  };
+  return {
+    /** Number of steps */
+    pages: oo(e, r, o).map((l, c) => ({
+      /**
+       * Page number or "ellipsis" for the ellipsis item
+       */
+      page: l || "ellipsis",
+      /**
+       * Unique key for the item
+       */
+      itemKey: l ? `page-${l}` : `ellipsis-${c}`,
+      // React key utility
+      /**
+       * Properties to spread on Pagination.Button
+       */
+      buttonProps: l ? {
+        "aria-current": l === e ? "page" : void 0,
+        onClick: a(l),
+        variant: l === e ? "primary" : "tertiary"
+      } : null
+    })),
+    /** Properties to spread on Pagination.Button used for previous naviagation */
+    prevButtonProps: {
+      "aria-hidden": !i,
+      // Using aria-hidden to support all HTML elements because of potential asChild
+      onClick: a(e - 1),
+      variant: "tertiary"
+    },
+    /** Properties to spread on Pagination.Button used for next naviagation */
+    nextButtonProps: {
+      "aria-hidden": !s,
+      // Using aria-hidden to support all HTML elements because of potential asChild
+      onClick: a(e + 1),
+      variant: "tertiary"
+    },
+    /** Indication if previous page action should be shown or not */
+    hasPrev: i,
+    /** Indication if next page action should be shown or not */
+    hasNext: s
+  };
+}, [e, r, o]), so = V(function({ className: n, count: t, maxCount: r, variant: o = "base", ...s }, i) {
+  return y("span", { className: X("ds-badge", n), "data-count": t && r && t > r ? `${r}+` : t, "data-variant": o, ref: i, ...s });
+}), io = V(function({ className: n, overlap: t = "rectangle", placement: r = "top-right", ...o }, s) {
+  return y("span", { className: X("ds-badge--position", n), "data-overlap": t, "data-placement": r, ref: s, ...o });
+}), ao = Object.assign(so, { Position: io });
+ao.Position.displayName = "Badge.Position";
+const lo = V(({ asChild: e, className: n, ...t }, r) => y(e ? se : "a", { className: X("ds-link", n), ref: r, ...t }));
+lo.displayName = "Link";
+function yt() {
+  return typeof window < "u";
+}
+function xt(e) {
+  return Un(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function rt(e) {
+  var n;
+  return (e == null || (n = e.ownerDocument) == null ? void 0 : n.defaultView) || window;
+}
+function co(e) {
+  var n;
+  return (n = (Un(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+}
+function Un(e) {
+  return yt() ? e instanceof Node || e instanceof rt(e).Node : !1;
+}
+function be(e) {
+  return yt() ? e instanceof Element || e instanceof rt(e).Element : !1;
+}
+function Re(e) {
+  return yt() ? e instanceof HTMLElement || e instanceof rt(e).HTMLElement : !1;
+}
+function $t(e) {
+  return !yt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof rt(e).ShadowRoot;
+}
+function hn(e) {
+  return ["html", "body", "#document"].includes(xt(e));
+}
+function uo(e) {
+  return rt(e).getComputedStyle(e);
+}
+function fo(e) {
+  if (xt(e) === "html")
+    return e;
+  const n = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    $t(e) && e.host || // Fallback.
+    co(e)
+  );
+  return $t(n) ? n.host : n;
+}
+function Se(e) {
+  let n = e.activeElement;
+  for (; ((t = n) == null || (t = t.shadowRoot) == null ? void 0 : t.activeElement) != null; ) {
+    var t;
+    n = n.shadowRoot.activeElement;
+  }
+  return n;
+}
+function ce(e, n) {
+  if (!e || !n)
+    return !1;
+  const t = n.getRootNode == null ? void 0 : n.getRootNode();
+  if (e.contains(n))
+    return !0;
+  if (t && $t(t)) {
+    let r = n;
+    for (; r; ) {
+      if (e === r)
+        return !0;
+      r = r.parentNode || r.host;
+    }
+  }
+  return !1;
+}
+function Xn() {
+  const e = navigator.userAgentData;
+  return e != null && e.platform ? e.platform : navigator.platform;
+}
+function Gn() {
+  const e = navigator.userAgentData;
+  return e && Array.isArray(e.brands) ? e.brands.map((n) => {
+    let {
+      brand: t,
+      version: r
+    } = n;
+    return t + "/" + r;
+  }).join(" ") : navigator.userAgent;
+}
+function Yn(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : Kt() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function Zn(e) {
+  return mo() ? !1 : !Kt() && e.width === 0 && e.height === 0 || Kt() && e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+  e.width < 1 && e.height < 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "touch";
+}
+function Jn() {
+  return /apple/i.test(navigator.vendor);
+}
+function Kt() {
+  const e = /android/i;
+  return e.test(Xn()) || e.test(Gn());
+}
+function ho() {
+  return Xn().toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
+}
+function mo() {
+  return Gn().includes("jsdom/");
+}
+function po(e) {
+  return "nativeEvent" in e;
+}
+function bo(e) {
+  return e.matches("html,body");
+}
+function pe(e) {
+  return e?.ownerDocument || document;
+}
+function Nt(e, n) {
+  if (n == null)
+    return !1;
+  if ("composedPath" in e)
+    return e.composedPath().includes(n);
+  const t = e;
+  return t.target != null && n.contains(t.target);
+}
+function _e(e) {
+  return "composedPath" in e ? e.composedPath()[0] : e.target;
+}
+const go = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
+function vo(e) {
+  return Re(e) && e.matches(go);
+}
+function ue(e) {
+  e.preventDefault(), e.stopPropagation();
+}
+function Qn(e) {
+  return e ? e.getAttribute("role") === "combobox" && vo(e) : !1;
+}
+const mn = Math.floor;
+var yo = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], ft = /* @__PURE__ */ yo.join(","), er = typeof Element > "u", qe = er ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ht = !er && Element.prototype.getRootNode ? function(e) {
+  var n;
+  return e == null || (n = e.getRootNode) === null || n === void 0 ? void 0 : n.call(e);
+} : function(e) {
+  return e?.ownerDocument;
+}, mt = function e(n, t) {
+  var r;
+  t === void 0 && (t = !0);
+  var o = n == null || (r = n.getAttribute) === null || r === void 0 ? void 0 : r.call(n, "inert"), s = o === "" || o === "true", i = s || t && n && e(n.parentNode);
+  return i;
+}, xo = function(n) {
+  var t, r = n == null || (t = n.getAttribute) === null || t === void 0 ? void 0 : t.call(n, "contenteditable");
+  return r === "" || r === "true";
+}, Co = function(n, t, r) {
+  if (mt(n))
+    return [];
+  var o = Array.prototype.slice.apply(n.querySelectorAll(ft));
+  return t && qe.call(n, ft) && o.unshift(n), o = o.filter(r), o;
+}, Eo = function e(n, t, r) {
+  for (var o = [], s = Array.from(n); s.length; ) {
+    var i = s.shift();
+    if (!mt(i, !1))
+      if (i.tagName === "SLOT") {
+        var a = i.assignedElements(), l = a.length ? a : i.children, c = e(l, !0, r);
+        r.flatten ? o.push.apply(o, c) : o.push({
+          scopeParent: i,
+          candidates: c
+        });
+      } else {
+        var f = qe.call(i, ft);
+        f && r.filter(i) && (t || !n.includes(i)) && o.push(i);
+        var d = i.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(i), h = !mt(d, !1) && (!r.shadowRootFilter || r.shadowRootFilter(i));
+        if (d && h) {
+          var u = e(d === !0 ? i.children : d.children, !0, r);
+          r.flatten ? o.push.apply(o, u) : o.push({
+            scopeParent: i,
+            candidates: u
+          });
+        } else
+          s.unshift.apply(s, i.children);
+      }
+  }
+  return o;
+}, tr = function(n) {
+  return !isNaN(parseInt(n.getAttribute("tabindex"), 10));
+}, nr = function(n) {
+  if (!n)
+    throw new Error("No node provided");
+  return n.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName) || xo(n)) && !tr(n) ? 0 : n.tabIndex;
+}, wo = function(n, t) {
+  var r = nr(n);
+  return r < 0 && t && !tr(n) ? 0 : r;
+}, Io = function(n, t) {
+  return n.tabIndex === t.tabIndex ? n.documentOrder - t.documentOrder : n.tabIndex - t.tabIndex;
+}, rr = function(n) {
+  return n.tagName === "INPUT";
+}, Ro = function(n) {
+  return rr(n) && n.type === "hidden";
+}, So = function(n) {
+  var t = n.tagName === "DETAILS" && Array.prototype.slice.apply(n.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return t;
+}, Oo = function(n, t) {
+  for (var r = 0; r < n.length; r++)
+    if (n[r].checked && n[r].form === t)
+      return n[r];
+}, To = function(n) {
+  if (!n.name)
+    return !0;
+  var t = n.form || ht(n), r = function(a) {
+    return t.querySelectorAll('input[type="radio"][name="' + a + '"]');
+  }, o;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    o = r(window.CSS.escape(n.name));
+  else
+    try {
+      o = r(n.name);
+    } catch (i) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", i.message), !1;
+    }
+  var s = Oo(o, n.form);
+  return !s || s === n;
+}, ko = function(n) {
+  return rr(n) && n.type === "radio";
+}, Mo = function(n) {
+  return ko(n) && !To(n);
+}, No = function(n) {
+  var t, r = n && ht(n), o = (t = r) === null || t === void 0 ? void 0 : t.host, s = !1;
+  if (r && r !== n) {
+    var i, a, l;
+    for (s = !!((i = o) !== null && i !== void 0 && (a = i.ownerDocument) !== null && a !== void 0 && a.contains(o) || n != null && (l = n.ownerDocument) !== null && l !== void 0 && l.contains(n)); !s && o; ) {
+      var c, f, d;
+      r = ht(o), o = (c = r) === null || c === void 0 ? void 0 : c.host, s = !!((f = o) !== null && f !== void 0 && (d = f.ownerDocument) !== null && d !== void 0 && d.contains(o));
+    }
+  }
+  return s;
+}, pn = function(n) {
+  var t = n.getBoundingClientRect(), r = t.width, o = t.height;
+  return r === 0 && o === 0;
+}, Po = function(n, t) {
+  var r = t.displayCheck, o = t.getShadowRoot;
+  if (getComputedStyle(n).visibility === "hidden")
+    return !0;
+  var s = qe.call(n, "details>summary:first-of-type"), i = s ? n.parentElement : n;
+  if (qe.call(i, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || r === "legacy-full") {
+    if (typeof o == "function") {
+      for (var a = n; n; ) {
+        var l = n.parentElement, c = ht(n);
+        if (l && !l.shadowRoot && o(l) === !0)
+          return pn(n);
+        n.assignedSlot ? n = n.assignedSlot : !l && c !== n.ownerDocument ? n = c.host : n = l;
+      }
+      n = a;
+    }
+    if (No(n))
+      return !n.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return pn(n);
+  return !1;
+}, Do = function(n) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))
+    for (var t = n.parentElement; t; ) {
+      if (t.tagName === "FIELDSET" && t.disabled) {
+        for (var r = 0; r < t.children.length; r++) {
+          var o = t.children.item(r);
+          if (o.tagName === "LEGEND")
+            return qe.call(t, "fieldset[disabled] *") ? !0 : !o.contains(n);
+        }
+        return !0;
+      }
+      t = t.parentElement;
+    }
+  return !1;
+}, Ao = function(n, t) {
+  return !(t.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  mt(t) || Ro(t) || Po(t, n) || // For a details element with a summary, the summary element gets the focus
+  So(t) || Do(t));
+}, jt = function(n, t) {
+  return !(Mo(t) || nr(t) < 0 || !Ao(n, t));
+}, Fo = function(n) {
+  var t = parseInt(n.getAttribute("tabindex"), 10);
+  return !!(isNaN(t) || t >= 0);
+}, _o = function e(n) {
+  var t = [], r = [];
+  return n.forEach(function(o, s) {
+    var i = !!o.scopeParent, a = i ? o.scopeParent : o, l = wo(a, i), c = i ? e(o.candidates) : a;
+    l === 0 ? i ? t.push.apply(t, c) : t.push(a) : r.push({
+      documentOrder: s,
+      tabIndex: l,
+      item: o,
+      isScope: i,
+      content: c
+    });
+  }), r.sort(Io).reduce(function(o, s) {
+    return s.isScope ? o.push.apply(o, s.content) : o.push(s.content), o;
+  }, []).concat(t);
+}, tt = function(n, t) {
+  t = t || {};
+  var r;
+  return t.getShadowRoot ? r = Eo([n], t.includeContainer, {
+    filter: jt.bind(null, t),
+    flatten: !1,
+    getShadowRoot: t.getShadowRoot,
+    shadowRootFilter: Fo
+  }) : r = Co(n, t.includeContainer, jt.bind(null, t)), _o(r);
+}, Lo = function(n, t) {
+  if (t = t || {}, !n)
+    throw new Error("No node provided");
+  return qe.call(n, ft) === !1 ? !1 : jt(t, n);
+}, ut = typeof document < "u" ? zn : de;
+function pt(e, n) {
+  if (e === n)
+    return !0;
+  if (typeof e != typeof n)
+    return !1;
+  if (typeof e == "function" && e.toString() === n.toString())
+    return !0;
+  let t, r, o;
+  if (e && n && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (t = e.length, t !== n.length) return !1;
+      for (r = t; r-- !== 0; )
+        if (!pt(e[r], n[r]))
+          return !1;
+      return !0;
+    }
+    if (o = Object.keys(e), t = o.length, t !== Object.keys(n).length)
+      return !1;
+    for (r = t; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(n, o[r]))
+        return !1;
+    for (r = t; r-- !== 0; ) {
+      const s = o[r];
+      if (!(s === "_owner" && e.$$typeof) && !pt(e[s], n[s]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && n !== n;
+}
+function or(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function bn(e, n) {
+  const t = or(e);
+  return Math.round(n * t) / t;
+}
+function Pt(e) {
+  const n = p.useRef(e);
+  return ut(() => {
+    n.current = e;
+  }), n;
+}
+function zo(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: n = "bottom",
+    strategy: t = "absolute",
+    middleware: r = [],
+    platform: o,
+    elements: {
+      reference: s,
+      floating: i
+    } = {},
+    transform: a = !0,
+    whileElementsMounted: l,
+    open: c
+  } = e, [f, d] = p.useState({
+    x: 0,
+    y: 0,
+    strategy: t,
+    placement: n,
+    middlewareData: {},
+    isPositioned: !1
+  }), [h, u] = p.useState(r);
+  pt(h, r) || u(r);
+  const [m, g] = p.useState(null), [E, x] = p.useState(null), v = p.useCallback((k) => {
+    k !== M.current && (M.current = k, g(k));
+  }, []), b = p.useCallback((k) => {
+    k !== $.current && ($.current = k, x(k));
+  }, []), C = s || m, A = i || E, M = p.useRef(null), $ = p.useRef(null), K = p.useRef(f), Z = l != null, G = Pt(l), q = Pt(o), O = Pt(c), N = p.useCallback(() => {
+    if (!M.current || !$.current)
+      return;
+    const k = {
+      placement: n,
+      strategy: t,
+      middleware: h
+    };
+    q.current && (k.platform = q.current), Wn(M.current, $.current, k).then((R) => {
+      const U = {
+        ...R,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: O.current !== !1
+      };
+      P.current && !pt(K.current, U) && (K.current = U, Bn.flushSync(() => {
+        d(U);
+      }));
+    });
+  }, [h, n, t, q, O]);
+  ut(() => {
+    c === !1 && K.current.isPositioned && (K.current.isPositioned = !1, d((k) => ({
+      ...k,
+      isPositioned: !1
+    })));
+  }, [c]);
+  const P = p.useRef(!1);
+  ut(() => (P.current = !0, () => {
+    P.current = !1;
+  }), []), ut(() => {
+    if (C && (M.current = C), A && ($.current = A), C && A) {
+      if (G.current)
+        return G.current(C, A, N);
+      N();
+    }
+  }, [C, A, N, G, Z]);
+  const w = p.useMemo(() => ({
+    reference: M,
+    floating: $,
+    setReference: v,
+    setFloating: b
+  }), [v, b]), D = p.useMemo(() => ({
+    reference: C,
+    floating: A
+  }), [C, A]), B = p.useMemo(() => {
+    const k = {
+      position: t,
+      left: 0,
+      top: 0
+    };
+    if (!D.floating)
+      return k;
+    const R = bn(D.floating, f.x), U = bn(D.floating, f.y);
+    return a ? {
+      ...k,
+      transform: "translate(" + R + "px, " + U + "px)",
+      ...or(D.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: t,
+      left: R,
+      top: U
+    };
+  }, [t, a, D.floating, f.x, f.y]);
+  return p.useMemo(() => ({
+    ...f,
+    update: N,
+    refs: w,
+    elements: D,
+    floatingStyles: B
+  }), [f, N, w, D, B]);
+}
+const Vo = (e, n) => ({
+  ...jn(e),
+  options: [e, n]
+}), Bo = (e, n) => ({
+  ...Kn(e),
+  options: [e, n]
+}), $o = (e, n) => ({
+  ...Yr(e),
+  options: [e, n]
+});
+function Gt(e) {
+  return p.useMemo(() => e.every((n) => n == null) ? null : (n) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
+    });
+  }, e);
+}
+const sr = {
+  ...p
+}, Ko = sr.useInsertionEffect, jo = Ko || ((e) => e());
+function xe(e) {
+  const n = p.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return jo(() => {
+    n.current = e;
+  }), p.useCallback(function() {
+    for (var t = arguments.length, r = new Array(t), o = 0; o < t; o++)
+      r[o] = arguments[o];
+    return n.current == null ? void 0 : n.current(...r);
+  }, []);
+}
+const Yt = "ArrowUp", ot = "ArrowDown", He = "ArrowLeft", Ye = "ArrowRight";
+function at(e, n, t) {
+  return Math.floor(e / n) !== t;
+}
+function Qe(e, n) {
+  return n < 0 || n >= e.current.length;
+}
+function Dt(e, n) {
+  return ae(e, {
+    disabledIndices: n
+  });
+}
+function gn(e, n) {
+  return ae(e, {
+    decrement: !0,
+    startingIndex: e.current.length,
+    disabledIndices: n
+  });
+}
+function ae(e, n) {
+  let {
+    startingIndex: t = -1,
+    decrement: r = !1,
+    disabledIndices: o,
+    amount: s = 1
+  } = n === void 0 ? {} : n;
+  const i = e.current;
+  let a = t;
+  do
+    a += r ? -s : s;
+  while (a >= 0 && a <= i.length - 1 && dt(i, a, o));
+  return a;
+}
+function Wo(e, n) {
+  let {
+    event: t,
+    orientation: r,
+    loop: o,
+    cols: s,
+    disabledIndices: i,
+    minIndex: a,
+    maxIndex: l,
+    prevIndex: c,
+    stopEvent: f = !1
+  } = n, d = c;
+  if (t.key === Yt) {
+    if (f && ue(t), c === -1)
+      d = l;
+    else if (d = ae(e, {
+      startingIndex: d,
+      amount: s,
+      decrement: !0,
+      disabledIndices: i
+    }), o && (c - s < a || d < 0)) {
+      const h = c % s, u = l % s, m = l - (u - h);
+      u === h ? d = l : d = u > h ? m : m - s;
+    }
+    Qe(e, d) && (d = c);
+  }
+  if (t.key === ot && (f && ue(t), c === -1 ? d = a : (d = ae(e, {
+    startingIndex: c,
+    amount: s,
+    disabledIndices: i
+  }), o && c + s > l && (d = ae(e, {
+    startingIndex: c % s - s,
+    amount: s,
+    disabledIndices: i
+  }))), Qe(e, d) && (d = c)), r === "both") {
+    const h = mn(c / s);
+    t.key === Ye && (f && ue(t), c % s !== s - 1 ? (d = ae(e, {
+      startingIndex: c,
+      disabledIndices: i
+    }), o && at(d, s, h) && (d = ae(e, {
+      startingIndex: c - c % s - 1,
+      disabledIndices: i
+    }))) : o && (d = ae(e, {
+      startingIndex: c - c % s - 1,
+      disabledIndices: i
+    })), at(d, s, h) && (d = c)), t.key === He && (f && ue(t), c % s !== 0 ? (d = ae(e, {
+      startingIndex: c,
+      decrement: !0,
+      disabledIndices: i
+    }), o && at(d, s, h) && (d = ae(e, {
+      startingIndex: c + (s - c % s),
+      decrement: !0,
+      disabledIndices: i
+    }))) : o && (d = ae(e, {
+      startingIndex: c + (s - c % s),
+      decrement: !0,
+      disabledIndices: i
+    })), at(d, s, h) && (d = c));
+    const u = mn(l / s) === h;
+    Qe(e, d) && (o && u ? d = t.key === He ? l : ae(e, {
+      startingIndex: c - c % s - 1,
+      disabledIndices: i
+    }) : d = c);
+  }
+  return d;
+}
+function qo(e, n, t) {
+  const r = [];
+  let o = 0;
+  return e.forEach((s, i) => {
+    let {
+      width: a,
+      height: l
+    } = s;
+    if (a > n && process.env.NODE_ENV !== "production")
+      throw new Error("[Floating UI]: Invalid grid - item width at index " + i + " is greater than grid columns");
+    let c = !1;
+    for (t && (o = 0); !c; ) {
+      const f = [];
+      for (let d = 0; d < a; d++)
+        for (let h = 0; h < l; h++)
+          f.push(o + d + h * n);
+      o % n + a <= n && f.every((d) => r[d] == null) ? (f.forEach((d) => {
+        r[d] = i;
+      }), c = !0) : o++;
+    }
+  }), [...r];
+}
+function Ho(e, n, t, r, o) {
+  if (e === -1) return -1;
+  const s = t.indexOf(e), i = n[e];
+  switch (o) {
+    case "tl":
+      return s;
+    case "tr":
+      return i ? s + i.width - 1 : s;
+    case "bl":
+      return i ? s + (i.height - 1) * r : s;
+    case "br":
+      return t.lastIndexOf(e);
+  }
+}
+function Uo(e, n) {
+  return n.flatMap((t, r) => e.includes(t) ? [r] : []);
+}
+function dt(e, n, t) {
+  if (t)
+    return t.includes(n);
+  const r = e[n];
+  return r == null || r.hasAttribute("disabled") || r.getAttribute("aria-disabled") === "true";
+}
+let vn = 0;
+function ke(e, n) {
+  n === void 0 && (n = {});
+  const {
+    preventScroll: t = !1,
+    cancelPrevious: r = !0,
+    sync: o = !1
+  } = n;
+  r && cancelAnimationFrame(vn);
+  const s = () => e?.focus({
+    preventScroll: t
+  });
+  o ? s() : vn = requestAnimationFrame(s);
+}
+var Q = typeof document < "u" ? zn : de;
+function bt() {
+  return bt = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+    }
+    return e;
+  }, bt.apply(this, arguments);
+}
+let yn = !1, Xo = 0;
+const xn = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + Xo++
+);
+function Go() {
+  const [e, n] = p.useState(() => yn ? xn() : void 0);
+  return Q(() => {
+    e == null && n(xn());
+  }, []), p.useEffect(() => {
+    yn = !0;
+  }, []), e;
+}
+const Yo = sr.useId, Zt = Yo || Go;
+let nt;
+process.env.NODE_ENV !== "production" && (nt = /* @__PURE__ */ new Set());
+function At() {
+  for (var e, n = arguments.length, t = new Array(n), r = 0; r < n; r++)
+    t[r] = arguments[r];
+  const o = "Floating UI: " + t.join(" ");
+  if (!((e = nt) != null && e.has(o))) {
+    var s;
+    (s = nt) == null || s.add(o), console.warn(o);
+  }
+}
+function Zo() {
+  for (var e, n = arguments.length, t = new Array(n), r = 0; r < n; r++)
+    t[r] = arguments[r];
+  const o = "Floating UI: " + t.join(" ");
+  if (!((e = nt) != null && e.has(o))) {
+    var s;
+    (s = nt) == null || s.add(o), console.error(o);
+  }
+}
+function Jo() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    emit(n, t) {
+      var r;
+      (r = e.get(n)) == null || r.forEach((o) => o(t));
+    },
+    on(n, t) {
+      e.set(n, [...e.get(n) || [], t]);
+    },
+    off(n, t) {
+      var r;
+      e.set(n, ((r = e.get(n)) == null ? void 0 : r.filter((o) => o !== t)) || []);
+    }
+  };
+}
+const Qo = /* @__PURE__ */ p.createContext(null), es = /* @__PURE__ */ p.createContext(null), Jt = () => {
+  var e;
+  return ((e = p.useContext(Qo)) == null ? void 0 : e.id) || null;
+}, Ct = () => p.useContext(es);
+function Ue(e) {
+  return "data-floating-ui-" + e;
+}
+function Me(e) {
+  const n = ge(e);
+  return Q(() => {
+    n.current = e;
+  }), n;
+}
+function ts(e, n) {
+  var t;
+  let r = [], o = (t = e.find((s) => s.id === n)) == null ? void 0 : t.parentId;
+  for (; o; ) {
+    const s = e.find((i) => i.id === o);
+    o = s?.parentId, s && (r = r.concat(s));
+  }
+  return r;
+}
+function je(e, n) {
+  let t = e.filter((o) => {
+    var s;
+    return o.parentId === n && ((s = o.context) == null ? void 0 : s.open);
+  }), r = t;
+  for (; r.length; )
+    r = e.filter((o) => {
+      var s;
+      return (s = r) == null ? void 0 : s.some((i) => {
+        var a;
+        return o.parentId === i.id && ((a = o.context) == null ? void 0 : a.open);
+      });
+    }), t = t.concat(r);
+  return t;
+}
+function ns(e, n) {
+  let t, r = -1;
+  function o(s, i) {
+    i > r && (t = s, r = i), je(e, s).forEach((l) => {
+      o(l.id, i + 1);
+    });
+  }
+  return o(n, 0), e.find((s) => s.id === t);
+}
+let $e = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakSet(), ct = {}, Ft = 0;
+const rs = () => typeof HTMLElement < "u" && "inert" in HTMLElement.prototype, ir = (e) => e && (e.host || ir(e.parentNode)), os = (e, n) => n.map((t) => {
+  if (e.contains(t))
+    return t;
+  const r = ir(t);
+  return e.contains(r) ? r : null;
+}).filter((t) => t != null);
+function ss(e, n, t, r) {
+  const o = "data-floating-ui-inert", s = r ? "inert" : t ? "aria-hidden" : null, i = os(n, e), a = /* @__PURE__ */ new Set(), l = new Set(i), c = [];
+  ct[o] || (ct[o] = /* @__PURE__ */ new WeakMap());
+  const f = ct[o];
+  i.forEach(d), h(n), a.clear();
+  function d(u) {
+    !u || a.has(u) || (a.add(u), u.parentNode && d(u.parentNode));
+  }
+  function h(u) {
+    !u || l.has(u) || [].forEach.call(u.children, (m) => {
+      if (xt(m) !== "script")
+        if (a.has(m))
+          h(m);
+        else {
+          const g = s ? m.getAttribute(s) : null, E = g !== null && g !== "false", x = ($e.get(m) || 0) + 1, v = (f.get(m) || 0) + 1;
+          $e.set(m, x), f.set(m, v), c.push(m), x === 1 && E && lt.add(m), v === 1 && m.setAttribute(o, ""), !E && s && m.setAttribute(s, "true");
+        }
+    });
+  }
+  return Ft++, () => {
+    c.forEach((u) => {
+      const m = ($e.get(u) || 0) - 1, g = (f.get(u) || 0) - 1;
+      $e.set(u, m), f.set(u, g), m || (!lt.has(u) && s && u.removeAttribute(s), lt.delete(u)), g || u.removeAttribute(o);
+    }), Ft--, Ft || ($e = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), lt = /* @__PURE__ */ new WeakSet(), ct = {});
+  };
+}
+function Cn(e, n, t) {
+  n === void 0 && (n = !1), t === void 0 && (t = !1);
+  const r = pe(e[0]).body;
+  return ss(e.concat(Array.from(r.querySelectorAll("[aria-live]"))), r, n, t);
+}
+const Xe = () => ({
+  getShadowRoot: !0,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function ar(e, n) {
+  const t = tt(e, Xe());
+  n === "prev" && t.reverse();
+  const r = t.indexOf(Se(pe(e)));
+  return t.slice(r + 1)[0];
+}
+function lr() {
+  return ar(document.body, "next");
+}
+function cr() {
+  return ar(document.body, "prev");
+}
+function et(e, n) {
+  const t = n || e.currentTarget, r = e.relatedTarget;
+  return !r || !ce(t, r);
+}
+function is(e) {
+  tt(e, Xe()).forEach((t) => {
+    t.dataset.tabindex = t.getAttribute("tabindex") || "", t.setAttribute("tabindex", "-1");
+  });
+}
+function En(e) {
+  e.querySelectorAll("[data-tabindex]").forEach((t) => {
+    const r = t.dataset.tabindex;
+    delete t.dataset.tabindex, r ? t.setAttribute("tabindex", r) : t.removeAttribute("tabindex");
+  });
+}
+function as(e, n, t) {
+  const r = e.indexOf(n);
+  function o(i) {
+    const a = Ue("focus-guard");
+    let l = r + (i ? 1 : 0), c = e[l];
+    for (; c && (!c.isConnected || c.hasAttribute(a) || ce(t, c)); )
+      i ? l++ : l--, c = e[l];
+    return c;
+  }
+  const s = o(!0);
+  return s || o(!1);
+}
+const Qt = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "fixed",
+  whiteSpace: "nowrap",
+  width: "1px",
+  top: 0,
+  left: 0
+};
+let ls;
+function wn(e) {
+  e.key === "Tab" && (e.target, clearTimeout(ls));
+}
+const gt = /* @__PURE__ */ p.forwardRef(function(n, t) {
+  const [r, o] = p.useState();
+  Q(() => (Jn() && o("button"), document.addEventListener("keydown", wn), () => {
+    document.removeEventListener("keydown", wn);
+  }), []);
+  const s = {
+    ref: t,
+    tabIndex: 0,
+    // Role is only for VoiceOver
+    role: r,
+    "aria-hidden": r ? void 0 : !0,
+    [Ue("focus-guard")]: "",
+    style: Qt
+  };
+  return /* @__PURE__ */ p.createElement("span", bt({}, n, s));
+}), ur = /* @__PURE__ */ p.createContext(null), In = /* @__PURE__ */ Ue("portal");
+function cs(e) {
+  e === void 0 && (e = {});
+  const {
+    id: n,
+    root: t
+  } = e, r = Zt(), o = dr(), [s, i] = p.useState(null), a = p.useRef(null);
+  return Q(() => () => {
+    s?.remove(), queueMicrotask(() => {
+      a.current = null;
+    });
+  }, [s]), Q(() => {
+    if (!r || a.current) return;
+    const l = n ? document.getElementById(n) : null;
+    if (!l) return;
+    const c = document.createElement("div");
+    c.id = r, c.setAttribute(In, ""), l.appendChild(c), a.current = c, i(c);
+  }, [n, r]), Q(() => {
+    if (!r || a.current) return;
+    let l = t || o?.portalNode;
+    l && !be(l) && (l = l.current), l = l || document.body;
+    let c = null;
+    n && (c = document.createElement("div"), c.id = n, l.appendChild(c));
+    const f = document.createElement("div");
+    f.id = r, f.setAttribute(In, ""), l = c || l, l.appendChild(f), a.current = f, i(f);
+  }, [n, t, r, o]), s;
+}
+function us(e) {
+  const {
+    children: n,
+    id: t,
+    root: r = null,
+    preserveTabOrder: o = !0
+  } = e, s = cs({
+    id: t,
+    root: r
+  }), [i, a] = p.useState(null), l = p.useRef(null), c = p.useRef(null), f = p.useRef(null), d = p.useRef(null), h = i?.modal, u = i?.open, m = (
+    // The FocusManager and therefore floating element are currently open/
+    // rendered.
+    !!i && // Guards are only for non-modal focus management.
+    !i.modal && // Don't render if unmount is transitioning.
+    i.open && o && !!(r || s)
+  );
+  return p.useEffect(() => {
+    if (!s || !o || h)
+      return;
+    function g(E) {
+      s && et(E) && (E.type === "focusin" ? En : is)(s);
+    }
+    return s.addEventListener("focusin", g, !0), s.addEventListener("focusout", g, !0), () => {
+      s.removeEventListener("focusin", g, !0), s.removeEventListener("focusout", g, !0);
+    };
+  }, [s, o, h]), p.useEffect(() => {
+    s && (u || En(s));
+  }, [u, s]), /* @__PURE__ */ p.createElement(ur.Provider, {
+    value: p.useMemo(() => ({
+      preserveTabOrder: o,
+      beforeOutsideRef: l,
+      afterOutsideRef: c,
+      beforeInsideRef: f,
+      afterInsideRef: d,
+      portalNode: s,
+      setFocusManagerState: a
+    }), [o, s])
+  }, m && s && /* @__PURE__ */ p.createElement(gt, {
+    "data-type": "outside",
+    ref: l,
+    onFocus: (g) => {
+      if (et(g, s)) {
+        var E;
+        (E = f.current) == null || E.focus();
+      } else {
+        const x = cr() || i?.refs.domReference.current;
+        x?.focus();
+      }
+    }
+  }), m && s && /* @__PURE__ */ p.createElement("span", {
+    "aria-owns": s.id,
+    style: Qt
+  }), s && /* @__PURE__ */ Bn.createPortal(n, s), m && s && /* @__PURE__ */ p.createElement(gt, {
+    "data-type": "outside",
+    ref: c,
+    onFocus: (g) => {
+      if (et(g, s)) {
+        var E;
+        (E = d.current) == null || E.focus();
+      } else {
+        const x = lr() || i?.refs.domReference.current;
+        x?.focus(), i?.closeOnFocusOut && i?.onOpenChange(!1, g.nativeEvent, "focus-out");
+      }
+    }
+  }));
+}
+const dr = () => p.useContext(ur), Wt = "data-floating-ui-focusable";
+function fr(e) {
+  return e ? e.hasAttribute(Wt) ? e : e.querySelector("[" + Wt + "]") || e : null;
+}
+const Rn = 20;
+let Fe = [];
+function _t(e) {
+  Fe = Fe.filter((t) => t.isConnected);
+  let n = e;
+  if (!(!n || xt(n) === "body")) {
+    if (!Lo(n, Xe())) {
+      const t = tt(n, Xe())[0];
+      t && (n = t);
+    }
+    Fe.push(n), Fe.length > Rn && (Fe = Fe.slice(-Rn));
+  }
+}
+function Sn() {
+  return Fe.slice().reverse().find((e) => e.isConnected);
+}
+const ds = /* @__PURE__ */ p.forwardRef(function(n, t) {
+  return /* @__PURE__ */ p.createElement("button", bt({}, n, {
+    type: "button",
+    ref: t,
+    tabIndex: -1,
+    style: Qt
+  }));
+});
+function fs(e) {
+  const {
+    context: n,
+    children: t,
+    disabled: r = !1,
+    order: o = ["content"],
+    guards: s = !0,
+    initialFocus: i = 0,
+    returnFocus: a = !0,
+    restoreFocus: l = !1,
+    modal: c = !0,
+    visuallyHiddenDismiss: f = !1,
+    closeOnFocusOut: d = !0
+  } = e, {
+    open: h,
+    refs: u,
+    nodeId: m,
+    onOpenChange: g,
+    events: E,
+    dataRef: x,
+    floatingId: v,
+    elements: {
+      domReference: b,
+      floating: C
+    }
+  } = n, A = typeof i == "number" && i < 0, M = Qn(b) && A, $ = rs() ? s : !0, K = Me(o), Z = Me(i), G = Me(a), q = Ct(), O = dr(), N = p.useRef(null), P = p.useRef(null), w = p.useRef(!1), D = p.useRef(!1), B = p.useRef(-1), k = O != null, R = fr(C), U = xe(function(L) {
+    return L === void 0 && (L = R), L ? tt(L, Xe()) : [];
+  }), te = xe((L) => {
+    const T = U(L);
+    return K.current.map((S) => b && S === "reference" ? b : R && S === "floating" ? R : T).filter(Boolean).flat();
+  });
+  p.useEffect(() => {
+    w.current = !1;
+  }, [r]), p.useEffect(() => {
+    if (r || !c) return;
+    function L(S) {
+      if (S.key === "Tab") {
+        ce(R, Se(pe(R))) && U().length === 0 && !M && ue(S);
+        const F = te(), H = _e(S);
+        K.current[0] === "reference" && H === b && (ue(S), S.shiftKey ? ke(F[F.length - 1]) : ke(F[1])), K.current[1] === "floating" && H === R && S.shiftKey && (ue(S), ke(F[0]));
+      }
+    }
+    const T = pe(R);
+    return T.addEventListener("keydown", L), () => {
+      T.removeEventListener("keydown", L);
+    };
+  }, [r, b, R, c, K, M, U, te]), p.useEffect(() => {
+    if (r || !C) return;
+    function L(T) {
+      const S = _e(T), H = U().indexOf(S);
+      H !== -1 && (B.current = H);
+    }
+    return C.addEventListener("focusin", L), () => {
+      C.removeEventListener("focusin", L);
+    };
+  }, [r, C, U]), p.useEffect(() => {
+    if (r || !d) return;
+    function L() {
+      D.current = !0, setTimeout(() => {
+        D.current = !1;
+      });
+    }
+    function T(S) {
+      const F = S.relatedTarget;
+      queueMicrotask(() => {
+        const H = !(ce(b, F) || ce(C, F) || ce(F, C) || ce(O?.portalNode, F) || F != null && F.hasAttribute(Ue("focus-guard")) || q && (je(q.nodesRef.current, m).find((ee) => {
+          var ne, Y;
+          return ce((ne = ee.context) == null ? void 0 : ne.elements.floating, F) || ce((Y = ee.context) == null ? void 0 : Y.elements.domReference, F);
+        }) || ts(q.nodesRef.current, m).find((ee) => {
+          var ne, Y;
+          return ((ne = ee.context) == null ? void 0 : ne.elements.floating) === F || ((Y = ee.context) == null ? void 0 : Y.elements.domReference) === F;
+        })));
+        if (l && H && Se(pe(R)) === pe(R).body) {
+          Re(R) && R.focus();
+          const ee = B.current, ne = U(), Y = ne[ee] || ne[ne.length - 1] || R;
+          Re(Y) && Y.focus();
+        }
+        (M || !c) && F && H && !D.current && // Fix React 18 Strict Mode returnFocus due to double rendering.
+        F !== Sn() && (w.current = !0, g(!1, S, "focus-out"));
+      });
+    }
+    if (C && Re(b))
+      return b.addEventListener("focusout", T), b.addEventListener("pointerdown", L), C.addEventListener("focusout", T), () => {
+        b.removeEventListener("focusout", T), b.removeEventListener("pointerdown", L), C.removeEventListener("focusout", T);
+      };
+  }, [r, b, C, R, c, m, q, O, g, d, l, U, M]), p.useEffect(() => {
+    var L;
+    if (r) return;
+    const T = Array.from((O == null || (L = O.portalNode) == null ? void 0 : L.querySelectorAll("[" + Ue("portal") + "]")) || []);
+    if (C) {
+      const S = [C, ...T, N.current, P.current, K.current.includes("reference") || M ? b : null].filter((H) => H != null), F = c || M ? Cn(S, $, !$) : Cn(S);
+      return () => {
+        F();
+      };
+    }
+  }, [r, b, C, c, K, O, M, $]), Q(() => {
+    if (r || !Re(R)) return;
+    const L = pe(R), T = Se(L);
+    queueMicrotask(() => {
+      const S = te(R), F = Z.current, H = (typeof F == "number" ? S[F] : F.current) || R, ee = ce(R, T);
+      !A && !ee && h && ke(H, {
+        preventScroll: H === R
+      });
+    });
+  }, [r, h, R, A, te, Z]), Q(() => {
+    if (r || !R) return;
+    let L = !1;
+    const T = pe(R), S = Se(T);
+    let H = x.current.openEvent;
+    const ee = u.domReference.current;
+    _t(S);
+    function ne(Y) {
+      let {
+        open: we,
+        reason: Ee,
+        event: J,
+        nested: Ie
+      } = Y;
+      we && (H = J), Ee === "escape-key" && u.domReference.current && _t(u.domReference.current), Ee === "hover" && J.type === "mouseleave" && (w.current = !0), Ee === "outside-press" && (Ie ? (w.current = !1, L = !0) : w.current = !(Yn(J) || Zn(J)));
+    }
+    return E.on("openchange", ne), () => {
+      E.off("openchange", ne);
+      const Y = Se(T), we = ce(C, Y) || q && je(q.nodesRef.current, m).some((he) => {
+        var Ae;
+        return ce((Ae = he.context) == null ? void 0 : Ae.elements.floating, Y);
+      });
+      (we || H && ["click", "mousedown"].includes(H.type)) && u.domReference.current && _t(u.domReference.current);
+      const J = ee || S, Ie = tt(pe(J).body, Xe());
+      queueMicrotask(() => {
+        let he = Sn();
+        !he && Re(J) && C && (he = as(Ie, J, C)), // eslint-disable-next-line react-hooks/exhaustive-deps
+        G.current && !w.current && Re(he) && // If the focus moved somewhere else after mount, avoid returning focus
+        // since it likely entered a different element which should be
+        // respected: https://github.com/floating-ui/floating-ui/issues/2607
+        (!(he !== Y && Y !== T.body) || we) && he.focus({
+          preventScroll: L
+        });
+      });
+    };
+  }, [r, C, R, G, x, u, E, q, m]), Q(() => {
+    if (!r && O)
+      return O.setFocusManagerState({
+        modal: c,
+        closeOnFocusOut: d,
+        open: h,
+        onOpenChange: g,
+        refs: u
+      }), () => {
+        O.setFocusManagerState(null);
+      };
+  }, [r, O, c, h, g, u, d]), Q(() => {
+    if (r || !R || typeof MutationObserver != "function" || A) return;
+    const L = () => {
+      const S = R.getAttribute("tabindex"), F = U(), H = Se(pe(C)), ee = F.indexOf(H);
+      ee !== -1 && (B.current = ee), K.current.includes("floating") || H !== u.domReference.current && F.length === 0 ? S !== "0" && R.setAttribute("tabindex", "0") : S !== "-1" && R.setAttribute("tabindex", "-1");
+    };
+    L();
+    const T = new MutationObserver(L);
+    return T.observe(R, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0
+    }), () => {
+      T.disconnect();
+    };
+  }, [r, C, R, u, K, U, A]);
+  function ve(L) {
+    return r || !f || !c ? null : /* @__PURE__ */ p.createElement(ds, {
+      ref: L === "start" ? N : P,
+      onClick: (T) => g(!1, T.nativeEvent)
+    }, typeof f == "string" ? f : "Dismiss");
+  }
+  const fe = !r && $ && (c ? !M : !0) && (k || c);
+  return /* @__PURE__ */ p.createElement(p.Fragment, null, fe && /* @__PURE__ */ p.createElement(gt, {
+    "data-type": "inside",
+    ref: O?.beforeInsideRef,
+    onFocus: (L) => {
+      if (c) {
+        const S = te();
+        ke(o[0] === "reference" ? S[0] : S[S.length - 1]);
+      } else if (O != null && O.preserveTabOrder && O.portalNode)
+        if (w.current = !1, et(L, O.portalNode)) {
+          const S = lr() || b;
+          S?.focus();
+        } else {
+          var T;
+          (T = O.beforeOutsideRef.current) == null || T.focus();
+        }
+    }
+  }), !M && ve("start"), t, ve("end"), fe && /* @__PURE__ */ p.createElement(gt, {
+    "data-type": "inside",
+    ref: O?.afterInsideRef,
+    onFocus: (L) => {
+      if (c)
+        ke(te()[0]);
+      else if (O != null && O.preserveTabOrder && O.portalNode)
+        if (d && (w.current = !0), et(L, O.portalNode)) {
+          const S = cr() || b;
+          S?.focus();
+        } else {
+          var T;
+          (T = O.afterOutsideRef.current) == null || T.focus();
+        }
+    }
+  }));
+}
+const hs = {
+  pointerdown: "onPointerDown",
+  mousedown: "onMouseDown",
+  click: "onClick"
+}, ms = {
+  pointerdown: "onPointerDownCapture",
+  mousedown: "onMouseDownCapture",
+  click: "onClickCapture"
+}, On = (e) => {
+  var n, t;
+  return {
+    escapeKey: typeof e == "boolean" ? e : (n = e?.escapeKey) != null ? n : !1,
+    outsidePress: typeof e == "boolean" ? e : (t = e?.outsidePress) != null ? t : !0
+  };
+};
+function ps(e, n) {
+  n === void 0 && (n = {});
+  const {
+    open: t,
+    onOpenChange: r,
+    elements: o,
+    dataRef: s
+  } = e, {
+    enabled: i = !0,
+    escapeKey: a = !0,
+    outsidePress: l = !0,
+    outsidePressEvent: c = "pointerdown",
+    referencePress: f = !1,
+    referencePressEvent: d = "pointerdown",
+    ancestorScroll: h = !1,
+    bubbles: u,
+    capture: m
+  } = n, g = Ct(), E = xe(typeof l == "function" ? l : () => !1), x = typeof l == "function" ? E : l, v = p.useRef(!1), b = p.useRef(!1), {
+    escapeKey: C,
+    outsidePress: A
+  } = On(u), {
+    escapeKey: M,
+    outsidePress: $
+  } = On(m), K = xe((P) => {
+    var w;
+    if (!t || !i || !a || P.key !== "Escape")
+      return;
+    const D = (w = s.current.floatingContext) == null ? void 0 : w.nodeId, B = g ? je(g.nodesRef.current, D) : [];
+    if (!C && (P.stopPropagation(), B.length > 0)) {
+      let k = !0;
+      if (B.forEach((R) => {
+        var U;
+        if ((U = R.context) != null && U.open && !R.context.dataRef.current.__escapeKeyBubbles) {
+          k = !1;
+          return;
+        }
+      }), !k)
+        return;
+    }
+    r(!1, po(P) ? P.nativeEvent : P, "escape-key");
+  }), Z = xe((P) => {
+    var w;
+    const D = () => {
+      var B;
+      K(P), (B = _e(P)) == null || B.removeEventListener("keydown", D);
+    };
+    (w = _e(P)) == null || w.addEventListener("keydown", D);
+  }), G = xe((P) => {
+    var w;
+    const D = v.current;
+    v.current = !1;
+    const B = b.current;
+    if (b.current = !1, c === "click" && B || D || typeof x == "function" && !x(P))
+      return;
+    const k = _e(P), R = "[" + Ue("inert") + "]", U = pe(o.floating).querySelectorAll(R);
+    let te = be(k) ? k : null;
+    for (; te && !hn(te); ) {
+      const T = fo(te);
+      if (hn(T) || !be(T))
+        break;
+      te = T;
+    }
+    if (U.length && be(k) && !bo(k) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
+    !ce(k, o.floating) && // If the target root element contains none of the markers, then the
+    // element was injected after the floating element rendered.
+    Array.from(U).every((T) => !ce(te, T)))
+      return;
+    if (Re(k) && N) {
+      const T = k.clientWidth > 0 && k.scrollWidth > k.clientWidth, S = k.clientHeight > 0 && k.scrollHeight > k.clientHeight;
+      let F = S && P.offsetX > k.clientWidth;
+      if (S && uo(k).direction === "rtl" && (F = P.offsetX <= k.offsetWidth - k.clientWidth), F || T && P.offsetY > k.clientHeight)
+        return;
+    }
+    const ve = (w = s.current.floatingContext) == null ? void 0 : w.nodeId, fe = g && je(g.nodesRef.current, ve).some((T) => {
+      var S;
+      return Nt(P, (S = T.context) == null ? void 0 : S.elements.floating);
+    });
+    if (Nt(P, o.floating) || Nt(P, o.domReference) || fe)
+      return;
+    const L = g ? je(g.nodesRef.current, ve) : [];
+    if (L.length > 0) {
+      let T = !0;
+      if (L.forEach((S) => {
+        var F;
+        if ((F = S.context) != null && F.open && !S.context.dataRef.current.__outsidePressBubbles) {
+          T = !1;
+          return;
+        }
+      }), !T)
+        return;
+    }
+    r(!1, P, "outside-press");
+  }), q = xe((P) => {
+    var w;
+    const D = () => {
+      var B;
+      G(P), (B = _e(P)) == null || B.removeEventListener(c, D);
+    };
+    (w = _e(P)) == null || w.addEventListener(c, D);
+  });
+  p.useEffect(() => {
+    if (!t || !i)
+      return;
+    s.current.__escapeKeyBubbles = C, s.current.__outsidePressBubbles = A;
+    function P(B) {
+      r(!1, B, "ancestor-scroll");
+    }
+    const w = pe(o.floating);
+    a && w.addEventListener("keydown", M ? Z : K, M), x && w.addEventListener(c, $ ? q : G, $);
+    let D = [];
+    return h && (be(o.domReference) && (D = Tt(o.domReference)), be(o.floating) && (D = D.concat(Tt(o.floating))), !be(o.reference) && o.reference && o.reference.contextElement && (D = D.concat(Tt(o.reference.contextElement)))), D = D.filter((B) => {
+      var k;
+      return B !== ((k = w.defaultView) == null ? void 0 : k.visualViewport);
+    }), D.forEach((B) => {
+      B.addEventListener("scroll", P, {
+        passive: !0
+      });
+    }), () => {
+      a && w.removeEventListener("keydown", M ? Z : K, M), x && w.removeEventListener(c, $ ? q : G, $), D.forEach((B) => {
+        B.removeEventListener("scroll", P);
+      });
+    };
+  }, [s, o, a, x, c, t, r, h, i, C, A, K, M, Z, G, $, q]), p.useEffect(() => {
+    v.current = !1;
+  }, [x, c]);
+  const O = p.useMemo(() => ({
+    onKeyDown: K,
+    [hs[d]]: (P) => {
+      f && r(!1, P.nativeEvent, "reference-press");
+    }
+  }), [K, r, f, d]), N = p.useMemo(() => ({
+    onKeyDown: K,
+    onMouseDown() {
+      b.current = !0;
+    },
+    onMouseUp() {
+      b.current = !0;
+    },
+    [ms[c]]: () => {
+      v.current = !0;
+    }
+  }), [K, c]);
+  return p.useMemo(() => i ? {
+    reference: O,
+    floating: N
+  } : {}, [i, O, N]);
+}
+function bs(e) {
+  const {
+    open: n = !1,
+    onOpenChange: t,
+    elements: r
+  } = e, o = Zt(), s = p.useRef({}), [i] = p.useState(() => Jo()), a = Jt() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const u = r.reference;
+    u && !be(u) && Zo("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+  }
+  const [l, c] = p.useState(r.reference), f = xe((u, m, g) => {
+    s.current.openEvent = u ? m : void 0, i.emit("openchange", {
+      open: u,
+      event: m,
+      reason: g,
+      nested: a
+    }), t?.(u, m, g);
+  }), d = p.useMemo(() => ({
+    setPositionReference: c
+  }), []), h = p.useMemo(() => ({
+    reference: l || r.reference || null,
+    floating: r.floating || null,
+    domReference: r.reference
+  }), [l, r.reference, r.floating]);
+  return p.useMemo(() => ({
+    dataRef: s,
+    open: n,
+    onOpenChange: f,
+    elements: h,
+    events: i,
+    floatingId: o,
+    refs: d
+  }), [n, f, h, i, o, d]);
+}
+function gs(e) {
+  e === void 0 && (e = {});
+  const {
+    nodeId: n
+  } = e, t = bs({
+    ...e,
+    elements: {
+      reference: null,
+      floating: null,
+      ...e.elements
+    }
+  }), r = e.rootContext || t, o = r.elements, [s, i] = p.useState(null), [a, l] = p.useState(null), f = o?.reference || s, d = p.useRef(null), h = Ct();
+  Q(() => {
+    f && (d.current = f);
+  }, [f]);
+  const u = zo({
+    ...e,
+    elements: {
+      ...o,
+      ...a && {
+        reference: a
+      }
+    }
+  }), m = p.useCallback((b) => {
+    const C = be(b) ? {
+      getBoundingClientRect: () => b.getBoundingClientRect(),
+      contextElement: b
+    } : b;
+    l(C), u.refs.setReference(C);
+  }, [u.refs]), g = p.useCallback((b) => {
+    (be(b) || b === null) && (d.current = b, i(b)), (be(u.refs.reference.current) || u.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    b !== null && !be(b)) && u.refs.setReference(b);
+  }, [u.refs]), E = p.useMemo(() => ({
+    ...u.refs,
+    setReference: g,
+    setPositionReference: m,
+    domReference: d
+  }), [u.refs, g, m]), x = p.useMemo(() => ({
+    ...u.elements,
+    domReference: f
+  }), [u.elements, f]), v = p.useMemo(() => ({
+    ...u,
+    ...r,
+    refs: E,
+    elements: x,
+    nodeId: n
+  }), [u, E, x, n, r]);
+  return Q(() => {
+    r.dataRef.current.floatingContext = v;
+    const b = h?.nodesRef.current.find((C) => C.id === n);
+    b && (b.context = v);
+  }), p.useMemo(() => ({
+    ...u,
+    context: v,
+    refs: E,
+    elements: x
+  }), [u, E, x, v]);
+}
+const Tn = "active", kn = "selected";
+function Lt(e, n, t) {
+  const r = /* @__PURE__ */ new Map(), o = t === "item";
+  let s = e;
+  if (o && e) {
+    const {
+      [Tn]: i,
+      [kn]: a,
+      ...l
+    } = e;
+    s = l;
+  }
+  return {
+    ...t === "floating" && {
+      tabIndex: -1,
+      [Wt]: ""
+    },
+    ...s,
+    ...n.map((i) => {
+      const a = i ? i[t] : null;
+      return typeof a == "function" ? e ? a(e) : null : a;
+    }).concat(e).reduce((i, a) => (a && Object.entries(a).forEach((l) => {
+      let [c, f] = l;
+      if (!(o && [Tn, kn].includes(c)))
+        if (c.indexOf("on") === 0) {
+          if (r.has(c) || r.set(c, []), typeof f == "function") {
+            var d;
+            (d = r.get(c)) == null || d.push(f), i[c] = function() {
+              for (var h, u = arguments.length, m = new Array(u), g = 0; g < u; g++)
+                m[g] = arguments[g];
+              return (h = r.get(c)) == null ? void 0 : h.map((E) => E(...m)).find((E) => E !== void 0);
+            };
+          }
+        } else
+          i[c] = f;
+    }), i), {})
+  };
+}
+function vs(e) {
+  e === void 0 && (e = []);
+  const n = e.map((a) => a?.reference), t = e.map((a) => a?.floating), r = e.map((a) => a?.item), o = p.useCallback(
+    (a) => Lt(a, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  ), s = p.useCallback(
+    (a) => Lt(a, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), i = p.useCallback(
+    (a) => Lt(a, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    r
+  );
+  return p.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: s,
+    getItemProps: i
+  }), [o, s, i]);
+}
+let Mn = !1;
+function Et(e, n, t) {
+  switch (e) {
+    case "vertical":
+      return n;
+    case "horizontal":
+      return t;
+    default:
+      return n || t;
+  }
+}
+function Nn(e, n) {
+  return Et(n, e === Yt || e === ot, e === He || e === Ye);
+}
+function zt(e, n, t) {
+  return Et(n, e === ot, t ? e === He : e === Ye) || e === "Enter" || e === " " || e === "";
+}
+function ys(e, n, t) {
+  return Et(n, t ? e === He : e === Ye, e === ot);
+}
+function Pn(e, n, t) {
+  return Et(n, t ? e === Ye : e === He, e === Yt);
+}
+function xs(e, n) {
+  const {
+    open: t,
+    onOpenChange: r,
+    elements: o
+  } = e, {
+    listRef: s,
+    activeIndex: i,
+    onNavigate: a = () => {
+    },
+    enabled: l = !0,
+    selectedIndex: c = null,
+    allowEscape: f = !1,
+    loop: d = !1,
+    nested: h = !1,
+    rtl: u = !1,
+    virtual: m = !1,
+    focusItemOnOpen: g = "auto",
+    focusItemOnHover: E = !0,
+    openOnArrowKeyDown: x = !0,
+    disabledIndices: v = void 0,
+    orientation: b = "vertical",
+    cols: C = 1,
+    scrollItemIntoView: A = !0,
+    virtualItemRef: M,
+    itemSizes: $,
+    dense: K = !1
+  } = n;
+  process.env.NODE_ENV !== "production" && (f && (d || At("`useListNavigation` looping must be enabled to allow escaping."), m || At("`useListNavigation` must be virtual to allow escaping.")), b === "vertical" && C > 1 && At("In grid list navigation mode (`cols` > 1), the `orientation` should", 'be either "horizontal" or "both".'));
+  const Z = fr(o.floating), G = Me(Z), q = Jt(), O = Ct(), N = xe(a), P = p.useRef(g), w = p.useRef(c ?? -1), D = p.useRef(null), B = p.useRef(!0), k = p.useRef(N), R = p.useRef(!!o.floating), U = p.useRef(t), te = p.useRef(!1), ve = p.useRef(!1), fe = Me(v), L = Me(t), T = Me(A), S = Me(c), [F, H] = p.useState(), [ee, ne] = p.useState(), Y = xe(function(_, z, I) {
+    I === void 0 && (I = !1);
+    function W(j) {
+      m ? (H(j.id), O?.events.emit("virtualfocus", j), M && (M.current = j)) : ke(j, {
+        preventScroll: !0,
+        // Mac Safari does not move the virtual cursor unless the focus call
+        // is sync. However, for the very first focus call, we need to wait
+        // for the position to be ready in order to prevent unwanted
+        // scrolling. This means the virtual cursor will not move to the first
+        // item when first opening the floating element, but will on
+        // subsequent calls. `preventScroll` is supported in modern Safari,
+        // so we can use that instead.
+        // iOS Safari must be async or the first item will not be focused.
+        sync: ho() && Jn() ? Mn || te.current : !1
+      });
+    }
+    const ie = _.current[z.current];
+    ie && W(ie), requestAnimationFrame(() => {
+      const j = _.current[z.current] || ie;
+      if (!j) return;
+      ie || W(j);
+      const re = T.current;
+      re && Ee && (I || !B.current) && (j.scrollIntoView == null || j.scrollIntoView(typeof re == "boolean" ? {
+        block: "nearest",
+        inline: "nearest"
+      } : re));
+    });
+  });
+  Q(() => {
+    document.createElement("div").focus({
+      get preventScroll() {
+        return Mn = !0, !1;
+      }
+    });
+  }, []), Q(() => {
+    l && (t && o.floating ? P.current && c != null && (ve.current = !0, w.current = c, N(c)) : R.current && (w.current = -1, k.current(null)));
+  }, [l, t, o.floating, c, N]), Q(() => {
+    if (l && t && o.floating)
+      if (i == null) {
+        if (te.current = !1, S.current != null)
+          return;
+        if (R.current && (w.current = -1, Y(s, w)), (!U.current || !R.current) && P.current && (D.current != null || P.current === !0 && D.current == null)) {
+          let _ = 0;
+          const z = () => {
+            s.current[0] == null ? (_ < 2 && (_ ? requestAnimationFrame : queueMicrotask)(z), _++) : (w.current = D.current == null || zt(D.current, b, u) || h ? Dt(s, fe.current) : gn(s, fe.current), D.current = null, N(w.current));
+          };
+          z();
+        }
+      } else Qe(s, i) || (w.current = i, Y(s, w, ve.current), ve.current = !1);
+  }, [l, t, o.floating, i, S, h, s, b, u, N, Y, fe]), Q(() => {
+    var _;
+    if (!l || o.floating || !O || m || !R.current)
+      return;
+    const z = O.nodesRef.current, I = (_ = z.find((j) => j.id === q)) == null || (_ = _.context) == null ? void 0 : _.elements.floating, W = Se(pe(o.floating)), ie = z.some((j) => j.context && ce(j.context.elements.floating, W));
+    I && !ie && B.current && I.focus({
+      preventScroll: !0
+    });
+  }, [l, o.floating, O, q, m]), Q(() => {
+    if (!l || !O || !m || q) return;
+    function _(z) {
+      ne(z.id), M && (M.current = z);
+    }
+    return O.events.on("virtualfocus", _), () => {
+      O.events.off("virtualfocus", _);
+    };
+  }, [l, O, m, q, M]), Q(() => {
+    k.current = N, R.current = !!o.floating;
+  }), Q(() => {
+    t || (D.current = null);
+  }, [t]), Q(() => {
+    U.current = t;
+  }, [t]);
+  const we = i != null, Ee = p.useMemo(() => {
+    function _(I) {
+      if (!t) return;
+      const W = s.current.indexOf(I);
+      W !== -1 && N(W);
+    }
+    return {
+      onFocus(I) {
+        let {
+          currentTarget: W
+        } = I;
+        _(W);
+      },
+      onClick: (I) => {
+        let {
+          currentTarget: W
+        } = I;
+        return W.focus({
+          preventScroll: !0
+        });
+      },
+      // Safari
+      ...E && {
+        onMouseMove(I) {
+          let {
+            currentTarget: W
+          } = I;
+          _(W);
+        },
+        onPointerLeave(I) {
+          let {
+            pointerType: W
+          } = I;
+          !B.current || W === "touch" || (w.current = -1, Y(s, w), N(null), m || ke(G.current, {
+            preventScroll: !0
+          }));
+        }
+      }
+    };
+  }, [t, G, Y, E, s, N, m]), J = xe((_) => {
+    if (B.current = !1, te.current = !0, !L.current && _.currentTarget === G.current)
+      return;
+    if (h && Pn(_.key, b, u)) {
+      ue(_), r(!1, _.nativeEvent, "list-navigation"), Re(o.domReference) && !m && o.domReference.focus();
+      return;
+    }
+    const z = w.current, I = Dt(s, v), W = gn(s, v);
+    if (_.key === "Home" && (ue(_), w.current = I, N(w.current)), _.key === "End" && (ue(_), w.current = W, N(w.current)), C > 1) {
+      const ie = $ || Array.from({
+        length: s.current.length
+      }, () => ({
+        width: 1,
+        height: 1
+      })), j = qo(ie, C, K), re = j.findIndex((ye) => ye != null && !dt(s.current, ye, v)), Be = j.reduce((ye, Oe, st) => Oe != null && !dt(s.current, Oe, v) ? st : ye, -1), Ze = j[Wo({
+        current: j.map((ye) => ye != null ? s.current[ye] : null)
+      }, {
+        event: _,
+        orientation: b,
+        loop: d,
+        cols: C,
+        // treat undefined (empty grid spaces) as disabled indices so we
+        // don't end up in them
+        disabledIndices: Uo([...v || s.current.map((ye, Oe) => dt(s.current, Oe) ? Oe : void 0), void 0], j),
+        minIndex: re,
+        maxIndex: Be,
+        prevIndex: Ho(
+          w.current > W ? I : w.current,
+          ie,
+          j,
+          C,
+          // use a corner matching the edge closest to the direction
+          // we're moving in so we don't end up in the same item. Prefer
+          // top/left over bottom/right.
+          _.key === ot ? "bl" : _.key === Ye ? "tr" : "tl"
+        ),
+        stopEvent: !0
+      })];
+      if (Ze != null && (w.current = Ze, N(w.current)), b === "both")
+        return;
+    }
+    if (Nn(_.key, b)) {
+      if (ue(_), t && !m && Se(_.currentTarget.ownerDocument) === _.currentTarget) {
+        w.current = zt(_.key, b, u) ? I : W, N(w.current);
+        return;
+      }
+      zt(_.key, b, u) ? d ? w.current = z >= W ? f && z !== s.current.length ? -1 : I : ae(s, {
+        startingIndex: z,
+        disabledIndices: v
+      }) : w.current = Math.min(W, ae(s, {
+        startingIndex: z,
+        disabledIndices: v
+      })) : d ? w.current = z <= I ? f && z !== -1 ? s.current.length : W : ae(s, {
+        startingIndex: z,
+        decrement: !0,
+        disabledIndices: v
+      }) : w.current = Math.max(I, ae(s, {
+        startingIndex: z,
+        decrement: !0,
+        disabledIndices: v
+      })), Qe(s, w.current) ? N(null) : N(w.current);
+    }
+  }), Ie = p.useMemo(() => m && t && we && {
+    "aria-activedescendant": ee || F
+  }, [m, t, we, ee, F]), he = p.useMemo(() => ({
+    "aria-orientation": b === "both" ? void 0 : b,
+    ...!Qn(o.domReference) && Ie,
+    onKeyDown: J,
+    onPointerMove() {
+      B.current = !0;
+    }
+  }), [Ie, J, o.domReference, b]), Ae = p.useMemo(() => {
+    function _(I) {
+      g === "auto" && Yn(I.nativeEvent) && (P.current = !0);
+    }
+    function z(I) {
+      P.current = g, g === "auto" && Zn(I.nativeEvent) && (P.current = !0);
+    }
+    return {
+      ...Ie,
+      onKeyDown(I) {
+        B.current = !1;
+        const W = I.key.indexOf("Arrow") === 0, ie = ys(I.key, b, u), j = Pn(I.key, b, u), re = Nn(I.key, b), Be = (h ? ie : re) || I.key === "Enter" || I.key.trim() === "";
+        if (m && t) {
+          const st = O?.nodesRef.current.find((it) => it.parentId == null), Te = O && st ? ns(O.nodesRef.current, st.id) : null;
+          if (W && Te && M) {
+            const it = new KeyboardEvent("keydown", {
+              key: I.key,
+              bubbles: !0
+            });
+            if (ie || j) {
+              var Ze, ye;
+              const Fr = ((Ze = Te.context) == null ? void 0 : Ze.elements.domReference) === I.currentTarget, cn = j && !Fr ? (ye = Te.context) == null ? void 0 : ye.elements.domReference : ie ? s.current.find((un) => un?.id === F) : null;
+              cn && (ue(I), cn.dispatchEvent(it), ne(void 0));
+            }
+            if (re && Te.context && Te.context.open && Te.parentId && I.currentTarget !== Te.context.elements.domReference) {
+              var Oe;
+              ue(I), (Oe = Te.context.elements.domReference) == null || Oe.dispatchEvent(it);
+              return;
+            }
+          }
+          return J(I);
+        }
+        if (!(!t && !x && W)) {
+          if (Be && (D.current = h && re ? null : I.key), h) {
+            ie && (ue(I), t ? (w.current = Dt(s, fe.current), N(w.current)) : r(!0, I.nativeEvent, "list-navigation"));
+            return;
+          }
+          re && (c != null && (w.current = c), ue(I), !t && x ? r(!0, I.nativeEvent, "list-navigation") : J(I), t && N(w.current));
+        }
+      },
+      onFocus() {
+        t && !m && N(null);
+      },
+      onPointerDown: z,
+      onMouseDown: _,
+      onClick: _
+    };
+  }, [F, Ie, J, fe, g, s, h, N, r, t, x, b, u, c, O, m, M]);
+  return p.useMemo(() => l ? {
+    reference: Ae,
+    floating: he,
+    item: Ee
+  } : {}, [l, Ae, he, Ee]);
+}
+const Cs = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function Es(e, n) {
+  var t;
+  n === void 0 && (n = {});
+  const {
+    open: r,
+    floatingId: o
+  } = e, {
+    enabled: s = !0,
+    role: i = "dialog"
+  } = n, a = (t = Cs.get(i)) != null ? t : i, l = Zt(), f = Jt() != null, d = p.useMemo(() => a === "tooltip" || i === "label" ? {
+    ["aria-" + (i === "label" ? "labelledby" : "describedby")]: r ? o : void 0
+  } : {
+    "aria-expanded": r ? "true" : "false",
+    "aria-haspopup": a === "alertdialog" ? "dialog" : a,
+    "aria-controls": r ? o : void 0,
+    ...a === "listbox" && {
+      role: "combobox"
+    },
+    ...a === "menu" && {
+      id: l
+    },
+    ...a === "menu" && f && {
+      role: "menuitem"
+    },
+    ...i === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...i === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [a, o, f, r, l, i]), h = p.useMemo(() => {
+    const m = {
+      id: o,
+      ...a && {
+        role: a
+      }
+    };
+    return a === "tooltip" || i === "label" ? m : {
+      ...m,
+      ...a === "menu" && {
+        "aria-labelledby": l
+      }
+    };
+  }, [a, o, l, i]), u = p.useCallback((m) => {
+    let {
+      active: g,
+      selected: E
+    } = m;
+    const x = {
+      role: "option",
+      ...g && {
+        id: o + "-option"
+      }
+    };
+    switch (i) {
+      case "select":
+        return {
+          ...x,
+          "aria-selected": g && E
+        };
+      case "combobox":
+        return {
+          ...x,
+          ...g && {
+            "aria-selected": !0
+          }
+        };
+    }
+    return {};
+  }, [o, i]);
+  return p.useMemo(() => s ? {
+    reference: d,
+    floating: h,
+    item: u
+  } : {}, [s, d, h, u]);
+}
+function Ke(e, n, t) {
+  let r = t.initialDeps ?? [], o, s = !0;
+  function i() {
+    var a, l, c;
+    let f;
+    t.key && ((a = t.debug) != null && a.call(t)) && (f = Date.now());
+    const d = e();
+    if (!(d.length !== r.length || d.some((m, g) => r[g] !== m)))
+      return o;
+    r = d;
+    let u;
+    if (t.key && ((l = t.debug) != null && l.call(t)) && (u = Date.now()), o = n(...d), t.key && ((c = t.debug) != null && c.call(t))) {
+      const m = Math.round((Date.now() - f) * 100) / 100, g = Math.round((Date.now() - u) * 100) / 100, E = g / 16, x = (v, b) => {
+        for (v = String(v); v.length < b; )
+          v = " " + v;
+        return v;
+      };
+      console.info(
+        `%c⏱ ${x(g, 5)} /${x(m, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * E, 120)
+        )}deg 100% 31%);`,
+        t?.key
+      );
+    }
+    return t?.onChange && !(s && t.skipInitialOnChange) && t.onChange(o), s = !1, o;
+  }
+  return i.updateDeps = (a) => {
+    r = a;
+  }, i;
+}
+function Dn(e, n) {
+  if (e === void 0)
+    throw new Error("Unexpected undefined");
+  return e;
+}
+const ws = (e, n) => Math.abs(e - n) < 1.01, Is = (e, n, t) => {
+  let r;
+  return function(...o) {
+    e.clearTimeout(r), r = e.setTimeout(() => n.apply(this, o), t);
+  };
+}, An = (e) => {
+  const { offsetWidth: n, offsetHeight: t } = e;
+  return { width: n, height: t };
+}, Rs = (e) => e, Ss = (e) => {
+  const n = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), r = [];
+  for (let o = n; o <= t; o++)
+    r.push(o);
+  return r;
+}, Os = (e, n) => {
+  const t = e.scrollElement;
+  if (!t)
+    return;
+  const r = e.targetWindow;
+  if (!r)
+    return;
+  const o = (i) => {
+    const { width: a, height: l } = i;
+    n({ width: Math.round(a), height: Math.round(l) });
+  };
+  if (o(An(t)), !r.ResizeObserver)
+    return () => {
+    };
+  const s = new r.ResizeObserver((i) => {
+    const a = () => {
+      const l = i[0];
+      if (l?.borderBoxSize) {
+        const c = l.borderBoxSize[0];
+        if (c) {
+          o({ width: c.inlineSize, height: c.blockSize });
+          return;
+        }
+      }
+      o(An(t));
+    };
+    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(a) : a();
+  });
+  return s.observe(t, { box: "border-box" }), () => {
+    s.unobserve(t);
+  };
+}, Fn = {
+  passive: !0
+}, _n = typeof window > "u" ? !0 : "onscrollend" in window, Ts = (e, n) => {
+  const t = e.scrollElement;
+  if (!t)
+    return;
+  const r = e.targetWindow;
+  if (!r)
+    return;
+  let o = 0;
+  const s = e.options.useScrollendEvent && _n ? () => {
+  } : Is(
+    r,
+    () => {
+      n(o, !1);
+    },
+    e.options.isScrollingResetDelay
+  ), i = (f) => () => {
+    const { horizontal: d, isRtl: h } = e.options;
+    o = d ? t.scrollLeft * (h && -1 || 1) : t.scrollTop, s(), n(o, f);
+  }, a = i(!0), l = i(!1);
+  t.addEventListener("scroll", a, Fn);
+  const c = e.options.useScrollendEvent && _n;
+  return c && t.addEventListener("scrollend", l, Fn), () => {
+    t.removeEventListener("scroll", a), c && t.removeEventListener("scrollend", l);
+  };
+}, ks = (e, n, t) => {
+  if (n?.borderBoxSize) {
+    const r = n.borderBoxSize[0];
+    if (r)
+      return Math.round(
+        r[t.options.horizontal ? "inlineSize" : "blockSize"]
+      );
+  }
+  return e[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, Ms = (e, {
+  adjustments: n = 0,
+  behavior: t
+}, r) => {
+  var o, s;
+  const i = e + n;
+  (s = (o = r.scrollElement) == null ? void 0 : o.scrollTo) == null || s.call(o, {
+    [r.options.horizontal ? "left" : "top"]: i,
+    behavior: t
+  });
+};
+class Ns {
+  constructor(n) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+      let t = null;
+      const r = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((o) => {
+        o.forEach((s) => {
+          const i = () => {
+            this._measureElement(s.target, s);
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
+        });
+      }));
+      return {
+        disconnect: () => {
+          var o;
+          (o = r()) == null || o.disconnect(), t = null;
+        },
+        observe: (o) => {
+          var s;
+          return (s = r()) == null ? void 0 : s.observe(o, { box: "border-box" });
+        },
+        unobserve: (o) => {
+          var s;
+          return (s = r()) == null ? void 0 : s.unobserve(o);
+        }
+      };
+    })(), this.range = null, this.setOptions = (t) => {
+      Object.entries(t).forEach(([r, o]) => {
+        typeof o > "u" && delete t[r];
+      }), this.options = {
+        debug: !1,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: !1,
+        getItemKey: Rs,
+        rangeExtractor: Ss,
+        onChange: () => {
+        },
+        measureElement: ks,
+        initialRect: { width: 0, height: 0 },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        isScrollingResetDelay: 150,
+        enabled: !0,
+        isRtl: !1,
+        useScrollendEvent: !1,
+        useAnimationFrameWithResizeObserver: !1,
+        ...t
+      };
+    }, this.notify = (t) => {
+      var r, o;
+      (o = (r = this.options).onChange) == null || o.call(r, this, t);
+    }, this.maybeNotify = Ke(
+      () => (this.calculateRange(), [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]),
+      (t) => {
+        this.notify(t);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    ), this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
+      var t;
+      const r = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== r) {
+        if (this.cleanup(), !r) {
+          this.maybeNotify();
+          return;
+        }
+        this.scrollElement = r, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((o) => {
+          this.observer.observe(o);
+        }), this.unsubs.push(
+          this.options.observeElementRect(this, (o) => {
+            this.scrollRect = o, this.maybeNotify();
+          })
+        ), this.unsubs.push(
+          this.options.observeElementOffset(this, (o, s) => {
+            this.scrollAdjustments = 0, this.scrollDirection = s ? this.getScrollOffset() < o ? "forward" : "backward" : null, this.scrollOffset = o, this.isScrolling = s, this.maybeNotify();
+          })
+        ), this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+      }
+    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, r) => {
+      const o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+      for (let i = r - 1; i >= 0; i--) {
+        const a = t[i];
+        if (o.has(a.lane))
+          continue;
+        const l = s.get(
+          a.lane
+        );
+        if (l == null || a.end > l.end ? s.set(a.lane, a) : a.end < l.end && o.set(a.lane, !0), o.size === this.options.lanes)
+          break;
+      }
+      return s.size === this.options.lanes ? Array.from(s.values()).sort((i, a) => i.end === a.end ? i.index - a.index : i.end - a.end)[0] : void 0;
+    }, this.getMeasurementOptions = Ke(
+      () => [
+        this.options.count,
+        this.options.paddingStart,
+        this.options.scrollMargin,
+        this.options.getItemKey,
+        this.options.enabled,
+        this.options.lanes
+      ],
+      (t, r, o, s, i, a) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMeasuredCacheIndexes = [], {
+        count: t,
+        paddingStart: r,
+        scrollMargin: o,
+        getItemKey: s,
+        enabled: i,
+        lanes: a
+      }),
+      {
+        key: !1
+      }
+    ), this.getMeasurements = Ke(
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
+      ({ count: t, paddingStart: r, scrollMargin: o, getItemKey: s, enabled: i, lanes: a }, l) => {
+        if (!i)
+          return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+        if (this.laneAssignments.size > t)
+          for (const h of this.laneAssignments.keys())
+            h >= t && this.laneAssignments.delete(h);
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
+          this.itemSizeCache.set(h.key, h.size);
+        }));
+        const c = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1);
+        const f = this.measurementsCache.slice(0, c), d = new Array(a).fill(
+          void 0
+        );
+        for (let h = 0; h < c; h++) {
+          const u = f[h];
+          u && (d[u.lane] = h);
+        }
+        for (let h = c; h < t; h++) {
+          const u = s(h), m = this.laneAssignments.get(h);
+          let g, E;
+          if (m !== void 0 && this.options.lanes > 1) {
+            g = m;
+            const C = d[g], A = C !== void 0 ? f[C] : void 0;
+            E = A ? A.end + this.options.gap : r + o;
+          } else {
+            const C = this.options.lanes === 1 ? f[h - 1] : this.getFurthestMeasurement(f, h);
+            E = C ? C.end + this.options.gap : r + o, g = C ? C.lane : h % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(h, g);
+          }
+          const x = l.get(u), v = typeof x == "number" ? x : this.options.estimateSize(h), b = E + v;
+          f[h] = {
+            index: h,
+            start: E,
+            size: v,
+            end: b,
+            key: u,
+            lane: g
+          }, d[g] = h;
+        }
+        return this.measurementsCache = f, f;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getMeasurements",
+        debug: () => this.options.debug
+      }
+    ), this.calculateRange = Ke(
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (t, r, o, s) => this.range = t.length > 0 && r > 0 ? Ps({
+        measurements: t,
+        outerSize: r,
+        scrollOffset: o,
+        lanes: s
+      }) : null,
+      {
+        key: process.env.NODE_ENV !== "production" && "calculateRange",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualIndexes = Ke(
+      () => {
+        let t = null, r = null;
+        const o = this.calculateRange();
+        return o && (t = o.startIndex, r = o.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, r]), [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          t,
+          r
+        ];
+      },
+      (t, r, o, s, i) => s === null || i === null ? [] : t({
+        startIndex: s,
+        endIndex: i,
+        overscan: r,
+        count: o
+      }),
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
+        debug: () => this.options.debug
+      }
+    ), this.indexFromElement = (t) => {
+      const r = this.options.indexAttribute, o = t.getAttribute(r);
+      return o ? parseInt(o, 10) : (console.warn(
+        `Missing attribute name '${r}={index}' on measured element.`
+      ), -1);
+    }, this._measureElement = (t, r) => {
+      const o = this.indexFromElement(t), s = this.measurementsCache[o];
+      if (!s)
+        return;
+      const i = s.key, a = this.elementsCache.get(i);
+      a !== t && (a && this.observer.unobserve(a), this.observer.observe(t), this.elementsCache.set(i, t)), t.isConnected && this.resizeItem(o, this.options.measureElement(t, r, this));
+    }, this.resizeItem = (t, r) => {
+      const o = this.measurementsCache[t];
+      if (!o)
+        return;
+      const s = this.itemSizeCache.get(o.key) ?? o.size, i = r - s;
+      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(o, i, this) : o.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += i,
+        behavior: void 0
+      })), this.pendingMeasuredCacheIndexes.push(o.index), this.itemSizeCache = new Map(this.itemSizeCache.set(o.key, r)), this.notify(!1));
+    }, this.measureElement = (t) => {
+      if (!t) {
+        this.elementsCache.forEach((r, o) => {
+          r.isConnected || (this.observer.unobserve(r), this.elementsCache.delete(o));
+        });
+        return;
+      }
+      this._measureElement(t, void 0);
+    }, this.getVirtualItems = Ke(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (t, r) => {
+        const o = [];
+        for (let s = 0, i = t.length; s < i; s++) {
+          const a = t[s], l = r[a];
+          o.push(l);
+        }
+        return o;
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualItemForOffset = (t) => {
+      const r = this.getMeasurements();
+      if (r.length !== 0)
+        return Dn(
+          r[hr(
+            0,
+            r.length - 1,
+            (o) => Dn(r[o]).start,
+            t
+          )]
+        );
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement)
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const t = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? t.scrollWidth - this.scrollElement.innerWidth : t.scrollHeight - this.scrollElement.innerHeight;
+      }
+    }, this.getOffsetForAlignment = (t, r, o = 0) => {
+      if (!this.scrollElement) return 0;
+      const s = this.getSize(), i = this.getScrollOffset();
+      r === "auto" && (r = t >= i + s ? "end" : "start"), r === "center" ? t += (o - s) / 2 : r === "end" && (t -= s);
+      const a = this.getMaxScrollOffset();
+      return Math.max(Math.min(a, t), 0);
+    }, this.getOffsetForIndex = (t, r = "auto") => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const o = this.measurementsCache[t];
+      if (!o)
+        return;
+      const s = this.getSize(), i = this.getScrollOffset();
+      if (r === "auto")
+        if (o.end >= i + s - this.options.scrollPaddingEnd)
+          r = "end";
+        else if (o.start <= i + this.options.scrollPaddingStart)
+          r = "start";
+        else
+          return [i, r];
+      if (r === "end" && t === this.options.count - 1)
+        return [this.getMaxScrollOffset(), r];
+      const a = r === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
+      return [
+        this.getOffsetForAlignment(a, r, o.size),
+        r
+      ];
+    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (t, { align: r = "start", behavior: o } = {}) => {
+      o === "smooth" && this.isDynamicMode() && console.warn(
+        "The `smooth` scroll behavior is not fully supported with dynamic size."
+      ), this._scrollToOffset(this.getOffsetForAlignment(t, r), {
+        adjustments: void 0,
+        behavior: o
+      });
+    }, this.scrollToIndex = (t, { align: r = "auto", behavior: o } = {}) => {
+      o === "smooth" && this.isDynamicMode() && console.warn(
+        "The `smooth` scroll behavior is not fully supported with dynamic size."
+      ), t = Math.max(0, Math.min(t, this.options.count - 1)), this.currentScrollToIndex = t;
+      let s = 0;
+      const i = 10, a = (c) => {
+        if (!this.targetWindow) return;
+        const f = this.getOffsetForIndex(t, c);
+        if (!f) {
+          console.warn("Failed to get offset for index:", t);
+          return;
+        }
+        const [d, h] = f;
+        this._scrollToOffset(d, { adjustments: void 0, behavior: o }), this.targetWindow.requestAnimationFrame(() => {
+          const u = () => {
+            if (this.currentScrollToIndex !== t) return;
+            const m = this.getScrollOffset(), g = this.getOffsetForIndex(t, h);
+            if (!g) {
+              console.warn("Failed to get offset for index:", t);
+              return;
+            }
+            ws(g[0], m) || l(h);
+          };
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(u) : u();
+        });
+      }, l = (c) => {
+        this.targetWindow && this.currentScrollToIndex === t && (s++, s < i ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", s, i), this.targetWindow.requestAnimationFrame(() => a(c))) : console.warn(
+          `Failed to scroll to index ${t} after ${i} attempts.`
+        ));
+      };
+      a(r);
+    }, this.scrollBy = (t, { behavior: r } = {}) => {
+      r === "smooth" && this.isDynamicMode() && console.warn(
+        "The `smooth` scroll behavior is not fully supported with dynamic size."
+      ), this._scrollToOffset(this.getScrollOffset() + t, {
+        adjustments: void 0,
+        behavior: r
+      });
+    }, this.getTotalSize = () => {
+      var t;
+      const r = this.getMeasurements();
+      let o;
+      if (r.length === 0)
+        o = this.options.paddingStart;
+      else if (this.options.lanes === 1)
+        o = ((t = r[r.length - 1]) == null ? void 0 : t.end) ?? 0;
+      else {
+        const s = Array(this.options.lanes).fill(null);
+        let i = r.length - 1;
+        for (; i >= 0 && s.some((a) => a === null); ) {
+          const a = r[i];
+          s[a.lane] === null && (s[a.lane] = a.end), i--;
+        }
+        o = Math.max(...s.filter((a) => a !== null));
+      }
+      return Math.max(
+        o - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
+    }, this._scrollToOffset = (t, {
+      adjustments: r,
+      behavior: o
+    }) => {
+      this.options.scrollToFn(t, { behavior: o, adjustments: r }, this);
+    }, this.measure = () => {
+      this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
+    }, this.setOptions(n);
+  }
+}
+const hr = (e, n, t, r) => {
+  for (; e <= n; ) {
+    const o = (e + n) / 2 | 0, s = t(o);
+    if (s < r)
+      e = o + 1;
+    else if (s > r)
+      n = o - 1;
+    else
+      return o;
+  }
+  return e > 0 ? e - 1 : 0;
+};
+function Ps({
+  measurements: e,
+  outerSize: n,
+  scrollOffset: t,
+  lanes: r
+}) {
+  const o = e.length - 1, s = (l) => e[l].start;
+  if (e.length <= r)
+    return {
+      startIndex: 0,
+      endIndex: o
+    };
+  let i = hr(
+    0,
+    o,
+    s,
+    t
+  ), a = i;
+  if (r === 1)
+    for (; a < o && e[a].end < t + n; )
+      a++;
+  else if (r > 1) {
+    const l = Array(r).fill(0);
+    for (; a < o && l.some((f) => f < t + n); ) {
+      const f = e[a];
+      l[f.lane] = f.end, a++;
+    }
+    const c = Array(r).fill(t + n);
+    for (; i >= 0 && c.some((f) => f >= t); ) {
+      const f = e[i];
+      c[f.lane] = f.start, i--;
+    }
+    i = Math.max(0, i - i % r), a = Math.min(o, a + (r - 1 - a % r));
+  }
+  return { startIndex: i, endIndex: a };
+}
+const Ln = typeof document < "u" ? p.useLayoutEffect : p.useEffect;
+function Ds({
+  useFlushSync: e = !0,
+  ...n
+}) {
+  const t = p.useReducer(() => ({}), {})[1], r = {
+    ...n,
+    onChange: (s, i) => {
+      var a;
+      e && i ? $n(t) : t(), (a = n.onChange) == null || a.call(n, s, i);
+    }
+  }, [o] = p.useState(
+    () => new Ns(r)
+  );
+  return o.setOptions(r), Ln(() => o._didMount(), []), Ln(() => o._willUpdate()), o;
+}
+function As(e) {
+  return Ds({
+    observeElementRect: Os,
+    observeElementOffset: Ts,
+    scrollToFn: Ms,
+    ...e
+  });
+}
+const De = Pe(void 0), mr = Pe({
+  activeIndex: 0
+}), Fs = (e, n) => n.type === "SET_ACTIVE_INDEX" ? {
+  ...e,
+  activeIndex: n.payload
+} : e, pr = Pe(() => {
+  throw new Error("ComboboxIdDispatch must be used within a provider");
+}), _s = ({ children: e }) => {
+  const [n, t] = _r(Fs, {
+    activeIndex: 0
+  });
+  return y(mr.Provider, { value: n, children: y(pr.Provider, { value: t, children: e }) });
+};
+function en() {
+  return oe(pr);
+}
+function wt() {
+  return oe(mr);
+}
+const br = V(({ asChild: e, interactive: n, id: t, className: r, ...o }, s) => {
+  if (n && !t)
+    throw new Error("If ComboboxCustom is interactive, it must have an id");
+  const i = e ? se : "div", a = ze(), { activeIndex: l } = wt(), c = oe(De);
+  if (!c)
+    throw new Error("ComboboxCustom must be used within a Combobox");
+  const { customIds: f, setListRef: d, getItemProps: h, size: u } = c, m = Le(() => t && f.indexOf(t) || 0, [t, f]), g = Gt([
+    (E) => {
+      d(m, E);
+    },
+    s
+  ]);
+  return y(Ne, { "data-size": u, asChild: !0, children: y(i, { ref: g, tabIndex: -1, className: X("ds-combobox__custom", r), id: t || a, role: "option", "aria-selected": l === m, "data-active": l === m, ...We(["interactive"], o), ...We(["onClick", "onPointerLeave"], h()) }) });
+}), gr = ({ size: e, error: n, formFieldProps: t }) => y("div", { className: "ds-combobox__error-message", id: t.errorId, "aria-live": "polite", "aria-relevant": "additions removals", children: n && y(Ut, { "data-size": e, children: n }) });
+gr.displayName = "ComboboxError";
+function Ls(e) {
+  return Vn(e) && e.type === br;
+}
+function zs(e) {
+  return Ls(e) && e.props.interactive === !0;
+}
+const vr = "internal-option-", me = (e) => vr + e, qt = (e) => e.slice(vr.length), Je = (e, n) => {
+  const t = e.value;
+  e.value = n;
+  const r = e._valueTracker;
+  typeof r < "u" && r.setValue(t), e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}, yr = V(function({ asChild: n, className: t, ...r }, o) {
+  return y(n ? se : "button", { className: X("ds-chip", t), type: n ? void 0 : "button", ref: o, ...r });
+}), xr = V(function(n, t) {
+  return y(yr, { "data-removable": !0, ref: t, ...n });
+}), Cr = V(function({ asChild: n, children: t, className: r, "data-size": o, "data-color": s, ...i }, a) {
+  const l = i.type ?? "checkbox";
+  return le(n ? se : "label", { className: X("ds-chip", r), "data-size": o, "data-color": s, ref: a, children: [y(vt, { ...i, type: l }), y(Br, { children: t })] });
+}), Vs = V(function(n, t) {
+  return y(Cr, { ref: t, type: "radio", ...n });
+}), It = {
+  Button: yr,
+  Checkbox: Cr,
+  Radio: Vs,
+  Removable: xr
+};
+It.Button.displayName = "Chip.Button";
+It.Checkbox.displayName = "Chip.Checkbox";
+It.Radio.displayName = "Chip.Radio";
+It.Removable.displayName = "Chip.Removable";
+const Er = () => {
+  const e = oe(De);
+  if (!e)
+    throw new Error("ComboboxContext is missing");
+  const { size: n, readOnly: t, disabled: r, selectedOptions: o, chipSrLabel: s, handleSelectOption: i, inputRef: a } = e;
+  return y(Ht, { children: Object.keys(o).map((l) => y(xr, { "data-size": n, disabled: r, onKeyDown: (c) => {
+    t || r || c.key === "Enter" && (c.stopPropagation(), i({
+      option: o[l],
+      remove: !0
+    }), a?.current?.focus());
+  }, onClick: () => {
+    t || r || i({
+      option: o[l],
+      remove: !0
+    });
+  }, "aria-label": s(o[l]), children: o[l].label }, l)) });
+};
+Er.displayName = "ComboboxChips";
+const wr = V((e, n) => {
+  const t = oe(De);
+  if (!t)
+    throw new Error("ComboboxContext is missing");
+  const { readOnly: r, disabled: o, clearButtonLabel: s, handleSelectOption: i } = t;
+  return y("button", { ...e, ref: n, disabled: o, className: X("ds-combobox__clear-button", "ds-focus"), onClick: () => {
+    r || o || i({ option: null, clear: !0 });
+  }, onKeyDown: (a) => {
+    r || o || a.key === "Enter" && (a.stopPropagation(), i({ option: null, clear: !0 }));
+  }, type: "button", "aria-label": s, children: y(qr, { fontSize: "1.5em", title: "Clear selection" }) });
+});
+wr.displayName = "ComboboxClearButton";
+const Ir = ({ hideClearButton: e, listId: n, error: t, hideChips: r, handleKeyDown: o, ...s }) => {
+  const i = oe(De), a = en(), l = ge(null);
+  if (!i)
+    throw new Error("ComboboxContext is missing");
+  const c = (w) => {
+    a?.({ type: "SET_ACTIVE_INDEX", payload: w });
+  }, { forwareddRef: f, readOnly: d, disabled: h, open: u, inputRef: m, refs: g, inputValue: E, multiple: x, selectedOptions: v, formFieldProps: b, htmlSize: C, options: A, setOpen: M, getReferenceProps: $, setInputValue: K, handleSelectOption: Z, size: G } = i, q = Gt([f, m]), O = (w) => {
+    const D = w.target.value;
+    K(D), c(0);
+    for (const B of Object.values(A))
+      if (B.label.toLowerCase() === D.toLowerCase()) {
+        if (v[me(B.value)])
+          continue;
+        Z({ option: B });
+      }
+  }, N = !e && Object.keys(v).length > 0, P = $({
+    ref: g?.setReference,
+    role: null,
+    "aria-controls": null,
+    "aria-expanded": null,
+    "aria-haspopup": null,
+    /* If we click the wrapper, toggle open, set index to first option, and focus the input */
+    onClick(w) {
+      h || d || l.current?.contains(w.target) || (M(!u), c(0), m.current?.focus());
+    },
+    /* Handles list navigation */
+    onKeyDown: o,
+    // preventDefault on keydown to avoid sending in form
+    onKeyPress(w) {
+      w.key === "Enter" && w.preventDefault();
+    }
+  });
+  return y(Bt, { "data-size": G, asChild: !0, children: le("div", { ...P, "aria-disabled": h ? "true" : void 0, className: X("ds-textfield__input", "ds-combobox__input__wrapper", d && "ds-combobox--readonly", t && "ds-combobox--error"), children: [le("div", { className: "ds-combobox__chip-and-input", children: [x && !r && y(Er, {}), y(Bt, { "data-size": G, asChild: !0, children: y("input", { ref: q, "aria-activedescendant": P["aria-activedescendant"], readOnly: d, "aria-autocomplete": "list", role: "combobox", "aria-expanded": u, "aria-controls": u ? n : void 0, autoComplete: "off", size: C, value: E, ...We(["style", "className"], s), ...b.inputProps, className: "ds-combobox__input", onChange: (w) => {
+    O(w), !u && M(!0), s.onChange?.(w);
+  } }) })] }), N && y(wr, { ref: l }), y("div", { className: "ds-combobox__arrow", children: u ? y(Hr, { title: "arrow up", fontSize: "1.5em" }) : y(Ur, { title: "arrow down", fontSize: "1.5em" }) })] }) });
+};
+Ir.displayName = "ComboboxInput";
+const Rr = ({ label: e, description: n, hideLabel: t, size: r, readOnly: o, formFieldProps: s }) => le(Ht, { children: [e && le(Ne, { "data-size": r, htmlFor: s.inputProps.id, className: X("ds-combobox__label", t && "ds-sr-only"), children: [o && y(eo, { "aria-hidden": !0, className: "ds-combobox__readonly__icon" }), e] }), n && y(Bt, { asChild: !0, "data-size": r, children: y("div", { id: s.descriptionId, className: X("ds-combobox__description", t && "ds-sr-only"), children: n }) })] });
+Rr.displayName = "ComboboxLabel";
+const Sr = ({ selectedOptions: e, multiple: n, name: t }) => {
+  const r = Object.keys(e).map((o) => qt(o));
+  return y("select", { name: t, multiple: n, style: { display: "none" }, value: n ? r : r[0], onChange: () => {
+  }, children: r.map((o) => y("option", { value: o }, o)) });
+};
+Sr.displayName = "ComboboxNative";
+const Or = V(({ children: e, className: n, ...t }, r) => y("span", { className: X("ds-combobox__option__description", n), ref: r, ...t, children: e }));
+Or.displayName = "ComboboxOptionDescription";
+const Tr = ({ multiple: e, selected: n }) => y("div", { className: X(e && "ds-combobox__option__icon-wrapper", n && "ds-combobox__option__icon-wrapper--selected"), children: n && y(Gr, { className: "ds-combobox__option__icon-wrapper__icon", "aria-hidden": !0 }) });
+Tr.displayName = "SelectedIcon";
+const Bs = ({ id: e, ref: n, value: t }) => {
+  const r = ze(), o = e || r, s = oe(De), { activeIndex: i } = wt(), a = en();
+  if (!s)
+    throw new Error("ComboboxOption must be used within a Combobox");
+  const { selectedOptions: l, onOptionClick: c, setListRef: f, customIds: d, filteredOptions: h } = s, u = Le(() => h.indexOf(me(String(t))) + d.length, [d.length, h, t]), m = Gt([
+    (v) => {
+      f(u, v);
+    },
+    n
+  ]);
+  if (u === -1)
+    throw new Error("Internal error: ComboboxOption did not find index");
+  const g = l[me(t)], E = i === u;
+  de(() => {
+    E && a?.({ type: "SET_ACTIVE_INDEX", payload: u });
+  }, [r, e, a, E, u]);
+  const x = Xt(() => c(t), 50);
+  return {
+    id: o,
+    ref: m,
+    selected: g,
+    active: E,
+    onOptionClick: x
+  };
+}, tn = Lr(V(({ value: e, description: n, children: t, className: r, ...o }, s) => {
+  const i = ze(), { id: a, ref: l, selected: c, active: f, onOptionClick: d } = Bs({
+    id: o.id,
+    ref: s,
+    value: e
+  }), h = oe(De);
+  if (!h)
+    throw new Error("ComboboxOption must be used within a Combobox");
+  const { size: u, multiple: m, getItemProps: g } = h, E = g();
+  return y(Ne, { "data-size": "md", asChild: !0, children: le("button", { ref: l, id: a, role: "option", type: "button", "aria-selected": !!c, "aria-labelledby": i, tabIndex: -1, onClick: (x) => {
+    d(), o.onClick?.(x);
+  }, className: X("ds-combobox__option", f && "ds-combobox__option--active", m && "ds-combobox__option--multiple", r), ...We(["displayValue"], o), ...We(["onClick", "onPointerLeave"], E), children: [y(Ne, { asChild: !0, "data-size": u, children: y("span", { children: y(Tr, { multiple: m, selected: !!c }) }) }), le(Ne, { className: "ds-combobox__option__label", "data-size": u, id: i, children: [t, n && y(Or, { children: n })] })] }) });
+}));
+tn.displayName = "ComboboxOption";
+function $s(e) {
+  return Vn(e) && e.type === tn;
+}
+const Ks = (e) => !!e;
+function js({ children: e, inputValue: n, multiple: t, filter: r = (s, i) => i.label.toLowerCase().startsWith(s.toLowerCase()), initialValue: o }) {
+  const s = zr(r, [r]), { optionsChildren: i, customIds: a, restChildren: l, interactiveChildren: c } = Le(() => dn.toArray(e).reduce((v, b) => {
+    if ($s(b))
+      v.optionsChildren.push(b);
+    else if (v.restChildren.push(b), zs(b)) {
+      const C = b;
+      if (v.interactiveChildren.push(C), !C.props.id)
+        throw new Error("If ComboboxCustom is interactive, it must have an id");
+      v.customIds.push(C.props.id);
+    }
+    return v;
+  }, {
+    optionsChildren: [],
+    customIds: [],
+    restChildren: [],
+    interactiveChildren: []
+  }), [e]), f = Le(() => {
+    const E = [], x = {};
+    return i.map((v) => {
+      const b = v.props;
+      let C = b.displayValue || "";
+      if (!b.displayValue) {
+        let A = "";
+        dn.forEach(b.children, (M) => {
+          if (typeof M == "string")
+            A += M;
+          else
+            throw new Error("If ComboboxOption is not a string, it must have a displayValue prop");
+        }), C = A;
+      }
+      return E.includes(b.value) && console.warn(`Combobox has multiple options with the same value: ${b.value}`), E.push(b.value), x[me(String(b.value))] = {
+        value: String(b.value),
+        label: C,
+        displayValue: b.displayValue,
+        description: b.description
+      }, null;
+    }), x;
+  }, [i]), d = Le(() => (o?.map((E) => me(E)) || []).reduce((E, x) => {
+    const v = f[x];
+    return Ks(v) && (E[x] = v), E;
+  }, {}), [o, f]), [h, u] = Ce(d), { filteredOptions: m, filteredOptionsChildren: g } = Le(() => {
+    const E = [], x = Object.keys(f).map((v, b) => !t && Object.keys(h).length === 1 || t && h[v] || s(n, f[v]) ? (E.push(v), i[b]) : null).filter((v) => v);
+    return { filteredOptions: E, filteredOptionsChildren: x };
+  }, [
+    s,
+    n,
+    t,
+    f,
+    i,
+    h
+  ]);
+  return {
+    filteredOptionsChildren: g,
+    filteredOptions: m,
+    restChildren: l,
+    options: f,
+    customIds: a,
+    selectedOptions: h,
+    interactiveChildren: c,
+    setSelectedOptions: u
+  };
+}
+const Ws = ({ readOnly: e, disabled: n, interactiveChildren: t, filteredOptions: r, inputValue: o, selectedOptions: s, multiple: i, open: a, options: l, setOpen: c, handleSelectOption: f }) => {
+  const { activeIndex: d } = wt();
+  return Xt((m) => {
+    if (!(e || n) && m)
+      switch (m.key) {
+        case "ArrowDown":
+          if (m.preventDefault(), a)
+            break;
+          c(!0);
+          break;
+        case "ArrowUp":
+          if (m.preventDefault(), d !== 0)
+            break;
+          c(!1);
+          break;
+        case "Enter": {
+          if (m.preventDefault(), !a)
+            break;
+          if (d <= t.length - 1) {
+            const x = t[d];
+            if (x.props.onSelect) {
+              x?.props.onSelect();
+              return;
+            }
+          }
+          const g = d - t.length, E = r[g];
+          f({ option: l[E] });
+          break;
+        }
+        case "Backspace":
+          if (!i) {
+            const g = Object.keys(s).pop();
+            g && f({
+              option: s[g],
+              remove: !0
+            });
+            break;
+          }
+          if (o === "" && i) {
+            const g = Object.keys(s).pop();
+            g && f({
+              option: s[g],
+              remove: !0
+            });
+          }
+          break;
+      }
+  }, 20);
+}, qs = ({ listRef: e }) => {
+  const [n, t] = Ce(!1), { activeIndex: r } = wt(), o = en(), { refs: s, floatingStyles: i, context: a } = gs({
+    open: n,
+    onOpenChange: (m) => {
+      m || o?.({ type: "SET_ACTIVE_INDEX", payload: 0 }), $n(() => {
+        s.floating.current && !m && (s.floating.current.scrollTop = 0), setTimeout(() => {
+          t(m);
+        }, 1);
+      });
+    },
+    whileElementsMounted: (m, g, E) => (qn(m, g, E), () => {
+      g.scrollTop = 0;
+    }),
+    middleware: [
+      Bo({ padding: 10 }),
+      $o({
+        apply({ rects: m, elements: g }) {
+          requestAnimationFrame(() => {
+            Object.assign(g.floating.style, {
+              width: `${m.reference.width}px`,
+              maxHeight: "200px"
+            });
+          });
+        }
+      }),
+      Vo(10)
+    ]
+  }), l = Es(a, { role: "listbox" }), c = ps(a), f = xs(a, {
+    listRef: e,
+    activeIndex: r,
+    virtual: !0,
+    scrollItemIntoView: !0,
+    enabled: n,
+    focusItemOnHover: !0,
+    onNavigate: (m) => {
+      o?.({ type: "SET_ACTIVE_INDEX", payload: m || 0 });
+    }
+  }), { getReferenceProps: d, getFloatingProps: h, getItemProps: u } = vs([l, c, f]);
+  return {
+    open: n,
+    setOpen: t,
+    activeIndex: r,
+    refs: s,
+    floatingStyles: i,
+    context: a,
+    getReferenceProps: d,
+    getFloatingProps: h,
+    getItemProps: u
+  };
+}, Hs = Pe(null), Us = (e, n) => {
+  const t = oe(Hs), r = ze(), o = e.id ?? `${n}-${r}`, s = e.errorId ?? `${n}-error-${r}`, i = `${n}-description-${r}`, a = e.size ?? t?.size ?? "md", l = t?.disabled || e?.disabled, c = !l && !!(e.error || t?.error);
+  return {
+    hasError: c,
+    errorId: s,
+    descriptionId: i,
+    size: a,
+    inputProps: {
+      id: o,
+      disabled: l,
+      "aria-invalid": c ? !0 : void 0,
+      "aria-describedby": X(e["aria-describedby"], !!e?.description && typeof e?.description == "string" && i, c && !t?.error && s, c && !!t?.error && t?.errorId) || void 0
+    }
+  };
+}, Xs = V(({ value: e, initialValue: n = [], onValueChange: t, label: r, hideLabel: o = !1, description: s, multiple: i = !1, disabled: a = !1, readOnly: l = !1, hideChips: c = !1, clearButtonLabel: f = "Fjern alt", hideClearButton: d = !1, error: h, errorId: u, id: m, name: g, portal: E = !0, htmlSize: x = 0, virtual: v = !1, children: b, style: C, size: A = "md", loading: M, loadingLabel: $ = "Laster...", filter: K, chipSrLabel: Z = (N) => "Slett " + N.label, className: G, ...q }, O) => {
+  const N = ge(null), P = ge(null), w = ge([]), [D, B] = Ce(q.inputValue || "");
+  de(() => {
+    typeof q.inputValue == "string" && B(q.inputValue);
+  }, [q.inputValue]);
+  const { selectedOptions: k, options: R, restChildren: U, interactiveChildren: te, customIds: ve, filteredOptionsChildren: fe, filteredOptions: L, setSelectedOptions: T } = js({
+    children: b,
+    inputValue: D,
+    filter: K,
+    multiple: i,
+    initialValue: n
+  }), { open: S, setOpen: F, refs: H, floatingStyles: ee, context: ne, getReferenceProps: Y, getFloatingProps: we, getItemProps: Ee } = qs({
+    listRef: w
+  }), J = Us({
+    disabled: a,
+    error: h,
+    errorId: u,
+    size: A,
+    description: s,
+    id: m
+  }, "combobox");
+  de(() => {
+    if (e && e.length > 0 && !i) {
+      const z = R[me(e[0])];
+      N.current && Je(N.current, z?.label || "");
+    }
+  }, [i, e, R]), de(() => {
+    if (e && Object.keys(R).length >= 0) {
+      const z = e.map((I) => R[me(I)]);
+      T(z.reduce((I, W) => (I[me(W.value)] = W, I), {}));
+    }
+  }, [i, e, R, T]);
+  const he = Xt((z) => {
+    const { option: I, clear: W, remove: ie } = z;
+    if (W) {
+      T({}), N.current && Je(N.current, ""), t?.([]);
+      return;
+    }
+    if (!I)
+      return;
+    if (ie) {
+      const re = { ...k };
+      delete re[me(I.value)], T(re), t?.(Object.keys(re).map((Be) => qt(Be)));
+      return;
+    }
+    const j = { ...k };
+    if (i)
+      j[me(I.value)] ? delete j[me(I.value)] : j[me(I.value)] = I, N.current && Je(N.current, ""), N.current?.focus();
+    else {
+      for (const re of Object.keys(j))
+        delete j[re];
+      j[me(I.value)] = I, N.current && Je(N.current, I?.label || ""), setTimeout(() => {
+        N.current?.setSelectionRange(I?.label?.length || 0, I?.label?.length || 0);
+      }, 0);
+    }
+    T(j), t?.(Object.keys(j).map((re) => qt(re))), !i && F(!1), H.domReference.current?.focus();
+  }, 50), Ae = Ws({
+    filteredOptions: L,
+    selectedOptions: k,
+    readOnly: J.readOnly || !1,
+    disabled: a,
+    multiple: i,
+    inputValue: D,
+    options: R,
+    open: S,
+    interactiveChildren: te,
+    setOpen: F,
+    handleSelectOption: he
+  }), _ = As({
+    count: Object.keys(fe).length,
+    getScrollElement: () => v ? H.floating.current : null,
+    estimateSize: () => 70,
+    measureElement: (z) => z.getBoundingClientRect().height,
+    overscan: 7
+  });
+  return le(De.Provider, { value: {
+    size: A,
+    options: R,
+    selectedOptions: k,
+    multiple: i,
+    disabled: a,
+    readOnly: l,
+    open: S,
+    inputRef: N,
+    refs: H,
+    inputValue: D,
+    formFieldProps: J,
+    htmlSize: x,
+    clearButtonLabel: f,
+    customIds: ve,
+    filteredOptions: L,
+    setInputValue: B,
+    setOpen: F,
+    getReferenceProps: Y,
+    getItemProps: Ee,
+    /* Recieves the value of the option, and searches for it in our values lookup */
+    onOptionClick: (z) => {
+      if (l || a)
+        return;
+      const I = R[me(z)];
+      he({ option: I });
+    },
+    handleSelectOption: he,
+    chipSrLabel: Z,
+    listRef: w,
+    forwareddRef: O,
+    setListRef: (z, I) => {
+      w.current[z] = I;
+    }
+  }, children: [le("div", { className: X("ds-combobox", `ds-combobox--${A}`, a && "ds-combobox__disabled", G), style: C, ref: P, children: [g && y(Sr, { name: g, selectedOptions: k, multiple: i }), y(Rr, { label: r, description: s, size: A, readOnly: l, hideLabel: o, formFieldProps: J }), y(Ir, { ...We(["inputValue"], q), hideClearButton: d, listId: ne.floatingId || "", error: h, hideChips: c, handleKeyDown: Ae, "aria-busy": M }), y(gr, { size: A, error: h, formFieldProps: J })] }), S && y(us, { root: E ? null : P, children: y(fs, { context: ne, initialFocus: -1, visuallyHiddenDismiss: !0, children: le("div", { "aria-labelledby": J.inputProps.id, "aria-autocomplete": "list", tabIndex: -1, ...we({
+    ref: H.setFloating,
+    style: {
+      ...ee
+    }
+  }), className: X("ds-combobox__options-wrapper", `ds-combobox--${A}`), children: [v && y("div", { style: {
+    height: `${_.getTotalSize()}px`,
+    width: "100%",
+    position: "relative"
+  }, children: _.getVirtualItems().map((z) => y("div", { ref: _.measureElement, "data-index": z.index, style: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    transform: `translateY(${z.start}px)`
+  }, children: fe[z.index] }, z.index)) }), M ? le(br, { className: "ds-combobox__loading", children: [y($r, { "aria-label": "Laster", "data-size": "sm" }), $] }) : le(Ht, { children: [U, !v && fe] })] }) }) })] });
+}), kr = V((e, n) => y(_s, { children: y(Xs, { ...e, ref: n }) }));
+kr.displayName = "Combobox";
+const Mr = V(({ children: e, className: n, ...t }, r) => {
+  const o = oe(De);
+  if (!o)
+    throw new Error("ComboboxEmpty must be used within a Combobox");
+  const { filteredOptions: s, size: i } = o;
+  return s.length === 0 && y(Ne, { "data-size": i, asChild: !0, children: y("div", { ref: r, className: X("ds-combobox__empty", n), ...t, children: e }) });
+});
+Mr.displayName = "ComboboxEmpty";
+const Rt = kr;
+Rt.Option = tn;
+Rt.Empty = Mr;
+Rt.Option.displayName = "Combobox.Option";
+Rt.Empty.displayName = "Combobox.Empty";
+const Ni = V(function({ "data-size": n, className: t, style: r, children: o, label: s, description: i, error: a, ...l }, c) {
+  return le(Vt, { "data-size": n, className: t, style: r, children: [y(vt, { type: "checkbox", ref: c, ...l }), !!s && y(Ne, { weight: "regular", children: s }), !!i && y("div", { "data-field": "description", children: i }), !!a && y(Ut, { children: a })] });
+}), nn = Pe({
+  current: null
+}), Nr = ({ children: e }) => {
+  const n = ge(null);
+  return y(nn.Provider, { value: n, children: e });
+};
+Nr.displayName = "DialogTriggerContext";
+const Gs = V(function({ asChild: n, children: t, className: r, placement: o = "center", closeButton: s = "Lukk dialogvindu", closedby: i = "closerequest", modal: a = !0, onClose: l, open: c, ...f }, d) {
+  const h = oe(nn), u = ge(null), m = n ? se : "dialog", g = Ve([h, d, u]), E = a ? "showModal" : "show";
+  return de(() => u.current?.[c ? E : "close"](), [c]), de(() => {
+    const x = u.current, v = (C) => {
+      if (C.defaultPrevented)
+        return;
+      const { clientY: A, clientX: M, target: $ } = C;
+      if ($ instanceof Element && C.type === "click" && $.closest('[data-command="close"]'))
+        return x?.close();
+      if (!(x && "closedBy" in x)) {
+        if (C instanceof KeyboardEvent)
+          return i === "none" && C.key === "Escape" && C.preventDefault();
+        if (!window.getSelection()?.toString() && x && $ === x && i === "any") {
+          const { top: K, left: Z, right: G, bottom: q } = x.getBoundingClientRect();
+          K <= A && A <= q && Z <= M && M <= G || x?.close();
+        }
+      }
+    }, b = () => {
+      const C = x?.querySelector("[autofocus]");
+      document.activeElement !== C && C?.focus();
+    };
+    return x?.addEventListener("animationend", b), x?.addEventListener("click", v), x?.addEventListener("keydown", v), () => {
+      x?.removeEventListener("animationend", b), x?.removeEventListener("click", v), x?.removeEventListener("keydown", v);
+    };
+  }, [i]), de(() => {
+    const x = (b) => l?.(b), v = u.current;
+    return v?.addEventListener("close", x), () => v?.removeEventListener("close", x);
+  }, [l]), le(m, { className: X("ds-dialog", r), ref: g, "data-placement": o, "data-modal": a, closedby: i, ...f, children: [s !== !1 && y(Ge, { "aria-label": s, "data-color": "neutral", icon: !0, variant: "tertiary", "data-command": "close" }), t] });
+}), Ys = V(function({ asChild: n, className: t, ...r }, o) {
+  return y(n ? se : "div", { className: X("ds-dialog__block", t), ref: o, ...r });
+}), Zs = V(function({ asChild: n, ...t }, r) {
+  const o = oe(nn);
+  return y(n ? se : Ge, { "aria-haspopup": "dialog", onClick: () => {
+    o.current?.getAttribute("data-modal") === "true" ? o.current?.showModal() : o.current?.show();
+  }, ref: r, ...t });
+}), rn = Object.assign(Gs, {
+  Block: Ys,
+  TriggerContext: Nr,
+  Trigger: Zs
+});
+rn.Block.displayName = "Dialog.Block";
+rn.TriggerContext.displayName = "Dialog.TriggerContext";
+rn.Trigger.displayName = "Dialog.Trigger";
+const Pr = ({ children: e }) => {
+  const n = ze(), [t, r] = Ce(n);
+  return y(on.Provider, { value: { popoverId: t, setPopoverId: r }, children: e });
+};
+Pr.displayName = "PopoverTriggerContext";
+const on = Pe({}), Js = V(function({ id: n, className: t, onClose: r, onOpen: o, open: s, variant: i = "default", placement: a = "top", autoPlacement: l = !0, asChild: c = !1, ...f }, d) {
+  const h = c ? se : "div", u = ge(null), m = Ve([u, d]), { popoverId: g, setPopoverId: E } = oe(on), [x, v] = Ce(!1), b = s ?? x;
+  return de(() => {
+    const C = u.current, A = ($) => {
+      const K = $.target, Z = K?.closest?.(`[popovertarget="${C?.id}"]`), G = !Z && !C?.contains(K);
+      Z && $.preventDefault(), b && (Z || G) ? (v(!1), r?.()) : !b && Z && (v(!0), o?.());
+    }, M = ($) => {
+      $.key !== "Escape" || !b || ($.preventDefault(), v(!1), r?.());
+    };
+    return C?.togglePopover?.(b), document.addEventListener("click", A, !0), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("click", A, !0), document.removeEventListener("keydown", M);
+    };
+  }, [b]), de(() => {
+    const C = u.current, A = document.querySelector(`[popovertarget="${C?.id}"]`);
+    if (C && A && b)
+      return qn(A, C, () => {
+        Wn(A, C, {
+          placement: a,
+          strategy: "fixed",
+          middleware: [
+            jn((M) => {
+              const $ = getComputedStyle(M.elements.floating, "::before");
+              return parseFloat($.height);
+            }),
+            ...l ? [Kn({ fallbackAxisSideDirection: "start" }), Zr()] : [],
+            Qs
+          ]
+        }).then(({ x: M, y: $ }) => {
+          C.style.translate = `${Math.round(M)}px ${Math.round($)}px`;
+        });
+      });
+  }, [b, a, n, l]), de(() => {
+    n && E?.(n);
+  }, [n]), y(h, { className: X("ds-popover", t), id: n || g, popover: "manual", "data-variant": i, ref: m, ...f });
+}), Qs = {
+  name: "ArrowPseudoElement",
+  fn(e) {
+    const { elements: n, rects: t, placement: r } = e;
+    let o = `${Math.round(t.reference.width / 2 + t.reference.x - e.x)}px`, s = `${Math.round(t.reference.height / 2 + t.reference.y - e.y)}px`;
+    switch (t.reference.width > t.floating.width && (o = `${Math.round(t.floating.width / 2)}px`), t.reference.height > t.floating.height && (s = `${Math.round(t.floating.height / 2)}px`), r.split("-")[0]) {
+      case "top":
+        s = "100%";
+        break;
+      case "right":
+        o = "0";
+        break;
+      case "bottom":
+        s = "0";
+        break;
+      case "left":
+        o = "100%";
+        break;
+    }
+    return n.floating.setAttribute("data-placement", r.split("-")[0]), n.floating.style.setProperty("--ds-popover-arrow-x", o), n.floating.style.setProperty("--ds-popover-arrow-y", s), e;
+  }
+}, ei = V(function({ id: n, inline: t, asChild: r, ...o }, s) {
+  const { popoverId: i } = oe(on), a = r ? se : t ? "button" : Ge, l = Object.assign({
+    [Vr.startsWith("19") ? "popoverTarget" : "popovertarget"]: i,
+    ...t ? {
+      "data-popover": "inline"
+    } : {}
+  }, o);
+  return y(a, { ref: s, ...l });
+}), Pi = V(function({ asChild: n, ...t }, r) {
+  return y(n ? se : "li", { ...t, ref: r });
+}), Dr = (e, { asChild: n, className: t, ...r }, o) => y(n ? se : e, { className: X("ds-list", t), ref: o, ...r }), Di = V(function(n, t) {
+  return Dr("ul", n, t);
+});
+V(function(n, t) {
+  return Dr("ol", n, t);
+});
+const ti = V(function({ "aria-label": n = "Sidenavigering", asChild: t, className: r, ...o }, s) {
+  return y(t ? se : "nav", { "aria-label": n, className: X("ds-pagination", r), ref: s, ...o });
+}), ni = V(function(n, t) {
+  return y(Ge, { ref: t, ...n });
+}), ri = V(function({ asChild: n, className: t, ...r }, o) {
+  return y(n ? se : "li", { ref: o, ...r });
+}), oi = V(function({ asChild: n, ...t }, r) {
+  return y(n ? se : "ul", { ref: r, ...t });
+}), sn = Object.assign(ti, {
+  List: oi,
+  Item: ri,
+  Button: ni
+});
+sn.List.displayName = "Pagination.List";
+sn.Item.displayName = "Pagination.Item";
+sn.Button.displayName = "Pagination.Button";
+const Ar = Object.assign(Js, {
+  TriggerContext: Pr,
+  Trigger: ei
+});
+Ar.TriggerContext.displayName = "Popover.TriggerContext";
+Ar.Trigger.displayName = "Popover.Trigger";
+const si = V(function({ className: n, ...t }, r) {
+  return y("div", { ref: r, className: X("ds-search", n), ...t });
+}), ii = V(function({ children: n = "Søk", ...t }, r) {
+  return y(Ge, { ref: r, type: "submit", ...t, children: n });
+}), ai = V(function({ "aria-label": n = "Tøm", onClick: t, ...r }, o) {
+  return y(Ge, { ref: o, variant: "tertiary", type: "reset", "aria-label": n, onClick: (i) => {
+    const a = i.target;
+    let l = null;
+    if (a instanceof HTMLElement && (l = a.closest(".ds-search")?.querySelector("input")), !l)
+      throw new Error("Input is missing");
+    if (!(l instanceof HTMLInputElement))
+      throw new Error("Input is not an input element");
+    i.preventDefault(), Je(l, ""), l.focus(), t?.(i);
+  }, icon: !0, ...r });
+}), li = V(function({ ...n }, t) {
+  return y(vt, {
+    ref: t,
+    type: "search",
+    /* We need an empty placeholder for the clear button to be able to show/hide */
+    placeholder: "",
+    ...n
+  });
+}), an = Object.assign(si, {
+  Clear: ai,
+  Button: ii,
+  Input: li
+});
+an.Clear.displayName = "Search.Clear";
+an.Button.displayName = "Search.Button";
+an.Input.displayName = "Search.Input";
+const Ai = V(function({ asChild: n, className: t, height: r, style: o, variant: s = "rectangle", width: i, ...a }, l) {
+  const c = n ? se : "span", f = s === "text", d = Kr("ds-skeleton-opacity-fade"), h = Ve([d, l]);
+  return y(c, { "aria-hidden": "true", className: X("ds-skeleton", t), "data-text": f ? "-".repeat(Number(i) || 1) : void 0, "data-variant": s, ref: h, style: f ? o : { width: i, height: r, ...o }, ...a });
+}), St = Pe({}), ci = V(function({ value: n, defaultValue: t, className: r, onChange: o, ...s }, i) {
+  const a = ge(null), l = n !== void 0, [c, f] = Ce(t), [d, h] = Ce(/* @__PURE__ */ new Map());
+  let u = o;
+  return l || (u = (m) => {
+    f(m), o?.(m);
+  }, n = c), y(St.Provider, { value: {
+    value: n,
+    defaultValue: t,
+    onChange: u,
+    tablistRef: a,
+    panelButtonMap: d,
+    setPanelButtonMap: h
+  }, children: y("div", { className: X("ds-tabs", r), ref: i, ...s }) });
+}), ui = V(function({ children: n, ...t }, r) {
+  const { value: o, tablistRef: s } = oe(St), i = Ve([r, s]);
+  return y(to, { role: "tablist", activeValue: o, orientation: "ambiguous", ref: i, ...t, children: n });
+}), di = V(function({ children: n, value: t, id: r, ...o }, s) {
+  const { value: i, tablistRef: a, setPanelButtonMap: l } = oe(St), c = t === i, f = ze(), d = r ?? `tabpanel-${f}`, [h, u] = Ce(!1), [m, g] = Ce(void 0), E = ge(null), x = Ve([s, E]);
+  return de(() => {
+    if (!E.current)
+      return;
+    const v = E.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    u(v.length > 0);
+  }, [n]), de(() => {
+    if (!a)
+      return;
+    const v = a.current?.querySelector(`[role="tab"][data-value="${t}"]`);
+    g(v ? v.id : void 0), v && l?.((b) => new Map(b).set(v.id, d));
+  }, [a]), y("div", { ref: x, id: d, role: "tabpanel", tabIndex: h ? void 0 : 0, "aria-labelledby": m, hidden: !c, ...o, children: n });
+}), fi = V(function({ value: n, id: t, onClick: r, ...o }, s) {
+  const i = oe(St), a = ze(), l = t ?? `tab-${a}`;
+  return y(ro, { value: n, ...o, asChild: !0, children: y("button", { ref: s, id: l, "aria-selected": i.value === n, "data-value": n, role: "tab", type: "button", onClick: (c) => {
+    i.onChange?.(n), r?.(c);
+  }, "aria-controls": i.panelButtonMap?.get(l), ...o }) });
+}), ln = Object.assign(ci, {
+  List: ui,
+  Tab: fi,
+  Panel: di
+});
+ln.Tab.displayName = "Tabs.Tab";
+ln.List.displayName = "Tabs.List";
+ln.Panel.displayName = "Tabs.Panel";
+const Fi = V(function({ label: n, description: t, error: r, multiline: o, prefix: s, suffix: i, "data-size": a, counter: l, style: c, className: f, ...d }, h) {
+  return le(Vt, { className: f, "data-size": a, style: c, children: [!!n && y(Ne, { children: n }), !!t && y(jr, { children: t }), le(Wr, { children: [s === void 0 || y(fn, { children: s }), o === !0 ? y(Jr, { ref: h, "aria-invalid": !!r || void 0, ...d }) : y(vt, { ref: h, "aria-invalid": !!r || void 0, ...d }), i === void 0 || y(fn, { children: i })] }), !!l && y(Vt.Counter, { ...typeof l == "number" ? { limit: l } : l }), !!r && y(Ut, { children: r })] });
+});
+export {
+  ao as B,
+  Ni as C,
+  rn as D,
+  lo as L,
+  sn as P,
+  an as S,
+  Fi as T,
+  It as a,
+  Rt as b,
+  Pi as c,
+  Di as d,
+  Ar as e,
+  Ai as f,
+  ln as g,
+  Mi as u
+};