@purpurds/countdown 8.8.0 → 8.9.0

package/dist/countdown.es.js

@@ -1,51 +1,45 @@
-import { jsx as s, jsxs as P, Fragment as Q } from "react/jsx-runtime";
-import * as p from "react";
-import { useRef as U, useState as C, useCallback as X, useEffect as z, forwardRef as Y, useId as rr } from "react";
+import { jsx as p, jsxs as O, Fragment as L } from "react/jsx-runtime";
+import * as s from "react";
+import { useRef as U, useState as S, useCallback as X, useEffect as k, forwardRef as Y, useId as rr } from "react";
 import "react-dom";
 function nr(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var T = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var E;
-function tr() {
-  return E || (E = 1, (function(r) {
+var j = { exports: {} }, T;
+function er() {
+  return T || (T = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
-      function t() {
-        for (var n = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (n = o(n, u.call(this, i)));
+      var t = {}.hasOwnProperty;
+      function e() {
+        for (var n = "", a = 0; a < arguments.length; a++) {
+          var i = arguments[a];
+          i && (n = u(n, o.call(this, i)));
         }
         return n;
       }
-      function u(n) {
+      function o(n) {
         if (typeof n == "string" || typeof n == "number")
           return this && this[n] || n;
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(this, n);
+          return e.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var e = "";
+        var a = "";
         for (var i in n)
-          a.call(n, i) && n[i] && (e = o(e, this && this[i] || i));
-        return e;
+          t.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
+        return a;
       }
-      function o(n, e) {
-        return e ? n ? n + " " + e : n + e : n;
+      function u(n, a) {
+        return a ? n ? n + " " + a : n + a : n;
       }
-      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+      r.exports ? (e.default = e, r.exports = e) : window.classNames = e;
     })();
-  })(T)), T.exports;
+  })(j)), j.exports;
 }
-var er = tr();
-const ar = /* @__PURE__ */ nr(er), or = {
+var tr = er();
+const ar = /* @__PURE__ */ nr(tr), ur = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -60,90 +54,89 @@ const ar = /* @__PURE__ */ nr(er), or = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, ur = ar.bind(or), ir = {
+}, or = ar.bind(ur), ir = {
   PARAGRAPH100: "paragraph-100"
-}, v = "purpur-paragraph", N = ({
+}, $ = "purpur-paragraph", N = ({
   children: r,
-  className: a,
-  disabled: t,
-  enableHyphenation: u = !1,
-  negative: o = !1,
+  className: t,
+  disabled: e,
+  enableHyphenation: o = !1,
+  negative: u = !1,
   variant: n = ir.PARAGRAPH100,
-  ...e
+  ...a
 }) => {
-  const i = ur(a, v, `${v}--${n}`, {
-    [`${v}--hyphens`]: u,
-    [`${v}--disabled`]: t,
-    [`${v}--negative`]: o
+  const i = or(t, $, `${$}--${n}`, {
+    [`${$}--hyphens`]: o,
+    [`${$}--disabled`]: e,
+    [`${$}--negative`]: u
   });
-  return /* @__PURE__ */ s("p", { ...e, className: i, children: r });
+  return /* @__PURE__ */ p("p", { ...a, className: i, children: r });
 };
 N.displayName = "Paragraph";
-function M(r, a) {
+function z(r, t) {
   if (typeof r == "function")
-    return r(a);
-  r != null && (r.current = a);
+    return r(t);
+  r != null && (r.current = t);
 }
 function pr(...r) {
-  return (a) => {
-    let t = !1;
-    const u = r.map((o) => {
-      const n = M(o, a);
-      return !t && typeof n == "function" && (t = !0), n;
+  return (t) => {
+    let e = !1;
+    const o = r.map((u) => {
+      const n = z(u, t);
+      return !e && typeof n == "function" && (e = !0), n;
     });
-    if (t)
+    if (e)
       return () => {
-        for (let o = 0; o < u.length; o++) {
-          const n = u[o];
-          typeof n == "function" ? n() : M(r[o], null);
+        for (let u = 0; u < o.length; u++) {
+          const n = o[u];
+          typeof n == "function" ? n() : z(r[u], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
 function sr(r) {
-  const a = /* @__PURE__ */ cr(r), t = p.forwardRef((u, o) => {
-    const { children: n, ...e } = u, i = p.Children.toArray(n), l = i.find(dr);
+  const t = /* @__PURE__ */ cr(r), e = s.forwardRef((o, u) => {
+    const { children: n, ...a } = o, i = s.Children.toArray(n), l = i.find(dr);
     if (l) {
-      const h = l.props.children, g = i.map((d) => d === l ? p.Children.count(h) > 1 ? p.Children.only(null) : p.isValidElement(h) ? h.props.children : null : d);
-      return /* @__PURE__ */ s(a, { ...e, ref: o, children: p.isValidElement(h) ? p.cloneElement(h, void 0, g) : null });
+      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(t, { ...a, ref: u, children: s.isValidElement(h) ? s.cloneElement(h, void 0, b) : null });
     }
-    return /* @__PURE__ */ s(a, { ...e, ref: o, children: n });
+    return /* @__PURE__ */ p(t, { ...a, ref: u, children: n });
   });
-  return t.displayName = `${r}.Slot`, t;
+  return e.displayName = `${r}.Slot`, e;
 }
 // @__NO_SIDE_EFFECTS__
 function cr(r) {
-  const a = p.forwardRef((t, u) => {
-    const { children: o, ...n } = t;
-    if (p.isValidElement(o)) {
-      const e = fr(o), i = hr(n, o.props);
-      return o.type !== p.Fragment && (i.ref = u ? pr(u, e) : e), p.cloneElement(o, i);
+  const t = s.forwardRef((e, o) => {
+    const { children: u, ...n } = e;
+    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);
     }
-    return p.Children.count(o) > 1 ? p.Children.only(null) : null;
+    return s.Children.count(u) > 1 ? s.Children.only(null) : null;
   });
-  return a.displayName = `${r}.SlotClone`, a;
+  return t.displayName = `${r}.SlotClone`, t;
 }
 var lr = Symbol("radix.slottable");
 function dr(r) {
-  return p.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === lr;
+  return s.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === lr;
 }
-function hr(r, a) {
-  const t = { ...a };
-  for (const u in a) {
-    const o = r[u], n = a[u];
-    /^on[A-Z]/.test(u) ? o && n ? t[u] = (...e) => {
-      n(...e), o(...e);
-    } : o && (t[u] = o) : u === "style" ? t[u] = { ...o, ...n } : u === "className" && (t[u] = [o, n].filter(Boolean).join(" "));
+function _r(r, t) {
+  const e = { ...t };
+  for (const o in t) {
+    const u = r[o], n = t[o];
+    /^on[A-Z]/.test(o) ? u && n ? e[o] = (...a) => {
+      n(...a), u(...a);
+    } : u && (e[o] = u) : o === "style" ? e[o] = { ...u, ...n } : o === "className" && (e[o] = [u, n].filter(Boolean).join(" "));
   }
-  return { ...r, ...t };
+  return { ...r, ...e };
 }
-function fr(r) {
-  var a, t;
-  let u = (a = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : a.get, o = u && "isReactWarning" in u && u.isReactWarning;
-  return o ? r.ref : (u = (t = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : t.get, o = u && "isReactWarning" in u && u.isReactWarning, o ? r.props.ref : r.props.ref || r.ref);
+function hr(r) {
+  let t = Object.getOwnPropertyDescriptor(r.props, "ref")?.get, e = t && "isReactWarning" in t && t.isReactWarning;
+  return e ? r.ref : (t = Object.getOwnPropertyDescriptor(r, "ref")?.get, e = t && "isReactWarning" in t && t.isReactWarning, e ? r.props.ref : r.props.ref || r.ref);
 }
-var _r = [
+var fr = [
   "a",
   "button",
   "div",
@@ -160,18 +153,18 @@ var _r = [
   "span",
   "svg",
   "ul"
-], mr = _r.reduce((r, a) => {
-  const t = /* @__PURE__ */ sr(`Primitive.${a}`), u = p.forwardRef((o, n) => {
-    const { asChild: e, ...i } = o, l = e ? t : a;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(l, { ...i, ref: n });
+], mr = fr.reduce((r, t) => {
+  const e = /* @__PURE__ */ sr(`Primitive.${t}`), o = s.forwardRef((u, n) => {
+    const { asChild: a, ...i } = u, l = a ? e : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(l, { ...i, ref: n });
   });
-  return u.displayName = `Primitive.${a}`, { ...r, [a]: u };
-}, {}), gr = "VisuallyHidden", k = p.forwardRef(
-  (r, a) => /* @__PURE__ */ s(
+  return o.displayName = `Primitive.${t}`, { ...r, [t]: o };
+}, {}), gr = "VisuallyHidden", I = s.forwardRef(
+  (r, t) => /* @__PURE__ */ p(
     mr.span,
     {
       ...r,
-      ref: a,
+      ref: t,
       style: {
         // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
         position: "absolute",
@@ -189,187 +182,200 @@ var _r = [
     }
   )
 );
-k.displayName = gr;
-var wr = k;
-const yr = ({ asChild: r, children: a, ...t }) => /* @__PURE__ */ s(wr, { asChild: r, ...t, children: a });
-function vr(r) {
+I.displayName = gr;
+var wr = I;
+const yr = ({ asChild: r, children: t, ...e }) => /* @__PURE__ */ p(wr, { asChild: r, ...e, children: t });
+function br(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var S = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var D;
-function br() {
-  return D || (D = 1, (function(r) {
+var R = { exports: {} };
+var M;
+function vr() {
+  return M || (M = 1, (function(r) {
     (function() {
-      var a = {}.hasOwnProperty;
-      function t() {
-        for (var n = "", e = 0; e < arguments.length; e++) {
-          var i = arguments[e];
-          i && (n = o(n, u.call(this, i)));
+      var t = {}.hasOwnProperty;
+      function e() {
+        for (var n = "", a = 0; a < arguments.length; a++) {
+          var i = arguments[a];
+          i && (n = u(n, o.call(this, i)));
         }
         return n;
       }
-      function u(n) {
+      function o(n) {
         if (typeof n == "string" || typeof n == "number")
           return this && this[n] || n;
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(this, n);
+          return e.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var e = "";
+        var a = "";
         for (var i in n)
-          a.call(n, i) && n[i] && (e = o(e, this && this[i] || i));
-        return e;
+          t.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
+        return a;
       }
-      function o(n, e) {
-        return e ? n ? n + " " + e : n + e : n;
+      function u(n, a) {
+        return a ? n ? n + " " + a : n + a : n;
       }
-      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+      r.exports ? (e.default = e, r.exports = e) : window.classNames = e;
     })();
-  })(S)), S.exports;
+  })(R)), R.exports;
 }
-var $r = br();
-const H = /* @__PURE__ */ vr($r), xr = {
-  "purpur-countdown--size-md": "_purpur-countdown--size-md_1ljp4_1",
-  "purpur-countdown--size-lg": "_purpur-countdown--size-lg_1ljp4_5",
-  "purpur-countdown": "_purpur-countdown_1ljp4_1",
-  "purpur-countdown--variant-primary": "_purpur-countdown--variant-primary_1ljp4_12",
-  "purpur-countdown--variant-secondary": "_purpur-countdown--variant-secondary_1ljp4_15",
-  "purpur-countdown--negative": "_purpur-countdown--negative_1ljp4_18",
-  "purpur-countdown--fullwidth": "_purpur-countdown--fullwidth_1ljp4_22",
-  "purpur-countdown--showdays": "_purpur-countdown--showdays_1ljp4_28",
-  "purpur-countdown__counter-container": "_purpur-countdown__counter-container_1ljp4_36",
-  "purpur-countdown__label": "_purpur-countdown__label_1ljp4_41"
-}, Nr = {
-  "purpur-countdown-counter--size-lg": "_purpur-countdown-counter--size-lg_vx98f_1",
-  "purpur-countdown-counter--size-md": "_purpur-countdown-counter--size-md_vx98f_7",
-  "purpur-countdown-counter": "_purpur-countdown-counter_vx98f_1",
-  "purpur-countdown-counter__number": "_purpur-countdown-counter__number_vx98f_23",
-  "tick-animation": "_tick-animation_vx98f_1",
-  "tick-animation-pseudo": "_tick-animation-pseudo_vx98f_1",
-  "purpur-countdown-counter__label": "_purpur-countdown-counter__label_vx98f_44"
+var $r = vr();
+const V = /* @__PURE__ */ br($r), Nr = {
+  "purpur-countdown--size-md": "_purpur-countdown--size-md_1kmr5_1",
+  "purpur-countdown--size-lg": "_purpur-countdown--size-lg_1kmr5_5",
+  "purpur-countdown--use-container-queries": "_purpur-countdown--use-container-queries_1kmr5_10",
+  "purpur-countdown__counter-container": "_purpur-countdown__counter-container_1kmr5_10",
+  "purpur-countdown--full-width": "_purpur-countdown--full-width_1kmr5_15",
+  "purpur-countdown--use-media-queries": "_purpur-countdown--use-media-queries_1kmr5_20",
+  "purpur-countdown": "_purpur-countdown_1kmr5_1",
+  "purpur-countdown--variant-primary": "_purpur-countdown--variant-primary_1kmr5_30",
+  "purpur-countdown--variant-secondary": "_purpur-countdown--variant-secondary_1kmr5_33",
+  "purpur-countdown--negative": "_purpur-countdown--negative_1kmr5_36",
+  "purpur-countdown--show-days": "_purpur-countdown--show-days_1kmr5_46",
+  "purpur-countdown__label": "_purpur-countdown__label_1kmr5_62"
+}, xr = {
+  "purpur-countdown-counter": "_purpur-countdown-counter_1h7qy_1",
+  "purpur-countdown-counter__number--size-lg": "_purpur-countdown-counter__number--size-lg_1h7qy_11",
+  "purpur-countdown-counter__number--size-md": "_purpur-countdown-counter__number--size-md_1h7qy_17",
+  "purpur-countdown-counter__number": "_purpur-countdown-counter__number_1h7qy_11",
+  "tick-animation": "_tick-animation_1h7qy_1",
+  "tick-animation-pseudo": "_tick-animation-pseudo_1h7qy_1",
+  "purpur-countdown-counter__label": "_purpur-countdown-counter__label_1h7qy_44",
+  "purpur-countdown-counter__label--abbr": "_purpur-countdown-counter__label--abbr_1h7qy_51",
+  "purpur-countdown-counter__label--full": "_purpur-countdown-counter__label--full_1h7qy_54"
 };
-function O(r) {
-  const a = (/* @__PURE__ */ new Date()).getTime(), t = Math.abs(r - a);
-  let u = 0, o = 0, n = 0, e = 0;
-  return t >= c.day && (e = Math.floor(t / c.day)), t >= c.hour && (n = Math.floor(t % c.day / c.hour)), t >= c.minute && (o = Math.floor(t % c.hour / c.minute)), t >= c.second && (u = Math.floor(t % c.minute / c.second)), {
-    seconds: u,
-    minutes: o,
+function W(r) {
+  const t = (/* @__PURE__ */ new Date()).getTime(), e = Math.abs(r - t);
+  let o = 0, u = 0, n = 0, a = 0;
+  return e >= c.day && (a = Math.floor(e / c.day)), e >= c.hour && (n = Math.floor(e % c.day / c.hour)), e >= c.minute && (u = Math.floor(e % c.hour / c.minute)), e >= c.second && (o = Math.floor(e % c.minute / c.second)), {
+    seconds: o,
+    minutes: u,
     hours: n,
-    days: e
+    days: a
   };
 }
-function I(r, a) {
-  let t = 0;
-  return a === "seconds" && (t = r - 1 >= 0 ? r - 1 : 59), a === "minutes" && (t = r - 1 >= 0 ? r - 1 : 59), a === "hours" && (t = r - 1 >= 0 ? r - 1 : 23), a === "days" && (t = r - 1 >= 0 ? r - 1 : 0), t;
+function Cr(r, t) {
+  let e = 0;
+  return t === "seconds" && (e = r - 1 >= 0 ? r - 1 : 59), t === "minutes" && (e = r - 1 >= 0 ? r - 1 : 59), t === "hours" && (e = r - 1 >= 0 ? r - 1 : 23), t === "days" && (e = r - 1 >= 0 ? r - 1 : 0), e;
 }
 const c = {
   day: 1440 * 60 * 1e3,
   hour: 3600 * 1e3,
   minute: 60 * 1e3,
   second: 1e3
-}, R = H.bind(Nr), $ = "purpur-countdown-counter", V = /* @__PURE__ */ new Map(), x = ({ tag: r, size: a, end: t, counterLabels: u }) => {
-  const o = U(null), n = `${r}-interval`, [e, i] = C(O(t)[r]), [l, h] = C(I(e, r)), [g, d] = C(0), b = X(() => {
-    const _ = O(t), j = I(_[r], r);
-    h(j), i(_[r]);
-  }, [t, r]);
-  z(() => (V.set(n, setInterval(b, c.second)), () => clearInterval(V.get(n))), [b, n]), z(() => {
-    d((_) => _ + 1);
-  }, [e]);
-  const w = u[r];
-  return /* @__PURE__ */ P(
+}, C = V.bind(xr), m = "purpur-countdown-counter", E = /* @__PURE__ */ new Map(), q = ({ tag: r, size: t, end: e, counterLabels: o }) => {
+  const u = U(null), n = `${r}-interval`, [a, i] = S(0), [l, h] = S(0), [b, d] = S(0), g = X(() => {
+    const w = W(e), A = Cr(w[r], r);
+    h(A), i(w[r]);
+  }, [e, r]);
+  k(() => {
+    g();
+  }, []), k(() => (E.set(n, setInterval(g, c.second)), () => clearInterval(E.get(n))), [g, n]), k(() => {
+    d((w) => w + 1);
+  }, [a]);
+  const x = o[r], f = o[`${r}Abbr`];
+  return /* @__PURE__ */ O(
     "div",
     {
-      className: R($),
+      className: C(m),
       role: "group",
       "aria-hidden": "true",
       "data-testid": `counter-${r}`,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ p(
           N,
           {
-            className: R(`${$}__number`, `${$}--size-${a}`),
-            ref: o,
+            className: C(`${m}__number`, `${m}__number--size-${t}`),
+            ref: u,
             "data-tick": l,
-            children: e
+            children: a
           },
-          g
+          b
         ),
-        /* @__PURE__ */ s(N, { className: R(`${$}__label`), children: w })
+        f && /* @__PURE__ */ p(N, { className: C(`${m}__label`, `${m}__label--abbr`), children: /* @__PURE__ */ p("abbr", { title: x, children: f }) }),
+        /* @__PURE__ */ p(
+          N,
+          {
+            className: C(`${m}__label`, {
+              [`${m}__label--full`]: !!f
+            }),
+            children: x
+          }
+        )
       ]
     }
   );
-}, A = H.bind(xr), f = "purpur-countdown", W = /* @__PURE__ */ new Date(), jr = Y(
-  ({ renderAfterEnd: r, renderBeforeStart: a, ...t }, u) => {
-    const o = rr(), {
+}, P = V.bind(Nr), _ = "purpur-countdown", D = /* @__PURE__ */ new Date(), qr = Y(
+  ({ renderAfterEnd: r, renderBeforeStart: t, ...e }, o) => {
+    const u = rr(), {
       size: n = "lg",
-      fullWidth: e = !1,
+      fullWidth: a = !1,
       negative: i = !1,
       showDays: l = !0,
       variant: h = "primary",
-      className: g,
-      counterLabels: d
-    } = t, b = new Date(t.starttime).getTime(), w = new Date(t.endtime).getTime(), _ = b > W.getTime(), j = w < W.getTime();
-    if (_) return a ? a(t) : null;
-    if (j) return r ? r(t) : null;
-    const F = () => {
-      const m = { size: n, end: w, counterLabels: d };
-      return /* @__PURE__ */ P(Q, { children: [
-        l && /* @__PURE__ */ s(x, { tag: "days", ...m }),
-        /* @__PURE__ */ s(x, { tag: "hours", ...m }),
-        /* @__PURE__ */ s(x, { tag: "minutes", ...m }),
-        /* @__PURE__ */ s(x, { tag: "seconds", ...m })
+      className: b,
+      counterLabels: d,
+      useMediaQueries: g = !1
+    } = e, x = new Date(e.starttime).getTime(), f = new Date(e.endtime).getTime(), w = x > D.getTime(), A = f < D.getTime();
+    if (w) return t ? t(e) : null;
+    if (A) return r ? r(e) : null;
+    const H = () => {
+      const y = { size: n, end: f, counterLabels: d };
+      return /* @__PURE__ */ O(L, { children: [
+        l && /* @__PURE__ */ p(q, { tag: "days", ...y }),
+        /* @__PURE__ */ p(q, { tag: "hours", ...y }),
+        /* @__PURE__ */ p(q, { tag: "minutes", ...y }),
+        /* @__PURE__ */ p(q, { tag: "seconds", ...y })
       ] });
-    }, q = () => {
-      const m = () => {
-        const { days: K, hours: L, minutes: Z, seconds: J } = O(w), y = [];
-        return l && y.push(`${K} ${d.days}`), y.push(`${L} ${d.hours}`), y.push(`${Z} ${d.minutes}`), y.push(`${J} ${d.seconds}`), y.join(", ");
+    }, F = () => {
+      const y = () => {
+        const { days: K, hours: Q, minutes: Z, seconds: J } = W(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(", ");
       };
-      return /* @__PURE__ */ s(
+      return /* @__PURE__ */ p(
         yr,
         {
           "data-testid": "live-region",
           "aria-live": "polite",
-          "aria-label": t["aria-label"],
-          children: m()
+          "aria-label": e["aria-label"],
+          children: y()
         }
       );
-    }, B = F(), G = A([
-      f,
-      `${f}--size-${n}`,
-      `${f}--variant-${h}`,
+    }, B = H(), G = P(
+      _,
+      `${_}--size-${n}`,
+      `${_}--variant-${h}`,
       {
-        [`${f}--fullwidth`]: e,
-        [`${f}--negative`]: i,
-        [`${f}--showdays`]: l
+        [`${_}--full-width`]: a,
+        [`${_}--negative`]: i,
+        [`${_}--show-days`]: l,
+        [`${_}--use-media-queries`]: g,
+        [`${_}--use-container-queries`]: !g
       },
-      g
-    ]);
-    return /* @__PURE__ */ P(
+      b
+    );
+    return /* @__PURE__ */ O(
       "section",
       {
-        id: o,
+        id: u,
         className: G,
-        ref: u,
+        ref: o,
         role: "timer",
-        "data-testid": t["data-testid"],
+        "data-testid": e["data-testid"],
         children: [
-          q(),
-          t.label && /* @__PURE__ */ s(N, { className: A(`${f}__label`), variant: "paragraph-100-medium", children: t.label }),
-          /* @__PURE__ */ s("div", { className: A(`${f}__counter-container`), children: B })
+          F(),
+          e.label && /* @__PURE__ */ p(N, { className: P(`${_}__label`), variant: "paragraph-100-medium", children: e.label }),
+          /* @__PURE__ */ p("div", { className: P(`${_}__counter-container`), children: B })
         ]
       }
     );
   }
 );
-jr.displayName = "Countdown";
+qr.displayName = "Countdown";
 export {
-  jr as Countdown
+  qr as Countdown
 };
 //# sourceMappingURL=countdown.es.js.map