@altinn/altinn-components 0.52.3 → 0.52.5

package/dist/usePagination-cq1YWZkE.js

@@ -1,889 +0,0 @@
-"use client";
-import { jsx as s, jsxs as T, Fragment as de } from "react/jsx-runtime";
-import { c as I } from "./lite-1fxw3LjI.js";
-import ve, { forwardRef as v, useState as U, createContext as oe, useRef as j, useEffect as F, useContext as D, useId as re, version as yt, useMemo as G, isValidElement as xt, memo as Ct, useCallback as vt, Children as Me } from "react";
-import { S as E, a as wt } from "./index-D8Pn8SCu.js";
-import { u as kt, S as It } from "./Spinner-BDXfwXIh.js";
-import { u as J } from "./useMergeRefs-DOnoWyUH.js";
-import { B as ue } from "./Button-B0t0vz2h.js";
-import { F as ce, V as Ne, a as Ot, b as Nt, c as Ke } from "./index-CnWc2FNH.js";
-import { I as me } from "./Input-B_w6SBmg.js";
-import { L as X } from "./Label-9elsbqMH.js";
-import { T as _t } from "./Textarea-BBstVlPT.js";
-import { a as Ve, c as St, o as Tt, f as Et, s as Pt, C as W, u as _e, b as Ue, d as le, p as R, r as Ie, e as Se, i as Dt, g as Rt, h as Lt, j as Ft, k as zt, l as At, m as $t, n as Bt, q as jt, t as Mt, v as ae, F as Kt, w as Vt, x as Ut } from "./index-B6sKSsN9.js";
-import { u as qt } from "./index-D-VWMqlv.js";
-import { S as Ht } from "./XMark-tKk6aExO.js";
-import { P as Oe } from "./Paragraph-Bm-eoPYv.js";
-import { S as Xt, a as Yt } from "./ChevronUp-_BBfEirx.js";
-import { u as Wt } from "./useId-BVFxCjkq.js";
-import { S as Gt } from "./Checkmark-Byz_C9x4.js";
-import { flushSync as Jt } from "react-dom";
-var Qt = 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 Zt = v((t, n) => {
-  var { title: e, titleId: o } = t, r = Qt(t, ["title", "titleId"]);
-  let i = Wt();
-  return i = e ? o || "title-" + i : void 0, ve.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 ? ve.createElement("title", { id: i }, e) : null,
-    ve.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" })
-  );
-}), en = v(function({ className: n, count: e, maxCount: o, variant: r = "base", ...i }, c) {
-  return s("span", { className: I("ds-badge", n), "data-count": e && o && e > o ? `${o}+` : e, "data-variant": r, ref: c, ...i });
-}), tn = v(function({ className: n, overlap: e = "rectangle", placement: o = "top-right", ...r }, i) {
-  return s("span", { className: I("ds-badge--position", n), "data-overlap": e, "data-placement": o, ref: i, ...r });
-}), nn = Object.assign(en, { Position: tn });
-nn.Position.displayName = "Badge.Position";
-const on = v(({ asChild: t, className: n, ...e }, o) => s(t ? E : "a", { className: I("ds-link", n), ref: o, ...e }));
-on.displayName = "Link";
-const Zn = v(function({ asChild: n, className: e, height: o, style: r, variant: i = "rectangle", width: c, ...a }, l) {
-  const u = n ? E : "span", g = i === "text", b = kt("ds-skeleton-opacity-fade"), f = J([b, l]);
-  return s(u, { "aria-hidden": "true", className: I("ds-skeleton", e), "data-text": g ? "-".repeat(Number(c) || 1) : void 0, "data-variant": i, ref: f, style: g ? r : { width: c, height: o, ...r }, ...a });
-}), eo = v(function({ asChild: n, ...e }, o) {
-  return s(n ? E : "li", { ...e, ref: o });
-}), qe = (t, { asChild: n, className: e, ...o }, r) => s(n ? E : t, { className: I("ds-list", e), ref: r, ...o }), to = v(function(n, e) {
-  return qe("ul", n, e);
-});
-v(function(n, e) {
-  return qe("ol", n, e);
-});
-const He = v(function({ asChild: n, className: e, ...o }, r) {
-  return s(n ? E : "button", { className: I("ds-chip", e), type: n ? void 0 : "button", ref: r, ...o });
-}), Xe = v(function(n, e) {
-  return s(He, { "data-removable": !0, ref: e, ...n });
-}), Ye = v(function({ asChild: n, children: e, className: o, "data-size": r, "data-color": i, ...c }, a) {
-  const l = c.type ?? "checkbox";
-  return T(n ? E : "label", { className: I("ds-chip", o), "data-size": r, "data-color": i, ref: a, children: [s(me, { ...c, type: l }), s(wt, { children: e })] });
-}), rn = v(function(n, e) {
-  return s(Ye, { ref: e, type: "radio", ...n });
-}), fe = {
-  Button: He,
-  Checkbox: Ye,
-  Radio: rn,
-  Removable: Xe
-};
-fe.Button.displayName = "Chip.Button";
-fe.Checkbox.displayName = "Chip.Checkbox";
-fe.Radio.displayName = "Chip.Radio";
-fe.Removable.displayName = "Chip.Removable";
-const sn = v(function({ "aria-label": n = "Sidenavigering", asChild: e, className: o, ...r }, i) {
-  return s(e ? E : "nav", { "aria-label": n, className: I("ds-pagination", o), ref: i, ...r });
-}), an = v(function(n, e) {
-  return s(ue, { ref: e, ...n });
-}), cn = v(function({ asChild: n, className: e, ...o }, r) {
-  return s(n ? E : "li", { ref: r, ...o });
-}), ln = v(function({ asChild: n, ...e }, o) {
-  return s(n ? E : "ul", { ref: o, ...e });
-}), Te = Object.assign(sn, {
-  List: ln,
-  Item: cn,
-  Button: an
-});
-Te.List.displayName = "Pagination.List";
-Te.Item.displayName = "Pagination.Item";
-Te.Button.displayName = "Pagination.Button";
-const no = v(function({ "data-size": n, className: e, style: o, children: r, label: i, description: c, error: a, ...l }, u) {
-  return T(ce, { "data-size": n, className: e, style: o, children: [s(me, { type: "checkbox", ref: u, ...l }), !!i && s(X, { weight: "regular", children: i }), !!c && s("div", { "data-field": "description", children: c }), !!a && s(Ne, { children: a })] });
-}), oo = v(function({ "data-size": n, children: e, className: o, description: r, label: i, position: c, style: a, ...l }, u) {
-  return T(ce, { className: o, "data-position": c, "data-size": n, style: a, children: [s(me, { type: "checkbox", role: "switch", ref: u, ...l }), !!i && s(X, { weight: "regular", children: i }), !!r && s("div", { "data-field": "description", children: r })] });
-}), ro = v(function({ label: n, description: e, error: o, multiline: r, prefix: i, suffix: c, "data-size": a, counter: l, style: u, className: g, ...b }, f) {
-  return T(ce, { className: g, "data-size": a, style: u, children: [!!n && s(X, { children: n }), !!e && s(Ot, { children: e }), T(Nt, { children: [i === void 0 || s(Ke, { children: i }), r === !0 ? s(_t, { ref: f, "aria-invalid": !!o || void 0, ...b }) : s(me, { ref: f, "aria-invalid": !!o || void 0, ...b }), c === void 0 || s(Ke, { children: c })] }), !!o && s(Ne, { children: o }), !!l && s(ce.Counter, { ...typeof l == "number" ? { limit: l } : l })] });
-}), be = oe({}), dn = v(function({ value: n, defaultValue: e, className: o, onChange: r, ...i }, c) {
-  const a = n !== void 0, [l, u] = U(e);
-  let g = r;
-  return a || (g = (b) => {
-    u(b), r == null || r(b);
-  }, n = l), s(be.Provider, { value: {
-    value: n,
-    defaultValue: e,
-    onChange: g
-  }, children: s("div", { className: I("ds-tabs", o), ref: c, ...i }) });
-}), We = oe({
-  elements: { current: /* @__PURE__ */ new Map() },
-  getOrderedItems: () => [],
-  setFocusableValue: () => {
-  },
-  onShiftTab: () => {
-  },
-  focusableValue: null,
-  orientation: "horizontal"
-}), un = v(({ activeValue: t, asChild: n, orientation: e = "horizontal", onBlur: o, onFocus: r, ...i }, c) => {
-  const a = n ? E : "div", [l, u] = U(null), [g, b] = U(!1), f = j(/* @__PURE__ */ new Map()), h = j(null), x = J([c, h]), w = () => {
-    if (!h.current)
-      return [];
-    const d = Array.from(h.current.querySelectorAll("[data-roving-tabindex-item]"));
-    return Array.from(f.current).sort((y, m) => d.indexOf(y[1]) - d.indexOf(m[1])).map(([y, m]) => ({ value: y, element: m }));
-  };
-  return F(() => {
-    u(t ?? null);
-  }, [t]), s(We.Provider, { value: {
-    elements: f,
-    getOrderedItems: w,
-    focusableValue: l,
-    setFocusableValue: u,
-    onShiftTab: () => {
-      b(!0);
-    },
-    orientation: e
-  }, children: s(a, { ...i, tabIndex: g ? -1 : 0, onBlur: (d) => {
-    o == null || o(d), b(!1), u(t ?? null);
-  }, onFocus: (d) => {
-    var m, p, C;
-    if (r == null || r(d), d.target !== d.currentTarget)
-      return;
-    const y = w();
-    y.length !== 0 && (l != null ? (m = f.current.get(l)) == null || m.focus() : t != null ? (p = f.current.get(t)) == null || p.focus() : (C = y.at(0)) == null || C.element.focus());
-  }, ref: x }) });
-}), mn = v(function({ children: n, ...e }, o) {
-  const { value: r } = D(be);
-  return s(un, { role: "tablist", activeValue: r, orientation: "ambiguous", ref: o, ...e, children: n });
-}), fn = v(function({ children: n, value: e, ...o }, r) {
-  const { value: i } = D(be), c = e === i, [a, l] = U(!1), u = j(null), g = J([r, u]);
-  return F(() => {
-    if (!u.current)
-      return;
-    const b = u.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    l(b.length > 0);
-  }, [n]), s(de, { children: c && s("div", { ref: g, role: "tabpanel", tabIndex: a ? void 0 : 0, ...o, children: n }) });
-}), bn = (t) => {
-  const { elements: n, getOrderedItems: e, setFocusableValue: o, focusableValue: r, onShiftTab: i, orientation: c } = D(We);
-  return {
-    getOrderedItems: e,
-    isFocusable: r === t,
-    orientation: c,
-    getRovingProps: (a) => ({
-      ...a,
-      ref: (l) => {
-        l ? n.current.set(t, l) : n.current.delete(t);
-      },
-      onKeyDown: (l) => {
-        var u;
-        if ((u = a == null ? void 0 : a.onKeyDown) == null || u.call(a, l), l.shiftKey && l.key === "Tab") {
-          i();
-          return;
-        }
-      },
-      onFocus: (l) => {
-        var u;
-        (u = a == null ? void 0 : a.onFocus) == null || u.call(a, l), o(t);
-      },
-      "data-roving-tabindex-item": !0,
-      tabIndex: r === t ? 0 : -1
-    })
-  };
-};
-function we(t, n) {
-  const e = t.findIndex((o) => o.value === n);
-  return t.at(e === t.length - 1 ? 0 : e + 1);
-}
-function ke(t, n) {
-  const e = t.findIndex((o) => o.value === n);
-  return t.at(e === 0 ? -1 : e - 1);
-}
-const pn = v(({ value: t, asChild: n, ...e }, o) => {
-  const r = n ? E : "div", i = t ?? (typeof e.children == "string" ? e.children : ""), { getOrderedItems: c, getRovingProps: a, orientation: l } = bn(i), u = a({
-    onKeyDown: (b) => {
-      var x;
-      (x = e == null ? void 0 : e.onKeyDown) == null || x.call(e, b);
-      const f = c();
-      let h;
-      switch (l) {
-        case "horizontal":
-          b.key === "ArrowRight" && (h = we(f, i)), b.key === "ArrowLeft" && (h = ke(f, i));
-          break;
-        case "vertical":
-          b.key === "ArrowDown" && (h = we(f, i)), b.key === "ArrowUp" && (h = ke(f, i));
-          break;
-        case "ambiguous":
-          ["ArrowRight", "ArrowDown"].includes(b.key) && (h = we(f, i)), ["ArrowLeft", "ArrowUp"].includes(b.key) && (h = ke(f, i));
-      }
-      b.key === "Home" && (h = f[0]), b.key === "End" && (h = f[f.length - 1]), h && (b.preventDefault(), h.element.focus());
-    }
-  }), g = J([o, u.ref]);
-  return s(r, { ...e, ...u, ref: g, children: e.children });
-}), hn = v(function({ value: n, id: e, ...o }, r) {
-  const i = D(be), c = e ?? `tab-${re()}`;
-  return s(pn, { value: n, ...o, asChild: !0, children: s("button", { ...o, "aria-selected": i.value === n, id: c, onClick: () => {
-    var a;
-    return (a = i.onChange) == null ? void 0 : a.call(i, n);
-  }, ref: r, role: "tab", type: "button" }) });
-}), Ee = Object.assign(dn, {
-  List: mn,
-  Tab: hn,
-  Panel: fn
-});
-Ee.Tab.displayName = "Tabs.Tab";
-Ee.List.displayName = "Tabs.List";
-Ee.Panel.displayName = "Tabs.Panel";
-const Ge = ({ children: t }) => {
-  const n = re(), [e, o] = U(n);
-  return s(Pe.Provider, { value: { popoverId: e, setPopoverId: o }, children: t });
-};
-Ge.displayName = "PopoverTriggerContext";
-const Pe = oe({}), gn = v(function({ id: n, className: e, onClose: o, onOpen: r, open: i, variant: c = "default", placement: a = "top", autoPlacement: l = !0, asChild: u = !1, ...g }, b) {
-  const f = u ? E : "div", h = j(null), x = J([h, b]), { popoverId: w, setPopoverId: d } = D(Pe), [y, m] = U(!1), p = i ?? y;
-  return F(() => {
-    var L;
-    const C = h.current, O = ($) => {
-      var Y;
-      const z = $.target, K = (Y = z == null ? void 0 : z.closest) == null ? void 0 : Y.call(z, `[popovertarget="${C == null ? void 0 : C.id}"]`), B = !K && !(C != null && C.contains(z));
-      K && ($.preventDefault(), m((S) => !S), r == null || r()), B && (m(!1), o == null || o());
-    }, _ = ($) => {
-      $.key !== "Escape" || !p || ($.preventDefault(), m(!1), o == null || o());
-    };
-    return (L = C == null ? void 0 : C.togglePopover) == null || L.call(C, p), document.addEventListener("click", O, !0), document.addEventListener("keydown", _), () => {
-      document.removeEventListener("click", O, !0), document.removeEventListener("keydown", _);
-    };
-  }, [p]), F(() => {
-    const C = h.current, O = document.querySelector(`[popovertarget="${C == null ? void 0 : C.id}"]`);
-    if (C && O && p)
-      return Ve(O, C, () => {
-        St(O, C, {
-          placement: a,
-          strategy: "fixed",
-          middleware: [
-            Tt((_) => {
-              const L = getComputedStyle(_.elements.floating, "::before");
-              return parseFloat(L.height);
-            }),
-            ...l ? [Et({ fallbackAxisSideDirection: "start" }), Pt()] : [],
-            yn
-          ]
-        }).then(({ x: _, y: L }) => {
-          C.style.translate = `${_}px ${L}px`;
-        });
-      });
-  }, [p, a, n, l]), F(() => {
-    n && (d == null || d(n));
-  }, [n]), s(f, { className: I("ds-popover", e), id: n || w, popover: "manual", "data-variant": c, ref: x, ...g });
-}), yn = {
-  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;
-  }
-}, xn = v(function({ id: n, inline: e, asChild: o, ...r }, i) {
-  const { popoverId: c } = D(Pe), a = o ? E : e ? "button" : ue, l = Object.assign({
-    [yt.startsWith("19") ? "popoverTarget" : "popovertarget"]: c,
-    ...e ? {
-      "data-popover": "inline"
-    } : {}
-  }, r);
-  return s(a, { ref: i, ...l });
-}), Je = Object.assign(gn, {
-  TriggerContext: Ge,
-  Trigger: xn
-});
-Je.TriggerContext.displayName = "Popover.TriggerContext";
-Je.Trigger.displayName = "Popover.Trigger";
-const De = oe({
-  current: null
-}), Qe = ({ children: t }) => {
-  const n = j(null);
-  return s(De.Provider, { value: n, children: t });
-};
-Qe.displayName = "DialogTriggerContext";
-const Cn = v(function({ asChild: n, children: e, className: o, closeButton: r = "Lukk dialogvindu", closedby: i = "closerequest", modal: c = !0, onClose: a, open: l, ...u }, g) {
-  const b = D(De), f = j(null), h = n ? E : "dialog", x = J([b, g, f]), w = c ? "showModal" : "show";
-  return F(() => {
-    var d;
-    return (d = f.current) == null ? void 0 : d[l ? w : "close"]();
-  }, [l]), F(() => {
-    const d = f.current, y = (p) => {
-      var L;
-      const { clientY: C, clientX: O, target: _ } = p;
-      if (p instanceof KeyboardEvent)
-        return i === "none" && p.key === "Escape" && p.preventDefault();
-      if (!((L = window.getSelection()) != null && L.toString()) && d && _ === d && i === "any") {
-        const { top: $, left: z, right: K, bottom: B } = d.getBoundingClientRect();
-        $ <= C && C <= B && z <= O && O <= K || d == null || d.close();
-      }
-    }, m = () => {
-      const p = d == null ? void 0 : d.querySelector("[autofocus]");
-      document.activeElement !== p && (p == null || p.focus());
-    };
-    return d == null || d.addEventListener("animationend", m), d == null || d.addEventListener("click", y), d == null || d.addEventListener("keydown", y), () => {
-      d == null || d.removeEventListener("animationend", m), d == null || d.removeEventListener("click", y), d == null || d.removeEventListener("keydown", y);
-    };
-  }, [i]), F(() => {
-    var y;
-    const d = (m) => a == null ? void 0 : a(m);
-    return (y = f.current) == null || y.addEventListener("close", d), () => {
-      var m;
-      return (m = f.current) == null ? void 0 : m.removeEventListener("close", d);
-    };
-  }, [a]), T(h, { className: I("ds-dialog", o), ref: x, "data-modal": c, ...u, children: [r !== !1 && s("form", { method: "dialog", children: s(ue, { "aria-label": r, autoFocus: !0, "data-color": "neutral", icon: !0, name: "close", type: "submit", variant: "tertiary" }) }), e] });
-}), vn = v(function({ asChild: n, className: e, ...o }, r) {
-  return s(n ? E : "div", { className: I("ds-dialog__block", e), ref: r, ...o });
-}), wn = v(function({ asChild: n, ...e }, o) {
-  const r = D(De);
-  return s(n ? E : ue, { "aria-haspopup": "dialog", onClick: () => {
-    var a, l, u;
-    ((a = r.current) == null ? void 0 : a.getAttribute("data-modal")) === "true" ? (l = r.current) == null || l.showModal() : (u = r.current) == null || u.show();
-  }, ref: o, ...e });
-}), Re = Object.assign(Cn, {
-  Block: vn,
-  TriggerContext: Qe,
-  Trigger: wn
-});
-Re.Block.displayName = "Dialog.Block";
-Re.TriggerContext.displayName = "Dialog.TriggerContext";
-Re.Trigger.displayName = "Dialog.Trigger";
-const kn = oe(null), In = (t, n) => {
-  const e = D(kn), o = re(), r = t.id ?? `${n}-${o}`, i = t.errorId ?? `${n}-error-${o}`, c = `${n}-description-${o}`, a = t.size ?? (e == null ? void 0 : e.size) ?? "md", l = (e == null ? void 0 : e.disabled) || (t == null ? void 0 : t.disabled), u = !l && !!(t.error || e != null && e.error);
-  return {
-    hasError: u,
-    errorId: i,
-    descriptionId: c,
-    size: a,
-    inputProps: {
-      id: r,
-      disabled: l,
-      "aria-invalid": u ? !0 : void 0,
-      "aria-describedby": I(t["aria-describedby"], !!(t != null && t.description) && typeof (t == null ? void 0 : t.description) == "string" && c, u && !(e != null && e.error) && i, u && !!(e != null && e.error) && (e == null ? void 0 : e.errorId)) || void 0
-    }
-  };
-}, Ze = ({ size: t, error: n, formFieldProps: e }) => s("div", { className: "ds-combobox__error-message", id: e.errorId, "aria-live": "polite", "aria-relevant": "additions removals", children: n && s(Ne, { "data-size": t, children: n }) });
-Ze.displayName = "ComboboxError";
-const et = () => {
-  const t = D(W);
-  if (!t)
-    throw new Error("ComboboxContext is missing");
-  const { size: n, readOnly: e, disabled: o, selectedOptions: r, chipSrLabel: i, handleSelectOption: c, inputRef: a } = t;
-  return s(de, { children: Object.keys(r).map((l) => s(Xe, { "data-size": n, disabled: o, onKeyDown: (u) => {
-    var g;
-    e || o || u.key === "Enter" && (u.stopPropagation(), c({
-      option: r[l],
-      remove: !0
-    }), (g = a == null ? void 0 : a.current) == null || g.focus());
-  }, onClick: () => {
-    e || o || c({
-      option: r[l],
-      remove: !0
-    });
-  }, "aria-label": i(r[l]), children: r[l].label }, l)) });
-};
-et.displayName = "ComboboxChips";
-const tt = v((t, n) => {
-  const e = D(W);
-  if (!e)
-    throw new Error("ComboboxContext is missing");
-  const { readOnly: o, disabled: r, clearButtonLabel: i, handleSelectOption: c } = e;
-  return s("button", { ...t, ref: n, disabled: r, className: I("ds-combobox__clear-button", "ds-focus"), onClick: () => {
-    o || r || c({ option: null, clear: !0 });
-  }, onKeyDown: (a) => {
-    o || r || a.key === "Enter" && (a.stopPropagation(), c({ option: null, clear: !0 }));
-  }, type: "button", "aria-label": i, children: s(Ht, { fontSize: "1.5em", title: "Clear selection" }) });
-});
-tt.displayName = "ComboboxClearButton";
-const nt = ({ hideClearButton: t, listId: n, error: e, hideChips: o, handleKeyDown: r, ...i }) => {
-  const c = D(W), a = _e(), l = j(null);
-  if (!c)
-    throw new Error("ComboboxContext is missing");
-  const u = (P) => {
-    a == null || a({ type: "SET_ACTIVE_INDEX", payload: P });
-  }, { forwareddRef: g, readOnly: b, disabled: f, open: h, inputRef: x, refs: w, inputValue: d, multiple: y, selectedOptions: m, formFieldProps: p, htmlSize: C, options: O, setOpen: _, getReferenceProps: L, setInputValue: $, handleSelectOption: z, size: K } = c, B = Ue([g, x]), Y = (P) => {
-    const A = P.target.value;
-    $(A), u(0);
-    for (const V of Object.values(O))
-      if (V.label.toLowerCase() === A.toLowerCase()) {
-        if (m[R(V.value)])
-          continue;
-        z({ option: V });
-      }
-  }, S = !t && Object.keys(m).length > 0, Q = L({
-    ref: w == null ? void 0 : w.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(P) {
-      var A, V;
-      f || b || (A = l.current) != null && A.contains(P.target) || (_(!h), u(0), (V = x.current) == null || V.focus());
-    },
-    /* Handles list navigation */
-    onKeyDown: r,
-    // preventDefault on keydown to avoid sending in form
-    onKeyPress(P) {
-      P.key === "Enter" && P.preventDefault();
-    }
-  });
-  return s(Oe, { "data-size": K, asChild: !0, children: T("div", { ...Q, "aria-disabled": f ? "true" : void 0, className: I("ds-textfield__input", "ds-combobox__input__wrapper", b && "ds-combobox--readonly", e && "ds-combobox--error"), children: [T("div", { className: "ds-combobox__chip-and-input", children: [y && !o && s(et, {}), s(Oe, { "data-size": K, asChild: !0, children: s("input", { ref: B, "aria-activedescendant": Q["aria-activedescendant"], readOnly: b, "aria-autocomplete": "list", role: "combobox", "aria-expanded": h, "aria-controls": h ? n : void 0, autoComplete: "off", size: C, value: d, ...le(["style", "className"], i), ...p.inputProps, className: "ds-combobox__input", onChange: (P) => {
-    var A;
-    Y(P), !h && _(!0), (A = i.onChange) == null || A.call(i, P);
-  } }) })] }), S && s(tt, { ref: l }), s("div", { className: "ds-combobox__arrow", children: h ? s(Xt, { title: "arrow up", fontSize: "1.5em" }) : s(Yt, { title: "arrow down", fontSize: "1.5em" }) })] }) });
-};
-nt.displayName = "ComboboxInput";
-const ot = ({ label: t, description: n, hideLabel: e, size: o, readOnly: r, formFieldProps: i }) => T(de, { children: [t && T(X, { "data-size": o, htmlFor: i.inputProps.id, className: I("ds-combobox__label", e && "ds-sr-only"), children: [r && s(Zt, { "aria-hidden": !0, className: "ds-combobox__readonly__icon" }), t] }), n && s(Oe, { asChild: !0, "data-size": o, children: s("div", { id: i.descriptionId, className: I("ds-combobox__description", e && "ds-sr-only"), children: n }) })] });
-ot.displayName = "ComboboxLabel";
-const rt = ({ selectedOptions: t, multiple: n, name: e }) => {
-  const o = Object.keys(t).map((r) => Ie(r));
-  return s("select", { name: e, multiple: n, style: { display: "none" }, value: n ? o : o[0], onChange: () => {
-  }, children: o.map((r) => s("option", { value: r }, r)) });
-};
-rt.displayName = "ComboboxNative";
-const it = v(({ children: t, className: n, ...e }, o) => s("span", { className: I("ds-combobox__option__description", n), ref: o, ...e, children: t }));
-it.displayName = "ComboboxOptionDescription";
-const st = ({ multiple: t, selected: n }) => s("div", { className: I(t && "ds-combobox__option__icon-wrapper", n && "ds-combobox__option__icon-wrapper--selected"), children: n && s(Gt, { className: "ds-combobox__option__icon-wrapper__icon", "aria-hidden": !0 }) });
-st.displayName = "SelectedIcon";
-function Le(t, n = 50) {
-  const e = j(null);
-  return F(() => () => {
-    e.current && clearTimeout(e.current);
-  }, []), (...r) => {
-    e.current && clearTimeout(e.current), e.current = window.setTimeout(() => {
-      t(...r);
-    }, n);
-  };
-}
-const On = ({ id: t, ref: n, value: e }) => {
-  const o = re(), r = t || o, i = D(W), { activeIndex: c } = Se(), a = _e();
-  if (!i)
-    throw new Error("ComboboxOption must be used within a Combobox");
-  const { selectedOptions: l, onOptionClick: u, setListRef: g, customIds: b, filteredOptions: f } = i, h = G(() => f.indexOf(R(String(e))) + b.length, [b.length, f, e]), x = Ue([
-    (m) => {
-      g(h, m);
-    },
-    n
-  ]);
-  if (h === -1)
-    throw new Error("Internal error: ComboboxOption did not find index");
-  const w = l[R(e)], d = c === h;
-  F(() => {
-    d && (a == null || a({ type: "SET_ACTIVE_INDEX", payload: h }));
-  }, [o, t, a, d, h]);
-  const y = Le(() => u(e), 50);
-  return {
-    id: r,
-    ref: x,
-    selected: w,
-    active: d,
-    onOptionClick: y
-  };
-}, Fe = Ct(v(({ value: t, description: n, children: e, className: o, ...r }, i) => {
-  const c = re(), { id: a, ref: l, selected: u, active: g, onOptionClick: b } = On({
-    id: r.id,
-    ref: i,
-    value: t
-  }), f = D(W);
-  if (!f)
-    throw new Error("ComboboxOption must be used within a Combobox");
-  const { size: h, multiple: x, getItemProps: w } = f, d = w();
-  return s(X, { "data-size": "md", asChild: !0, children: T("button", {
-    ref: l,
-    id: a,
-    // biome-ignore lint/a11y/useSemanticElements: biome wants me to use the <option> element
-    role: "option",
-    type: "button",
-    "aria-selected": !!u,
-    "aria-labelledby": c,
-    tabIndex: -1,
-    onClick: (y) => {
-      var m;
-      b(), (m = r.onClick) == null || m.call(r, y);
-    },
-    className: I("ds-combobox__option", g && "ds-combobox__option--active", x && "ds-combobox__option--multiple", o),
-    ...le(["displayValue"], r),
-    ...le(["onClick", "onPointerLeave"], d),
-    children: [s(X, { asChild: !0, "data-size": h, children: s("span", { children: s(st, { multiple: x, selected: !!u }) }) }), T(X, { className: "ds-combobox__option__label", "data-size": h, id: c, children: [e, n && s(it, { children: n })] })]
-  }) });
-}));
-Fe.displayName = "ComboboxOption";
-function Nn(t) {
-  return xt(t) && t.type === Fe;
-}
-const _n = (t) => !!t;
-function Sn({ children: t, inputValue: n, multiple: e, filter: o = (i, c) => c.label.toLowerCase().startsWith(i.toLowerCase()), initialValue: r }) {
-  const i = vt(o, [o]), { optionsChildren: c, customIds: a, restChildren: l, interactiveChildren: u } = G(() => Me.toArray(t).reduce((m, p) => {
-    if (Nn(p))
-      m.optionsChildren.push(p);
-    else if (m.restChildren.push(p), Dt(p)) {
-      const C = p;
-      if (m.interactiveChildren.push(C), !C.props.id)
-        throw new Error("If ComboboxCustom is interactive, it must have an id");
-      m.customIds.push(C.props.id);
-    }
-    return m;
-  }, {
-    optionsChildren: [],
-    customIds: [],
-    restChildren: [],
-    interactiveChildren: []
-  }), [t]), g = G(() => {
-    const d = [], y = {};
-    return c.map((m) => {
-      const p = m.props;
-      let C = p.displayValue || "";
-      if (!p.displayValue) {
-        let O = "";
-        Me.forEach(p.children, (_) => {
-          if (typeof _ == "string")
-            O += _;
-          else
-            throw new Error("If ComboboxOption is not a string, it must have a displayValue prop");
-        }), C = O;
-      }
-      d.includes(p.value) && console.warn(`Combobox has multiple options with the same value: ${p.value}`), d.push(p.value), y[R(String(p.value))] = {
-        value: String(p.value),
-        label: C,
-        displayValue: p.displayValue,
-        description: p.description
-      };
-    }), y;
-  }, [c]), b = G(() => ((r == null ? void 0 : r.map((d) => R(d))) || []).reduce((d, y) => {
-    const m = g[y];
-    return _n(m) && (d[y] = m), d;
-  }, {}), [r, g]), [f, h] = U(b), { filteredOptions: x, filteredOptionsChildren: w } = G(() => {
-    const d = [], y = Object.keys(g).map((m, p) => {
-      if (!e && Object.keys(f).length === 1 || e && f[m] || i(n, g[m]))
-        return d.push(m), c[p];
-    }).filter((m) => m);
-    return { filteredOptions: d, filteredOptionsChildren: y };
-  }, [
-    i,
-    n,
-    e,
-    g,
-    c,
-    f
-  ]);
-  return {
-    filteredOptionsChildren: w,
-    filteredOptions: x,
-    restChildren: l,
-    options: g,
-    customIds: a,
-    selectedOptions: f,
-    interactiveChildren: u,
-    setSelectedOptions: h
-  };
-}
-const Tn = ({ readOnly: t, disabled: n, interactiveChildren: e, filteredOptions: o, inputValue: r, selectedOptions: i, multiple: c, open: a, options: l, setOpen: u, handleSelectOption: g }) => {
-  const { activeIndex: b } = Se();
-  return Le((x) => {
-    if (!(t || n) && x)
-      switch (x.key) {
-        case "ArrowDown":
-          if (x.preventDefault(), a)
-            break;
-          u(!0);
-          break;
-        case "ArrowUp":
-          if (x.preventDefault(), b !== 0)
-            break;
-          u(!1);
-          break;
-        case "Enter": {
-          if (x.preventDefault(), !a)
-            break;
-          if (b <= e.length - 1) {
-            const y = e[b];
-            if (y.props.onSelect) {
-              y == null || y.props.onSelect();
-              return;
-            }
-          }
-          const w = b - e.length, d = o[w];
-          g({ option: l[d] });
-          break;
-        }
-        case "Backspace":
-          if (!c) {
-            const w = Object.keys(i).pop();
-            w && g({
-              option: i[w],
-              remove: !0
-            });
-            break;
-          }
-          if (r === "" && c) {
-            const w = Object.keys(i).pop();
-            w && g({
-              option: i[w],
-              remove: !0
-            });
-          }
-          break;
-      }
-  }, 20);
-}, En = ({ listRef: t }) => {
-  const [n, e] = U(!1), { activeIndex: o } = Se(), r = _e(), { refs: i, floatingStyles: c, context: a } = Rt({
-    open: n,
-    onOpenChange: (x) => {
-      x || r == null || r({ type: "SET_ACTIVE_INDEX", payload: 0 }), Jt(() => {
-        i.floating.current && !x && (i.floating.current.scrollTop = 0), setTimeout(() => {
-          e(x);
-        }, 1);
-      });
-    },
-    whileElementsMounted: (x, w, d) => (Ve(x, w, d), () => {
-      w.scrollTop = 0;
-    }),
-    middleware: [
-      $t({ padding: 10 }),
-      Bt({
-        apply({ rects: x, elements: w }) {
-          requestAnimationFrame(() => {
-            Object.assign(w.floating.style, {
-              width: `${x.reference.width}px`,
-              maxHeight: "200px"
-            });
-          });
-        }
-      }),
-      jt(10)
-    ]
-  }), l = Lt(a, { role: "listbox" }), u = Ft(a), g = zt(a, {
-    listRef: t,
-    activeIndex: o,
-    virtual: !0,
-    scrollItemIntoView: !0,
-    enabled: n,
-    focusItemOnHover: !0,
-    onNavigate: (x) => {
-      r == null || r({ type: "SET_ACTIVE_INDEX", payload: x || 0 });
-    }
-  }), { getReferenceProps: b, getFloatingProps: f, getItemProps: h } = At([l, u, g]);
-  return {
-    open: n,
-    setOpen: e,
-    activeIndex: o,
-    refs: i,
-    floatingStyles: c,
-    context: a,
-    getReferenceProps: b,
-    getFloatingProps: f,
-    getItemProps: h
-  };
-}, Pn = v(({ value: t, initialValue: n = [], onValueChange: e, label: o, hideLabel: r = !1, description: i, multiple: c = !1, disabled: a = !1, readOnly: l = !1, hideChips: u = !1, clearButtonLabel: g = "Fjern alt", hideClearButton: b = !1, error: f, errorId: h, id: x, name: w, portal: d = !0, htmlSize: y = 0, virtual: m = !1, children: p, style: C, size: O = "md", loading: _, loadingLabel: L = "Laster...", filter: $, chipSrLabel: z = (S) => "Slett " + S.label, className: K, ...B }, Y) => {
-  const S = j(null), Q = j(null), P = j([]), [A, V] = U(B.inputValue || "");
-  F(() => {
-    typeof B.inputValue == "string" && V(B.inputValue);
-  }, [B.inputValue]);
-  const { selectedOptions: Z, options: q, restChildren: lt, interactiveChildren: dt, customIds: ut, filteredOptionsChildren: he, filteredOptions: ze, setSelectedOptions: ee } = Sn({
-    children: p,
-    inputValue: A,
-    filter: $,
-    multiple: c,
-    initialValue: n
-  }), { open: ge, setOpen: ye, refs: ie, floatingStyles: mt, context: Ae, getReferenceProps: ft, getFloatingProps: bt, getItemProps: pt } = En({
-    listRef: P
-  }), te = In({
-    disabled: a,
-    error: f,
-    errorId: h,
-    size: O,
-    description: i,
-    id: x
-  }, "combobox");
-  F(() => {
-    if (t && t.length > 0 && !c) {
-      const N = q[R(t[0])];
-      S.current && ae(S.current, (N == null ? void 0 : N.label) || "");
-    }
-  }, [c, t, q]), F(() => {
-    if (t && Object.keys(q).length >= 0) {
-      const N = t.map((k) => q[R(k)]);
-      ee(N.reduce((k, ne) => (k[R(ne.value)] = ne, k), {}));
-    }
-  }, [c, t, q, ee]);
-  const xe = Le((N) => {
-    var $e, Be;
-    const { option: k, clear: ne, remove: gt } = N;
-    if (ne) {
-      ee({}), S.current && ae(S.current, ""), e == null || e([]);
-      return;
-    }
-    if (!k)
-      return;
-    if (gt) {
-      const M = { ...Z };
-      delete M[R(k.value)], ee(M), e == null || e(Object.keys(M).map((se) => Ie(se)));
-      return;
-    }
-    const H = { ...Z };
-    if (c)
-      H[R(k.value)] ? delete H[R(k.value)] : H[R(k.value)] = k, S.current && ae(S.current, ""), ($e = S.current) == null || $e.focus();
-    else {
-      for (const M of Object.keys(H))
-        delete H[M];
-      H[R(k.value)] = k, S.current && ae(S.current, (k == null ? void 0 : k.label) || ""), setTimeout(() => {
-        var M, se, je;
-        (je = S.current) == null || je.setSelectionRange(((M = k == null ? void 0 : k.label) == null ? void 0 : M.length) || 0, ((se = k == null ? void 0 : k.label) == null ? void 0 : se.length) || 0);
-      }, 0);
-    }
-    ee(H), e == null || e(Object.keys(H).map((M) => Ie(M))), !c && ye(!1), (Be = ie.domReference.current) == null || Be.focus();
-  }, 50), ht = Tn({
-    filteredOptions: ze,
-    selectedOptions: Z,
-    readOnly: te.readOnly || !1,
-    disabled: a,
-    multiple: c,
-    inputValue: A,
-    options: q,
-    open: ge,
-    interactiveChildren: dt,
-    setOpen: ye,
-    handleSelectOption: xe
-  }), Ce = qt({
-    count: Object.keys(he).length,
-    getScrollElement: () => m ? ie.floating.current : null,
-    estimateSize: () => 70,
-    measureElement: (N) => N.getBoundingClientRect().height,
-    overscan: 7
-  });
-  return T(W.Provider, { value: {
-    size: O,
-    options: q,
-    selectedOptions: Z,
-    multiple: c,
-    disabled: a,
-    readOnly: l,
-    open: ge,
-    inputRef: S,
-    refs: ie,
-    inputValue: A,
-    formFieldProps: te,
-    htmlSize: y,
-    clearButtonLabel: g,
-    customIds: ut,
-    filteredOptions: ze,
-    setInputValue: V,
-    setOpen: ye,
-    getReferenceProps: ft,
-    getItemProps: pt,
-    /* Recieves the value of the option, and searches for it in our values lookup */
-    onOptionClick: (N) => {
-      if (l || a)
-        return;
-      const k = q[R(N)];
-      xe({ option: k });
-    },
-    handleSelectOption: xe,
-    chipSrLabel: z,
-    listRef: P,
-    forwareddRef: Y,
-    setListRef: (N, k) => {
-      P.current[N] = k;
-    }
-  }, children: [T("div", { className: I("ds-combobox", `ds-combobox--${O}`, a && "ds-combobox__disabled", K), style: C, ref: Q, children: [w && s(rt, { name: w, selectedOptions: Z, multiple: c }), s(ot, { label: o, description: i, size: O, readOnly: l, hideLabel: r, formFieldProps: te }), s(nt, { ...le(["inputValue"], B), hideClearButton: b, listId: Ae.floatingId || "", error: f, hideChips: u, handleKeyDown: ht, "aria-busy": _ }), s(Ze, { size: O, error: f, formFieldProps: te })] }), ge && s(Kt, { root: d ? null : Q, children: s(Vt, { context: Ae, initialFocus: -1, visuallyHiddenDismiss: !0, children: T("div", { "aria-labelledby": te.inputProps.id, "aria-autocomplete": "list", tabIndex: -1, ...bt({
-    ref: ie.setFloating,
-    style: {
-      ...mt
-    }
-  }), className: I("ds-combobox__options-wrapper", `ds-combobox--${O}`), children: [m && s("div", { style: {
-    height: `${Ce.getTotalSize()}px`,
-    width: "100%",
-    position: "relative"
-  }, children: Ce.getVirtualItems().map((N) => s("div", { ref: Ce.measureElement, "data-index": N.index, style: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    transform: `translateY(${N.start}px)`
-  }, children: he[N.index] }, N.index)) }), _ ? T(Ut, { className: "ds-combobox__loading", children: [s(It, { "aria-label": "Laster", "data-size": "sm" }), L] }) : T(de, { children: [lt, !m && he] })] }) }) })] });
-}), at = v((t, n) => s(Mt, { children: s(Pn, { ...t, ref: n }) }));
-at.displayName = "Combobox";
-const ct = v(({ children: t, className: n, ...e }, o) => {
-  const r = D(W);
-  if (!r)
-    throw new Error("ComboboxEmpty must be used within a Combobox");
-  const { filteredOptions: i, size: c } = r;
-  return i.length === 0 && s(X, { "data-size": c, asChild: !0, children: s("div", { ref: o, className: I("ds-combobox__empty", n), ...e, children: t }) });
-});
-ct.displayName = "ComboboxEmpty";
-const pe = at;
-pe.Option = Fe;
-pe.Empty = ct;
-pe.Option.displayName = "Combobox.Option";
-pe.Empty.displayName = "Combobox.Empty";
-const Dn = (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), c = Array.from({ length: i + 1 - r }, (a, l) => l + r);
-  return e > 4 && r > 1 && c.splice(0, 2, 1, 0), e > 3 && i < n && c.splice(-2, 2, 0, n), c;
-}, io = ({ currentPage: t = 1, setCurrentPage: n, onChange: e, totalPages: o = 1, showPages: r = 7 }) => G(() => {
-  const i = t < o, c = t !== 1, a = (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: Dn(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: a(l),
-        variant: l === t ? "primary" : "tertiary"
-      } : null
-    })),
-    /** Properties to spread on Pagination.Button used for previous naviagation */
-    prevButtonProps: {
-      "aria-disabled": !c,
-      // Using aria-disabled to support all HTML elements because of potential asChild
-      onClick: a(t - 1),
-      variant: "tertiary"
-    },
-    /** Properties to spread on Pagination.Button used for next naviagation */
-    nextButtonProps: {
-      "aria-disabled": !i,
-      // Using aria-disabled to support all HTML elements because of potential asChild
-      onClick: a(t + 1),
-      variant: "tertiary"
-    },
-    /** Indication if previous page action should be shown or not */
-    hasPrev: c,
-    /** Indication if next page action should be shown or not */
-    hasNext: i
-  };
-}, [t, o, r]);
-export {
-  nn as B,
-  no as C,
-  Re as D,
-  on as L,
-  Te as P,
-  oo as S,
-  ro as T,
-  fe as a,
-  pe as b,
-  eo as c,
-  to as d,
-  Je as e,
-  Zn as f,
-  Ee as g,
-  io as u
-};