@altinn/altinn-components 0.26.1 → 0.27.1

package/dist/usePagination-BJD-uxk9.js

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