@oslokommune/punkt-react 12.40.8 → 12.40.10

package/dist/punkt-react.es.js

@@ -115,10 +115,10 @@ function QO() {
       {
         var ut = Ce.ReactDebugCurrentFrame, zt = ut.getStackAddendum();
         zt !== "" && (Ae += "%s", Xe = Xe.concat([zt]));
-        var Bt = Xe.map(function(qt) {
+        var Mt = Xe.map(function(qt) {
           return String(qt);
         });
-        Bt.unshift("Warning: " + Ae), Function.prototype.apply.call(console[V], console, Bt);
+        Mt.unshift("Warning: " + Ae), Function.prototype.apply.call(console[V], console, Mt);
       }
     }
     var J = !1, G = !1, ae = !1, pe = !1, Te = !1, ke;
@@ -175,9 +175,9 @@ function QO() {
             var ut = V.displayName || null;
             return ut !== null ? ut : tt(V.type) || "Memo";
           case R: {
-            var zt = V, Bt = zt._payload, qt = zt._init;
+            var zt = V, Mt = zt._payload, qt = zt._init;
             try {
-              return tt(qt(Bt));
+              return tt(qt(Mt));
             } catch {
               return null;
             }
@@ -278,8 +278,8 @@ function QO() {
       Nt = !0;
       var zt = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Bt;
-      Bt = pt.current, pt.current = null, nt();
+      var Mt;
+      Mt = pt.current, pt.current = null, nt();
       try {
         if (Ae) {
           var qt = function() {
@@ -332,7 +332,7 @@ function QO() {
             }
         }
       } finally {
-        Nt = !1, pt.current = Bt, wt(), Error.prepareStackTrace = zt;
+        Nt = !1, pt.current = Mt, wt(), Error.prepareStackTrace = zt;
       }
       var Ki = V ? V.displayName || V.name : "", br = Ki ? gt(Ki) : "";
       return typeof V == "function" && un.set(V, br), br;
@@ -364,9 +364,9 @@ function QO() {
           case N:
             return nr(V.type, Ae, Xe);
           case R: {
-            var ut = V, zt = ut._payload, Bt = ut._init;
+            var ut = V, zt = ut._payload, Mt = ut._init;
             try {
-              return nr(Bt(zt), Ae, Xe);
+              return nr(Mt(zt), Ae, Xe);
             } catch {
             }
           }
@@ -383,9 +383,9 @@ function QO() {
     }
     function vr(V, Ae, Xe, ut, zt) {
       {
-        var Bt = Function.call.bind(Fn);
+        var Mt = Function.call.bind(Fn);
         for (var qt in V)
-          if (Bt(V, qt)) {
+          if (Mt(V, qt)) {
             var en = void 0;
             try {
               if (typeof V[qt] != "function") {
@@ -471,7 +471,7 @@ function QO() {
         });
       }
     }
-    var Cr = function(V, Ae, Xe, ut, zt, Bt, qt) {
+    var Cr = function(V, Ae, Xe, ut, zt, Mt, qt) {
       var en = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -481,7 +481,7 @@ function QO() {
         ref: Xe,
         props: qt,
         // Record the component responsible for creating this element.
-        _owner: Bt
+        _owner: Mt
       };
       return en._store = {}, Object.defineProperty(en._store, "validated", {
         configurable: !1,
@@ -502,14 +502,14 @@ function QO() {
     };
     function gn(V, Ae, Xe, ut, zt) {
       {
-        var Bt, qt = {}, en = null, yr = null;
+        var Mt, qt = {}, en = null, yr = null;
         Xe !== void 0 && (ee(Xe), en = "" + Xe), xt(Ae) && (ee(Ae.key), en = "" + Ae.key), We(Ae) && (yr = Ae.ref, jt(Ae, zt));
-        for (Bt in Ae)
-          Fn.call(Ae, Bt) && !Fe.hasOwnProperty(Bt) && (qt[Bt] = Ae[Bt]);
+        for (Mt in Ae)
+          Fn.call(Ae, Mt) && !Fe.hasOwnProperty(Mt) && (qt[Mt] = Ae[Mt]);
         if (V && V.defaultProps) {
           var Gn = V.defaultProps;
-          for (Bt in Gn)
-            qt[Bt] === void 0 && (qt[Bt] = Gn[Bt]);
+          for (Mt in Gn)
+            qt[Mt] === void 0 && (qt[Mt] = Gn[Mt]);
         }
         if (en || yr) {
           var Kn = typeof V == "function" ? V.displayName || V.name || "Unknown" : V;
@@ -586,7 +586,7 @@ Check the top-level render call using <` + Xe + ">.");
         else if (V) {
           var zt = Y(V);
           if (typeof zt == "function" && zt !== V.entries)
-            for (var Bt = zt.call(V), qt; !(qt = Bt.next()).done; )
+            for (var Mt = zt.call(V), qt; !(qt = Mt.next()).done; )
               ha(qt.value) && Cs(qt.value, Ae);
         }
       }
@@ -629,7 +629,7 @@ Check the top-level render call using <` + Xe + ">.");
       }
     }
     var Ca = {};
-    function aa(V, Ae, Xe, ut, zt, Bt) {
+    function aa(V, Ae, Xe, ut, zt, Mt) {
       {
         var qt = Ye(V);
         if (!qt) {
@@ -640,7 +640,7 @@ Check the top-level render call using <` + Xe + ">.");
           var Gn;
           V === null ? Gn = "null" : sn(V) ? Gn = "array" : V !== void 0 && V.$$typeof === r ? (Gn = "<" + (tt(V.type) || "Unknown") + " />", en = " Did you accidentally export a JSX literal instead of a component?") : Gn = typeof V, Z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Gn, en);
         }
-        var Kn = gn(V, Ae, Xe, zt, Bt);
+        var Kn = gn(V, Ae, Xe, zt, Mt);
         if (Kn == null)
           return Kn;
         if (qt) {
@@ -2233,7 +2233,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         }
         return q.useContext(F);
       }
-      function Bt(F) {
+      function Mt(F) {
         var q = ut();
         return q.useState(F);
       }
@@ -2774,7 +2774,7 @@ Check the top-level render call using <` + fe + ">.");
         toArray: Cs,
         only: Gi
       };
-      r.Children = to, r.Component = nt, r.Fragment = h, r.Profiler = D, r.PureComponent = Nt, r.StrictMode = m, r.Suspense = N, r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ct, r.act = So, r.cloneElement = gu, r.createContext = Di, r.createElement = vl, r.createFactory = vu, r.createRef = Zt, r.forwardRef = ko, r.isValidElement = Cn, r.lazy = bo, r.memo = Xe, r.startTransition = pu, r.unstable_act = So, r.useCallback = Nr, r.useContext = zt, r.useDebugValue = _t, r.useDeferredValue = Qi, r.useEffect = yr, r.useId = xs, r.useImperativeHandle = br, r.useInsertionEffect = Gn, r.useLayoutEffect = Kn, r.useMemo = Ki, r.useReducer = qt, r.useRef = en, r.useState = Bt, r.useSyncExternalStore = dl, r.useTransition = Qt, r.version = i, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      r.Children = to, r.Component = nt, r.Fragment = h, r.Profiler = D, r.PureComponent = Nt, r.StrictMode = m, r.Suspense = N, r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ct, r.act = So, r.cloneElement = gu, r.createContext = Di, r.createElement = vl, r.createFactory = vu, r.createRef = Zt, r.forwardRef = ko, r.isValidElement = Cn, r.lazy = bo, r.memo = Xe, r.startTransition = pu, r.unstable_act = So, r.useCallback = Nr, r.useContext = zt, r.useDebugValue = _t, r.useDeferredValue = Qi, r.useEffect = yr, r.useId = xs, r.useImperativeHandle = br, r.useInsertionEffect = Gn, r.useLayoutEffect = Kn, r.useMemo = Ki, r.useReducer = qt, r.useRef = en, r.useState = Mt, r.useSyncExternalStore = dl, r.useTransition = Qt, r.version = i, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }(t0, t0.exports)), t0.exports;
 }
@@ -3909,7 +3909,7 @@ function xL() {
     }
     return o.tag === 3 ? d : null;
   }
-  function Bt(a) {
+  function Mt(a) {
     if (a.tag === 13) {
       var o = a.memoizedState;
       if (o === null && (a = a.alternate, a !== null && (o = a.memoizedState)), o !== null) return o.dehydrated;
@@ -4193,7 +4193,7 @@ function xL() {
       var d = zt(o);
       if (d !== null) {
         if (o = d.tag, o === 13) {
-          if (o = Bt(d), o !== null) {
+          if (o = Mt(d), o !== null) {
             a.blockedOn = o, gl(a.priority, function() {
               Do(d);
             });
@@ -4281,7 +4281,7 @@ function xL() {
   function gu(a, o, d, v) {
     if (vl = null, a = fr(v), a = Tl(a), a !== null) if (o = zt(a), o === null) a = null;
     else if (d = o.tag, d === 13) {
-      if (a = Bt(o), a !== null) return a;
+      if (a = Mt(o), a !== null) return a;
       a = null;
     } else if (d === 3) {
       if (o.stateNode.current.memoizedState.isDehydrated) return o.tag === 3 ? o.stateNode.containerInfo : null;
@@ -9016,7 +9016,7 @@ function _L() {
         }
       }
     }
-    var Ca = Symbol.for("react.element"), aa = Symbol.for("react.portal"), yo = Symbol.for("react.fragment"), Si = Symbol.for("react.strict_mode"), bo = Symbol.for("react.profiler"), ko = Symbol.for("react.provider"), V = Symbol.for("react.context"), Ae = Symbol.for("react.forward_ref"), Xe = Symbol.for("react.suspense"), ut = Symbol.for("react.suspense_list"), zt = Symbol.for("react.memo"), Bt = Symbol.for("react.lazy"), qt = Symbol.for("react.scope"), en = Symbol.for("react.debug_trace_mode"), yr = Symbol.for("react.offscreen"), Gn = Symbol.for("react.legacy_hidden"), Kn = Symbol.for("react.cache"), Nr = Symbol.for("react.tracing_marker"), Ki = Symbol.iterator, br = "@@iterator";
+    var Ca = Symbol.for("react.element"), aa = Symbol.for("react.portal"), yo = Symbol.for("react.fragment"), Si = Symbol.for("react.strict_mode"), bo = Symbol.for("react.profiler"), ko = Symbol.for("react.provider"), V = Symbol.for("react.context"), Ae = Symbol.for("react.forward_ref"), Xe = Symbol.for("react.suspense"), ut = Symbol.for("react.suspense_list"), zt = Symbol.for("react.memo"), Mt = Symbol.for("react.lazy"), qt = Symbol.for("react.scope"), en = Symbol.for("react.debug_trace_mode"), yr = Symbol.for("react.offscreen"), Gn = Symbol.for("react.legacy_hidden"), Kn = Symbol.for("react.cache"), Nr = Symbol.for("react.tracing_marker"), Ki = Symbol.iterator, br = "@@iterator";
     function _t(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -9204,7 +9204,7 @@ function _L() {
             return cu(e.render);
           case zt:
             return ri(e.type, t, s);
-          case Bt: {
+          case Mt: {
             var u = e, p = u._payload, y = u._init;
             try {
               return ri(y(p), t, s);
@@ -9293,7 +9293,7 @@ Error generating stack: ` + u.message + `
           case zt:
             var u = e.displayName || null;
             return u !== null ? u : vn(e.type) || "Memo";
-          case Bt: {
+          case Mt: {
             var p = e, y = p._payload, w = p._init;
             try {
               return vn(w(y));
@@ -14976,7 +14976,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
         // We need to do this after the Hot Reloading check above,
         // because hot reloading has different semantics than prod because
         // it doesn't resuspend. So we can't let the call below suspend.
-        typeof lt == "object" && lt !== null && lt.$$typeof === Bt && vx(lt) === De.type)) {
+        typeof lt == "object" && lt !== null && lt.$$typeof === Mt && vx(lt) === De.type)) {
           var at = p(De, le.props);
           return at.ref = mv(se, De, le), at.return = se, at._debugSource = le._source, at._debugOwner = le._owner, at;
         }
@@ -15016,7 +15016,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               var at = TD(De, se.mode, le);
               return at.return = se, at;
             }
-            case Bt: {
+            case Mt: {
               var Lt = De._payload, Gt = De._init;
               return re(se, Gt(Lt), le);
             }
@@ -15039,7 +15039,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               return le.key === lt ? A(se, De, le, Ie) : null;
             case aa:
               return le.key === lt ? O(se, De, le, Ie) : null;
-            case Bt: {
+            case Mt: {
               var at = le._payload, Lt = le._init;
               return te(se, De, Lt(at), Ie);
             }
@@ -15065,7 +15065,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               var Gt = se.get(Ie.key === null ? le : Ie.key) || null;
               return O(De, Gt, Ie, lt);
             }
-            case Bt:
+            case Mt:
               var Zn = Ie._payload, Nn = Ie._init;
               return ue(se, De, le, Nn(Zn), lt);
           }
@@ -15098,7 +15098,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               }
               m("Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.", Ie);
               break;
-            case Bt:
+            case Mt:
               var lt = se._payload, at = se._init;
               ge(at(lt), De, le);
               break;
@@ -15231,7 +15231,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
             // We need to do this after the Hot Reloading check above,
             // because hot reloading has different semantics than prod because
             // it doesn't resuspend. So we can't let the call below suspend.
-            typeof Lt == "object" && Lt !== null && Lt.$$typeof === Bt && vx(Lt) === at.type) {
+            typeof Lt == "object" && Lt !== null && Lt.$$typeof === Mt && vx(Lt) === at.type) {
               s(se, at.sibling);
               var Zn = p(at, le.props);
               return Zn.ref = mv(se, at, le), Zn.return = se, Zn._debugSource = le._source, Zn._debugOwner = le._owner, Zn;
@@ -15276,7 +15276,7 @@ See https://reactjs.org/link/refs-must-have-owner for more information.`);
               return w($t(se, De, le, Ie));
             case aa:
               return w(dn(se, De, le, Ie));
-            case Bt:
+            case Mt:
               var at = le._payload, Lt = le._init;
               return ln(se, De, Lt(at), Ie);
           }
@@ -17587,7 +17587,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
     function b1(e, t, s, u, p) {
       if (t.type !== t.elementType) {
         var y = t.elementType;
-        if (y.$$typeof === Bt) {
+        if (y.$$typeof === Mt) {
           var w = y, _ = w._payload, A = w._init;
           try {
             y = A(_);
@@ -17859,7 +17859,7 @@ Visit https://reactjs.org/link/error-boundaries to learn more about error bounda
         }
       }
       var ue = "";
-      throw A !== null && typeof A == "object" && A.$$typeof === Bt && (ue = " Did you wrap a component in React.lazy() more than once?"), new Error("Element type is invalid. Received a promise that resolves to: " + A + ". " + ("Lazy element type must resolve to a class or function." + ue));
+      throw A !== null && typeof A == "object" && A.$$typeof === Mt && (ue = " Did you wrap a component in React.lazy() more than once?"), new Error("Element type is invalid. Received a promise that resolves to: " + A + ". " + ("Lazy element type must resolve to a class or function." + ue));
     }
     function o3(e, t, s, u, p) {
       xk(e, t), t.tag = T;
@@ -20880,16 +20880,16 @@ This ensures that you're testing the behavior the user would see in the browser.
             break;
           }
           case C: {
-            (typeof u == "function" || y === Bt) && (p = !0);
+            (typeof u == "function" || y === Mt) && (p = !0);
             break;
           }
           case W: {
-            (y === Ae || y === Bt) && (p = !0);
+            (y === Ae || y === Mt) && (p = !0);
             break;
           }
           case ae:
           case pe: {
-            (y === zt || y === Bt) && (p = !0);
+            (y === zt || y === Mt) && (p = !0);
             break;
           }
           default:
@@ -21138,7 +21138,7 @@ This ensures that you're testing the behavior the user would see in the browser.
                 case zt:
                   w = ae;
                   break e;
-                case Bt:
+                case Mt:
                   w = Te, _ = null;
                   break e;
               }
@@ -22474,7 +22474,7 @@ let rg = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Mt = lh(class extends rg {
+const Bt = lh(class extends rg {
   constructor(n) {
     var r;
     if (super(n), n.type !== nu.ATTRIBUTE || n.name !== "class" || ((r = n.strings) == null ? void 0 : r.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
@@ -22855,8 +22855,8 @@ let ru = class extends Gr {
       "pkt-alert__noDate": !this.date
     };
     return be`
-      <div class=${Mt(r)}>
-        <div class=${Mt(i)}>
+      <div class=${Bt(r)}>
+        <div class=${Bt(i)}>
           <pkt-icon
             class="pkt-alert__icon"
             aria-hidden="true"
@@ -22936,7 +22936,7 @@ let Qm = class extends Ym {
     return be`
       <div
         part="container"
-        class=${Mt(r)}
+        class=${Bt(r)}
         data-testid="pkt-accordion"
         aria-labelledby=${this.ariaLabelledBy}
       >
@@ -22975,7 +22975,7 @@ let kf = class extends Gr {
     };
     return be`
       <details
-        class=${Mt(r)}
+        class=${Bt(r)}
         id=${this.id}
         ?open=${this.isOpen}
         ${Kt(this.accordionItemRef)}
@@ -24821,7 +24821,7 @@ let lr = class extends Gr {
       "pkt-cal-in-range-last": this.range && this.selected.length === 2 && h === this.selected[1],
       "pkt-cal-range-hover": this.rangeHovered !== null && h === ei(this.rangeHovered)
     };
-    return be`<td class=${Mt(N)}>
+    return be`<td class=${Bt(N)}>
       <div
         ?aria-selected=${D}
         role="gridcell"
@@ -25147,7 +25147,7 @@ let al = class extends Gr {
     };
     return this.closeTag ? be`
         <button
-          class=${Mt(i)}
+          class=${Bt(i)}
           type=${this.type}
           @click=${this.close}
           aria-label=${hn(this.ariaLabel || void 0)}
@@ -25158,7 +25158,7 @@ let al = class extends Gr {
           <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
         </button>
       ` : be`
-        <span class=${Mt(r)}>
+        <span class=${Bt(r)}>
           ${this.iconName && be`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
           <span ${Kt(this.defaultSlot)}></span>
         </span>
@@ -25238,7 +25238,7 @@ let ja = class extends Gr {
     }, c = ((r = this.ariaLabel) == null ? void 0 : r.trim()) || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), h = ((i = this.ariaLabel) == null ? void 0 : i.trim()) || (this.heading ? this.heading : "kort");
     return be`
       <article
-        class=${Mt(l)}
+        class=${Bt(l)}
         aria-label=${hn(this.clickCardLink ? c : h)}
       >
         ${this.renderImage()}
@@ -25260,7 +25260,7 @@ let ja = class extends Gr {
     };
     return be`
       ${this.image.src && be`
-        <div class=${Mt(r)}>
+        <div class=${Bt(r)}>
           <img src=${this.image.src} alt=${this.image.alt || ""} />
         </div>
       `}
@@ -25328,7 +25328,7 @@ let ja = class extends Gr {
     return be`
       ${this.tags.length > 0 ? be`
             <div
-              class=${Mt(r)}
+              class=${Bt(r)}
               role="list"
               aria-label=${this.tags.length > 1 ? "merkelapper" : "merkelapp"}
             >
@@ -25797,7 +25797,7 @@ let wf = class extends Gr {
             <span class="pkt-btn__text">${n0(this.helptextDropdownButton)}</span>
           </button>
           <div
-            class="${Mt({
+            class="${Bt({
       "pkt-inputwrapper__helptext": !0,
       "pkt-inputwrapper__helptext-expandable-open": this.isHelpTextOpen,
       "pkt-inputwrapper__helptext-expandable-closed": !this.isHelpTextOpen
@@ -25860,7 +25860,7 @@ let Sr = class extends Gr {
       "pkt-tag--thin-text": !0,
       "pkt-tag--blue-light": this.optionalTag,
       "pkt-tag--beige": !this.optionalTag && this.requiredTag
-    }, l = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : Ve, c = () => this.optionalTag || this.requiredTag ? be`<span class=${Mt(i)}
+    }, l = this.ariaDescribedby ? this.ariaDescribedby : this.helptext ? `${this.forId}-helptext` : Ve, c = () => this.optionalTag || this.requiredTag ? be`<span class=${Bt(i)}
           >${this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : Ve}</span
         >` : Ve, h = () => this.useWrapper ? this.hasFieldset ? be`<legend
             class="pkt-inputwrapper__legend"
@@ -25914,7 +25914,7 @@ let Sr = class extends Gr {
       `, $ = () => this.hasFieldset ? be`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${l}">
             ${T()}
           </fieldset>` : be`<div class="pkt-inputwrapper__fieldset">${T()}</div>`;
-    return be`<div class=${Mt(r)}>${$()}</div> `;
+    return be`<div class=${Bt(r)}>${$()}</div> `;
   }
   toggleDropdown(r) {
     this.dispatchEvent(
@@ -26029,7 +26029,7 @@ let yi = class extends Gr {
   render() {
     return be`
       <div
-        class=${Mt({
+        class=${Bt({
       "pkt-listbox": !0,
       "pkt-listbox__open": this.isOpen,
       "pkt-txt-16-light": !0
@@ -26073,7 +26073,7 @@ let yi = class extends Gr {
       }}
             aria-selected=${r.selected ? "true" : "false"}
             @keydown=${this.handleOptionKeydown}
-            class=${Mt({
+            class=${Bt({
         "pkt-listbox__option": !0,
         "pkt-listbox__option--selected": !!(!this.isMultiSelect && r.selected),
         "pkt-listbox__option--checkBox": this.isMultiSelect
@@ -26433,7 +26433,7 @@ let na = class extends cn {
         <div class="pkt-contents" ${Kt(this.helptextSlot)} name="helptext" slot="helptext"></div>
         <div class="pkt-combobox" @focusout=${this.handleFocusOut}>
           <div
-            class=${Mt({
+            class=${Bt({
       "pkt-combobox__input": !0,
       "pkt-combobox__input--fullwidth": this.fullwidth,
       "pkt-combobox__input--open": this._isOptionsOpen,
@@ -26461,7 +26461,7 @@ let na = class extends cn {
               tabindex="${this.disabled ? "-1" : "0"}"
             >
               <pkt-icon
-                class=${Mt({
+                class=${Bt({
       "pkt-combobox__arrow-icon": !0,
       "pkt-combobox__arrow-icon--open": this._isOptionsOpen
     })}
@@ -27019,15 +27019,16 @@ let il = class extends cn {
     r.has("defaultChecked") && !this.checked && (this.checked = this.defaultChecked), super.firstUpdated(r);
   }
   render() {
-    const r = Mt({
+    const r = Bt({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), i = Mt({
+    }), i = Bt({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    }), l = Mt({
+    }), l = Bt({
       "pkt-input-check__input-label": !0,
+      "pkt-input-check__input-label--disabled": this.disabled,
       "pkt-input-check__input-label--left": this.labelPosition === "left",
       "pkt-input-check__input-label--right": this.labelPosition === "right",
       "pkt-sr-only": this.hideLabel
@@ -27170,7 +27171,7 @@ let ra = class extends cn {
   renderInput() {
     return be`
       <input
-        class="${Mt(this.inputClasses)}"
+        class="${Bt(this.inputClasses)}"
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0] ?? ""}
@@ -27212,7 +27213,7 @@ let ra = class extends cn {
     return be`
       ${this.showRangeLabels ? be` <div class="pkt-input-prefix">${this.strings.generic.from}</div> ` : Ve}
       <input
-        class=${Mt(this.inputClasses)}
+        class=${Bt(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
         .value=${this._value[0] ?? ""}
@@ -27248,12 +27249,12 @@ let ra = class extends cn {
     }}
         ${Kt(this.inputRef)}
       />
-      <div class="${Mt(n)}" id="${this.id}-to-label">
+      <div class="${Bt(n)}" id="${this.id}-to-label">
         ${this.strings.generic.to}
       </div>
       ${this.showRangeLabels ? Ve : be` <div class="pkt-input-separator">–</div> `}
       <input
-        class=${Mt(this.inputClasses)}
+        class=${Bt(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-to"
         aria-labelledby="${this.id}-to-label"
@@ -27305,7 +27306,7 @@ let ra = class extends cn {
   renderMultipleInput() {
     return be`
       <input
-        class=${Mt(this.inputClasses)}
+        class=${Bt(this.inputClasses)}
         .type=${this.inputType}
         id="${this.id}-input"
         min=${hn(this.min)}
@@ -27440,7 +27441,7 @@ let ra = class extends cn {
           <div class="pkt-input__container">
             ${this.range ? this.renderRangeInput() : this.multiple ? this.renderMultipleInput() : this.renderInput()}
             <button
-              class="${Mt(this.buttonClasses)}"
+              class="${Bt(this.buttonClasses)}"
               type="button"
               @click=${this.toggleCalendar}
               ?disabled=${this.disabled}
@@ -27559,18 +27560,18 @@ let ah = class extends Gr {
     };
     switch (this.level) {
       case 2:
-        return be`<h2 class=${Mt(r)} ${Kt(this.defaultSlot)}></h2>`;
+        return be`<h2 class=${Bt(r)} ${Kt(this.defaultSlot)}></h2>`;
       case 3:
-        return be`<h3 class=${Mt(r)} ${Kt(this.defaultSlot)}></h3>`;
+        return be`<h3 class=${Bt(r)} ${Kt(this.defaultSlot)}></h3>`;
       case 4:
-        return be`<h4 class=${Mt(r)} ${Kt(this.defaultSlot)}></h4>`;
+        return be`<h4 class=${Bt(r)} ${Kt(this.defaultSlot)}></h4>`;
       case 5:
-        return be`<h5 class=${Mt(r)} ${Kt(this.defaultSlot)}></h5>`;
+        return be`<h5 class=${Bt(r)} ${Kt(this.defaultSlot)}></h5>`;
       case 6:
-        return be`<h6 class=${Mt(r)} ${Kt(this.defaultSlot)}></h6>`;
+        return be`<h6 class=${Bt(r)} ${Kt(this.defaultSlot)}></h6>`;
       case 1:
       default:
-        return be`<h1 class=${Mt(r)} ${Kt(this.defaultSlot)}></h1>`;
+        return be`<h1 class=${Bt(r)} ${Kt(this.defaultSlot)}></h1>`;
     }
   }
 };
@@ -27622,7 +27623,7 @@ let Sf = class extends Gr {
       "pkt-link--external": this.external
     };
     return be`<a
-      class=${Mt(r)}
+      class=${Bt(r)}
       href=${this.href}
       .target=${this.target}
       .rel=${this.external ? "noopener noreferrer" : Ve}
@@ -27712,11 +27713,11 @@ let iu = class extends Gr {
     r.has("delay") && this.setupLoader();
   }
   render() {
-    const r = Mt({
+    const r = Bt({
       "pkt-loader": !0,
       [`pkt-loader--${this.inline ? "inline" : "box"}`]: !0,
       [`pkt-loader--${this.size}`]: !0
-    }), i = Mt({
+    }), i = Bt({
       "pkt-contents": !0,
       "pkt-hide": this.isLoading
     });
@@ -27812,7 +27813,7 @@ let Cf = class extends Gr {
       "pkt-messagebox--closable": this.closable,
       "pkt-hide": this._isClosed
     };
-    return be`<div class=${Mt(n)}>
+    return be`<div class=${Bt(n)}>
       ${this.closable ? be`<div class="pkt-messagebox__close">
             <button
               @click=${this.close}
@@ -27934,7 +27935,7 @@ let Ds = class extends Gr {
     };
     return be`
       <dialog
-        class=${Mt(r)}
+        class=${Bt(r)}
         ${Kt(this.dialogRef)}
         aria-labelledby="pkt-modal__headingText"
         aria-describedby="pkt-modal__content"
@@ -27943,13 +27944,13 @@ let Ds = class extends Gr {
         <div class="pkt-modal__wrapper">
           ${this.headingText || !this.hideCloseButton ? be`<div class="pkt-modal__header">
                 <div class="pkt-modal__header-background"></div>
-                ${this.headingText ? be`<h1 id="pkt-modal__headingText" class=${Mt(i)}>
+                ${this.headingText ? be`<h1 id="pkt-modal__headingText" class=${Bt(i)}>
                       ${this.headingText}
                     </h1>` : be`<div class="pkt-modal__headingText"></div>`}
-                ${this.hideCloseButton ? be`<div class="pkt-modal__noCloseButton"></div>` : be`<div class="${Mt(h)}">
+                ${this.hideCloseButton ? be`<div class="pkt-modal__noCloseButton"></div>` : be`<div class="${Bt(h)}">
                       <pkt-button
                         @click=${(D) => this.close(D)}
-                        class=${Mt(m)}
+                        class=${Bt(m)}
                         aria-label="close"
                         iconname="close"
                         variant="icon-only"
@@ -27961,7 +27962,7 @@ let Ds = class extends Gr {
           <div class="pkt-modal__container">
             <div
               id="pkt-modal__content"
-              class=${Mt(l)}
+              class=${Bt(l)}
               ${Kt(this.defaultSlot)}
             ></div>
           </div>
@@ -28050,16 +28051,16 @@ let da = class extends Gr {
     super.updated(r), r.has("valueCurrent") && this.labelRef.value && (this.labelWidth = this.labelRef.value.getBoundingClientRect().width || 0), r.has("id") && this.id && (this.progressBarId = this.id), (r.has("statusType") || r.has("id") || r.has("ariaLabelledby")) && (this.progressbarId = this.id || eh(), this.computedAriaLabelledby = this.ariaLabelledby || `${this.progressbarId}-title`), (r.has("ariaValueText") || r.has("valueCurrent") || r.has("valueMax")) && (this.computedAriaValueText = this.statusType === "fraction" && !this.ariaValueText ? `${this.valueCurrent} av ${this.valueMax - this.valueMin}` : this.ariaValueText || ""), this.syncAttributes();
   }
   render() {
-    const r = this.statusType !== "none", i = this.valueMax - this.valueMin, l = this.valueCurrent / i * 100, c = this.statusType === "fraction" ? Math.round(l) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), h = `${this.valueCurrent} av ${i}`, m = Mt({
+    const r = this.statusType !== "none", i = this.valueMax - this.valueMin, l = this.valueCurrent / i * 100, c = this.statusType === "fraction" ? Math.round(l) : Math.round((this.valueCurrent - this.valueMin) / (this.valueMax - this.valueMin) * 100), h = `${this.valueCurrent} av ${i}`, m = Bt({
       "pkt-progressbar__bar": !0,
       [`pkt-progressbar__bar--${this.skin}`]: !!this.skin
-    }), D = Mt({
+    }), D = Bt({
       "pkt-progressbar__title": !0,
       "pkt-progressbar__title-center": this.titlePosition === "center"
-    }), C = Mt({
+    }), C = Bt({
       "pkt-progressbar__status": !0,
       "pkt-progressbar__status--center": this.statusPlacement === "center"
-    }), T = Mt({
+    }), T = Bt({
       "pkt-progressbar__status-placement--following": this.statusPlacement === "following",
       "pkt-progressbar__status-placement--center": this.statusPlacement === "center",
       "pkt-progressbar__status-placement--left": this.statusPlacement === "left"
@@ -28169,14 +28170,23 @@ let ac = class extends cn {
     n === "defaultChecked" && (this._checked = this.defaultChecked), n === "checked" && (this._checked = this.checked === "" || this.checked === "true" || this.checked === !0), super.attributeChangedCallback(n, r, i);
   }
   render() {
-    const n = Mt({
+    const n = Bt({
       "pkt-input-check__input": !0,
       "pkt-input-check__input--tile": this.hasTile,
       "pkt-input-check__input--tile-disabled": this.disabled && this.hasTile
-    }), r = Mt({
+    }), r = Bt({
       "pkt-input-check__input-checkbox": !0,
       "pkt-input-check__input-checkbox--error": this.hasError
-    });
+    }), i = Bt({
+      "pkt-input-check__input-label": !0,
+      "pkt-input-check__input-label--disabled": this.disabled,
+      "pkt-sr-only": this.hideLabel
+    }), l = () => be`
+        <label class=${i} for=${this.id + "-internal"}>
+          ${this.label}
+          ${this.checkHelptext ? be`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : Ve}
+        </label>
+      `;
     return be`
       <div class="pkt-input-check">
         <div class=${n}>
@@ -28195,10 +28205,7 @@ let ac = class extends cn {
             @focus=${this.onFocus}
             ?checked=${this.checked}
           />
-          <label class="pkt-input-check__input-label" for=${this.id + "-internal"}>
-            ${this.label}
-            ${this.checkHelptext ? be`<div class="pkt-input-check__input-helptext">${this.checkHelptext}</div>` : Ve}
-          </label>
+          ${l()}
         </div>
       </div>
     `;
@@ -28272,7 +28279,7 @@ let ih = class extends cn {
     super.updated(r), r.has("value") && (this.counterCurrent = ((i = this.value) == null ? void 0 : i.length) || 0, this.valueChanged(this.value, r.get("value"))), r.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const r = Mt({
+    const r = Bt({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
@@ -28364,7 +28371,7 @@ let ol = class extends cn {
     super.updated(r), r.has("value") && (this.counterCurrent = ((i = this.value) == null ? void 0 : i.length) || 0, this.valueChanged(this.value, r.get("value"))), r.has("id") && !this.name && this.id && (this.name = this.id);
   }
   render() {
-    const r = this.type === "search" && !this.iconNameRight && !this.omitSearchIcon, i = Mt({
+    const r = this.type === "search" && !this.iconNameRight && !this.omitSearchIcon, i = Bt({
       "pkt-input": !0,
       "pkt-input--fullwidth": this.fullwidth,
       "pkt-input--counter-error": this.counter && this.counterMaxLength && this.value.length && this.value.length > this.counterMaxLength
@@ -28653,7 +28660,7 @@ let Zm = class extends Gr {
       "pkt-darkmode": this.darkmode
     };
     return be`
-      <div class="${Mt(n)}">
+      <div class="${Bt(n)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 
         <h2 class="pkt-txt-22">Innhold fra attributter og funksjoner</h2>
@@ -32524,10 +32531,10 @@ Expected it to be ${x}.`;
       return x == null ? void 0 : x.parsers[0];
     }
     var V = ko, Ae = "inline", Xe = { area: "none", base: "none", basefont: "none", datalist: "none", head: "none", link: "none", meta: "none", noembed: "none", noframes: "none", param: "block", rp: "none", script: "block", style: "none", template: "inline", title: "none", html: "block", body: "block", address: "block", blockquote: "block", center: "block", dialog: "block", div: "block", figure: "block", figcaption: "block", footer: "block", form: "block", header: "block", hr: "block", legend: "block", listing: "block", main: "block", p: "block", plaintext: "block", pre: "block", search: "block", xmp: "block", slot: "contents", ruby: "ruby", rt: "ruby-text", article: "block", aside: "block", h1: "block", h2: "block", h3: "block", h4: "block", h5: "block", h6: "block", hgroup: "block", nav: "block", section: "block", dir: "block", dd: "block", dl: "block", dt: "block", menu: "block", ol: "block", ul: "block", li: "list-item", table: "table", caption: "table-caption", colgroup: "table-column-group", col: "table-column", thead: "table-header-group", tbody: "table-row-group", tfoot: "table-footer-group", tr: "table-row", td: "table-cell", th: "table-cell", input: "inline-block", button: "inline-block", fieldset: "block", details: "block", summary: "block", marquee: "inline-block", source: "block", track: "block", meter: "inline-block", progress: "inline-block", object: "inline-block", video: "inline-block", audio: "inline-block", select: "inline-block", option: "block", optgroup: "block" }, ut = "normal", zt = { listing: "pre", plaintext: "pre", pre: "pre", xmp: "pre", nobr: "nowrap", table: "initial", textarea: "pre-wrap" };
-    function Bt(f) {
+    function Mt(f) {
       return f.type === "element" && !f.hasExplicitNamespace && !["html", "svg"].includes(f.namespace);
     }
-    var qt = Bt, en = (f) => Z(!1, f, /^[\t\f\r ]*\n/gu, ""), yr = (f) => en(gn.trimEnd(f)), Gn = (f) => {
+    var qt = Mt, en = (f) => Z(!1, f, /^[\t\f\r ]*\n/gu, ""), yr = (f) => en(gn.trimEnd(f)), Gn = (f) => {
       let g = f, k = gn.getLeadingWhitespace(g);
       k && (g = g.slice(k.length));
       let x = gn.getTrailingWhitespace(g);