@purpurds/countdown 8.9.0 → 8.10.1

package/dist/LICENSE.txt

@@ -1,12 +1,12 @@
 Name: @purpurds/paragraph
-Version: 8.9.0
+Version: 8.10.0
 License: AGPL-3.0-only
 Private: false
 
 ---
 
 Name: @purpurds/visually-hidden
-Version: 8.9.0
+Version: 8.10.0
 License: AGPL-3.0-only
 Private: false
 

package/dist/countdown.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react");require("react-dom");function J(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const p=J(d);function L(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var k={exports:{}},A;function U(){return A||(A=1,(function(r){(function(){var t={}.hasOwnProperty;function e(){for(var n="",u=0;u<arguments.length;u++){var i=arguments[u];i&&(n=a(n,o.call(this,i)))}return 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 e.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var u="";for(var i in n)t.call(n,i)&&n[i]&&(u=a(u,this&&this[i]||i));return u}function a(n,u){return u?n?n+" "+u:n+u:n}r.exports?(e.default=e,r.exports=e):window.classNames=e})()})(k)),k.exports}var X=U();const Y=L(X),rr={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","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"},nr=Y.bind(rr),er={PARAGRAPH100:"paragraph-100"},x="purpur-paragraph",j=({children:r,className:t,disabled:e,enableHyphenation:o=!1,negative:a=!1,variant:n=er.PARAGRAPH100,...u})=>{const i=nr(t,x,`${x}--${n}`,{[`${x}--hyphens`]:o,[`${x}--disabled`]:e,[`${x}--negative`]:a});return s.jsx("p",{...u,className:i,children:r})};j.displayName="Paragraph";function R(r,t){if(typeof r=="function")return r(t);r!=null&&(r.current=t)}function tr(...r){return t=>{let e=!1;const o=r.map(a=>{const n=R(a,t);return!e&&typeof n=="function"&&(e=!0),n});if(e)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():R(r[a],null)}}}}function ur(r){const t=ar(r),e=p.forwardRef((o,a)=>{const{children:n,...u}=o,i=p.Children.toArray(n),l=i.find(ir);if(l){const f=l.props.children,v=i.map(_=>_===l?p.Children.count(f)>1?p.Children.only(null):p.isValidElement(f)?f.props.children:null:_);return s.jsx(t,{...u,ref:a,children:p.isValidElement(f)?p.cloneElement(f,void 0,v):null})}return s.jsx(t,{...u,ref:a,children:n})});return e.displayName=`${r}.Slot`,e}function ar(r){const t=p.forwardRef((e,o)=>{const{children:a,...n}=e;if(p.isValidElement(a)){const u=pr(a),i=sr(n,a.props);return a.type!==p.Fragment&&(i.ref=o?tr(o,u):u),p.cloneElement(a,i)}return p.Children.count(a)>1?p.Children.only(null):null});return t.displayName=`${r}.SlotClone`,t}var or=Symbol("radix.slottable");function ir(r){return p.isValidElement(r)&&typeof r.type=="function"&&"__radixId"in r.type&&r.type.__radixId===or}function sr(r,t){const e={...t};for(const o in t){const a=r[o],n=t[o];/^on[A-Z]/.test(o)?a&&n?e[o]=(...u)=>{n(...u),a(...u)}:a&&(e[o]=a):o==="style"?e[o]={...a,...n}:o==="className"&&(e[o]=[a,n].filter(Boolean).join(" "))}return{...r,...e}}function pr(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 cr=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],lr=cr.reduce((r,t)=>{const e=ur(`Primitive.${t}`),o=p.forwardRef((a,n)=>{const{asChild:u,...i}=a,l=u?e:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),s.jsx(l,{...i,ref:n})});return o.displayName=`Primitive.${t}`,{...r,[t]:o}},{}),dr="VisuallyHidden",E=p.forwardRef((r,t)=>s.jsx(lr.span,{...r,ref:t,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...r.style}}));E.displayName=dr;var _r=E;const hr=({asChild:r,children:t,...e})=>s.jsx(_r,{asChild:r,...e,children:t});function fr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var C={exports:{}};var T;function mr(){return T||(T=1,(function(r){(function(){var t={}.hasOwnProperty;function e(){for(var n="",u=0;u<arguments.length;u++){var i=arguments[u];i&&(n=a(n,o.call(this,i)))}return 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 e.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var u="";for(var i in n)t.call(n,i)&&n[i]&&(u=a(u,this&&this[i]||i));return u}function a(n,u){return u?n?n+" "+u:n+u:n}r.exports?(e.default=e,r.exports=e):window.classNames=e})()})(C)),C.exports}var gr=mr();const D=fr(gr),yr={"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"},br={"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 I(r){const t=new Date().getTime(),e=Math.abs(r-t);let o=0,a=0,n=0,u=0;return e>=c.day&&(u=Math.floor(e/c.day)),e>=c.hour&&(n=Math.floor(e%c.day/c.hour)),e>=c.minute&&(a=Math.floor(e%c.hour/c.minute)),e>=c.second&&(o=Math.floor(e%c.minute/c.second)),{seconds:o,minutes:a,hours:n,days:u}}function wr(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},S=D.bind(br),g="purpur-countdown-counter",M=new Map,q=({tag:r,size:t,end:e,counterLabels:o})=>{const a=d.useRef(null),n=`${r}-interval`,[u,i]=d.useState(0),[l,f]=d.useState(0),[v,_]=d.useState(0),y=d.useCallback(()=>{const b=I(e),O=wr(b[r],r);f(O),i(b[r])},[e,r]);d.useEffect(()=>{y()},[]),d.useEffect(()=>(M.set(n,setInterval(y,c.second)),()=>clearInterval(M.get(n))),[y,n]),d.useEffect(()=>{_(b=>b+1)},[u]);const N=o[r],m=o[`${r}Abbr`];return s.jsxs("div",{className:S(g),role:"group","aria-hidden":"true","data-testid":`counter-${r}`,children:[s.jsx(j,{className:S(`${g}__number`,`${g}__number--size-${t}`),ref:a,"data-tick":l,children:u},v),m&&s.jsx(j,{className:S(`${g}__label`,`${g}__label--abbr`),children:s.jsx("abbr",{title:N,children:m})}),s.jsx(j,{className:S(`${g}__label`,{[`${g}__label--full`]:!!m}),children:N})]})},P=D.bind(yr),h="purpur-countdown",z=new Date,V=d.forwardRef(({renderAfterEnd:r,renderBeforeStart:t,...e},o)=>{const a=d.useId(),{size:n="lg",fullWidth:u=!1,negative:i=!1,showDays:l=!0,variant:f="primary",className:v,counterLabels:_,useMediaQueries:y=!1}=e,N=new Date(e.starttime).getTime(),m=new Date(e.endtime).getTime(),b=N>z.getTime(),O=m<z.getTime();if(b)return t?t(e):null;if(O)return r?r(e):null;const W=()=>{const w={size:n,end:m,counterLabels:_};return s.jsxs(s.Fragment,{children:[l&&s.jsx(q,{tag:"days",...w}),s.jsx(q,{tag:"hours",...w}),s.jsx(q,{tag:"minutes",...w}),s.jsx(q,{tag:"seconds",...w})]})},H=()=>{const w=()=>{const{days:G,hours:K,minutes:Q,seconds:Z}=I(m),$=[];return l&&$.push(`${G} ${_.days}`),$.push(`${K} ${_.hours}`),$.push(`${Q} ${_.minutes}`),$.push(`${Z} ${_.seconds}`),$.join(", ")};return s.jsx(hr,{"data-testid":"live-region","aria-live":"polite","aria-label":e["aria-label"],children:w()})},F=W(),B=P(h,`${h}--size-${n}`,`${h}--variant-${f}`,{[`${h}--full-width`]:u,[`${h}--negative`]:i,[`${h}--show-days`]:l,[`${h}--use-media-queries`]:y,[`${h}--use-container-queries`]:!y},v);return s.jsxs("section",{id:a,className:B,ref:o,role:"timer","data-testid":e["data-testid"],children:[H(),e.label&&s.jsx(j,{className:P(`${h}__label`),variant:"paragraph-100-medium",children:e.label}),s.jsx("div",{className:P(`${h}__counter-container`),children:F})]})});V.displayName="Countdown";exports.Countdown=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react");require("react-dom");function J(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const p=J(d);function L(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var A={exports:{}},R;function U(){return R||(R=1,(function(r){(function(){var t={}.hasOwnProperty;function e(){for(var n="",u=0;u<arguments.length;u++){var i=arguments[u];i&&(n=a(n,o.call(this,i)))}return 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 e.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var u="";for(var i in n)t.call(n,i)&&n[i]&&(u=a(u,this&&this[i]||i));return u}function a(n,u){return u?n?n+" "+u:n+u:n}r.exports?(e.default=e,r.exports=e):window.classNames=e})()})(A)),A.exports}var X=U();const Y=L(X),rr={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","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"},nr=Y.bind(rr),er={PARAGRAPH100:"paragraph-100"},x="purpur-paragraph",j=({children:r,className:t,disabled:e,enableHyphenation:o=!1,negative:a=!1,variant:n=er.PARAGRAPH100,...u})=>{const i=nr(t,x,`${x}--${n}`,{[`${x}--hyphens`]:o,[`${x}--disabled`]:e,[`${x}--negative`]:a});return s.jsx("p",{...u,className:i,children:r})};j.displayName="Paragraph";function T(r,t){if(typeof r=="function")return r(t);r!=null&&(r.current=t)}function tr(...r){return t=>{let e=!1;const o=r.map(a=>{const n=T(a,t);return!e&&typeof n=="function"&&(e=!0),n});if(e)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():T(r[a],null)}}}}function ur(r){const t=ar(r),e=p.forwardRef((o,a)=>{const{children:n,...u}=o,i=p.Children.toArray(n),l=i.find(ir);if(l){const f=l.props.children,v=i.map(_=>_===l?p.Children.count(f)>1?p.Children.only(null):p.isValidElement(f)?f.props.children:null:_);return s.jsx(t,{...u,ref:a,children:p.isValidElement(f)?p.cloneElement(f,void 0,v):null})}return s.jsx(t,{...u,ref:a,children:n})});return e.displayName=`${r}.Slot`,e}function ar(r){const t=p.forwardRef((e,o)=>{const{children:a,...n}=e;if(p.isValidElement(a)){const u=pr(a),i=sr(n,a.props);return a.type!==p.Fragment&&(i.ref=o?tr(o,u):u),p.cloneElement(a,i)}return p.Children.count(a)>1?p.Children.only(null):null});return t.displayName=`${r}.SlotClone`,t}var or=Symbol("radix.slottable");function ir(r){return p.isValidElement(r)&&typeof r.type=="function"&&"__radixId"in r.type&&r.type.__radixId===or}function sr(r,t){const e={...t};for(const o in t){const a=r[o],n=t[o];/^on[A-Z]/.test(o)?a&&n?e[o]=(...u)=>{n(...u),a(...u)}:a&&(e[o]=a):o==="style"?e[o]={...a,...n}:o==="className"&&(e[o]=[a,n].filter(Boolean).join(" "))}return{...r,...e}}function pr(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 cr=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],lr=cr.reduce((r,t)=>{const e=ur(`Primitive.${t}`),o=p.forwardRef((a,n)=>{const{asChild:u,...i}=a,l=u?e:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),s.jsx(l,{...i,ref:n})});return o.displayName=`Primitive.${t}`,{...r,[t]:o}},{}),dr="VisuallyHidden",D=p.forwardRef((r,t)=>s.jsx(lr.span,{...r,ref:t,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...r.style}}));D.displayName=dr;var _r=D;const hr=({asChild:r,children:t,...e})=>s.jsx(_r,{asChild:r,...e,children:t});function fr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var C={exports:{}};var M;function mr(){return M||(M=1,(function(r){(function(){var t={}.hasOwnProperty;function e(){for(var n="",u=0;u<arguments.length;u++){var i=arguments[u];i&&(n=a(n,o.call(this,i)))}return 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 e.apply(this,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var u="";for(var i in n)t.call(n,i)&&n[i]&&(u=a(u,this&&this[i]||i));return u}function a(n,u){return u?n?n+" "+u:n+u:n}r.exports?(e.default=e,r.exports=e):window.classNames=e})()})(C)),C.exports}var gr=mr();const I=fr(gr),yr={"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","purpur-countdown__counter-container":"_purpur-countdown__counter-container_ytnsp_10","purpur-countdown--full-width":"_purpur-countdown--full-width_ytnsp_15","purpur-countdown--use-media-queries":"_purpur-countdown--use-media-queries_ytnsp_25","purpur-countdown":"_purpur-countdown_ytnsp_1","purpur-countdown--variant-primary":"_purpur-countdown--variant-primary_ytnsp_40","purpur-countdown--variant-secondary":"_purpur-countdown--variant-secondary_ytnsp_43","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"},br={"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 V(r){const t=new Date().getTime(),e=Math.abs(r-t);let o=0,a=0,n=0,u=0;return e>=c.day&&(u=Math.floor(e/c.day)),e>=c.hour&&(n=Math.floor(e%c.day/c.hour)),e>=c.minute&&(a=Math.floor(e%c.hour/c.minute)),e>=c.second&&(o=Math.floor(e%c.minute/c.second)),{seconds:o,minutes:a,hours:n,days:u}}function wr(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},S=I.bind(br),g="purpur-countdown-counter",E=new Map,z=({tag:r,size:t,end:e,counterLabels:o})=>{const a=d.useRef(null),n=`${r}-interval`,[u,i]=d.useState(0),[l,f]=d.useState(0),[v,_]=d.useState(0),y=d.useCallback(()=>{const b=V(e),O=wr(b[r],r);f(O),i(b[r])},[e,r]);d.useEffect(()=>{y()},[]),d.useEffect(()=>(E.set(n,setInterval(y,c.second)),()=>clearInterval(E.get(n))),[y,n]),d.useEffect(()=>{_(b=>b+1)},[u]);const N=o[r],m=o[`${r}Abbr`];return s.jsxs("div",{className:S(g),role:"group","aria-hidden":"true","data-testid":`counter-${r}`,children:[s.jsx(j,{className:S(`${g}__number`,`${g}__number--size-${t}`),ref:a,"data-tick":l,children:u},v),m&&s.jsx(j,{className:S(`${g}__label`,`${g}__label--abbr`),children:s.jsx("abbr",{title:N,children:m})}),s.jsx(j,{className:S(`${g}__label`,{[`${g}__label--full`]:!!m}),children:N})]})},P=I.bind(yr),h="purpur-countdown",q=new Date,W=d.forwardRef(({renderAfterEnd:r,renderBeforeStart:t,...e},o)=>{const a=d.useId(),{size:n="lg",fullWidth:u=!1,negative:i=!1,showDays:l=!0,variant:f="primary",className:v,counterLabels:_,useMediaQueries:y=!1}=e,N=new Date(e.starttime).getTime(),m=new Date(e.endtime).getTime(),b=N>q.getTime(),O=m<q.getTime();if(b)return t?t(e):null;if(O)return r?r(e):null;const k=()=>{const w={size:n,end:m,counterLabels:_};return s.jsxs(s.Fragment,{children:[l&&s.jsx(z,{tag:"days",...w}),s.jsx(z,{tag:"hours",...w}),s.jsx(z,{tag:"minutes",...w}),s.jsx(z,{tag:"seconds",...w})]})},H=()=>{const w=()=>{const{days:G,hours:K,minutes:Q,seconds:Z}=V(m),$=[];return l&&$.push(`${G} ${_.days}`),$.push(`${K} ${_.hours}`),$.push(`${Q} ${_.minutes}`),$.push(`${Z} ${_.seconds}`),$.join(", ")};return s.jsx(hr,{"data-testid":"live-region","aria-live":"polite","aria-label":e["aria-label"],children:w()})},F=k(),B=P(h,`${h}--size-${n}`,`${h}--variant-${f}`,{[`${h}--full-width`]:u,[`${h}--negative`]:i,[`${h}--show-days`]:l,[`${h}--use-media-queries`]:y,[`${h}--use-container-queries`]:!y},v);return s.jsxs("section",{id:a,className:B,ref:o,role:"timer","data-testid":e["data-testid"],children:[H(),e.label&&s.jsx(j,{className:P(`${h}__label`),variant:"paragraph-100-medium",children:e.label}),s.jsx("div",{className:P(`${h}__counter-container`),children:F})]})});W.displayName="Countdown";exports.Countdown=W;
 //# sourceMappingURL=countdown.cjs.js.map

package/dist/countdown.es.js

@@ -1,16 +1,16 @@
-import { jsx as p, jsxs as O, Fragment as L } from "react/jsx-runtime";
+import { jsx as p, jsxs as j, 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 { useRef as U, useState as S, useCallback as X, useEffect as R, 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 j = { exports: {} }, T;
-function er() {
-  return T || (T = 1, (function(r) {
+var T = { exports: {} }, M;
+function tr() {
+  return M || (M = 1, (function(r) {
     (function() {
-      var t = {}.hasOwnProperty;
-      function e() {
+      var e = {}.hasOwnProperty;
+      function t() {
         for (var n = "", a = 0; a < arguments.length; a++) {
           var i = arguments[a];
           i && (n = u(n, o.call(this, i)));
@@ -23,23 +23,23 @@ function er() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return e.apply(this, 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)
-          t.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
+          e.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
         return a;
       }
       function u(n, a) {
         return a ? n ? n + " " + a : n + a : n;
       }
-      r.exports ? (e.default = e, r.exports = e) : window.classNames = e;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  })(j)), j.exports;
+  })(T)), T.exports;
 }
-var tr = er();
-const ar = /* @__PURE__ */ nr(tr), ur = {
+var er = tr();
+const ar = /* @__PURE__ */ nr(er), ur = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -58,83 +58,83 @@ const ar = /* @__PURE__ */ nr(tr), ur = {
   PARAGRAPH100: "paragraph-100"
 }, $ = "purpur-paragraph", N = ({
   children: r,
-  className: t,
-  disabled: e,
+  className: e,
+  disabled: t,
   enableHyphenation: o = !1,
   negative: u = !1,
   variant: n = ir.PARAGRAPH100,
   ...a
 }) => {
-  const i = or(t, $, `${$}--${n}`, {
+  const i = or(e, $, `${$}--${n}`, {
     [`${$}--hyphens`]: o,
-    [`${$}--disabled`]: e,
+    [`${$}--disabled`]: t,
     [`${$}--negative`]: u
   });
   return /* @__PURE__ */ p("p", { ...a, className: i, children: r });
 };
 N.displayName = "Paragraph";
-function z(r, t) {
+function E(r, e) {
   if (typeof r == "function")
-    return r(t);
-  r != null && (r.current = t);
+    return r(e);
+  r != null && (r.current = e);
 }
 function pr(...r) {
-  return (t) => {
-    let e = !1;
+  return (e) => {
+    let t = !1;
     const o = r.map((u) => {
-      const n = z(u, t);
-      return !e && typeof n == "function" && (e = !0), n;
+      const n = E(u, e);
+      return !t && typeof n == "function" && (t = !0), n;
     });
-    if (e)
+    if (t)
       return () => {
         for (let u = 0; u < o.length; u++) {
           const n = o[u];
-          typeof n == "function" ? n() : z(r[u], null);
+          typeof n == "function" ? n() : E(r[u], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
 function sr(r) {
-  const t = /* @__PURE__ */ cr(r), e = s.forwardRef((o, u) => {
+  const e = /* @__PURE__ */ cr(r), t = 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, 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__ */ p(e, { ...a, ref: u, children: s.isValidElement(h) ? s.cloneElement(h, void 0, b) : null });
     }
-    return /* @__PURE__ */ p(t, { ...a, ref: u, children: n });
+    return /* @__PURE__ */ p(e, { ...a, ref: u, children: n });
   });
-  return e.displayName = `${r}.Slot`, e;
+  return t.displayName = `${r}.Slot`, t;
 }
 // @__NO_SIDE_EFFECTS__
 function cr(r) {
-  const t = s.forwardRef((e, o) => {
-    const { children: u, ...n } = e;
+  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);
     }
     return s.Children.count(u) > 1 ? s.Children.only(null) : null;
   });
-  return t.displayName = `${r}.SlotClone`, t;
+  return e.displayName = `${r}.SlotClone`, e;
 }
 var lr = Symbol("radix.slottable");
 function dr(r) {
   return s.isValidElement(r) && typeof r.type == "function" && "__radixId" in r.type && r.type.__radixId === lr;
 }
-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) => {
+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 && (e[o] = u) : o === "style" ? e[o] = { ...u, ...n } : o === "className" && (e[o] = [u, n].filter(Boolean).join(" "));
+    } : u && (t[o] = u) : o === "style" ? t[o] = { ...u, ...n } : o === "className" && (t[o] = [u, n].filter(Boolean).join(" "));
   }
-  return { ...r, ...e };
+  return { ...r, ...t };
 }
 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);
+  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);
 }
 var fr = [
   "a",
@@ -153,18 +153,18 @@ var fr = [
   "span",
   "svg",
   "ul"
-], 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;
+], 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 });
   });
-  return o.displayName = `Primitive.${t}`, { ...r, [t]: o };
-}, {}), gr = "VisuallyHidden", I = s.forwardRef(
-  (r, t) => /* @__PURE__ */ p(
+  return o.displayName = `Primitive.${e}`, { ...r, [e]: o };
+}, {}), gr = "VisuallyHidden", V = s.forwardRef(
+  (r, e) => /* @__PURE__ */ p(
     mr.span,
     {
       ...r,
-      ref: t,
+      ref: e,
       style: {
         // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
         position: "absolute",
@@ -182,19 +182,19 @@ var fr = [
     }
   )
 );
-I.displayName = gr;
-var wr = I;
-const yr = ({ asChild: r, children: t, ...e }) => /* @__PURE__ */ p(wr, { asChild: r, ...e, children: t });
+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;
 }
-var R = { exports: {} };
-var M;
+var P = { exports: {} };
+var D;
 function vr() {
-  return M || (M = 1, (function(r) {
+  return D || (D = 1, (function(r) {
     (function() {
-      var t = {}.hasOwnProperty;
-      function e() {
+      var e = {}.hasOwnProperty;
+      function t() {
         for (var n = "", a = 0; a < arguments.length; a++) {
           var i = arguments[a];
           i && (n = u(n, o.call(this, i)));
@@ -207,80 +207,80 @@ function vr() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return e.apply(this, 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)
-          t.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
+          e.call(n, i) && n[i] && (a = u(a, this && this[i] || i));
         return a;
       }
       function u(n, a) {
         return a ? n ? n + " " + a : n + a : n;
       }
-      r.exports ? (e.default = e, r.exports = e) : window.classNames = e;
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
     })();
-  })(R)), R.exports;
+  })(P)), P.exports;
 }
 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"
+const W = /* @__PURE__ */ br($r), Nr = {
+  "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",
+  "purpur-countdown__counter-container": "_purpur-countdown__counter-container_ytnsp_10",
+  "purpur-countdown--full-width": "_purpur-countdown--full-width_ytnsp_15",
+  "purpur-countdown--use-media-queries": "_purpur-countdown--use-media-queries_ytnsp_25",
+  "purpur-countdown": "_purpur-countdown_ytnsp_1",
+  "purpur-countdown--variant-primary": "_purpur-countdown--variant-primary_ytnsp_40",
+  "purpur-countdown--variant-secondary": "_purpur-countdown--variant-secondary_ytnsp_43",
+  "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"
 }, 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"
+  "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 W(r) {
-  const t = (/* @__PURE__ */ new Date()).getTime(), e = Math.abs(r - t);
+function k(r) {
+  const e = (/* @__PURE__ */ new Date()).getTime(), t = Math.abs(r - e);
   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)), {
+  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
   };
 }
-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;
+function zr(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
-}, C = V.bind(xr), m = "purpur-countdown-counter", E = /* @__PURE__ */ new Map(), q = ({ tag: r, size: t, end: e, counterLabels: o }) => {
+}, z = W.bind(xr), 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 w = W(e), A = Cr(w[r], r);
-    h(A), i(w[r]);
-  }, [e, r]);
-  k(() => {
+    const y = k(t), A = zr(y[r], r);
+    h(A), i(y[r]);
+  }, [t, r]);
+  R(() => {
     g();
-  }, []), k(() => (E.set(n, setInterval(g, c.second)), () => clearInterval(E.get(n))), [g, n]), k(() => {
-    d((w) => w + 1);
+  }, []), R(() => (q.set(n, setInterval(g, c.second)), () => clearInterval(q.get(n))), [g, n]), R(() => {
+    d((y) => y + 1);
   }, [a]);
   const x = o[r], f = o[`${r}Abbr`];
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ j(
     "div",
     {
-      className: C(m),
+      className: z(m),
       role: "group",
       "aria-hidden": "true",
       "data-testid": `counter-${r}`,
@@ -288,18 +288,18 @@ const c = {
         /* @__PURE__ */ p(
           N,
           {
-            className: C(`${m}__number`, `${m}__number--size-${t}`),
+            className: z(`${m}__number`, `${m}__number--size-${e}`),
             ref: u,
             "data-tick": l,
             children: a
           },
           b
         ),
-        f && /* @__PURE__ */ p(N, { className: C(`${m}__label`, `${m}__label--abbr`), children: /* @__PURE__ */ p("abbr", { title: x, children: f }) }),
+        f && /* @__PURE__ */ p(N, { className: z(`${m}__label`, `${m}__label--abbr`), children: /* @__PURE__ */ p("abbr", { title: x, children: f }) }),
         /* @__PURE__ */ p(
           N,
           {
-            className: C(`${m}__label`, {
+            className: z(`${m}__label`, {
               [`${m}__label--full`]: !!f
             }),
             children: x
@@ -308,8 +308,8 @@ const c = {
       ]
     }
   );
-}, P = V.bind(Nr), _ = "purpur-countdown", D = /* @__PURE__ */ new Date(), qr = Y(
-  ({ renderAfterEnd: r, renderBeforeStart: t, ...e }, o) => {
+}, O = W.bind(Nr), _ = "purpur-countdown", I = /* @__PURE__ */ new Date(), Cr = Y(
+  ({ renderAfterEnd: r, renderBeforeStart: e, ...t }, o) => {
     const u = rr(), {
       size: n = "lg",
       fullWidth: a = !1,
@@ -319,32 +319,32 @@ const c = {
       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;
+    } = t, x = new Date(t.starttime).getTime(), f = new Date(t.endtime).getTime(), y = x > I.getTime(), A = f < I.getTime();
+    if (y) return e ? e(t) : null;
+    if (A) return r ? r(t) : 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 })
+      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 })
       ] });
     }, F = () => {
-      const y = () => {
-        const { days: K, hours: Q, minutes: Z, seconds: J } = W(f), v = [];
+      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(", ");
       };
       return /* @__PURE__ */ p(
-        yr,
+        wr,
         {
           "data-testid": "live-region",
           "aria-live": "polite",
-          "aria-label": e["aria-label"],
-          children: y()
+          "aria-label": t["aria-label"],
+          children: w()
         }
       );
-    }, B = H(), G = P(
+    }, B = H(), G = O(
       _,
       `${_}--size-${n}`,
       `${_}--variant-${h}`,
@@ -357,25 +357,25 @@ const c = {
       },
       b
     );
-    return /* @__PURE__ */ O(
+    return /* @__PURE__ */ j(
       "section",
       {
         id: u,
         className: G,
         ref: o,
         role: "timer",
-        "data-testid": e["data-testid"],
+        "data-testid": t["data-testid"],
         children: [
           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 })
+          t.label && /* @__PURE__ */ p(N, { className: O(`${_}__label`), variant: "paragraph-100-medium", children: t.label }),
+          /* @__PURE__ */ p("div", { className: O(`${_}__counter-container`), children: B })
         ]
       }
     );
   }
 );
-qr.displayName = "Countdown";
+Cr.displayName = "Countdown";
 export {
-  qr as Countdown
+  Cr as Countdown
 };
 //# sourceMappingURL=countdown.es.js.map

package/dist/styles.css

@@ -1 +1 @@
-._purpur-countdown--size-md_1kmr5_1{--counter-height: calc(56 * var(--purpur-spacing-10));--counter-width: calc(56 * var(--purpur-spacing-10))}._purpur-countdown--size-lg_1kmr5_5{--counter-height: calc(72 * var(--purpur-spacing-10));--counter-width: calc(72 * var(--purpur-spacing-10))}@container countdown (min-width: 600px){._purpur-countdown--size-lg_1kmr5_5._purpur-countdown--use-container-queries_1kmr5_10 ._purpur-countdown__counter-container_1kmr5_10{gap:var(--purpur-spacing-200)}}@container countdown (min-width: 600px){._purpur-countdown--size-lg_1kmr5_5._purpur-countdown--use-container-queries_1kmr5_10:not(._purpur-countdown--full-width_1kmr5_15) ._purpur-countdown__counter-container_1kmr5_10{--counter-width: calc(80 * var(--purpur-spacing-10))}}@media(min-width:600px){._purpur-countdown--size-lg_1kmr5_5._purpur-countdown--use-media-queries_1kmr5_20:not(._purpur-countdown--full-width_1kmr5_15){--counter-width: calc(80 * var(--purpur-spacing-10))}._purpur-countdown--size-lg_1kmr5_5._purpur-countdown--use-media-queries_1kmr5_20 ._purpur-countdown__counter-container_1kmr5_10{gap:var(--purpur-spacing-200)}}._purpur-countdown_1kmr5_1{--text-color: var(--purpur-color-text-default)}._purpur-countdown--variant-primary_1kmr5_30{--bg-color: var(--purpur-color-background-primary)}._purpur-countdown--variant-secondary_1kmr5_33{--bg-color: var(--purpur-color-background-secondary)}._purpur-countdown--negative_1kmr5_36{--text-color: var(--purpur-color-text-default-negative);--bg-color: var(--purpur-color-background-interactive-read-only-negative)}._purpur-countdown--full-width_1kmr5_15{--counter-width: 1fr}._purpur-countdown_1kmr5_1{--counter-count: 3}._purpur-countdown--show-days_1kmr5_46{--counter-count: 4}._purpur-countdown_1kmr5_1{display:grid;gap:var(--purpur-spacing-150);color:var(--text-color)}._purpur-countdown--use-container-queries_1kmr5_10{container:countdown/inline-size}._purpur-countdown__counter-container_1kmr5_10{display:grid;grid:var(--counter-height)/repeat(var(--counter-count),var(--counter-width));gap:var(--purpur-spacing-100)}._purpur-countdown__label_1kmr5_62{color:inherit}._purpur-countdown-counter_1h7qy_1{display:grid;justify-items:center;align-items:center;padding:var(--purpur-spacing-100);border-radius:var(--purpur-border-radius-md);background-color:var(--bg-color);color:var(--text-color);overflow:hidden}._purpur-countdown-counter__number--size-lg_1h7qy_11{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-400),3cqw,var(--purpur-typography-scale-600));line-height:var(--purpur-typography-line-height-snug)}._purpur-countdown-counter__number--size-md_1h7qy_17{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-200));line-height:var(--purpur-typography-line-height-snug)}._purpur-countdown-counter__number_1h7qy_11{position:relative;width:100%;color:inherit;text-align:center}@media(prefers-reduced-motion:no-preference){._purpur-countdown-counter__number_1h7qy_11[data-tick]{text-align:center;animation:_tick-animation_1h7qy_1 .15s ease-out forwards}._purpur-countdown-counter__number_1h7qy_11[data-tick]:after{content:attr(data-tick);position:absolute;bottom:100%;inset-inline:0;color:inherit;animation:_tick-animation-pseudo_1h7qy_1 .25s forwards}}._purpur-countdown-counter__label_1h7qy_44{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);color:inherit}._purpur-countdown-counter__label--abbr_1h7qy_51 abbr{text-decoration:none}._purpur-countdown-counter__label--full_1h7qy_54{display:none}@container countdown (min-width: 600px){[class*=purpur-countdown--use-container-queries] ._purpur-countdown-counter__label--abbr_1h7qy_51{display:none}[class*=purpur-countdown--use-container-queries] ._purpur-countdown-counter__label--full_1h7qy_54{display:block}}@media(min-width:600px){[class*=purpur-countdown--use-media-queries] ._purpur-countdown-counter__label--abbr_1h7qy_51{display:none}[class*=purpur-countdown--use-media-queries] ._purpur-countdown-counter__label--full_1h7qy_54{display:block}}@keyframes _tick-animation_1h7qy_1{0%{transform:translateY(100%);color:transparent}to{transform:translateY(0);color:var(--text-color)}}@keyframes _tick-animation-pseudo_1h7qy_1{0%{color:var(--text-color)}to{color:transparent}}
+._purpur-countdown--size-md_ytnsp_1{--counter-height: calc(56 * var(--purpur-spacing-10));--counter-width: calc(56 * var(--purpur-spacing-10))}._purpur-countdown--size-lg_ytnsp_5{--counter-height: calc(72 * var(--purpur-spacing-10));--counter-width: 1fr}@container countdown (min-width: 600px){._purpur-countdown--size-lg_ytnsp_5._purpur-countdown--use-container-queries_ytnsp_10 ._purpur-countdown__counter-container_ytnsp_10{gap:var(--purpur-spacing-200)}}@container countdown (min-width: 320px){._purpur-countdown--size-lg_ytnsp_5._purpur-countdown--use-container-queries_ytnsp_10:not(._purpur-countdown--full-width_ytnsp_15) ._purpur-countdown__counter-container_ytnsp_10{--counter-width: calc(72 * var(--purpur-spacing-10))}}@container countdown (min-width: 600px){._purpur-countdown--size-lg_ytnsp_5._purpur-countdown--use-container-queries_ytnsp_10:not(._purpur-countdown--full-width_ytnsp_15) ._purpur-countdown__counter-container_ytnsp_10{--counter-width: calc(80 * var(--purpur-spacing-10))}}@media(min-width:350px){._purpur-countdown--size-lg_ytnsp_5._purpur-countdown--use-media-queries_ytnsp_25:not(._purpur-countdown--full-width_ytnsp_15){--counter-width: calc(72 * var(--purpur-spacing-10))}}@media(min-width:600px){._purpur-countdown--size-lg_ytnsp_5._purpur-countdown--use-media-queries_ytnsp_25:not(._purpur-countdown--full-width_ytnsp_15){--counter-width: calc(80 * var(--purpur-spacing-10))}._purpur-countdown--size-lg_ytnsp_5._purpur-countdown--use-media-queries_ytnsp_25 ._purpur-countdown__counter-container_ytnsp_10{gap:var(--purpur-spacing-200)}}._purpur-countdown_ytnsp_1{--text-color: var(--purpur-color-text-default)}._purpur-countdown--variant-primary_ytnsp_40{--bg-color: var(--purpur-color-background-primary)}._purpur-countdown--variant-secondary_ytnsp_43{--bg-color: var(--purpur-color-background-secondary)}._purpur-countdown--negative_ytnsp_46{--text-color: var(--purpur-color-text-default-negative);--bg-color: var(--purpur-color-background-interactive-read-only-negative)}._purpur-countdown--full-width_ytnsp_15{--counter-width: 1fr}._purpur-countdown_ytnsp_1{--counter-count: 3}._purpur-countdown--show-days_ytnsp_56{--counter-count: 4}._purpur-countdown_ytnsp_1{display:grid;gap:var(--purpur-spacing-150);color:var(--text-color)}._purpur-countdown--use-container-queries_ytnsp_10{container:countdown/inline-size}._purpur-countdown__counter-container_ytnsp_10{display:grid;grid:var(--counter-height)/repeat(var(--counter-count),var(--counter-width));gap:var(--purpur-spacing-100)}._purpur-countdown__label_ytnsp_72{color:inherit}._purpur-countdown-counter_19zid_1{display:grid;justify-items:center;align-items:center;padding:var(--purpur-spacing-100);border-radius:var(--purpur-border-radius-md);background-color:var(--bg-color);color:var(--text-color);overflow:hidden}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__number--size-lg_19zid_11{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-400),3cqw,var(--purpur-typography-scale-600));line-height:var(--purpur-typography-line-height-snug)}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__number--size-md_19zid_17{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-200));line-height:var(--purpur-typography-line-height-snug)}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__number_19zid_11{position:relative;width:100%;color:inherit;text-align:center}@media(prefers-reduced-motion:no-preference){._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__number_19zid_11[data-tick]{text-align:center;animation:_tick-animation_19zid_1 .15s ease-out forwards}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__number_19zid_11[data-tick]:after{content:attr(data-tick);position:absolute;bottom:100%;inset-inline:0;color:inherit;animation:_tick-animation-pseudo_19zid_1 .25s forwards}}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label_19zid_44{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);color:inherit}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label--abbr_19zid_51 abbr{text-decoration:none}._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label--full_19zid_54{display:none}@container countdown (min-width: 600px){[class*=purpur-countdown--use-container-queries] ._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label--abbr_19zid_51{display:none}[class*=purpur-countdown--use-container-queries] ._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label--full_19zid_54{display:block}}@media(min-width:600px){[class*=purpur-countdown--use-media-queries] ._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label--abbr_19zid_51{display:none}[class*=purpur-countdown--use-media-queries] ._purpur-countdown-counter_19zid_1>._purpur-countdown-counter__label--full_19zid_54{display:block}}@keyframes _tick-animation_19zid_1{0%{transform:translateY(100%);color:transparent}to{transform:translateY(0);color:var(--text-color)}}@keyframes _tick-animation-pseudo_19zid_1{0%{color:var(--text-color)}to{color:transparent}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/countdown",
-  "version": "8.9.0",
+  "version": "8.10.1",
   "license": "AGPL-3.0-only",
   "main": "./dist/countdown.cjs.js",
   "types": "./dist/countdown.d.ts",
@@ -16,10 +16,10 @@
   "source": "src/countdown.tsx",
   "dependencies": {
     "classnames": "~2.5.1",
-    "@purpurds/heading": "8.9.0",
-    "@purpurds/paragraph": "8.9.0",
-    "@purpurds/visually-hidden": "8.9.0",
-    "@purpurds/tokens": "8.9.0"
+    "@purpurds/heading": "8.10.1",
+    "@purpurds/tokens": "8.10.1",
+    "@purpurds/visually-hidden": "8.10.1",
+    "@purpurds/paragraph": "8.10.1"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",

package/src/countdown.module.scss

@@ -10,7 +10,7 @@ $root: ".purpur-countdown";
 
   &--size-lg {
     --counter-height: calc(72 * var(--purpur-spacing-10));
-    --counter-width: calc(72 * var(--purpur-spacing-10));
+    --counter-width: 1fr;
 
     &#{$root}--use-container-queries {
       #{$root}__counter-container {
@@ -21,6 +21,9 @@ $root: ".purpur-countdown";
 
       &:not(#{$root}--full-width) {
         #{$root}__counter-container {
+          @container countdown (min-width: 320px) {
+            --counter-width: calc(72 * var(--purpur-spacing-10));
+          }
           @container countdown (min-width: #{$purpur-breakpoint-md}) {
             --counter-width: calc(80 * var(--purpur-spacing-10));
           }
@@ -29,6 +32,12 @@ $root: ".purpur-countdown";
     }
 
     &#{$root}--use-media-queries {
+      @media (min-width: 350px) {
+        &:not(#{$root}--full-width) {
+          --counter-width: calc(72 * var(--purpur-spacing-10));
+        }
+      }
+
       @media (min-width: $purpur-breakpoint-md) {
         &:not(#{$root}--full-width) {
           --counter-width: calc(80 * var(--purpur-spacing-10));

package/src/counter.module.scss

@@ -26,7 +26,7 @@ $root: ".purpur-countdown-counter";
   color: var(--text-color);
   overflow: hidden;
 
-  &__number {
+  & > #{$root}__number {
     @include size();
 
     position: relative;
@@ -52,7 +52,7 @@ $root: ".purpur-countdown-counter";
     }
   }
 
-  &__label {
+  & > #{$root}__label {
     @include paragraph.purpur-additional-100();
 
     color: inherit;