@altinn/altinn-components 0.24.6 → 0.24.8

package/dist/usePagination-B2I-a3Aq.js

@@ -0,0 +1,1089 @@
+"use client";
+import { jsxs as P, jsx as c, Fragment as ce } from "react/jsx-runtime";
+import { u as j, c as w, a as Ye, b as Tt, o as Pt, f as Lt, s as Rt, d as Dt, e as At, g as Ft, h as Bt, i as $t, j as zt, k as Mt, l as jt, F as Vt, m as Kt } from "./floating-ui.react-BQwG1HOM.js";
+import * as Ie from "react";
+import { forwardRef as p, useLayoutEffect as Ht, useEffect as L, useRef as A, useState as K, createContext as W, useContext as S, useId as ee, version as qt, useReducer as Ut, useMemo as J, isValidElement as Ge, memo as Xt, useCallback as Wt, Children as Xe } from "react";
+import { a as Je, S as N } from "./index-C8BS_2GY.js";
+import { u as Yt } from "./index-DyDqjche.js";
+import { S as Gt } from "./XMark-Bv1I87Ev.js";
+import { S as Jt } from "./ChevronUp-H8Nuww4h.js";
+import { S as Qt } from "./ChevronDown-CRAwzuD3.js";
+import { u as Zt } from "./useId-CsCRkvK3.js";
+import { S as en } from "./Checkmark-RgzvRNxP.js";
+import { flushSync as tn } from "react-dom";
+var nn = function(t, n) {
+  var e = {};
+  for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && n.indexOf(o) < 0 && (e[o] = t[o]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, o = Object.getOwnPropertySymbols(t); r < o.length; r++)
+      n.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, o[r]) && (e[o[r]] = t[o[r]]);
+  return e;
+};
+const on = p((t, n) => {
+  var { title: e, titleId: o } = t, r = nn(t, ["title", "titleId"]);
+  let i = Zt();
+  return i = e ? o || "title-" + i : void 0, Ie.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": i }, r),
+    e ? Ie.createElement("title", { id: i }, e) : null,
+    Ie.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" })
+  );
+}), rn = typeof window < "u" ? Ht : L;
+function Se(t) {
+  const n = A(null);
+  return rn(() => {
+    const e = document.getAnimations().filter((i) => "animationName" in i && i.animationName === t), o = e.find((i) => "animationName" in i && i.animationName === t), r = e.find((i) => {
+      var s;
+      return ((s = i.effect) == null ? void 0 : s.target) === n.current;
+    });
+    return r && r === o && (r.currentTime = 0), r && (o != null && o.currentTime) && r !== o && (r.currentTime = o.currentTime), () => {
+      r && (o != null && o.currentTime) && (r.currentTime = o.currentTime);
+    };
+  }, [t]), n;
+}
+const Qe = p(function({ "aria-label": n, className: e, ...o }, r) {
+  const i = Se("ds-spinner-rotate-animation"), s = Se("ds-spinner-stroke-animation"), a = j([i, r]);
+  return P("svg", { "aria-label": n, className: w("ds-spinner", e), ref: a, role: "img", viewBox: "0 0 50 50", ...o, children: [c("circle", { className: w("ds-spinner__background"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }), c("circle", { className: w("ds-spinner__circle"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", ref: s })] });
+}), te = p(function({ asChild: n, className: e, children: o, icon: r = !1, loading: i = !1, variant: s = "primary", ...a }, l) {
+  return P(n ? N : "button", {
+    "aria-busy": !!i || void 0,
+    "aria-disabled": !!i || void 0,
+    className: w("ds-button", e),
+    "data-icon": r || void 0,
+    "data-variant": s,
+    ref: l,
+    /* don't set type when we use `asChild` */
+    type: n ? void 0 : "button",
+    ...a,
+    children: [i === !0 ? c(Qe, { "aria-hidden": "true" }) : i, c(Je, { children: o })]
+  });
+}), sn = p(function({ className: n, count: e, maxCount: o, variant: r = "base", ...i }, s) {
+  return c("span", { className: w("ds-badge", n), "data-count": e && o && e > o ? `${o}+` : e, "data-variant": r, ref: s, ...i });
+}), an = p(function({ className: n, overlap: e = "rectangle", placement: o = "top-right", ...r }, i) {
+  return c("span", { className: w("ds-badge--position", n), "data-overlap": e, "data-placement": o, ref: i, ...r });
+}), cn = Object.assign(sn, { Position: an });
+cn.Position.displayName = "Badge.Position";
+const ln = p(({ asChild: t, className: n, ...e }, o) => c(t ? N : "a", { className: w("ds-link", n), ref: o, ...e }));
+ln.displayName = "Link";
+const fo = p(function({ asChild: n, className: e, height: o, style: r, variant: i = "rectangle", width: s, ...a }, l) {
+  const f = n ? N : "span", b = i === "text", m = Se("ds-skeleton-opacity-fade"), d = j([m, l]);
+  return c(f, { "aria-hidden": "true", className: w("ds-skeleton", e), "data-text": b ? "-".repeat(Number(s) || 1) : void 0, "data-variant": i, ref: d, style: b ? r : { width: s, height: o, ...r }, ...a });
+}), mo = p(function({ asChild: n, ...e }, o) {
+  return c(n ? N : "li", { ...e, ref: o });
+}), Ze = (t, { asChild: n, className: e, ...o }, r) => c(n ? N : t, { className: w("ds-list", e), ref: r, ...o }), po = p(function(n, e) {
+  return Ze("ul", n, e);
+});
+p(function(n, e) {
+  return Ze("ol", n, e);
+});
+const Q = p(function({ className: n, weight: e = "medium", asChild: o, ...r }, i) {
+  return c(o ? N : "label", { ref: i, className: w("ds-label", n), "data-weight": e, ...r });
+}), bo = p(function({ level: n = 2, className: e, asChild: o, ...r }, i) {
+  const s = o ? N : `h${n}`;
+  return c(s, { className: w("ds-heading", e), ref: i, ...r });
+}), me = p(function({ className: n, asChild: e, variant: o = "default", ...r }, i) {
+  return c(e ? N : "p", { ref: i, className: w("ds-paragraph", n), "data-variant": o, ...r });
+}), Pe = p(function({ className: n, asChild: e, ...o }, r) {
+  return c(e ? N : "p", { className: w("ds-validation-message", n), "data-field": "validation", ref: r, ...o });
+}), ho = p(function({ "data-color": n = "info", className: e, ...o }, r) {
+  return c("div", { className: w("ds-alert", e), "data-color": n, ref: r, ...o });
+}), Le = p(function({ type: n = "text", className: e, onChange: o, onClick: r, ...i }, s) {
+  return c("input", { className: w("ds-input", e), ref: s, type: n, onChange: (a) => i.readOnly || (o == null ? void 0 : o(a)), onClick: (a) => {
+    i.readOnly && a.preventDefault(), r == null || r(a);
+  }, ...i });
+}), et = p(function({ asChild: n, className: e, ...o }, r) {
+  return c(n ? N : "button", { className: w("ds-chip", e), type: n ? void 0 : "button", ref: r, ...o });
+}), tt = p(function(n, e) {
+  return c(et, { "data-removable": !0, ref: e, ...n });
+}), nt = p(function({ asChild: n, children: e, className: o, "data-size": r, "data-color": i, ...s }, a) {
+  const l = s.type ?? "checkbox";
+  return P(n ? N : "label", { className: w("ds-chip", o), "data-size": r, "data-color": i, ref: a, children: [c(Le, { ...s, type: l }), c(Je, { children: e })] });
+}), dn = p(function(n, e) {
+  return c(nt, { ref: e, type: "radio", ...n });
+}), pe = {
+  Button: et,
+  Checkbox: nt,
+  Radio: dn,
+  Removable: tt
+};
+pe.Button.displayName = "Chip.Button";
+pe.Checkbox.displayName = "Chip.Checkbox";
+pe.Radio.displayName = "Chip.Radio";
+pe.Removable.displayName = "Chip.Removable";
+const un = p(function({ "aria-label": n = "Sidenavigering", asChild: e, className: o, ...r }, i) {
+  return c(e ? N : "nav", { "aria-label": n, className: w("ds-pagination", o), ref: i, ...r });
+}), fn = p(function(n, e) {
+  return c(te, { ref: e, ...n });
+}), mn = p(function({ asChild: n, className: e, ...o }, r) {
+  return c(n ? N : "li", { ref: r, ...o });
+}), pn = p(function({ asChild: n, ...e }, o) {
+  return c(n ? N : "ul", { ref: o, ...e });
+}), Re = Object.assign(un, {
+  List: pn,
+  Item: mn,
+  Button: fn
+});
+Re.List.displayName = "Pagination.List";
+Re.Item.displayName = "Pagination.Item";
+Re.Button.displayName = "Pagination.Button";
+function bn(t) {
+  if (!t)
+    return;
+  const n = /* @__PURE__ */ new Map(), e = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
+  let o = null, r = "";
+  const i = (a) => {
+    const l = [], f = [];
+    for (const d of a)
+      d.attributeName && l.push(d.target ?? t), l.push(...d.addedNodes || []), f.push(...d.removedNodes || []);
+    for (const d of l)
+      We(d) && (ke(d) ? n.set(d, d.htmlFor) : d.hasAttribute("data-field") ? n.set(d, d.id) : _e(d) && (o = d, r = d.getAttribute("aria-describedby") || ""));
+    for (const d of f)
+      We(d) && (o === d && (o = null), n.has(d) && (fe(d, ke(d) ? "for" : "id", n.get(d)), n.delete(d)));
+    const b = [r], m = (o == null ? void 0 : o.id) || e;
+    for (const [d, h] of n) {
+      const y = d.getAttribute("data-field"), v = y ? `${m}:${y}` : m;
+      h || fe(d, ke(d) ? "for" : "id", v), y === "validation" ? b.unshift(d.id) : y && b.push(d.id);
+    }
+    fe(o, "id", m), fe(o, "aria-describedby", b.join(" ").trim());
+  }, s = hn(i);
+  return s.observe(t, {
+    attributeFilter: ["id", "for", "aria-describedby"],
+    attributes: !0,
+    childList: !0,
+    subtree: !0
+  }), i([{ addedNodes: t.querySelectorAll("*") }]), s.takeRecords(), () => s.disconnect();
+}
+const We = (t) => t instanceof Element, ke = (t) => t instanceof HTMLLabelElement, _e = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), fe = (t, n, e) => e ? t == null ? void 0 : t.setAttribute(n, e) : t == null ? void 0 : t.removeAttribute(n);
+function hn(t) {
+  const n = [], e = new MutationObserver((r) => {
+    n.length || requestAnimationFrame(o), n.push(...r);
+  }), o = () => {
+    t(n, e), n.length = 0, e.takeRecords();
+  };
+  return e;
+}
+const gn = p(function({ className: n, position: e, ...o }, r) {
+  const i = A(null), s = j([i, r]);
+  return L(() => bn(i.current), []), c("div", { className: w("ds-field", n), "data-position": e, ref: s, ...o });
+}), yn = p(function({ className: n, ...e }, o) {
+  return c("div", { className: w("ds-field-affixes", n), ref: o, ...e });
+}), xn = p(function({ className: n, ...e }, o) {
+  return c("span", { className: w("ds-field-affix", n), "aria-hidden": "true", ref: o, ...e });
+}), Ne = (t, n) => t.replace("%d", Math.abs(n).toString()), vn = p(function({ limit: n, under: e = "%d tegn igjen", over: o = "%d tegn for mye", ...r }, i) {
+  const [s, a] = K(0), l = A(null), f = s > n, b = n - s;
+  return L(() => {
+    var y;
+    const m = (y = l.current) == null ? void 0 : y.closest(".ds-field"), d = Array.from((m == null ? void 0 : m.getElementsByTagName("*")) || []).find(_e), h = ({ target: v }) => {
+      _e(v) && a(v.value.length);
+    };
+    return d && h({ target: d }), m == null || m.addEventListener("input", h), () => m == null ? void 0 : m.removeEventListener("input", h);
+  }, [a]), P(ce, { children: [c("div", { "data-field": "description", className: "ds-sr-only", "aria-live": "polite", ref: l, children: f && Ne(o, b) }), f ? c(Pe, { ref: i, ...r, children: Ne(o, b) }) : c(me, { ref: i, ...r, "data-field": "validation", children: Ne(e, b) })] });
+}), Cn = p(function(n, e) {
+  return c("div", { "data-field": "description", ref: e, ...n });
+}), le = Object.assign(gn, {
+  Description: Cn,
+  Affixes: yn,
+  Affix: xn,
+  Counter: vn
+});
+le.Description.displayName = "Field.Description";
+le.Affixes.displayName = "Field.Affixes";
+le.Affix.displayName = "Field.Affix";
+le.Counter.displayName = "Field.Counter";
+const go = p(function({ "data-size": n, className: e, style: o, children: r, label: i, description: s, error: a, ...l }, f) {
+  return P(le, { "data-size": n, className: e, style: o, children: [c(Le, { type: "checkbox", ref: f, ...l }), !!i && c(Q, { weight: "regular", children: i }), !!s && c("div", { "data-field": "description", children: s }), !!a && c(Pe, { children: a })] });
+}), be = W({}), wn = p(function({ value: n, defaultValue: e, className: o, onChange: r, ...i }, s) {
+  const a = n !== void 0, [l, f] = K(e);
+  let b = r;
+  return a || (b = (m) => {
+    f(m), r == null || r(m);
+  }, n = l), c(be.Provider, { value: {
+    value: n,
+    defaultValue: e,
+    onChange: b
+  }, children: c("div", { className: w("ds-tabs", o), ref: s, ...i }) });
+}), ot = W({
+  elements: { current: /* @__PURE__ */ new Map() },
+  getOrderedItems: () => [],
+  setFocusableValue: () => {
+  },
+  onShiftTab: () => {
+  },
+  focusableValue: null,
+  orientation: "horizontal"
+}), In = p(({ activeValue: t, asChild: n, orientation: e = "horizontal", onBlur: o, onFocus: r, ...i }, s) => {
+  const a = n ? N : "div", [l, f] = K(null), [b, m] = K(!1), d = A(/* @__PURE__ */ new Map()), h = A(null), y = j([s, h]), v = () => {
+    if (!h.current)
+      return [];
+    const u = Array.from(h.current.querySelectorAll("[data-roving-tabindex-item]"));
+    return Array.from(d.current).sort((C, g) => u.indexOf(C[1]) - u.indexOf(g[1])).map(([C, g]) => ({ value: C, element: g }));
+  };
+  return L(() => {
+    f(t ?? null);
+  }, [t]), c(ot.Provider, { value: {
+    elements: d,
+    getOrderedItems: v,
+    focusableValue: l,
+    setFocusableValue: f,
+    onShiftTab: () => {
+      m(!0);
+    },
+    orientation: e
+  }, children: c(a, { ...i, tabIndex: b ? -1 : 0, onBlur: (u) => {
+    o == null || o(u), m(!1), f(t ?? null);
+  }, onFocus: (u) => {
+    var g, x, I;
+    if (r == null || r(u), u.target !== u.currentTarget)
+      return;
+    const C = v();
+    C.length !== 0 && (l != null ? (g = d.current.get(l)) == null || g.focus() : t != null ? (x = d.current.get(t)) == null || x.focus() : (I = C.at(0)) == null || I.element.focus());
+  }, ref: y }) });
+}), kn = p(function({ children: n, ...e }, o) {
+  const { value: r } = S(be);
+  return c(In, { role: "tablist", activeValue: r, orientation: "ambiguous", ref: o, ...e, children: n });
+}), Nn = p(function({ children: n, value: e, ...o }, r) {
+  const { value: i } = S(be), s = e === i, [a, l] = K(!1), f = A(null), b = j([r, f]);
+  return L(() => {
+    if (!f.current)
+      return;
+    const m = f.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    l(m.length > 0);
+  }, [n]), c(ce, { children: s && c("div", { ref: b, role: "tabpanel", tabIndex: a ? void 0 : 0, ...o, children: n }) });
+}), On = (t) => {
+  const { elements: n, getOrderedItems: e, setFocusableValue: o, focusableValue: r, onShiftTab: i, orientation: s } = S(ot);
+  return {
+    getOrderedItems: e,
+    isFocusable: r === t,
+    orientation: s,
+    getRovingProps: (a) => ({
+      ...a,
+      ref: (l) => {
+        l ? n.current.set(t, l) : n.current.delete(t);
+      },
+      onKeyDown: (l) => {
+        var f;
+        if ((f = a == null ? void 0 : a.onKeyDown) == null || f.call(a, l), l.shiftKey && l.key === "Tab") {
+          i();
+          return;
+        }
+      },
+      onFocus: (l) => {
+        var f;
+        (f = a == null ? void 0 : a.onFocus) == null || f.call(a, l), o(t);
+      },
+      "data-roving-tabindex-item": !0,
+      tabIndex: r === t ? 0 : -1
+    })
+  };
+};
+function Oe(t, n) {
+  const e = t.findIndex((o) => o.value === n);
+  return t.at(e === t.length - 1 ? 0 : e + 1);
+}
+function Ee(t, n) {
+  const e = t.findIndex((o) => o.value === n);
+  return t.at(e === 0 ? -1 : e - 1);
+}
+const En = p(({ value: t, asChild: n, ...e }, o) => {
+  const r = n ? N : "div", i = t ?? (typeof e.children == "string" ? e.children : ""), { getOrderedItems: s, getRovingProps: a, orientation: l } = On(i), f = a({
+    onKeyDown: (m) => {
+      var y;
+      (y = e == null ? void 0 : e.onKeyDown) == null || y.call(e, m);
+      const d = s();
+      let h;
+      switch (l) {
+        case "horizontal":
+          m.key === "ArrowRight" && (h = Oe(d, i)), m.key === "ArrowLeft" && (h = Ee(d, i));
+          break;
+        case "vertical":
+          m.key === "ArrowDown" && (h = Oe(d, i)), m.key === "ArrowUp" && (h = Ee(d, i));
+          break;
+        case "ambiguous":
+          ["ArrowRight", "ArrowDown"].includes(m.key) && (h = Oe(d, i)), ["ArrowLeft", "ArrowUp"].includes(m.key) && (h = Ee(d, i));
+      }
+      m.key === "Home" && (h = d[0]), m.key === "End" && (h = d[d.length - 1]), h && (m.preventDefault(), h.element.focus());
+    }
+  }), b = j([o, f.ref]);
+  return c(r, { ...e, ...f, ref: b, children: e.children });
+}), Sn = p(function({ value: n, id: e, ...o }, r) {
+  const i = S(be), s = e ?? `tab-${ee()}`;
+  return c(En, { value: n, ...o, asChild: !0, children: c("button", { ...o, "aria-selected": i.value === n, id: s, onClick: () => {
+    var a;
+    return (a = i.onChange) == null ? void 0 : a.call(i, n);
+  }, ref: r, role: "tab", type: "button" }) });
+}), De = Object.assign(wn, {
+  List: kn,
+  Tab: Sn,
+  Panel: Nn
+});
+De.Tab.displayName = "Tabs.Tab";
+De.List.displayName = "Tabs.List";
+De.Panel.displayName = "Tabs.Panel";
+const rt = ({ children: t }) => {
+  const n = ee(), [e, o] = K(n);
+  return c(Ae.Provider, { value: { popoverId: e, setPopoverId: o }, children: t });
+};
+rt.displayName = "PopoverTriggerContext";
+const Ae = W({}), _n = p(function({ id: n, className: e, onClose: o, onOpen: r, open: i, variant: s = "default", placement: a = "top", autoPlacement: l = !0, asChild: f = !1, ...b }, m) {
+  const d = f ? N : "div", h = A(null), y = j([h, m]), { popoverId: v, setPopoverId: u } = S(Ae), [C, g] = K(!1), x = i ?? C;
+  return L(() => {
+    var F;
+    const I = h.current, O = (z) => {
+      var G;
+      const B = z.target, H = (G = B == null ? void 0 : B.closest) == null ? void 0 : G.call(B, `[popovertarget="${I == null ? void 0 : I.id}"]`), M = !H && !(I != null && I.contains(B));
+      H && (z.preventDefault(), g((T) => !T), r == null || r()), M && (g(!1), o == null || o());
+    }, _ = (z) => {
+      z.key !== "Escape" || !x || (z.preventDefault(), g(!1), o == null || o());
+    };
+    return (F = I == null ? void 0 : I.togglePopover) == null || F.call(I, x), document.addEventListener("click", O, !0), document.addEventListener("keydown", _), () => {
+      document.removeEventListener("click", O, !0), document.removeEventListener("keydown", _);
+    };
+  }, [x]), L(() => {
+    const I = h.current, O = document.querySelector(`[popovertarget="${I == null ? void 0 : I.id}"]`);
+    if (I && O && x)
+      return Ye(O, I, () => {
+        Tt(O, I, {
+          placement: a,
+          strategy: "fixed",
+          middleware: [
+            Pt((_) => {
+              const F = getComputedStyle(_.elements.floating, "::before");
+              return parseFloat(F.height);
+            }),
+            ...l ? [Lt({ fallbackAxisSideDirection: "start" }), Rt()] : [],
+            Tn
+          ]
+        }).then(({ x: _, y: F }) => {
+          I.style.translate = `${_}px ${F}px`;
+        });
+      });
+  }, [x, a, n, l]), L(() => {
+    n && (u == null || u(n));
+  }, [n]), c(d, {
+    className: w("ds-popover", e),
+    id: n || v,
+    // @ts-ignore @types/react-dom does not understand popover yet
+    popover: "manual",
+    "data-variant": s,
+    ref: y,
+    ...b
+  });
+}), Tn = {
+  name: "ArrowPseudoElement",
+  fn(t) {
+    const { elements: n, rects: e, placement: o } = t;
+    let r = `${Math.round(e.reference.width / 2 + e.reference.x - t.x)}px`, i = `${Math.round(e.reference.height / 2 + e.reference.y - t.y)}px`;
+    switch (e.reference.width > e.floating.width && (r = `${Math.round(e.floating.width / 2)}px`), e.reference.height > e.floating.height && (i = `${Math.round(e.floating.height / 2)}px`), o.split("-")[0]) {
+      case "top":
+        i = "100%";
+        break;
+      case "right":
+        r = "0";
+        break;
+      case "bottom":
+        i = "0";
+        break;
+      case "left":
+        r = "100%";
+        break;
+    }
+    return n.floating.setAttribute("data-placement", o.split("-")[0]), n.floating.style.setProperty("--ds-popover-arrow-x", r), n.floating.style.setProperty("--ds-popover-arrow-y", i), t;
+  }
+}, Pn = p(function({ id: n, inline: e, asChild: o, ...r }, i) {
+  const { popoverId: s } = S(Ae), a = o ? N : e ? "button" : te, l = Object.assign({
+    [qt.startsWith("19") ? "popoverTarget" : "popovertarget"]: s,
+    ...e ? {
+      "data-popover": "inline"
+    } : {}
+  }, r);
+  return c(a, { ref: i, ...l });
+}), it = Object.assign(_n, {
+  TriggerContext: rt,
+  Trigger: Pn
+});
+it.TriggerContext.displayName = "Popover.TriggerContext";
+it.Trigger.displayName = "Popover.Trigger";
+const Fe = W({
+  current: null
+}), st = ({ children: t }) => {
+  const n = A(null);
+  return c(Fe.Provider, { value: n, children: t });
+};
+st.displayName = "DialogTriggerContext";
+const Ln = p(function({ asChild: n, children: e, className: o, closeButton: r = "Lukk dialogvindu", closedby: i = "closerequest", modal: s = !0, onClose: a, open: l, ...f }, b) {
+  const m = S(Fe), d = A(null), h = n ? N : "dialog", y = j([m, b, d]), v = s ? "showModal" : "show";
+  return L(() => {
+    var u;
+    return (u = d.current) == null ? void 0 : u[l ? v : "close"]();
+  }, [l]), L(() => {
+    const u = d.current, C = (x) => {
+      var F;
+      const { clientY: I, clientX: O, target: _ } = x;
+      if (x instanceof KeyboardEvent)
+        return i === "none" && x.key === "Escape" && x.preventDefault();
+      if (!((F = window.getSelection()) != null && F.toString()) && u && _ === u && i === "any") {
+        const { top: z, left: B, right: H, bottom: M } = u.getBoundingClientRect();
+        z <= I && I <= M && B <= O && O <= H || u == null || u.close();
+      }
+    }, g = () => {
+      const x = u == null ? void 0 : u.querySelector("[autofocus]");
+      document.activeElement !== x && (x == null || x.focus());
+    };
+    return u == null || u.addEventListener("animationend", g), u == null || u.addEventListener("click", C), u == null || u.addEventListener("keydown", C), () => {
+      u == null || u.removeEventListener("animationend", g), u == null || u.removeEventListener("click", C), u == null || u.removeEventListener("keydown", C);
+    };
+  }, [i]), L(() => {
+    var C;
+    const u = (g) => a == null ? void 0 : a(g);
+    return (C = d.current) == null || C.addEventListener("close", u), () => {
+      var g;
+      return (g = d.current) == null ? void 0 : g.removeEventListener("close", u);
+    };
+  }, [a]), P(h, { className: w("ds-dialog", o), ref: y, "data-modal": s, ...f, children: [r !== !1 && c("form", { method: "dialog", children: c(te, { "aria-label": r, autoFocus: !0, "data-color": "neutral", icon: !0, name: "close", type: "submit", variant: "tertiary" }) }), e] });
+}), Rn = p(function({ asChild: n, className: e, ...o }, r) {
+  return c(n ? N : "div", { className: w("ds-dialog__block", e), ref: r, ...o });
+}), Dn = p(function({ asChild: n, ...e }, o) {
+  const r = S(Fe);
+  return c(n ? N : te, { "aria-haspopup": "dialog", onClick: () => {
+    var a, l, f;
+    ((a = r.current) == null ? void 0 : a.getAttribute("data-modal")) === "true" ? (l = r.current) == null || l.showModal() : (f = r.current) == null || f.show();
+  }, ref: o, ...e });
+}), Be = Object.assign(Ln, {
+  Block: Rn,
+  TriggerContext: st,
+  Trigger: Dn
+});
+Be.Block.displayName = "Dialog.Block";
+Be.TriggerContext.displayName = "Dialog.TriggerContext";
+Be.Trigger.displayName = "Dialog.Trigger";
+const Y = W(void 0), at = W({
+  activeIndex: 0
+}), An = (t, n) => {
+  switch (n.type) {
+    case "SET_ACTIVE_INDEX":
+      return {
+        ...t,
+        activeIndex: n.payload
+      };
+    default:
+      return t;
+  }
+}, ct = W(() => {
+  throw new Error("ComboboxIdDispatch must be used within a provider");
+}), Fn = ({ children: t }) => {
+  const [n, e] = Ut(An, {
+    activeIndex: 0
+  });
+  return c(at.Provider, { value: n, children: c(ct.Provider, { value: e, children: t }) });
+};
+function $e() {
+  return S(ct);
+}
+function he() {
+  return S(at);
+}
+const Z = (t, n) => {
+  const e = {}, o = {};
+  let r = 0;
+  const i = t.length;
+  for (; r < i; )
+    o[t[r]] = 1, r += 1;
+  for (const s in n)
+    Object.prototype.hasOwnProperty.call(o, s) || (e[s] = n[s]);
+  return e;
+}, lt = p(({ asChild: t, interactive: n, id: e, className: o, ...r }, i) => {
+  if (n && !e)
+    throw new Error("If ComboboxCustom is interactive, it must have an id");
+  const s = t ? N : "div", a = ee(), { activeIndex: l } = he(), f = S(Y);
+  if (!f)
+    throw new Error("ComboboxCustom must be used within a Combobox");
+  const { customIds: b, setListRef: m, getItemProps: d, size: h } = f, y = J(() => e && b.indexOf(e) || 0, [e, b]), v = j([
+    (u) => {
+      m(y, u);
+    },
+    i
+  ]);
+  return c(Q, { "data-size": h, asChild: !0, children: c(s, { ref: v, tabIndex: -1, className: w("ds-combobox__custom", o), id: e || a, role: "option", "aria-selected": l === y, "data-active": l === y, ...Z(["interactive"], r), ...Z(["onClick", "onPointerLeave"], d()) }) });
+});
+function Bn(t) {
+  return Ge(t) && t.type === lt;
+}
+function $n(t) {
+  return Bn(t) && t.props.interactive === !0;
+}
+const dt = "internal-option-", D = (t) => dt + t, Te = (t) => t.slice(dt.length), ae = (t, n) => {
+  const e = t.value;
+  t.value = n;
+  const o = t._valueTracker;
+  typeof o < "u" && o.setValue(e), t.dispatchEvent(new Event("change", { bubbles: !0 }));
+}, zn = p(function({ "aria-label": n = "Tøm", onClick: e, ...o }, r) {
+  return c(te, { ref: r, variant: "tertiary", type: "reset", "aria-label": n, onClick: (s) => {
+    var f;
+    const a = s.target;
+    let l = null;
+    if (a instanceof HTMLElement && (l = (f = a.closest(".ds-search")) == null ? void 0 : f.querySelector("input")), !l)
+      throw new Error("Input is missing");
+    if (!(l instanceof HTMLInputElement))
+      throw new Error("Input is not an input element");
+    s.preventDefault(), ae(l, ""), l.focus(), e == null || e(s);
+  }, icon: !0, ...o });
+}), Mn = p(function({ children: n = "Søk", ...e }, o) {
+  return c(te, { ref: o, type: "submit", ...e, children: n });
+}), jn = p(function({ ...n }, e) {
+  return c(Le, {
+    ref: e,
+    type: "search",
+    /* We need an empty placeholder for the clear button to be able to show/hide */
+    placeholder: "",
+    ...n
+  });
+}), Vn = p(function({ className: n, ...e }, o) {
+  return c("div", { ref: o, className: w("ds-search", n), ...e });
+}), ze = Object.assign(Vn, {
+  Clear: zn,
+  Button: Mn,
+  Input: jn
+});
+ze.Clear.displayName = "Search.Clear";
+ze.Button.displayName = "Search.Button";
+ze.Input.displayName = "Search.Input";
+const Kn = W(null), Hn = (t, n) => {
+  const e = S(Kn), o = ee(), r = t.id ?? `${n}-${o}`, i = t.errorId ?? `${n}-error-${o}`, s = `${n}-description-${o}`, a = t.size ?? (e == null ? void 0 : e.size) ?? "md", l = (e == null ? void 0 : e.disabled) || (t == null ? void 0 : t.disabled), f = !l && !!(t.error || e != null && e.error);
+  return {
+    hasError: f,
+    errorId: i,
+    descriptionId: s,
+    size: a,
+    inputProps: {
+      id: r,
+      disabled: l,
+      "aria-invalid": f ? !0 : void 0,
+      "aria-describedby": w(t["aria-describedby"], !!(t != null && t.description) && typeof (t == null ? void 0 : t.description) == "string" && s, f && !(e != null && e.error) && i, f && !!(e != null && e.error) && (e == null ? void 0 : e.errorId)) || void 0
+    }
+  };
+}, ut = ({ size: t, error: n, formFieldProps: e }) => c("div", { className: "ds-combobox__error-message", id: e.errorId, "aria-live": "polite", "aria-relevant": "additions removals", children: n && c(Pe, { "data-size": t, children: n }) });
+ut.displayName = "ComboboxError";
+const ft = () => {
+  const t = S(Y);
+  if (!t)
+    throw new Error("ComboboxContext is missing");
+  const { size: n, readOnly: e, disabled: o, selectedOptions: r, chipSrLabel: i, handleSelectOption: s, inputRef: a } = t;
+  return c(ce, { children: Object.keys(r).map((l) => c(tt, { "data-size": n, disabled: o, onKeyDown: (f) => {
+    var b;
+    e || o || f.key === "Enter" && (f.stopPropagation(), s({
+      option: r[l],
+      remove: !0
+    }), (b = a == null ? void 0 : a.current) == null || b.focus());
+  }, onClick: () => {
+    e || o || s({
+      option: r[l],
+      remove: !0
+    });
+  }, "aria-label": i(r[l]), children: r[l].label }, l)) });
+};
+ft.displayName = "ComboboxChips";
+const mt = p((t, n) => {
+  const e = S(Y);
+  if (!e)
+    throw new Error("ComboboxContext is missing");
+  const { readOnly: o, disabled: r, clearButtonLabel: i, handleSelectOption: s } = e;
+  return c("button", { ...t, ref: n, disabled: r, className: w("ds-combobox__clear-button", "ds-focus"), onClick: () => {
+    o || r || s({ option: null, clear: !0 });
+  }, onKeyDown: (a) => {
+    o || r || a.key === "Enter" && (a.stopPropagation(), s({ option: null, clear: !0 }));
+  }, type: "button", "aria-label": i, children: c(Gt, { fontSize: "1.5em", title: "Clear selection" }) });
+});
+mt.displayName = "ComboboxClearButton";
+const pt = ({ hideClearButton: t, listId: n, error: e, hideChips: o, handleKeyDown: r, ...i }) => {
+  const s = S(Y), a = $e(), l = A(null);
+  if (!s)
+    throw new Error("ComboboxContext is missing");
+  const f = (R) => {
+    a == null || a({ type: "SET_ACTIVE_INDEX", payload: R });
+  }, { forwareddRef: b, readOnly: m, disabled: d, open: h, inputRef: y, refs: v, inputValue: u, multiple: C, selectedOptions: g, formFieldProps: x, htmlSize: I, options: O, setOpen: _, getReferenceProps: F, setInputValue: z, handleSelectOption: B, size: H } = s, M = j([b, y]), G = (R) => {
+    const $ = R.target.value;
+    z($), f(0);
+    for (const q of Object.values(O))
+      if (q.label.toLowerCase() === $.toLowerCase()) {
+        if (g[D(q.value)])
+          continue;
+        B({ option: q });
+      }
+  }, T = !t && Object.keys(g).length > 0, ne = F({
+    ref: v == null ? void 0 : v.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(R) {
+      var $, q;
+      d || m || ($ = l.current) != null && $.contains(R.target) || (_(!h), f(0), (q = y.current) == null || q.focus());
+    },
+    /* Handles list navigation */
+    onKeyDown: r,
+    // preventDefault on keydown to avoid sending in form
+    onKeyPress(R) {
+      R.key === "Enter" && R.preventDefault();
+    }
+  });
+  return c(me, { "data-size": H, asChild: !0, children: P("div", { ...ne, "aria-disabled": d ? "true" : void 0, className: w("ds-textfield__input", "ds-combobox__input__wrapper", m && "ds-combobox--readonly", e && "ds-combobox--error"), children: [P("div", { className: "ds-combobox__chip-and-input", children: [C && !o && c(ft, {}), c(me, { "data-size": H, asChild: !0, children: c("input", { ref: M, "aria-activedescendant": ne["aria-activedescendant"], readOnly: m, "aria-autocomplete": "list", role: "combobox", "aria-expanded": h, "aria-controls": h ? n : void 0, autoComplete: "off", size: I, value: u, ...Z(["style", "className"], i), ...x.inputProps, className: "ds-combobox__input", onChange: (R) => {
+    var $;
+    G(R), !h && _(!0), ($ = i.onChange) == null || $.call(i, R);
+  } }) })] }), T && c(mt, { ref: l }), c("div", { className: "ds-combobox__arrow", children: h ? c(Jt, { title: "arrow up", fontSize: "1.5em" }) : c(Qt, { title: "arrow down", fontSize: "1.5em" }) })] }) });
+};
+pt.displayName = "ComboboxInput";
+const bt = ({ label: t, description: n, hideLabel: e, size: o, readOnly: r, formFieldProps: i }) => P(ce, { children: [t && P(Q, { "data-size": o, htmlFor: i.inputProps.id, className: w("ds-combobox__label", e && "ds-sr-only"), children: [r && c(on, { "aria-hidden": !0, className: "ds-combobox__readonly__icon" }), t] }), n && c(me, { asChild: !0, "data-size": o, children: c("div", { id: i.descriptionId, className: w("ds-combobox__description", e && "ds-sr-only"), children: n }) })] });
+bt.displayName = "ComboboxLabel";
+const ht = ({ selectedOptions: t, multiple: n, name: e }) => {
+  const o = Object.keys(t).map((r) => Te(r));
+  return c("select", { name: e, multiple: n, style: { display: "none" }, value: n ? o : o[0], onChange: () => {
+  }, children: o.map((r) => c("option", { value: r }, r)) });
+};
+ht.displayName = "ComboboxNative";
+const gt = p(({ children: t, className: n, ...e }, o) => c("span", { className: w("ds-combobox__option__description", n), ref: o, ...e, children: t }));
+gt.displayName = "ComboboxOptionDescription";
+const yt = ({ multiple: t, selected: n }) => c("div", { className: w(t && "ds-combobox__option__icon-wrapper", n && "ds-combobox__option__icon-wrapper--selected"), children: n && c(en, { className: "ds-combobox__option__icon-wrapper__icon", "aria-hidden": !0 }) });
+yt.displayName = "SelectedIcon";
+function Me(t, n = 50) {
+  const e = A(null);
+  return L(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), (...r) => {
+    e.current && clearTimeout(e.current), e.current = window.setTimeout(() => {
+      t(...r);
+    }, n);
+  };
+}
+const qn = ({ id: t, ref: n, value: e }) => {
+  const o = ee(), r = t || o, i = S(Y), { activeIndex: s } = he(), a = $e();
+  if (!i)
+    throw new Error("ComboboxOption must be used within a Combobox");
+  const { selectedOptions: l, onOptionClick: f, setListRef: b, customIds: m, filteredOptions: d } = i, h = J(() => d.indexOf(D(String(e))) + m.length, [m.length, d, e]), y = j([
+    (g) => {
+      b(h, g);
+    },
+    n
+  ]);
+  if (h === -1)
+    throw new Error("Internal error: ComboboxOption did not find index");
+  const v = l[D(e)], u = s === h;
+  L(() => {
+    u && (a == null || a({ type: "SET_ACTIVE_INDEX", payload: h }));
+  }, [o, t, a, u, h]);
+  const C = Me(() => f(e), 50);
+  return {
+    id: r,
+    ref: y,
+    selected: v,
+    active: u,
+    onOptionClick: C
+  };
+}, je = Xt(p(({ value: t, description: n, children: e, className: o, ...r }, i) => {
+  const s = ee(), { id: a, ref: l, selected: f, active: b, onOptionClick: m } = qn({
+    id: r.id,
+    ref: i,
+    value: t
+  }), d = S(Y);
+  if (!d)
+    throw new Error("ComboboxOption must be used within a Combobox");
+  const { size: h, multiple: y, getItemProps: v } = d, u = v();
+  return c(Q, { "data-size": "md", asChild: !0, children: P("button", {
+    ref: l,
+    id: a,
+    // biome-ignore lint/a11y/useSemanticElements: biome wants me to use the <option> element
+    role: "option",
+    type: "button",
+    "aria-selected": !!f,
+    "aria-labelledby": s,
+    tabIndex: -1,
+    onClick: (C) => {
+      var g;
+      m(), (g = r.onClick) == null || g.call(r, C);
+    },
+    className: w("ds-combobox__option", b && "ds-combobox__option--active", y && "ds-combobox__option--multiple", o),
+    ...Z(["displayValue"], r),
+    ...Z(["onClick", "onPointerLeave"], u),
+    children: [c(Q, { asChild: !0, "data-size": h, children: c("span", { children: c(yt, { multiple: y, selected: !!f }) }) }), P(Q, { className: "ds-combobox__option__label", "data-size": h, id: s, children: [e, n && c(gt, { children: n })] })]
+  }) });
+}));
+je.displayName = "ComboboxOption";
+function Un(t) {
+  return Ge(t) && t.type === je;
+}
+const Xn = (t) => !!t;
+function Wn({ children: t, inputValue: n, multiple: e, filter: o = (i, s) => s.label.toLowerCase().startsWith(i.toLowerCase()), initialValue: r }) {
+  const i = Wt(o, [o]), { optionsChildren: s, customIds: a, restChildren: l, interactiveChildren: f } = J(() => Xe.toArray(t).reduce((g, x) => {
+    if (Un(x))
+      g.optionsChildren.push(x);
+    else if (g.restChildren.push(x), $n(x)) {
+      const I = x;
+      if (g.interactiveChildren.push(I), !I.props.id)
+        throw new Error("If ComboboxCustom is interactive, it must have an id");
+      g.customIds.push(I.props.id);
+    }
+    return g;
+  }, {
+    optionsChildren: [],
+    customIds: [],
+    restChildren: [],
+    interactiveChildren: []
+  }), [t]), b = J(() => {
+    const u = [], C = {};
+    return s.map((g) => {
+      const x = g.props;
+      let I = x.displayValue || "";
+      if (!x.displayValue) {
+        let O = "";
+        Xe.forEach(x.children, (_) => {
+          if (typeof _ == "string")
+            O += _;
+          else
+            throw new Error("If ComboboxOption is not a string, it must have a displayValue prop");
+        }), I = O;
+      }
+      u.includes(x.value) && console.warn(`Combobox has multiple options with the same value: ${x.value}`), u.push(x.value), C[D(String(x.value))] = {
+        value: String(x.value),
+        label: I,
+        displayValue: x.displayValue,
+        description: x.description
+      };
+    }), C;
+  }, [s]), m = J(() => ((r == null ? void 0 : r.map((u) => D(u))) || []).reduce((u, C) => {
+    const g = b[C];
+    return Xn(g) && (u[C] = g), u;
+  }, {}), [r, b]), [d, h] = K(m), { filteredOptions: y, filteredOptionsChildren: v } = J(() => {
+    const u = [], C = Object.keys(b).map((g, x) => {
+      if (!e && Object.keys(d).length === 1 || e && d[g] || i(n, b[g]))
+        return u.push(g), s[x];
+    }).filter((g) => g);
+    return { filteredOptions: u, filteredOptionsChildren: C };
+  }, [
+    i,
+    n,
+    e,
+    b,
+    s,
+    d
+  ]);
+  return {
+    filteredOptionsChildren: v,
+    filteredOptions: y,
+    restChildren: l,
+    options: b,
+    customIds: a,
+    selectedOptions: d,
+    interactiveChildren: f,
+    setSelectedOptions: h
+  };
+}
+const Yn = ({ readOnly: t, disabled: n, interactiveChildren: e, filteredOptions: o, inputValue: r, selectedOptions: i, multiple: s, open: a, options: l, setOpen: f, handleSelectOption: b }) => {
+  const { activeIndex: m } = he();
+  return Me((y) => {
+    if (!(t || n) && y)
+      switch (y.key) {
+        case "ArrowDown":
+          if (y.preventDefault(), a)
+            break;
+          f(!0);
+          break;
+        case "ArrowUp":
+          if (y.preventDefault(), m !== 0)
+            break;
+          f(!1);
+          break;
+        case "Enter": {
+          if (y.preventDefault(), !a)
+            break;
+          if (m <= e.length - 1) {
+            const C = e[m];
+            if (C.props.onSelect) {
+              C == null || C.props.onSelect();
+              return;
+            }
+          }
+          const v = m - e.length, u = o[v];
+          b({ option: l[u] });
+          break;
+        }
+        case "Backspace":
+          if (!s) {
+            const v = Object.keys(i).pop();
+            v && b({
+              option: i[v],
+              remove: !0
+            });
+            break;
+          }
+          if (r === "" && s) {
+            const v = Object.keys(i).pop();
+            v && b({
+              option: i[v],
+              remove: !0
+            });
+          }
+          break;
+      }
+  }, 20);
+}, Gn = ({ listRef: t }) => {
+  const [n, e] = K(!1), { activeIndex: o } = he(), r = $e(), { refs: i, floatingStyles: s, context: a } = Dt({
+    open: n,
+    onOpenChange: (y) => {
+      y || r == null || r({ type: "SET_ACTIVE_INDEX", payload: 0 }), tn(() => {
+        i.floating.current && !y && (i.floating.current.scrollTop = 0), setTimeout(() => {
+          e(y);
+        }, 1);
+      });
+    },
+    whileElementsMounted: (y, v, u) => (Ye(y, v, u), () => {
+      v.scrollTop = 0;
+    }),
+    middleware: [
+      At({ padding: 10 }),
+      Ft({
+        apply({ rects: y, elements: v }) {
+          requestAnimationFrame(() => {
+            Object.assign(v.floating.style, {
+              width: `${y.reference.width}px`,
+              maxHeight: "200px"
+            });
+          });
+        }
+      }),
+      Bt(10)
+    ]
+  }), l = $t(a, { role: "listbox" }), f = zt(a), b = Mt(a, {
+    listRef: t,
+    activeIndex: o,
+    virtual: !0,
+    scrollItemIntoView: !0,
+    enabled: n,
+    focusItemOnHover: !0,
+    onNavigate: (y) => {
+      r == null || r({ type: "SET_ACTIVE_INDEX", payload: y || 0 });
+    }
+  }), { getReferenceProps: m, getFloatingProps: d, getItemProps: h } = jt([l, f, b]);
+  return {
+    open: n,
+    setOpen: e,
+    activeIndex: o,
+    refs: i,
+    floatingStyles: s,
+    context: a,
+    getReferenceProps: m,
+    getFloatingProps: d,
+    getItemProps: h
+  };
+}, Jn = p(({ value: t, initialValue: n = [], onValueChange: e, label: o, hideLabel: r = !1, description: i, multiple: s = !1, disabled: a = !1, readOnly: l = !1, hideChips: f = !1, clearButtonLabel: b = "Fjern alt", hideClearButton: m = !1, error: d, errorId: h, id: y, name: v, portal: u = !0, htmlSize: C = 0, virtual: g = !1, children: x, style: I, size: O = "md", loading: _, loadingLabel: F = "Laster...", filter: z, chipSrLabel: B = (T) => "Slett " + T.label, className: H, ...M }, G) => {
+  const T = A(null), ne = A(null), R = A([]), [$, q] = K(M.inputValue || "");
+  L(() => {
+    typeof M.inputValue == "string" && q(M.inputValue);
+  }, [M.inputValue]);
+  const { selectedOptions: oe, options: U, restChildren: Ct, interactiveChildren: wt, customIds: It, filteredOptionsChildren: ye, filteredOptions: Ve, setSelectedOptions: re } = Wn({
+    children: x,
+    inputValue: $,
+    filter: z,
+    multiple: s,
+    initialValue: n
+  }), { open: xe, setOpen: ve, refs: de, floatingStyles: kt, context: Ke, getReferenceProps: Nt, getFloatingProps: Ot, getItemProps: Et } = Gn({
+    listRef: R
+  }), ie = Hn({
+    disabled: a,
+    error: d,
+    errorId: h,
+    size: O,
+    description: i,
+    id: y
+  }, "combobox");
+  L(() => {
+    if (t && t.length > 0 && !s) {
+      const E = U[D(t[0])];
+      T.current && ae(T.current, (E == null ? void 0 : E.label) || "");
+    }
+  }, [s, t, U]), L(() => {
+    if (t && Object.keys(U).length >= 0) {
+      const E = t.map((k) => U[D(k)]);
+      re(E.reduce((k, se) => (k[D(se.value)] = se, k), {}));
+    }
+  }, [s, t, U, re]);
+  const Ce = Me((E) => {
+    var He, qe;
+    const { option: k, clear: se, remove: _t } = E;
+    if (se) {
+      re({}), T.current && ae(T.current, ""), e == null || e([]);
+      return;
+    }
+    if (!k)
+      return;
+    if (_t) {
+      const V = { ...oe };
+      delete V[D(k.value)], re(V), e == null || e(Object.keys(V).map((ue) => Te(ue)));
+      return;
+    }
+    const X = { ...oe };
+    if (s)
+      X[D(k.value)] ? delete X[D(k.value)] : X[D(k.value)] = k, T.current && ae(T.current, ""), (He = T.current) == null || He.focus();
+    else {
+      for (const V of Object.keys(X))
+        delete X[V];
+      X[D(k.value)] = k, T.current && ae(T.current, (k == null ? void 0 : k.label) || ""), setTimeout(() => {
+        var V, ue, Ue;
+        (Ue = T.current) == null || Ue.setSelectionRange(((V = k == null ? void 0 : k.label) == null ? void 0 : V.length) || 0, ((ue = k == null ? void 0 : k.label) == null ? void 0 : ue.length) || 0);
+      }, 0);
+    }
+    re(X), e == null || e(Object.keys(X).map((V) => Te(V))), !s && ve(!1), (qe = de.domReference.current) == null || qe.focus();
+  }, 50), St = Yn({
+    filteredOptions: Ve,
+    selectedOptions: oe,
+    readOnly: ie.readOnly || !1,
+    disabled: a,
+    multiple: s,
+    inputValue: $,
+    options: U,
+    open: xe,
+    interactiveChildren: wt,
+    setOpen: ve,
+    handleSelectOption: Ce
+  }), we = Yt({
+    count: Object.keys(ye).length,
+    getScrollElement: () => g ? de.floating.current : null,
+    estimateSize: () => 70,
+    measureElement: (E) => E.getBoundingClientRect().height,
+    overscan: 7
+  });
+  return P(Y.Provider, { value: {
+    size: O,
+    options: U,
+    selectedOptions: oe,
+    multiple: s,
+    disabled: a,
+    readOnly: l,
+    open: xe,
+    inputRef: T,
+    refs: de,
+    inputValue: $,
+    formFieldProps: ie,
+    htmlSize: C,
+    clearButtonLabel: b,
+    customIds: It,
+    filteredOptions: Ve,
+    setInputValue: q,
+    setOpen: ve,
+    getReferenceProps: Nt,
+    getItemProps: Et,
+    /* Recieves the value of the option, and searches for it in our values lookup */
+    onOptionClick: (E) => {
+      if (l || a)
+        return;
+      const k = U[D(E)];
+      Ce({ option: k });
+    },
+    handleSelectOption: Ce,
+    chipSrLabel: B,
+    listRef: R,
+    forwareddRef: G,
+    setListRef: (E, k) => {
+      R.current[E] = k;
+    }
+  }, children: [P("div", { className: w("ds-combobox", `ds-combobox--${O}`, a && "ds-combobox__disabled", H), style: I, ref: ne, children: [v && c(ht, { name: v, selectedOptions: oe, multiple: s }), c(bt, { label: o, description: i, size: O, readOnly: l, hideLabel: r, formFieldProps: ie }), c(pt, { ...Z(["inputValue"], M), hideClearButton: m, listId: Ke.floatingId || "", error: d, hideChips: f, handleKeyDown: St, "aria-busy": _ }), c(ut, { size: O, error: d, formFieldProps: ie })] }), xe && c(Vt, { root: u ? null : ne, children: c(Kt, { context: Ke, initialFocus: -1, visuallyHiddenDismiss: !0, children: P("div", { "aria-labelledby": ie.inputProps.id, "aria-autocomplete": "list", tabIndex: -1, ...Ot({
+    ref: de.setFloating,
+    style: {
+      ...kt
+    }
+  }), className: w("ds-combobox__options-wrapper", `ds-combobox--${O}`), children: [g && c("div", { style: {
+    height: `${we.getTotalSize()}px`,
+    width: "100%",
+    position: "relative"
+  }, children: we.getVirtualItems().map((E) => c("div", { ref: we.measureElement, "data-index": E.index, style: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: "100%",
+    transform: `translateY(${E.start}px)`
+  }, children: ye[E.index] }, E.index)) }), _ ? P(lt, { className: "ds-combobox__loading", children: [c(Qe, { "aria-label": "Laster", "data-size": "sm" }), F] }) : P(ce, { children: [Ct, !g && ye] })] }) }) })] });
+}), xt = p((t, n) => c(Fn, { children: c(Jn, { ...t, ref: n }) }));
+xt.displayName = "Combobox";
+const vt = p(({ children: t, className: n, ...e }, o) => {
+  const r = S(Y);
+  if (!r)
+    throw new Error("ComboboxEmpty must be used within a Combobox");
+  const { filteredOptions: i, size: s } = r;
+  return i.length === 0 && c(Q, { "data-size": s, asChild: !0, children: c("div", { ref: o, className: w("ds-combobox__empty", n), ...e, children: t }) });
+});
+vt.displayName = "ComboboxEmpty";
+const ge = xt;
+ge.Option = je;
+ge.Empty = vt;
+ge.Option.displayName = "Combobox.Option";
+ge.Empty.displayName = "Combobox.Empty";
+const Qn = (t, n, e) => {
+  const o = (e - 1) / 2, r = Math.min(Math.max(t - Math.floor(o), 1), n - e + 1), i = Math.min(Math.max(t + Math.ceil(o), e), n), s = Array.from({ length: i + 1 - r }, (a, l) => l + r);
+  return e > 4 && r > 1 && s.splice(0, 2, 1, 0), e > 3 && i < n && s.splice(-2, 2, 0, n), s;
+}, yo = ({ currentPage: t = 1, setCurrentPage: n, onChange: e, totalPages: o = 1, showPages: r = 7 }) => J(() => {
+  const i = t < o, s = t !== 1, a = (l) => (f) => {
+    if (l < 1 || l > o)
+      return f.preventDefault();
+    e == null || e(f, l), f.defaultPrevented || n == null || n(l);
+  };
+  return {
+    /** Number of steps */
+    pages: Qn(t, o, r).map((l, f) => ({
+      /**
+       * Page number or "ellipsis" for the ellipsis item
+       */
+      page: l || "ellipsis",
+      /**
+       * Unique key for the item
+       */
+      itemKey: l ? `page-${l}` : `ellipsis-${f}`,
+      // React key utility
+      /**
+       * Properties to spread on Pagination.Button
+       */
+      buttonProps: l ? {
+        "aria-current": l === t ? "page" : void 0,
+        onClick: a(l),
+        variant: l === t ? "primary" : "tertiary"
+      } : null
+    })),
+    /** Properties to spread on Pagination.Button used for previous naviagation */
+    prevButtonProps: {
+      "aria-disabled": !s,
+      // Using aria-disabled to support all HTML elements because of potential asChild
+      onClick: a(t - 1),
+      variant: "tertiary"
+    },
+    /** Properties to spread on Pagination.Button used for next naviagation */
+    nextButtonProps: {
+      "aria-disabled": !i,
+      // Using aria-disabled to support all HTML elements because of potential asChild
+      onClick: a(t + 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
+  };
+}, [t, o, r]);
+export {
+  ho as A,
+  cn as B,
+  go as C,
+  Be as D,
+  bo as H,
+  ln as L,
+  Re as P,
+  ze as S,
+  De as T,
+  te as a,
+  pe as b,
+  ge as c,
+  mo as d,
+  po as e,
+  me as f,
+  it as g,
+  fo as h,
+  Qe as i,
+  yo as u
+};