@altinn/altinn-components 0.56.31 → 0.56.33

package/dist/textfield-CRXtg-r5.js

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