@altinn/altinn-components 0.25.4 → 0.25.6

package/dist/usePagination-BJD-uxk9.js

@@ -0,0 +1,1098 @@
+"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
+};