@purpurds/countdown 8.12.2 → 8.13.0

package/dist/countdown.es.js

@@ -1,45 +1,45 @@
-import { jsx as p, jsxs as j, Fragment as L } from "react/jsx-runtime";
+import { jsx as i, jsxs as j, Fragment as T } from "react/jsx-runtime";
 import * as s from "react";
-import { useRef as U, useState as S, useCallback as X, useEffect as R, forwardRef as Y, useId as rr } from "react";
+import { forwardRef as Y, useId as k, useState as rr, useMemo as A, useEffect as nr } from "react";
 import "react-dom";
-function nr(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+function tr(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var T = { exports: {} }, M;
-function tr() {
-  return M || (M = 1, (function(r) {
+var I = { exports: {} }, V;
+function er() {
+  return V || (V = 1, (function(n) {
     (function() {
-      var e = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function t() {
-        for (var n = "", a = 0; a < arguments.length; a++) {
-          var i = arguments[a];
-          i && (n = u(n, o.call(this, i)));
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var p = arguments[e];
+          p && (r = a(r, o.call(this, p)));
         }
-        return n;
+        return r;
       }
-      function o(n) {
-        if (typeof n == "string" || typeof n == "number")
-          return this && this[n] || n;
-        if (typeof n != "object")
+      function o(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
           return "";
-        if (Array.isArray(n))
-          return t.apply(this, n);
-        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
-          return n.toString();
-        var a = "";
-        for (var i in n)
-          e.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
-        return a;
+        if (Array.isArray(r))
+          return t.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var p in r)
+          u.call(r, p) && r[p] && (e = a(e, this && this[p] || p));
+        return e;
       }
-      function u(n, a) {
-        return a ? n ? n + " " + a : n + a : n;
+      function a(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
       }
-      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+      n.exports ? (t.default = t, n.exports = t) : window.classNames = t;
     })();
-  })(T)), T.exports;
+  })(I)), I.exports;
 }
-var er = tr();
-const ar = /* @__PURE__ */ nr(er), ur = {
+var ur = er();
+const ar = /* @__PURE__ */ tr(ur), or = {
   "purpur-paragraph": "_purpur-paragraph_1vz75_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
@@ -55,89 +55,89 @@ const ar = /* @__PURE__ */ nr(er), ur = {
   "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
-}, or = ar.bind(ur), ir = {
+}, pr = ar.bind(or), ir = {
   PARAGRAPH100: "paragraph-100"
-}, $ = "purpur-paragraph", z = ({
-  children: r,
-  className: e,
+}, y = "purpur-paragraph", x = ({
+  children: n,
+  className: u,
   disabled: t,
   enableHyphenation: o = !1,
-  negative: u = !1,
-  variant: n = ir.PARAGRAPH100,
-  ...a
+  negative: a = !1,
+  variant: r = ir.PARAGRAPH100,
+  ...e
 }) => {
-  const i = or(e, $, `${$}--${n}`, {
-    [`${$}--hyphens`]: o,
-    [`${$}--disabled`]: t,
-    [`${$}--negative`]: u
+  const p = pr(u, y, `${y}--${r}`, {
+    [`${y}--hyphens`]: o,
+    [`${y}--disabled`]: t,
+    [`${y}--negative`]: a
   });
-  return /* @__PURE__ */ p("p", { ...a, className: i, children: r });
+  return /* @__PURE__ */ i("p", { ...e, className: p, children: n });
 };
-z.displayName = "Paragraph";
-function E(r, e) {
-  if (typeof r == "function")
-    return r(e);
-  r != null && (r.current = e);
+x.displayName = "Paragraph";
+function W(n, u) {
+  if (typeof n == "function")
+    return n(u);
+  n != null && (n.current = u);
 }
-function pr(...r) {
-  return (e) => {
+function sr(...n) {
+  return (u) => {
     let t = !1;
-    const o = r.map((u) => {
-      const n = E(u, e);
-      return !t && typeof n == "function" && (t = !0), n;
+    const o = n.map((a) => {
+      const r = W(a, u);
+      return !t && typeof r == "function" && (t = !0), r;
     });
     if (t)
       return () => {
-        for (let u = 0; u < o.length; u++) {
-          const n = o[u];
-          typeof n == "function" ? n() : E(r[u], null);
+        for (let a = 0; a < o.length; a++) {
+          const r = o[a];
+          typeof r == "function" ? r() : W(n[a], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function sr(r) {
-  const e = /* @__PURE__ */ cr(r), t = s.forwardRef((o, u) => {
-    const { children: n, ...a } = o, i = s.Children.toArray(n), l = i.find(dr);
+function cr(n) {
+  const u = /* @__PURE__ */ lr(n), t = s.forwardRef((o, a) => {
+    const { children: r, ...e } = o, p = s.Children.toArray(r), l = p.find(_r);
     if (l) {
-      const h = l.props.children, b = i.map((d) => d === l ? s.Children.count(h) > 1 ? s.Children.only(null) : s.isValidElement(h) ? h.props.children : null : d);
-      return /* @__PURE__ */ p(e, { ...a, ref: u, children: s.isValidElement(h) ? s.cloneElement(h, void 0, b) : null });
+      const c = l.props.children, v = p.map(($) => $ === l ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : $);
+      return /* @__PURE__ */ i(u, { ...e, ref: a, children: s.isValidElement(c) ? s.cloneElement(c, void 0, v) : null });
     }
-    return /* @__PURE__ */ p(e, { ...a, ref: u, children: n });
+    return /* @__PURE__ */ i(u, { ...e, ref: a, children: r });
   });
-  return t.displayName = `${r}.Slot`, t;
+  return t.displayName = `${n}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
-function cr(r) {
-  const e = s.forwardRef((t, o) => {
-    const { children: u, ...n } = t;
-    if (s.isValidElement(u)) {
-      const a = hr(u), i = _r(n, u.props);
-      return u.type !== s.Fragment && (i.ref = o ? pr(o, a) : a), s.cloneElement(u, i);
+function lr(n) {
+  const u = s.forwardRef((t, o) => {
+    const { children: a, ...r } = t;
+    if (s.isValidElement(a)) {
+      const e = fr(a), p = hr(r, a.props);
+      return a.type !== s.Fragment && (p.ref = o ? sr(o, e) : e), s.cloneElement(a, p);
     }
-    return s.Children.count(u) > 1 ? s.Children.only(null) : null;
+    return s.Children.count(a) > 1 ? s.Children.only(null) : null;
   });
-  return e.displayName = `${r}.SlotClone`, e;
+  return u.displayName = `${n}.SlotClone`, u;
 }
-var lr = Symbol("radix.slottable");
-function dr(r) {
-  return s.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === lr;
+var dr = Symbol("radix.slottable");
+function _r(n) {
+  return s.isValidElement(n) && typeof n.type == "function" && "__radixId" in n.type && n.type.__radixId === dr;
 }
-function _r(r, e) {
-  const t = { ...e };
-  for (const o in e) {
-    const u = r[o], n = e[o];
-    /^on[A-Z]/.test(o) ? u && n ? t[o] = (...a) => {
-      n(...a), u(...a);
-    } : u && (t[o] = u) : o === "style" ? t[o] = { ...u, ...n } : o === "className" && (t[o] = [u, n].filter(Boolean).join(" "));
+function hr(n, u) {
+  const t = { ...u };
+  for (const o in u) {
+    const a = n[o], r = u[o];
+    /^on[A-Z]/.test(o) ? a && r ? t[o] = (...e) => {
+      r(...e), a(...e);
+    } : a && (t[o] = a) : o === "style" ? t[o] = { ...a, ...r } : o === "className" && (t[o] = [a, r].filter(Boolean).join(" "));
   }
-  return { ...r, ...t };
+  return { ...n, ...t };
 }
-function hr(r) {
-  let e = Object.getOwnPropertyDescriptor(r.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
-  return t ? r.ref : (e = Object.getOwnPropertyDescriptor(r, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? r.props.ref : r.props.ref || r.ref);
+function fr(n) {
+  let u = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = u && "isReactWarning" in u && u.isReactWarning;
+  return t ? n.ref : (u = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = u && "isReactWarning" in u && u.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
 }
-var fr = [
+var mr = [
   "a",
   "button",
   "div",
@@ -154,18 +154,18 @@ var fr = [
   "span",
   "svg",
   "ul"
-], mr = fr.reduce((r, e) => {
-  const t = /* @__PURE__ */ sr(`Primitive.${e}`), o = s.forwardRef((u, n) => {
-    const { asChild: a, ...i } = u, l = a ? t : e;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(l, { ...i, ref: n });
+], br = mr.reduce((n, u) => {
+  const t = /* @__PURE__ */ cr(`Primitive.${u}`), o = s.forwardRef((a, r) => {
+    const { asChild: e, ...p } = a, l = e ? t : u;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i(l, { ...p, ref: r });
   });
-  return o.displayName = `Primitive.${e}`, { ...r, [e]: o };
-}, {}), gr = "VisuallyHidden", V = s.forwardRef(
-  (r, e) => /* @__PURE__ */ p(
-    mr.span,
+  return o.displayName = `Primitive.${u}`, { ...n, [u]: o };
+}, {}), gr = "VisuallyHidden", B = s.forwardRef(
+  (n, u) => /* @__PURE__ */ i(
+    br.span,
     {
-      ...r,
-      ref: e,
+      ...n,
+      ref: u,
       style: {
         // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
         position: "absolute",
@@ -178,53 +178,53 @@ var fr = [
         clip: "rect(0, 0, 0, 0)",
         whiteSpace: "nowrap",
         wordWrap: "normal",
-        ...r.style
+        ...n.style
       }
     }
   )
 );
-V.displayName = gr;
-var yr = V;
-const wr = ({ asChild: r, children: e, ...t }) => /* @__PURE__ */ p(yr, { asChild: r, ...t, children: e });
-function br(r) {
-  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+B.displayName = gr;
+var wr = B;
+const yr = ({ asChild: n, children: u, ...t }) => /* @__PURE__ */ i(wr, { asChild: n, ...t, children: u });
+function vr(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var P = { exports: {} };
-var D;
-function vr() {
-  return D || (D = 1, (function(r) {
+var H;
+function $r() {
+  return H || (H = 1, (function(n) {
     (function() {
-      var e = {}.hasOwnProperty;
+      var u = {}.hasOwnProperty;
       function t() {
-        for (var n = "", a = 0; a < arguments.length; a++) {
-          var i = arguments[a];
-          i && (n = u(n, o.call(this, i)));
+        for (var r = "", e = 0; e < arguments.length; e++) {
+          var p = arguments[e];
+          p && (r = a(r, o.call(this, p)));
         }
-        return n;
+        return r;
       }
-      function o(n) {
-        if (typeof n == "string" || typeof n == "number")
-          return this && this[n] || n;
-        if (typeof n != "object")
+      function o(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return this && this[r] || r;
+        if (typeof r != "object")
           return "";
-        if (Array.isArray(n))
-          return t.apply(this, n);
-        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
-          return n.toString();
-        var a = "";
-        for (var i in n)
-          e.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
-        return a;
+        if (Array.isArray(r))
+          return t.apply(this, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var e = "";
+        for (var p in r)
+          u.call(r, p) && r[p] && (e = a(e, this && this[p] || p));
+        return e;
       }
-      function u(n, a) {
-        return a ? n ? n + " " + a : n + a : n;
+      function a(r, e) {
+        return e ? r ? r + " " + e : r + e : r;
       }
-      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+      n.exports ? (t.default = t, n.exports = t) : window.classNames = t;
     })();
   })(P)), P.exports;
 }
-var $r = vr();
-const W = /* @__PURE__ */ br($r), zr = {
+var Nr = $r();
+const G = /* @__PURE__ */ vr(Nr), zr = {
   "purpur-countdown--size-md": "_purpur-countdown--size-md_ytnsp_1",
   "purpur-countdown--size-lg": "_purpur-countdown--size-lg_ytnsp_5",
   "purpur-countdown--use-container-queries": "_purpur-countdown--use-container-queries_ytnsp_10",
@@ -237,139 +237,157 @@ const W = /* @__PURE__ */ br($r), zr = {
   "purpur-countdown--negative": "_purpur-countdown--negative_ytnsp_46",
   "purpur-countdown--show-days": "_purpur-countdown--show-days_ytnsp_56",
   "purpur-countdown__label": "_purpur-countdown__label_ytnsp_72"
-}, Nr = {
-  "purpur-countdown-counter": "_purpur-countdown-counter_19zid_1",
-  "purpur-countdown-counter__number--size-lg": "_purpur-countdown-counter__number--size-lg_19zid_11",
-  "purpur-countdown-counter__number--size-md": "_purpur-countdown-counter__number--size-md_19zid_17",
-  "purpur-countdown-counter__number": "_purpur-countdown-counter__number_19zid_11",
-  "tick-animation": "_tick-animation_19zid_1",
-  "tick-animation-pseudo": "_tick-animation-pseudo_19zid_1",
-  "purpur-countdown-counter__label": "_purpur-countdown-counter__label_19zid_44",
-  "purpur-countdown-counter__label--abbr": "_purpur-countdown-counter__label--abbr_19zid_51",
-  "purpur-countdown-counter__label--full": "_purpur-countdown-counter__label--full_19zid_54"
-};
-function k(r) {
-  const e = (/* @__PURE__ */ new Date()).getTime(), t = Math.abs(r - e);
-  let o = 0, u = 0, n = 0, a = 0;
-  return t >= c.day && (a = Math.floor(t / c.day)), t >= c.hour && (n = Math.floor(t % c.day / c.hour)), t >= c.minute && (u = Math.floor(t % c.hour / c.minute)), t >= c.second && (o = Math.floor(t % c.minute / c.second)), {
-    seconds: o,
-    minutes: u,
-    hours: n,
-    days: a
+}, Sr = {
+  "purpur-countdown-counter": "_purpur-countdown-counter_23fbu_1",
+  "purpur-countdown-counter--size-lg": "_purpur-countdown-counter--size-lg_23fbu_10",
+  "purpur-countdown-counter__number": "_purpur-countdown-counter__number_23fbu_15",
+  "purpur-countdown-counter--size-md": "_purpur-countdown-counter--size-md_23fbu_21",
+  "purpur-countdown-counter__number-list-container": "_purpur-countdown-counter__number-list-container_23fbu_35",
+  "purpur-countdown-counter__number-list": "_purpur-countdown-counter__number-list_23fbu_35",
+  "purpur-countdown-counter__number--selected": "_purpur-countdown-counter__number--selected_23fbu_61",
+  "purpur-countdown-counter__label": "_purpur-countdown-counter__label_23fbu_64",
+  "purpur-countdown-counter__label--abbr": "_purpur-countdown-counter__label--abbr_23fbu_71",
+  "purpur-countdown-counter__label--full": "_purpur-countdown-counter__label--full_23fbu_74"
+}, b = G.bind(Sr), d = "purpur-countdown-counter", z = ({ tag: n, size: u, numbers: t, counterLabels: o }) => {
+  const a = () => {
+    const r = o[n], e = o[`${n}Abbr`];
+    return /* @__PURE__ */ j(T, { children: [
+      e && /* @__PURE__ */ i(x, { className: b(`${d}__label`, `${d}__label--abbr`), children: /* @__PURE__ */ i("abbr", { title: r, children: e }) }),
+      /* @__PURE__ */ i(
+        x,
+        {
+          className: b(`${d}__label`, {
+            [`${d}__label--full`]: !!e
+          }),
+          children: r
+        }
+      )
+    ] });
   };
-}
-function xr(r, e) {
-  let t = 0;
-  return e === "seconds" && (t = r - 1 >= 0 ? r - 1 : 59), e === "minutes" && (t = r - 1 >= 0 ? r - 1 : 59), e === "hours" && (t = r - 1 >= 0 ? r - 1 : 23), e === "days" && (t = r - 1 >= 0 ? r - 1 : 0), t;
-}
-const c = {
-  day: 1440 * 60 * 1e3,
-  hour: 3600 * 1e3,
-  minute: 60 * 1e3,
-  second: 1e3
-}, x = W.bind(Nr), m = "purpur-countdown-counter", q = /* @__PURE__ */ new Map(), C = ({ tag: r, size: e, end: t, counterLabels: o }) => {
-  const u = U(null), n = `${r}-interval`, [a, i] = S(0), [l, h] = S(0), [b, d] = S(0), g = X(() => {
-    const y = k(t), A = xr(y[r], r);
-    h(A), i(y[r]);
-  }, [t, r]);
-  R(() => {
-    g();
-  }, []), R(() => (q.set(n, setInterval(g, c.second)), () => clearInterval(q.get(n))), [g, n]), R(() => {
-    d((y) => y + 1);
-  }, [a]);
-  const N = o[r], f = o[`${r}Abbr`];
   return /* @__PURE__ */ j(
     "div",
     {
-      className: x(m),
+      className: b(d, `${d}--size-${u}`),
       role: "group",
       "aria-hidden": "true",
-      "data-testid": `counter-${r}`,
+      "data-testid": `counter-${n}`,
       children: [
-        /* @__PURE__ */ p(
-          z,
+        /* @__PURE__ */ i("div", { className: b(`${d}__number-list-container`), children: t.map((r, e) => /* @__PURE__ */ i(
+          "ul",
           {
-            className: x(`${m}__number`, `${m}__number--size-${e}`),
-            ref: u,
-            "data-tick": l,
-            children: a
+            className: b(`${d}__number-list`),
+            style: {
+              "--offset": r
+            },
+            children: jr.map((p, l) => {
+              const c = p === r;
+              return /* @__PURE__ */ i(
+                "li",
+                {
+                  className: b(`${d}__number`, {
+                    [`${d}__number--selected`]: c
+                  }),
+                  children: p
+                },
+                l
+              );
+            })
           },
-          b
-        ),
-        f && /* @__PURE__ */ p(z, { className: x(`${m}__label`, `${m}__label--abbr`), children: /* @__PURE__ */ p("abbr", { title: N, children: f }) }),
-        /* @__PURE__ */ p(
-          z,
-          {
-            className: x(`${m}__label`, {
-              [`${m}__label--full`]: !!f
-            }),
-            children: N
-          }
-        )
+          e
+        )) }),
+        a()
       ]
     }
   );
-}, O = W.bind(zr), _ = "purpur-countdown", I = /* @__PURE__ */ new Date(), Cr = Y(
-  ({ renderAfterEnd: r, renderBeforeStart: e, ...t }, o) => {
-    const u = rr(), {
-      size: n = "lg",
-      fullWidth: a = !1,
-      negative: i = !1,
-      showDays: l = !0,
-      variant: h = "primary",
-      className: b,
-      counterLabels: d,
-      useMediaQueries: g = !1
-    } = t, N = new Date(t.starttime).getTime(), f = new Date(t.endtime).getTime(), y = N > I.getTime(), A = f < I.getTime();
-    if (y) return e ? e(t) : null;
-    if (A) return r ? r(t) : null;
-    const H = () => {
-      const w = { size: n, end: f, counterLabels: d };
-      return /* @__PURE__ */ j(L, { children: [
-        l && /* @__PURE__ */ p(C, { tag: "days", ...w }),
-        /* @__PURE__ */ p(C, { tag: "hours", ...w }),
-        /* @__PURE__ */ p(C, { tag: "minutes", ...w }),
-        /* @__PURE__ */ p(C, { tag: "seconds", ...w })
+}, jr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+function xr(n) {
+  const u = (/* @__PURE__ */ new Date()).getTime(), t = Math.max(0, n - u), o = Math.floor(t / f.day), a = Math.floor(t % f.day / f.hour), r = Math.floor(t % f.hour / f.minute), e = Math.floor(t % f.minute / f.second), p = S(o), l = S(a), c = S(r);
+  return {
+    seconds: S(e),
+    minutes: c,
+    hours: l,
+    days: p
+  };
+}
+const f = {
+  second: 1e3,
+  minute: 60 * 1e3,
+  hour: 3600 * 1e3,
+  day: 1440 * 60 * 1e3
+};
+function F(n) {
+  return n instanceof Date ? n : new Date(n);
+}
+function S(n) {
+  return String(n).padStart(2, "0").split("");
+}
+const R = G.bind(zr), _ = "purpur-countdown", Cr = Y(
+  ({ renderAfterEnd: n, renderBeforeStart: u, ...t }, o) => {
+    const a = /* @__PURE__ */ new Date(), r = k(), {
+      size: e = "lg",
+      fullWidth: p = !1,
+      negative: l = !1,
+      showDays: c = !0,
+      variant: v = "primary",
+      className: $,
+      counterLabels: g,
+      useMediaQueries: O = !1
+    } = t, [m, L] = rr(a), C = A(() => F(t.starttime), [t.starttime]), N = A(() => F(t.endtime), [t.endtime]), { days: D, hours: E, minutes: M, seconds: q } = A(() => xr(N.getTime()), [m]);
+    nr(() => {
+      if (m < C || m > N) return;
+      const h = setInterval(() => L(/* @__PURE__ */ new Date()), 1e3);
+      return () => clearInterval(h);
+    }, [C, N, m]);
+    const Q = C > m, Z = N < m;
+    if (Q) return u ? u(t) : null;
+    if (Z) return n ? n(t) : null;
+    const J = () => {
+      const h = { size: e, counterLabels: g };
+      return /* @__PURE__ */ j(T, { children: [
+        c && /* @__PURE__ */ i(z, { numbers: D, tag: "days", ...h }),
+        /* @__PURE__ */ i(z, { numbers: E, tag: "hours", ...h }),
+        /* @__PURE__ */ i(z, { numbers: M, tag: "minutes", ...h }),
+        /* @__PURE__ */ i(z, { numbers: q, tag: "seconds", ...h })
       ] });
-    }, F = () => {
-      const w = () => {
-        const { days: K, hours: Q, minutes: Z, seconds: J } = k(f), v = [];
-        return l && v.push(`${K} ${d.days}`), v.push(`${Q} ${d.hours}`), v.push(`${Z} ${d.minutes}`), v.push(`${J} ${d.seconds}`), v.join(", ");
+    }, K = () => {
+      const h = () => {
+        const w = [];
+        return c && w.push(`${D.join("")} ${g.days}`), w.push(`${E.join("")} ${g.hours}`), w.push(`${M.join("")} ${g.minutes}`), w.push(`${q.join("")} ${g.seconds}`), w.join(", ");
       };
-      return /* @__PURE__ */ p(
-        wr,
+      return /* @__PURE__ */ i(
+        yr,
         {
           "data-testid": "live-region",
           "aria-live": "polite",
           "aria-label": t["aria-label"],
-          children: w()
+          children: h()
         }
       );
-    }, B = H(), G = O(
+    }, U = J(), X = R(
       _,
-      `${_}--size-${n}`,
-      `${_}--variant-${h}`,
+      `${_}--size-${e}`,
+      `${_}--variant-${v}`,
       {
-        [`${_}--full-width`]: a,
-        [`${_}--negative`]: i,
-        [`${_}--show-days`]: l,
-        [`${_}--use-media-queries`]: g,
-        [`${_}--use-container-queries`]: !g
+        [`${_}--full-width`]: p,
+        [`${_}--negative`]: l,
+        [`${_}--show-days`]: c,
+        [`${_}--use-media-queries`]: O,
+        [`${_}--use-container-queries`]: !O
       },
-      b
+      $
     );
     return /* @__PURE__ */ j(
       "section",
       {
-        id: u,
-        className: G,
+        id: r,
+        className: X,
         ref: o,
         role: "timer",
         "data-testid": t["data-testid"],
         children: [
-          F(),
-          t.label && /* @__PURE__ */ p(z, { className: O(`${_}__label`), variant: "paragraph-100-medium", children: t.label }),
-          /* @__PURE__ */ p("div", { className: O(`${_}__counter-container`), children: B })
+          K(),
+          t.label && /* @__PURE__ */ i(x, { className: R(`${_}__label`), variant: "paragraph-100-medium", children: t.label }),
+          /* @__PURE__ */ i("div", { className: R(`${_}__counter-container`), children: U })
         ]
       }
     );