@oslokommune/punkt-react 16.7.0 → 16.7.2

package/dist/punkt-react.es.js

@@ -4824,7 +4824,7 @@ function vh() {
           }
         }
       }) : {};
-      function q(b) {
+      function U(b) {
         b.forEach((h) => {
           const { addedNodes: _, removedNodes: T } = h, Y = Array.from(_), K = Array.from(T);
           Y.forEach((we) => {
@@ -4870,7 +4870,7 @@ function vh() {
         const T = new MutationObserver(X);
         !((h = window == null ? void 0 : window.ShadyDOM) === null || h === void 0) && h.inUse && b.mode && b.host && (b = b.host), (_ = T.observe) === null || _ === void 0 || _.call(T, b, { childList: !0 }), v.set(b, T);
       };
-      oe() && new MutationObserver(q);
+      oe() && new MutationObserver(U);
       const z = {
         childList: !0,
         subtree: !0
@@ -5047,7 +5047,7 @@ function vh() {
           }
         });
       }
-      class U {
+      class q {
         static get isPolyfilled() {
           return !0;
         }
@@ -5174,7 +5174,7 @@ function vh() {
       }
       function qe(b = !0) {
         if (!ke) {
-          if (ke = !0, typeof window < "u" && (window.ElementInternals = U), typeof CustomElementRegistry < "u") {
+          if (ke = !0, typeof window < "u" && (window.ElementInternals = q), typeof CustomElementRegistry < "u") {
             const h = CustomElementRegistry.prototype.define;
             CustomElementRegistry.prototype.define = function(_, T, Y) {
               if (T.formAssociated) {
@@ -5193,12 +5193,12 @@ function vh() {
             } else return {};
             if (i.has(this))
               throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
-            return new U(this);
+            return new q(this);
           }), typeof Element < "u") {
             let h = function(...T) {
               const Y = _.apply(this, T);
               if (m.set(this, Y), oe()) {
-                const K = new MutationObserver(q);
+                const K = new MutationObserver(U);
                 window.ShadyDOM ? K.observe(this, z) : K.observe(Y, z), o.set(this, K);
               }
               return Y;
@@ -5206,7 +5206,7 @@ function vh() {
             const _ = Element.prototype.attachShadow;
             Element.prototype.attachShadow = h;
           }
-          oe() && typeof document < "u" && new MutationObserver(q).observe(document.documentElement, z), typeof HTMLFormElement < "u" && j(), (b || typeof window < "u" && !window.CustomStateSet) && ze();
+          oe() && typeof document < "u" && new MutationObserver(U).observe(document.documentElement, z), typeof HTMLFormElement < "u" && j(), (b || typeof window < "u" && !window.CustomStateSet) && ze();
         }
       }
       return customElements.polyfillWrapFlushCallback || (te() ? typeof window < "u" && !window.CustomStateSet && ze(HTMLElement.prototype.attachInternals) : qe(!1)), n.forceCustomStateSetPolyfill = ze, n.forceElementInternalsPolyfill = qe, Object.defineProperty(n, "__esModule", { value: !0 }), n;
@@ -10713,7 +10713,13 @@ let Wn = class extends fe {
     var n, e, t, s, i, r, a, o;
     const l = ((n = this.strings.timepicker) == null ? void 0 : n.hours) ?? "Timer", d = ((e = this.strings.timepicker) == null ? void 0 : e.minutes) ?? "Minutter", f = this.label ? `${l}, ${this.label}` : l, m = this.label ? `${d}, ${this.label}` : d;
     return k`
-      <div class="pkt-input__container">
+      <div
+        class="pkt-input__container"
+        @click=${(p) => {
+      var v;
+      p.target.closest("button, input") || (v = this.hoursInputRef.value) == null || v.focus();
+    }}
+      >
         ${this.stepArrows ? k`
               <button
                 class="pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--prev"
@@ -10915,8 +10921,8 @@ const ie = Ti({
       r === void 0 && v(n);
     }, [n, r]);
     const S = (A) => {
-      const q = A.currentTarget.open;
-      q !== N && (r === void 0 && v(q), f == null || f(A));
+      const U = A.currentTarget.open;
+      U !== N && (r === void 0 && v(U), f == null || f(A));
     }, C = (A) => {
       setTimeout(() => {
         d == null || d(A);
@@ -12834,9 +12840,9 @@ function Gf(n) {
   } = n, C = Lo(), B = N ?? C, A = Me(() => ({ ...Yf, ...v }), [v]), W = Me(
     () => p ? fn(p) : Tf(),
     [p]
-  ), q = Me(() => o ? o.map((b) => typeof b == "string" ? fn(b) : b) : [], [o]), X = e !== void 0, [xe, z] = de([]), M = X ? e : xe, G = Me(() => Pl(M), [M]), [V, ee] = de(0), [ce, se] = de(0), [ve, $e] = de({}), [ge, ue] = de(null), [pe, et] = de(null), J = ne(null), I = ne([]), Ve = ne(0), Ue = ne(!1), oe = ne(!1), Xe = Me(
-    () => ({ earliest: r, latest: a, excludedates: q, excludeweekdays: l }),
-    [r, a, q, l]
+  ), U = Me(() => o ? o.map((b) => typeof b == "string" ? fn(b) : b) : [], [o]), X = e !== void 0, [xe, z] = de([]), M = X ? e : xe, G = Me(() => Pl(M), [M]), [V, ee] = de(0), [ce, se] = de(0), [ve, $e] = de({}), [ge, ue] = de(null), [pe, et] = de(null), J = ne(null), I = ne([]), Ve = ne(0), Ue = ne(!1), oe = ne(!1), Xe = Me(
+    () => ({ earliest: r, latest: a, excludedates: U, excludeweekdays: l }),
+    [r, a, U, l]
   );
   me(() => {
     let b = null;
@@ -12887,20 +12893,20 @@ function Gf(n) {
     [Xe, t, s, M.length]
   ), R = O(() => typeof M == "string" ? M.split(",") : M, [M]), We = O(
     (b) => {
-      if (!i || G.length !== 1 || !Rl(b, G, q, l) || G[0] >= b) {
+      if (!i || G.length !== 1 || !Rl(b, G, U, l) || G[0] >= b) {
         ue(null);
         return;
       }
       ue(b), $e(Co(G[0], b));
     },
-    [i, G, q, l]
+    [i, G, U, l]
   ), Fe = O(
     (b) => {
       if (!b) return;
       let h;
       if (i)
         h = Ff(b, R(), {
-          excludedates: q,
+          excludedates: U,
           excludeweekdays: l
         }), X || z(h), h.length === 2 ? (g == null || g(h), _e()) : (h.length === 1 && $e({}), g == null || g(h));
       else if (t)
@@ -12916,7 +12922,7 @@ function Gf(n) {
       s,
       R,
       M,
-      q,
+      U,
       l,
       X,
       Te,
@@ -12929,7 +12935,7 @@ function Gf(n) {
       X || z(h), i && h.length === 2 && (g == null || g(h), _e());
     },
     [R, X, i, g, _e]
-  ), U = O(
+  ), q = O(
     (b) => {
       const h = da(b, R());
       X || z(h);
@@ -13003,7 +13009,7 @@ function Gf(n) {
     withcontrols: f,
     earliest: r,
     latest: a,
-    excludedates: q,
+    excludedates: U,
     excludeweekdays: l,
     className: S,
     dateConstraints: Xe,
@@ -13015,7 +13021,7 @@ function Gf(n) {
     changeMonth: le,
     handleDateSelect: Fe,
     addToSelected: j,
-    removeFromSelected: U,
+    removeFromSelected: q,
     toggleSelectedDate: te,
     handleRangeHover: We,
     isExcluded: Be,
@@ -13187,7 +13193,7 @@ const eg = ({ state: n }) => {
         /* @__PURE__ */ c("th", { children: /* @__PURE__ */ c("div", { className: "pkt-calendar__day-name", "aria-label": e.days[M], children: e.daysShort[M] }) }, `day-${M}`)
       );
     return /* @__PURE__ */ c("tr", { className: "pkt-cal-week-row", children: z });
-  }, q = (z, M) => {
+  }, U = (z, M) => {
     const G = Qf(z, M, B), { currentDate: V, currentDateISO: ee, isSelected: ce, isDisabled: se, ariaLabel: ve, tabindex: $e } = G;
     m.current.push({ currentDateISO: ee, isDisabled: se, tabindex: $e });
     const ge = Jf(G, A), ue = Zf(G, A);
@@ -13228,7 +13234,7 @@ const eg = ({ state: n }) => {
       for (let ve = 0; ve < wi; ve++) {
         const $e = Uf(ce, ve, G, M);
         if ($e === "current-month")
-          se.push(q(G, z)), G++;
+          se.push(U(G, z)), G++;
         else {
           const ge = qf($e, ve, G, M);
           se.push(X(ge, `${$e}-${ce}-${ve}`)), $e === "next-month" && G++;
@@ -13313,8 +13319,8 @@ const os = Le(
       g(!0), l && l();
     }, [l]), N = ne(null), [S, C] = de("");
     me(() => {
-      var q, X;
-      C(((X = (q = N.current) == null ? void 0 : q.textContent) == null ? void 0 : X.trim()) ?? "");
+      var U, X;
+      C(((X = (U = N.current) == null ? void 0 : U.textContent) == null ? void 0 : X.trim()) ?? "");
     }, [n]);
     const B = Me(() => {
       if (i && !o) return S && `Klikk for å fjerne ${S}` || f;
@@ -13384,7 +13390,7 @@ const tg = Le(
       [`pkt-card--${a}`]: a,
       [`pkt-card--padding-${p}`]: p,
       "pkt-card--border-on-hover": i
-    }), W = (t == null ? void 0 : t.trim()) || (o ? `${o} lenkekort` : "lenkekort"), q = (t == null ? void 0 : t.trim()) || o || "kort", X = `h${l}`, xe = () => d != null && d.src ? /* @__PURE__ */ c("div", { className: be("pkt-card__image", `pkt-card__image-${f}`), children: /* @__PURE__ */ c("img", { src: d.src, alt: d.alt || "" }) }) : null, z = () => S.length === 0 ? null : /* @__PURE__ */ c(
+    }), W = (t == null ? void 0 : t.trim()) || (o ? `${o} lenkekort` : "lenkekort"), U = (t == null ? void 0 : t.trim()) || o || "kort", X = `h${l}`, xe = () => d != null && d.src ? /* @__PURE__ */ c("div", { className: be("pkt-card__image", `pkt-card__image-${f}`), children: /* @__PURE__ */ c("img", { src: d.src, alt: d.alt || "" }) }) : null, z = () => S.length === 0 ? null : /* @__PURE__ */ c(
       "div",
       {
         className: be("pkt-card__tags", `pkt-card__tags-${N}`),
@@ -13420,7 +13426,7 @@ const tg = Le(
       s && /* @__PURE__ */ c("span", { className: "pkt-card__metadata-lead", children: s }),
       r && /* @__PURE__ */ c("span", { className: "pkt-card__metadata-trail", children: r })
     ] });
-    return /* @__PURE__ */ c("div", { ref: B, className: be("pkt-card-root", e), style: { display: "block", width: "100%" }, children: /* @__PURE__ */ x("article", { ...C, className: A, "aria-label": m ? W : q, children: [
+    return /* @__PURE__ */ c("div", { ref: B, className: be("pkt-card-root", e), style: { display: "block", width: "100%" }, children: /* @__PURE__ */ x("article", { ...C, className: A, "aria-label": m ? W : U, children: [
       xe(),
       /* @__PURE__ */ x("div", { className: "pkt-card__wrapper", children: [
         N === "top" && z(),
@@ -13461,7 +13467,7 @@ const ng = Le(
     }, [p]), me(() => {
       typeof B == "function" ? B(A.current) : B && (B.current = A.current);
     }, [B]);
-    const W = [a, "pkt-input-check"].filter(Boolean).join(" "), q = [
+    const W = [a, "pkt-input-check"].filter(Boolean).join(" "), U = [
       "pkt-input-check__input-label",
       t ? "pkt-input-check__input-label--disabled" : "",
       `pkt-input-check__input-label--${d}`,
@@ -13476,7 +13482,7 @@ const ng = Le(
       $ && /* @__PURE__ */ c("span", { className: xe + " pkt-tag--beige", children: N })
     ] });
     return /* @__PURE__ */ c("div", { className: W, children: /* @__PURE__ */ x("div", { className: X, children: [
-      d === "left" && /* @__PURE__ */ x("label", { className: q, htmlFor: n, children: [
+      d === "left" && /* @__PURE__ */ x("label", { className: U, htmlFor: n, children: [
         s,
         " ",
         z(),
@@ -13495,7 +13501,7 @@ const ng = Le(
           ...C
         }
       ),
-      d === "right" && /* @__PURE__ */ x("label", { className: q, htmlFor: n, children: [
+      d === "right" && /* @__PURE__ */ x("label", { className: U, htmlFor: n, children: [
         s,
         " ",
         z(),
@@ -13529,7 +13535,7 @@ const Kn = Le(
     children: B,
     className: A = "",
     hasFieldset: W = !1,
-    role: q = "group",
+    role: U = "group",
     counterPosition: X = "bottom"
   }, xe) => {
     const [z, M] = de(!1), G = S || (t ? `${n}-helptext` : void 0), V = !!r, ee = V && X === "top", ce = V && X === "bottom", se = () => M((I) => !I), ve = [
@@ -13590,7 +13596,7 @@ const Kn = Le(
       ce && /* @__PURE__ */ c(ge, {}),
       v && g && /* @__PURE__ */ c("div", { className: "pkt-inputwrapper__alert-wrapper", children: /* @__PURE__ */ c(ca, { skin: "error", "aria-live": "assertive", role: "alert", id: `${n}-error`, compact: !0, children: g }) })
     ] });
-    return /* @__PURE__ */ c("div", { className: ve, ref: xe, role: q, children: W ? /* @__PURE__ */ c("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": G, children: J }) : /* @__PURE__ */ c("div", { className: "pkt-inputwrapper__fieldset", children: J }) });
+    return /* @__PURE__ */ c("div", { className: ve, ref: xe, role: U, children: W ? /* @__PURE__ */ c("fieldset", { className: "pkt-inputwrapper__fieldset", "aria-describedby": G, children: J }) : /* @__PURE__ */ c("div", { className: "pkt-inputwrapper__fieldset", children: J }) });
   }
 );
 Kn.displayName = "PktInputWrapper";
@@ -13763,7 +13769,7 @@ const Cn = (n, e) => e && (n.find((t) => t.value === e) || n.find((t) => t.label
     handleInputChange: B,
     handleInputKeydown: A,
     handleInputFocus: W,
-    handleInputBlur: q,
+    handleInputBlur: U,
     handleInputClick: X,
     handlePlaceholderClick: xe,
     handleSelectOnlyKeydown: z,
@@ -13800,7 +13806,7 @@ const Cn = (n, e) => e && (n.find((t) => t.value === e) || n.find((t) => t.label
         onChange: B,
         onKeyDown: A,
         onFocus: W,
-        onBlur: q,
+        onBlur: U,
         placeholder: !i.length || o && f === "outside" ? m : void 0,
         autoComplete: "off",
         role: "combobox",
@@ -13848,13 +13854,13 @@ const Cn = (n, e) => e && (n.find((t) => t.value === e) || n.find((t) => t.label
     handleSearchKeydown: B,
     handleNewOptionClick: A,
     handleNewOptionKeydown: W,
-    listboxRef: q
+    listboxRef: U
   } = n, X = r.filter((V) => V.selected).length, xe = a && X > 0 && d != null && d > 0, z = m && p && !l, M = !!v, G = ["pkt-listbox", s && "pkt-listbox__open", "pkt-txt-16-light"].filter(Boolean).join(" ");
   return /* @__PURE__ */ x(Je, { children: [
     /* @__PURE__ */ x(
       "div",
       {
-        ref: q,
+        ref: U,
         id: e,
         className: G,
         role: r.length > 0 ? "listbox" : void 0,
@@ -13996,7 +14002,7 @@ function mg(n, e) {
     fullwidth: B = !1,
     hasError: A = !1,
     errorMessage: W,
-    helptext: q,
+    helptext: U,
     helptextDropdown: X,
     helptextDropdownButton: xe,
     optionalTag: z = !1,
@@ -14036,7 +14042,7 @@ function mg(n, e) {
       ...le
     ];
     return pg(y, R);
-  }, [le, We, R]), [U, te] = de(!1), [ke, Z] = de(""), [ze, qe] = de(""), [b, h] = de(""), [_, T] = de(null), [Y, K] = de(!1), [we, ht] = de(!1), [ct, Qe] = de(-1), zt = ne(!1), Kt = Vi(R.length, d ?? null), Pe = l && d != null, Vt = Me(() => ke ? f ? No(j, ke).filtered : ig(j, ke) : j, [j, ke, f]), tt = Me(
+  }, [le, We, R]), [q, te] = de(!1), [ke, Z] = de(""), [ze, qe] = de(""), [b, h] = de(""), [_, T] = de(null), [Y, K] = de(!1), [we, ht] = de(!1), [ct, Qe] = de(-1), zt = ne(!1), Kt = Vi(R.length, d ?? null), Pe = l && d != null, Vt = Me(() => ke ? f ? No(j, ke).filtered : ig(j, ke) : j, [j, ke, f]), tt = Me(
     () => {
       var y;
       return (y = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) == null ? void 0 : y.set;
@@ -14054,10 +14060,10 @@ function mg(n, e) {
   me(() => {
     Ve.current && (Ve.current.value = mt);
   }, [mt]), me(() => {
-    if (U || l || !I.current) return;
+    if (q || l || !I.current) return;
     const y = R[0] ? Hi(R[0], j, v) : "";
     I.current.value !== y && (I.current.value = y);
-  }, [R, j, v, l, U]);
+  }, [R, j, v, l, q]);
   const It = O(
     (y, L = !0) => {
       he || Be(y), L && (ge == null || ge(y), yt(y));
@@ -14208,7 +14214,7 @@ function mg(n, e) {
         return;
       }
       const L = ag(y.key, y.shiftKey, l);
-      if (L && !(y.key === "Tab" && !U)) {
+      if (L && !(y.key === "Tab" && !q)) {
         if (L === "focusListbox" && y.key === "Tab" && !((Xn = oe.current) == null ? void 0 : Xn.querySelector(
           '[role="option"]:not([data-disabled]), [data-type="new-option"]'
         ))) {
@@ -14226,7 +14232,7 @@ function mg(n, e) {
             break;
           }
           case "focusListbox":
-            oe.current && (U || te(!0), Ui(oe.current, {
+            oe.current && (q || te(!0), Ui(oe.current, {
               disabled: S,
               allowUserInput: p,
               customUserInput: _,
@@ -14247,7 +14253,7 @@ function mg(n, e) {
       p,
       _,
       m,
-      U,
+      q,
       ut,
       Ht,
       Te
@@ -14264,11 +14270,11 @@ function mg(n, e) {
     K(!1), ht(!1);
   }, []), E = O(
     (y) => {
-      if (S || !U) return;
+      if (S || !q) return;
       const L = y.relatedTarget, ae = Xe.current;
       ae && L && ae.contains(L) || Pt();
     },
-    [S, U, Pt]
+    [S, q, Pt]
   ), H = O(
     (y) => {
       var L;
@@ -14280,7 +14286,7 @@ function mg(n, e) {
         (L = I.current) == null || L.focus();
       else {
         y.stopPropagation(), y.preventDefault();
-        const ae = !U;
+        const ae = !q;
         te(ae), ae && oe.current && Ui(oe.current, {
           disabled: S,
           allowUserInput: p,
@@ -14289,7 +14295,7 @@ function mg(n, e) {
         });
       }
     },
-    [S, J, U, p, _, m]
+    [S, J, q, p, _, m]
   ), re = O(
     (y) => {
       S || (y.stopPropagation(), J && I.current ? (I.current.focus(), K(!0)) : te((L) => !L));
@@ -14303,7 +14309,7 @@ function mg(n, e) {
           case " ":
           case "ArrowDown":
           case "ArrowUp":
-            y.preventDefault(), U ? te(!1) : (te(!0), oe.current && window.setTimeout(() => {
+            y.preventDefault(), q ? te(!1) : (te(!0), oe.current && window.setTimeout(() => {
               oe.current && Ui(oe.current, {
                 disabled: S,
                 allowUserInput: p && !Kt,
@@ -14313,11 +14319,11 @@ function mg(n, e) {
             }, 0));
             break;
           case "Escape":
-            U && (y.preventDefault(), te(!1));
+            q && (y.preventDefault(), te(!1));
             break;
           case "Home":
           case "End":
-            y.preventDefault(), U || te(!0), oe.current && window.setTimeout(() => {
+            y.preventDefault(), q || te(!0), oe.current && window.setTimeout(() => {
               oe.current && Ui(oe.current, {
                 disabled: S,
                 allowUserInput: p && !Kt,
@@ -14339,7 +14345,7 @@ function mg(n, e) {
             break;
         }
     },
-    [S, U, p, Kt, _, m, l, R, ut]
+    [S, q, p, Kt, _, m, l, R, ut]
   ), P = O(
     (y) => {
       Ht(y);
@@ -14450,7 +14456,7 @@ function mg(n, e) {
     [Ht, m, Te]
   );
   return me(() => {
-    if (!U) return;
+    if (!q) return;
     const y = (L) => {
       const ae = L.target;
       Xe.current && !Xe.current.contains(ae) && Pt();
@@ -14458,7 +14464,7 @@ function mg(n, e) {
     return document.addEventListener("click", y, !0), () => {
       document.removeEventListener("click", y, !0);
     };
-  }, [U, Pt]), me(() => {
+  }, [q, Pt]), me(() => {
     var ae;
     const y = (ae = Xe.current) == null ? void 0 : ae.closest("form");
     if (!y) return;
@@ -14505,7 +14511,7 @@ function mg(n, e) {
     options: j,
     filteredOptions: Vt,
     // UI state
-    isOpen: U,
+    isOpen: q,
     userInfoMessage: b,
     addValueText: _,
     maxIsReached: Kt,
@@ -14528,7 +14534,7 @@ function mg(n, e) {
     fullwidth: B,
     hasError: A,
     errorMessage: W,
-    helptext: q,
+    helptext: U,
     helptextDropdown: X,
     helptextDropdownButton: xe,
     optionalTag: z,
@@ -14759,7 +14765,7 @@ const Hl = () => {
     isIOSDevice: B,
     strings: A,
     inputClasses: W,
-    buttonClasses: q,
+    buttonClasses: U,
     rangeLabelClasses: X,
     datepickerInputsClasses: xe,
     isInputDisabled: z,
@@ -14787,7 +14793,7 @@ const Hl = () => {
       "button",
       {
         ref: V,
-        className: q,
+        className: U,
         type: "button",
         onClick: ee,
         disabled: l,
@@ -14947,7 +14953,7 @@ function Ng(n, e) {
     fullwidth: B = !1,
     hasFieldset: A = !1,
     inline: W = !1,
-    helptext: q,
+    helptext: U,
     helptextDropdown: X,
     helptextDropdownButton: xe,
     hasError: z = !1,
@@ -14978,7 +14984,7 @@ function Ng(n, e) {
   me(() => {
     S !== void 0 && Fe(S);
   }, [S]);
-  const j = ne(null), U = ne(null), te = ne(null), ke = ne(null), Z = ne(null), ze = Me(() => gg(), []), qe = Me(() => Hl(), []), b = Me(
+  const j = ne(null), q = ne(null), te = ne(null), ke = ne(null), Z = ne(null), ze = Me(() => gg(), []), qe = Me(() => Hl(), []), b = Me(
     () => $e ?? (d ? Tg : Cg),
     [$e, d]
   ), h = typeof J == "string" ? J : J !== void 0 ? String(J) : void 0, _ = typeof I == "string" ? I : I !== void 0 ? String(I) : void 0, T = Me(() => {
@@ -15122,7 +15128,7 @@ function Ng(n, e) {
         () => Zt(j.current),
         () => {
           var P;
-          return (P = U.current) == null ? void 0 : P.focus();
+          return (P = q.current) == null ? void 0 : P.focus();
         },
         () => {
           var P;
@@ -15136,11 +15142,11 @@ function Ng(n, e) {
       qi(
         D.nativeEvent,
         () => yt(),
-        () => Zt(U.current),
+        () => Zt(q.current),
         void 0,
         () => {
           var P;
-          return (P = U.current) == null ? void 0 : P.blur();
+          return (P = q.current) == null ? void 0 : P.blur();
         }
       );
     },
@@ -15215,7 +15221,7 @@ function Ng(n, e) {
     fullwidth: B,
     hasFieldset: A,
     inline: W,
-    helptext: q,
+    helptext: U,
     helptextDropdown: X,
     helptextDropdownButton: xe,
     hasError: z,
@@ -15241,7 +15247,7 @@ function Ng(n, e) {
     isInputDisabled: ct,
     hasCounter: Qe,
     inputRef: j,
-    inputRefTo: U,
+    inputRefTo: q,
     changeInputRef: te,
     btnRef: ke,
     wrapperRef: Z,
@@ -15408,7 +15414,7 @@ const pa = or({}), Rg = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Lg
       B(Array.from(G));
     }, W = (M) => {
       B(M);
-    }, q = (M) => {
+    }, U = (M) => {
       if (M.preventDefault(), N(!1), l) return;
       const G = M.dataTransfer.files, V = Array.from(G);
       W(V);
@@ -15426,7 +15432,7 @@ const pa = or({}), Rg = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Lg
     return /* @__PURE__ */ x(
       "div",
       {
-        onDrop: q,
+        onDrop: U,
         onDragOver: X,
         onDragLeave: xe,
         onClick: z,
@@ -15507,7 +15513,7 @@ const pa = or({}), Rg = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Lg
     requiredText: B,
     tagText: A = null,
     placeholder: W,
-    rows: q,
+    rows: U,
     useWrapper: X = !0,
     onChange: xe,
     value: z,
@@ -15556,7 +15562,7 @@ const pa = or({}), Rg = ".PDF, .JPEG, .JPG, .PNG, .HEIC, .DOC, .DOCX, .ODT", Lg
             id: ge,
             placeholder: W,
             disabled: a,
-            rows: q,
+            rows: U,
             "aria-labelledby": pe,
             "aria-invalid": l,
             "aria-errormessage": `${n}-error`,
@@ -15829,23 +15835,23 @@ const Fg = Symbol("comment"), Vg = (n) => {
     ...v
   }, g) => {
     const $ = ne(null), N = g || $, S = O(() => {
-      var q, X;
-      (q = N.current) != null && q.open && ((X = N.current) == null || X.close(), p == null || p());
+      var U, X;
+      (U = N.current) != null && U.open && ((X = N.current) == null || X.close(), p == null || p());
     }, [N, p]);
     me(() => {
-      const q = N.current;
-      if (!q) return;
+      const U = N.current;
+      if (!U) return;
       const X = new MutationObserver(() => {
-        q.open ? document.body.classList.add("pkt-modal--open") : document.body.classList.remove("pkt-modal--open");
+        U.open ? document.body.classList.add("pkt-modal--open") : document.body.classList.remove("pkt-modal--open");
       });
-      return X.observe(q, { attributes: !0, attributeFilter: ["open"] }), () => X.disconnect();
+      return X.observe(U, { attributes: !0, attributeFilter: ["open"] }), () => X.disconnect();
     }, [N]), me(() => {
-      var q, X, xe, z;
-      t ? (q = N.current) != null && q.open || (X = N.current) == null || X.showModal() : (xe = N.current) != null && xe.open && ((z = N.current) == null || z.close());
+      var U, X, xe, z;
+      t ? (U = N.current) != null && U.open || (X = N.current) == null || X.showModal() : (xe = N.current) != null && xe.open && ((z = N.current) == null || z.close());
     }, [t, N]);
     const C = O(
-      (q) => {
-        r && q.target === N.current && S();
+      (U) => {
+        r && U.target === N.current && S();
       },
       [r, N, S]
     ), B = O(() => {
@@ -16458,17 +16464,17 @@ const ub = (n) => {
     hasError: B = !1,
     disabled: A = !1,
     label: W,
-    helptext: q,
+    helptext: U,
     optionalTag: X,
     requiredTag: xe,
     enableImagePreview: z = !1,
     ...M
   }, G) => {
     const V = "transfers" in M ? M.transfers : void 0, [ee, ce] = de(null), se = B || !!ee, ve = C || ee, $e = $ ? nb($) : void 0, ge = O(
-      (U) => {
+      (q) => {
         var te;
         if (v && v.length > 0) {
-          const ke = ((te = U.name.split(".").pop()) == null ? void 0 : te.toLowerCase()) || "", Z = U.type.toLowerCase();
+          const ke = ((te = q.name.split(".").pop()) == null ? void 0 : te.toLowerCase()) || "", Z = q.type.toLowerCase();
           if (!v.some((qe) => {
             const b = qe.toLowerCase().replace(/^\./, "");
             if (b.includes("/")) {
@@ -16484,11 +16490,11 @@ const ub = (n) => {
             return (g == null ? void 0 : g.replace("{formats}", qe)) || b;
           }
         }
-        if ($e && U.size > $e) {
+        if ($e && q.size > $e) {
           const ke = fr($e), Z = `Filen er for stor. Maks størrelse er ${ke}.`;
           return (N == null ? void 0 : N.replace("{maxSize}", ke)) || Z;
         }
-        return S ? S(U) : null;
+        return S ? S(q) : null;
       },
       [v, g, $e, N, S]
     );
@@ -16499,13 +16505,13 @@ const ub = (n) => {
     );
     const pe = n !== void 0 ? n : e || [], et = typeof m == "string" ? Ao[m] : m, J = m === "thumbnail", I = typeof M.accept == "string" ? M.accept.trim() : void 0, Ve = Me(() => {
       if (!(!v || v.length === 0))
-        return v.map((U) => U.trim()).filter(Boolean).map((U) => {
-          const te = U.toLowerCase();
+        return v.map((q) => q.trim()).filter(Boolean).map((q) => {
+          const te = q.toLowerCase();
           return te.includes("/") || te.startsWith(".") ? te : `.${te}`;
         }).join(", ");
     }, [v]), Ue = I || Ve, oe = a && !J, Xe = r && !J, Te = O(
-      (U) => {
-        for (const ke of U) {
+      (q) => {
+        for (const ke of q) {
           const Z = ge(ke.file);
           if (Z) {
             ce(Z);
@@ -16513,23 +16519,23 @@ const ub = (n) => {
           }
         }
         ce(null);
-        const te = s ? [...pe, ...U] : [U[0]];
-        l && l(te), i === "custom" && d && U.forEach((ke) => {
+        const te = s ? [...pe, ...q] : [q[0]];
+        l && l(te), i === "custom" && d && q.forEach((ke) => {
           d == null || d(ke);
         });
       },
       [l, pe, s, i, d, ge]
     ), _e = O(
-      (U, te) => {
-        const ke = pe.map((Z) => Z.fileId === U ? { ...Z, ...te } : Z);
+      (q, te) => {
+        const ke = pe.map((Z) => Z.fileId === q ? { ...Z, ...te } : Z);
         l && l(ke);
       },
       [l, pe]
     ), le = O(
-      (U) => {
+      (q) => {
         var ke;
-        const te = pe.filter((Z) => Z.fileId !== U);
-        l && l(te), "onTransferCancelled" in M && M.onTransferCancelled && ((ke = M.onTransferCancelled) == null || ke.call(M, U));
+        const te = pe.filter((Z) => Z.fileId !== q);
+        l && l(te), "onTransferCancelled" in M && M.onTransferCancelled && ((ke = M.onTransferCancelled) == null || ke.call(M, q));
       },
       [l, pe, M]
     ), { fileAttributes: he } = Qg(pe, _e), Ie = Me(
@@ -16539,10 +16545,10 @@ const ub = (n) => {
           enabled: oe
         },
         {
-          op: (U) => jg(U),
+          op: (q) => jg(q),
           enabled: Xe
         }
-      ].filter(({ enabled: U }) => U).map(({ op: U }) => U).concat(...f),
+      ].filter(({ enabled: q }) => q).map(({ op: q }) => q).concat(...f),
       [oe, Xe]
     ), Be = Me(
       () => ({
@@ -16551,15 +16557,15 @@ const ub = (n) => {
       }),
       [t]
     ), { totalCount: Oe, uploadedCount: R, failedCount: We } = Me(() => {
-      const U = pe.length;
+      const q = pe.length;
       if (!V)
-        return { totalCount: U, uploadedCount: 0, failedCount: 0 };
+        return { totalCount: q, uploadedCount: 0, failedCount: 0 };
       let te = 0, ke = 0;
       for (const Z of pe) {
         const ze = V.find((qe) => qe.fileId === Z.fileId);
         (ze == null ? void 0 : ze.progress) === "done" && te++, (ze == null ? void 0 : ze.progress) === "error" && ke++;
       }
-      return { totalCount: U, uploadedCount: te, failedCount: ke };
+      return { totalCount: q, uploadedCount: te, failedCount: ke };
     }, [pe, V]), Fe = Oe === 1 ? "fil" : "filer", j = /* @__PURE__ */ c(
       "div",
       {
@@ -16600,7 +16606,7 @@ const ub = (n) => {
               uploadStrategy: i,
               ItemRenderer: et,
               enableImagePreview: J && z,
-              queueItemOperations: Ie.map((U) => U(he)).concat(zg(le))
+              queueItemOperations: Ie.map((q) => q(he)).concat(zg(le))
             }
           )
         ] })
@@ -16611,7 +16617,7 @@ const ub = (n) => {
       {
         forId: t,
         label: W,
-        helptext: q,
+        helptext: U,
         disabled: A,
         hasError: se,
         optionalTag: X,
@@ -16981,7 +16987,7 @@ const Jr = Le(
     optionalText: B,
     requiredTag: A = !1,
     requiredText: W,
-    tagText: q = null,
+    tagText: U = null,
     placeholder: X,
     prefix: xe,
     suffix: z,
@@ -17026,7 +17032,7 @@ const Jr = Le(
         optionalText: B,
         requiredTag: A,
         requiredText: W,
-        tagText: q,
+        tagText: U,
         useWrapper: G,
         counter: i,
         counterCurrent: le,
@@ -17105,7 +17111,7 @@ const Yl = Le(
     userMenu: B,
     userMenuFooter: A,
     userOptions: W,
-    canChangeRepresentation: q = !1,
+    canChangeRepresentation: U = !1,
     changeRepresentation: X,
     hideLogo: xe = !1,
     logoLink: z,
@@ -17140,7 +17146,7 @@ const Yl = Le(
     me(() => {
       l !== void 0 && pe(l);
     }, [l]);
-    const [et, J] = de(!1), [I, Ve] = de(0), [Ue, oe] = de(!1), [Xe, Te] = de(!1), _e = ne(null), le = ne(null), he = ne(null), Ie = ne(null), Be = ne(null), Oe = ne(null), R = ne(null), We = ne(!1), Fe = yb(_e), j = Fe < n, U = Fe < e, te = O(
+    const [et, J] = de(!1), [I, Ve] = de(0), [Ue, oe] = de(!1), [Xe, Te] = de(!1), _e = ne(null), le = ne(null), he = ne(null), Ie = ne(null), Be = ne(null), Oe = ne(null), R = ne(null), We = ne(!1), Fe = yb(_e), j = Fe < n, q = Fe < e, te = O(
       (h) => {
         _e.current = h, typeof se == "function" ? se(h) : se && (se.current = h);
       },
@@ -17195,11 +17201,11 @@ const Yl = Le(
     const ze = O(
       (h) => {
         const _ = h === "slot" ? he : Ie, T = h === "slot" ? Be : Oe;
-        if (!_.current || !T.current || !U || j) return;
+        if (!_.current || !T.current || !q || j) return;
         const Y = _.current.getBoundingClientRect(), K = T.current.offsetWidth, we = Y.left + K > window.innerWidth;
         h === "slot" ? oe(we) : Te(we);
       },
-      [U, j]
+      [q, j]
     ), qe = O(
       (h) => {
         ue !== "none" ? pe("none") : (R.current = document.activeElement, pe(h));
@@ -17218,7 +17224,7 @@ const Yl = Le(
           "pkt-header-service",
           i && "pkt-header-service--compact",
           j && "pkt-header-service--mobile",
-          U && "pkt-header-service--tablet",
+          q && "pkt-header-service--tablet",
           ve && "pkt-header-service--fixed",
           $e && "pkt-header-service--scroll-to-hide",
           et && "pkt-header-service--hidden",
@@ -17269,7 +17275,7 @@ const Yl = Le(
               ]
             }
           ),
-          t || d || U && o && (a === "header" || a === "both") ? /* @__PURE__ */ x("div", { className: "pkt-header-service__content", children: [
+          t || d || q && o && (a === "header" || a === "both") ? /* @__PURE__ */ x("div", { className: "pkt-header-service__content", children: [
             /* @__PURE__ */ x(
               "div",
               {
@@ -17277,7 +17283,7 @@ const Yl = Le(
                 onBlur: (h) => ke(h, "slot"),
                 ref: he,
                 children: [
-                  U && t && /* @__PURE__ */ c(
+                  q && t && /* @__PURE__ */ c(
                     Nt,
                     {
                       skin: "secondary",
@@ -17297,8 +17303,8 @@ const Yl = Le(
                     {
                       className: be("pkt-header-service__slot-content", Ue && "align-right"),
                       id: "mobile-slot-menu",
-                      role: U ? "menu" : void 0,
-                      "aria-label": U ? "Meny" : void 0,
+                      role: q ? "menu" : void 0,
+                      "aria-label": q ? "Meny" : void 0,
                       ref: Be,
                       children: /* @__PURE__ */ c("div", { className: "pkt-contents", children: t })
                     }
@@ -17306,7 +17312,7 @@ const Yl = Le(
                 ]
               }
             ),
-            d && /* @__PURE__ */ c(Je, { children: U ? /* @__PURE__ */ x(
+            d && /* @__PURE__ */ c(Je, { children: q ? /* @__PURE__ */ x(
               "div",
               {
                 className: be("pkt-header-service__search-container", ue === "search" && "is-open"),
@@ -17375,7 +17381,7 @@ const Yl = Le(
                 }
               }
             ) }),
-            U && o && (a === "header" || a === "both") && /* @__PURE__ */ c(
+            j && o && (a === "header" || a === "both") && /* @__PURE__ */ c(
               Nt,
               {
                 skin: "secondary",
@@ -17429,7 +17435,7 @@ const Yl = Le(
                           formattedLastLoggedIn: ge,
                           representing: g,
                           userMenu: B,
-                          canChangeRepresentation: q,
+                          canChangeRepresentation: U,
                           changeRepresentation: X,
                           logoutOnClick: a === "userMenu" || a === "both" ? o : void 0
                         }
@@ -17454,7 +17460,7 @@ const Yl = Le(
             i && "pkt-header-service-spacer--compact",
             C && "pkt-header-service-spacer--has-user",
             j && "pkt-header-service-spacer--mobile",
-            U && "pkt-header-service-spacer--tablet"
+            q && "pkt-header-service-spacer--tablet"
           )
         }
       )
@@ -17590,7 +17596,7 @@ const Io = () => ("00000000000000000" + (Math.random() * 18446744073709552e3).to
     me(() => {
       B.current && W(B.current.getBoundingClientRect().width || 0);
     }, [m]);
-    const q = p - v, X = Math.round(l === "fraction" ? m / q * 100 : (m - v) / q * 100), xe = `${m} av ${q}`, z = l === "fraction" && !s ? `${m} av ${p - v}` : s || void 0, M = n ? void 0 : e || `${C}-title`;
+    const U = p - v, X = Math.round(l === "fraction" ? m / U * 100 : (m - v) / U * 100), xe = `${m} av ${U}`, z = l === "fraction" && !s ? `${m} av ${p - v}` : s || void 0, M = n ? void 0 : e || `${C}-title`;
     return /* @__PURE__ */ c(
       "div",
       {
@@ -17681,7 +17687,7 @@ const Pb = Le(
     ].filter(Boolean).join(" "), B = [
       "pkt-input-check__input-checkbox",
       o ? "pkt-input-check__input-checkbox--error" : ""
-    ].filter(Boolean).join(" "), A = ["pkt-input-check__input-label", r ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), W = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), q = () => /* @__PURE__ */ x(Je, { children: [
+    ].filter(Boolean).join(" "), A = ["pkt-input-check__input-label", r ? "pkt-input-check__input-label--disabled" : ""].filter(Boolean).join(" "), W = ["pkt-tag", "pkt-tag--small", "pkt-tag--thin-text"].join(" "), U = () => /* @__PURE__ */ x(Je, { children: [
       g && /* @__PURE__ */ c("span", { className: W + " pkt-tag--gray", children: g }),
       f && /* @__PURE__ */ c("span", { className: W + " pkt-tag--blue-light", children: m }),
       p && /* @__PURE__ */ c("span", { className: W + " pkt-tag--beige", children: v })
@@ -17703,7 +17709,7 @@ const Pb = Le(
       /* @__PURE__ */ x("label", { className: A, htmlFor: n, children: [
         t,
         " ",
-        q(),
+        U(),
         a && /* @__PURE__ */ c("div", { className: "pkt-input-check__input-helptext", children: a })
       ] })
     ] }) });
@@ -17783,7 +17789,7 @@ const Rb = Le(
             className: `pkt-searchinput__suggestion ${A.onClick ? "pkt-link-button" : ""} ${A.href || A.onClick ? "pkt-searchinput__suggestion--has-hover" : ""}`,
             type: A.onClick ? "button" : void 0,
             onClick: () => N(A.onClick, W),
-            onKeyUp: (q) => q.key === "Enter" && N(A.onClick, W)
+            onKeyUp: (U) => U.key === "Enter" && N(A.onClick, W)
           },
           /* @__PURE__ */ x(Je, { children: [
             A.title && /* @__PURE__ */ c("h3", { className: "pkt-searchinput__suggestion-title", children: A.title }),
@@ -17819,11 +17825,11 @@ const Lb = Le(
     tagText: B,
     ...A
   }, W) => {
-    const q = [s, "pkt-select"].join(" ");
+    const U = [s, "pkt-select"].join(" ");
     return /* @__PURE__ */ c(
       Kn,
       {
-        className: q,
+        className: U,
         forId: `${f}-input`,
         label: v,
         helptext: o,
@@ -18076,7 +18082,7 @@ function Gb(n, e) {
     errorMessage: B,
     optionalTag: A = !1,
     optionalText: W,
-    requiredTag: q = !1,
+    requiredTag: U = !1,
     requiredText: X,
     tagText: xe,
     inline: z = !1,
@@ -18102,7 +18108,7 @@ function Gb(n, e) {
       `PktTimepicker: step="${l}" er ikke en gyldig verdi. Step må være et multiplum av 60 (hele minutter) eller nøyaktig 3600 (hel time).`
     );
   }, [l]);
-  const Fe = ne(null), j = ne(null), U = ne(null), te = ne(null), ke = ne(null), Z = ne(null), ze = ne(0), qe = ne(-1), b = ne(0), h = ne(-1), [_, T] = de(!1), Y = Me(
+  const Fe = ne(null), j = ne(null), q = ne(null), te = ne(null), ke = ne(null), Z = ne(null), ze = ne(0), qe = ne(-1), b = ne(0), h = ne(-1), [_, T] = de(!1), Y = Me(
     () => {
       var E;
       return (E = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) == null ? void 0 : E.set;
@@ -18199,7 +18205,7 @@ function Gb(n, e) {
         const D = Te.current;
         D !== "" && Pe(`${D}:${re}`), requestAnimationFrame(() => {
           var P;
-          return (P = U.current) == null ? void 0 : P.focus();
+          return (P = q.current) == null ? void 0 : P.focus();
         });
       }
     },
@@ -18399,7 +18405,7 @@ function Gb(n, e) {
           E.preventDefault(), H.click();
           break;
         case "Escape":
-          E.preventDefault(), mt(), (Se = U.current) == null || Se.focus();
+          E.preventDefault(), mt(), (Se = q.current) == null || Se.focus();
           break;
       }
     },
@@ -18487,7 +18493,7 @@ function Gb(n, e) {
     errorMessage: B,
     optionalTag: A,
     optionalText: W,
-    requiredTag: q,
+    requiredTag: U,
     requiredText: X,
     tagText: xe,
     inline: z,
@@ -18510,7 +18516,7 @@ function Gb(n, e) {
     minuteOptions: ht,
     hoursInputRef: Fe,
     minutesInputRef: j,
-    buttonRef: U,
+    buttonRef: q,
     popupRef: te,
     changeInputRef: Z,
     handleHoursKeydown: Yn,
@@ -18571,137 +18577,147 @@ const Xb = Le((n, e) => {
         /* @__PURE__ */ c("div", { className: "pkt-timepicker-popup__col", role: "listbox", "aria-label": a, "aria-orientation": "vertical", children: i.minuteOptions.map((p) => d(p, "minute")) })
       ]
     }
-  ), m = () => /* @__PURE__ */ x("div", { className: "pkt-input__container", children: [
-    i.stepArrows && /* @__PURE__ */ x(
-      "button",
-      {
-        type: "button",
-        className: "pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--prev",
-        "aria-label": i.strings.prevTime,
-        disabled: i.disabled,
-        onClick: () => i.stepTimeDelta(-1),
-        children: [
-          /* @__PURE__ */ c(ie, { name: "chevron-thin-left" }),
-          /* @__PURE__ */ c("span", { className: "pkt-btn__text", children: i.strings.prevTime })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c(
-      "input",
-      {
-        ref: i.hoursInputRef,
-        type: "text",
-        inputMode: "numeric",
-        maxLength: 2,
-        size: 2,
-        className: "pkt-input pkt-timepicker__input",
-        id: i.hoursId,
-        "data-min": "0",
-        "data-max": "23",
-        value: i.hours,
-        placeholder: "––",
-        "aria-label": o,
-        role: "spinbutton",
-        "aria-invalid": i.hasError || i.isInvalid || void 0,
-        "aria-valuemin": 0,
-        "aria-valuemax": 23,
-        "aria-valuenow": i.hours !== "" ? parseInt(i.hours, 10) : void 0,
-        "aria-valuetext": i.hours !== "" ? `${i.hours} ${r.toLowerCase()}` : void 0,
-        autoComplete: "off",
-        disabled: i.disabled,
-        onKeyDown: i.handleHoursKeydown,
-        onBlur: i.handleHoursBlur,
-        onFocus: (p) => {
-          p.currentTarget.select();
-        },
-        onChange: () => {
-        },
-        onPaste: (p) => p.preventDefault()
-      }
-    ),
-    /* @__PURE__ */ c("span", { className: "pkt-timepicker__separator", children: ":" }),
-    /* @__PURE__ */ c(
-      "input",
-      {
-        ref: i.minutesInputRef,
-        type: "text",
-        inputMode: "numeric",
-        maxLength: 2,
-        size: 2,
-        className: "pkt-input pkt-timepicker__input",
-        id: i.minutesId,
-        "data-min": "0",
-        "data-max": "59",
-        value: i.minutes,
-        placeholder: "––",
-        "aria-label": l,
-        role: "spinbutton",
-        "aria-invalid": i.hasError || i.isInvalid || void 0,
-        "aria-valuemin": 0,
-        "aria-valuemax": 59,
-        "aria-valuenow": i.minutes !== "" ? parseInt(i.minutes, 10) : void 0,
-        "aria-valuetext": i.minutes !== "" ? `${i.minutes} ${a.toLowerCase()}` : void 0,
-        autoComplete: "off",
-        disabled: i.disabled,
-        onKeyDown: i.handleMinutesKeydown,
-        onBlur: i.handleMinutesBlur,
-        onFocus: (p) => {
-          p.currentTarget.select();
-        },
-        onChange: () => {
-        },
-        onPaste: (p) => p.preventDefault()
-      }
-    ),
-    i.hidePicker && !i.stepArrows && /* @__PURE__ */ c(ie, { className: "pkt-input-icon pkt-timepicker__icon", name: "clock", "aria-hidden": !0 }),
-    !i.hidePicker && !i.stepArrows && /* @__PURE__ */ x(
-      "button",
-      {
-        ref: i.buttonRef,
-        type: "button",
-        className: "pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button",
-        "aria-label": i.strings.openPicker,
-        "aria-haspopup": "listbox",
-        "aria-expanded": i.isOpen,
-        "aria-controls": i.popupId,
-        disabled: i.disabled,
-        onClick: i.handleClockButtonClick,
-        children: [
-          /* @__PURE__ */ c(ie, { name: "clock" }),
-          /* @__PURE__ */ c("span", { className: "pkt-btn__text", children: i.strings.openPicker })
-        ]
-      }
-    ),
-    i.stepArrows && /* @__PURE__ */ x(
-      "button",
-      {
-        type: "button",
-        className: "pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--next",
-        "aria-label": i.strings.nextTime,
-        disabled: i.disabled,
-        onClick: () => i.stepTimeDelta(1),
-        children: [
-          /* @__PURE__ */ c(ie, { name: "chevron-thin-right" }),
-          /* @__PURE__ */ c("span", { className: "pkt-btn__text", children: i.strings.nextTime })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c(
-      "input",
-      {
-        ref: i.changeInputRef,
-        type: "time",
-        hidden: !0,
-        name: i.name,
-        id: i.hiddenInputId,
-        disabled: i.disabled,
-        tabIndex: -1,
-        "aria-hidden": !0,
-        onChange: t,
-        onInput: s
-      }
-    )
-  ] });
+  ), m = () => /* @__PURE__ */ x(
+    "div",
+    {
+      className: "pkt-input__container",
+      onClick: (p) => {
+        var g;
+        p.target.closest("button, input") || (g = i.hoursInputRef.current) == null || g.focus();
+      },
+      children: [
+        i.stepArrows && /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            className: "pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--prev",
+            "aria-label": i.strings.prevTime,
+            disabled: i.disabled,
+            onClick: () => i.stepTimeDelta(-1),
+            children: [
+              /* @__PURE__ */ c(ie, { name: "chevron-thin-left" }),
+              /* @__PURE__ */ c("span", { className: "pkt-btn__text", children: i.strings.prevTime })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: i.hoursInputRef,
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 2,
+            size: 2,
+            className: "pkt-input pkt-timepicker__input",
+            id: i.hoursId,
+            "data-min": "0",
+            "data-max": "23",
+            value: i.hours,
+            placeholder: "––",
+            "aria-label": o,
+            role: "spinbutton",
+            "aria-invalid": i.hasError || i.isInvalid || void 0,
+            "aria-valuemin": 0,
+            "aria-valuemax": 23,
+            "aria-valuenow": i.hours !== "" ? parseInt(i.hours, 10) : void 0,
+            "aria-valuetext": i.hours !== "" ? `${i.hours} ${r.toLowerCase()}` : void 0,
+            autoComplete: "off",
+            disabled: i.disabled,
+            onKeyDown: i.handleHoursKeydown,
+            onBlur: i.handleHoursBlur,
+            onFocus: (p) => {
+              p.currentTarget.select();
+            },
+            onChange: () => {
+            },
+            onPaste: (p) => p.preventDefault()
+          }
+        ),
+        /* @__PURE__ */ c("span", { className: "pkt-timepicker__separator", children: ":" }),
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: i.minutesInputRef,
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 2,
+            size: 2,
+            className: "pkt-input pkt-timepicker__input",
+            id: i.minutesId,
+            "data-min": "0",
+            "data-max": "59",
+            value: i.minutes,
+            placeholder: "––",
+            "aria-label": l,
+            role: "spinbutton",
+            "aria-invalid": i.hasError || i.isInvalid || void 0,
+            "aria-valuemin": 0,
+            "aria-valuemax": 59,
+            "aria-valuenow": i.minutes !== "" ? parseInt(i.minutes, 10) : void 0,
+            "aria-valuetext": i.minutes !== "" ? `${i.minutes} ${a.toLowerCase()}` : void 0,
+            autoComplete: "off",
+            disabled: i.disabled,
+            onKeyDown: i.handleMinutesKeydown,
+            onBlur: i.handleMinutesBlur,
+            onFocus: (p) => {
+              p.currentTarget.select();
+            },
+            onChange: () => {
+            },
+            onPaste: (p) => p.preventDefault()
+          }
+        ),
+        i.hidePicker && !i.stepArrows && /* @__PURE__ */ c(ie, { className: "pkt-input-icon pkt-timepicker__icon", name: "clock", "aria-hidden": !0 }),
+        !i.hidePicker && !i.stepArrows && /* @__PURE__ */ x(
+          "button",
+          {
+            ref: i.buttonRef,
+            type: "button",
+            className: "pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button",
+            "aria-label": i.strings.openPicker,
+            "aria-haspopup": "listbox",
+            "aria-expanded": i.isOpen,
+            "aria-controls": i.popupId,
+            disabled: i.disabled,
+            onClick: i.handleClockButtonClick,
+            children: [
+              /* @__PURE__ */ c(ie, { name: "clock" }),
+              /* @__PURE__ */ c("span", { className: "pkt-btn__text", children: i.strings.openPicker })
+            ]
+          }
+        ),
+        i.stepArrows && /* @__PURE__ */ x(
+          "button",
+          {
+            type: "button",
+            className: "pkt-input-icon pkt-btn pkt-btn--icon-only pkt-btn--tertiary pkt-timepicker__button pkt-timepicker__button--next",
+            "aria-label": i.strings.nextTime,
+            disabled: i.disabled,
+            onClick: () => i.stepTimeDelta(1),
+            children: [
+              /* @__PURE__ */ c(ie, { name: "chevron-thin-right" }),
+              /* @__PURE__ */ c("span", { className: "pkt-btn__text", children: i.strings.nextTime })
+            ]
+          }
+        ),
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: i.changeInputRef,
+            type: "time",
+            hidden: !0,
+            name: i.name,
+            id: i.hiddenInputId,
+            disabled: i.disabled,
+            tabIndex: -1,
+            "aria-hidden": !0,
+            onChange: t,
+            onInput: s
+          }
+        )
+      ]
+    }
+  );
   return /* @__PURE__ */ c(
     "div",
     {