@phillips/seldon 1.254.1 → 1.256.0

package/dist/_virtual/index6.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/ics/dist/index.cjs");var r=e.__require();exports.distExports=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/prop-types/index.cjs");var o=r.__require();const t=e.getDefaultExportFromCjs(o);exports.default=t;

package/dist/_virtual/index6.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../node_modules/ics/dist/index.js";
-var i = r();
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  i as d
+  s as default
 };

package/dist/_virtual/index7.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs"),r=require("../node_modules/prop-types/index.cjs");var o=r.__require();const t=e.getDefaultExportFromCjs(o);exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/ics/dist/index.cjs");var r=e.__require();exports.distExports=r;

package/dist/_virtual/index7.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as r } from "../node_modules/ics/dist/index.js";
+var i = r();
 export {
-  s as default
+  i as d
 };

package/dist/components/AddToCalendar/calendarLinks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../_virtual/index6.cjs"),H=require("../../node_modules/date-fns/isValid.cjs"),m=require("../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.cjs"),c=require("../../node_modules/date-fns/addHours.cjs"),a=require("../../node_modules/date-fns/format.cjs"),d={google:"https://calendar.google.com/calendar/u/0/r/eventedit",outlook:"https://outlook.office.com/calendar/0/deeplink/compose",yahoo:"https://calendar.yahoo.com/"},M=()=>{try{return Intl.DateTimeFormat().resolvedOptions().timeZone}catch{return console.warn("Unable to determine user's timezone. Using UTC as a fallback."),"UTC"}},y=o=>new URLSearchParams(o),l=(o,t)=>{if(!t.start||!H.isValid(t.start))return console.error("Invalid event start date:",t),"#";const e=M(),n=m.toZonedTime(t.start,o==="google"?t.timezone:e),r=t.end?m.toZonedTime(t.end,o==="google"?t.timezone:e):null;switch(o){case"google":return h(n,r,t);case"outlook":return k(n,r,t);case"yahoo":return f(n,r,t);default:return console.error("Invalid calendar type:",o),"#"}},h=(o,t,e)=>{const n=y({text:e.title,dates:t?`${a.format(o,"yyyyMMdd'T'HHmmss")}/${a.format(t,"yyyyMMdd'T'HHmmss")}`:`${a.format(o,"yyyyMMdd'T'HHmmss")}/${a.format(c.addHours(o,1),"yyyyMMdd'T'HHmmss")}`,ctz:e.timezone,details:e.description,location:e.location}),r=new URL(d.google);return r.search=n.toString(),r.toString()},k=(o,t,e)=>{const n=y({path:"/calendar/action/compose",rru:"addevent",subject:e.title,startdt:a.format(o,"yyyy-MM-dd'T'HH:mm:ssXXX"),enddt:t?a.format(t,"yyyy-MM-dd'T'HH:mm:ssXXX"):a.format(c.addHours(o,1),"yyyy-MM-dd'T'HH:mm:ssXXX"),body:e.description,location:e.location,allday:"false"}),r=new URL(d.outlook);return r.search=n.toString(),r.toString()},f=(o,t,e)=>{const n=encodeURIComponent(e.title),r=encodeURIComponent(e.description),i=encodeURIComponent(e.location),s=a.format(o,"yyyyMMdd'T'HHmmss"),u=t?a.format(t,"yyyyMMdd'T'HHmmss"):a.format(c.addHours(o,1),"yyyyMMdd'T'HHmmss");return`${d.yahoo}?v=60&view=d&type=20&title=${n}&st=${s}&et=${u}&desc=${r}&in_loc=${i}`},p=o=>l("google",o),L=o=>l("outlook",o),C=o=>l("yahoo",o),U=o=>{if(!o.start){console.error("Invalid event start date:",o);return}const t=o.end?o.end:c.addHours(o.start,1);g.distExports.createEvent({title:o.title,description:o.description,start:[o.start.getFullYear(),o.start.getMonth()+1,o.start.getDate(),o.start.getHours(),o.start.getMinutes()],end:[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes()],location:o.location},(e,n)=>{if(e)console.error("Error creating iCalendar event:",e);else{const r=new File([n],`${o.title}.ics`,{type:"text/calendar"}),i=URL.createObjectURL(r),s=document.createElement("a");s.href=i,s.download=r.name,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(i)}})};exports.generateCalendarFile=U;exports.generateGoogleCalendarLink=p;exports.generateOutlookOnlineLink=L;exports.generateYahooCalendarLink=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../_virtual/index7.cjs"),H=require("../../node_modules/date-fns/isValid.cjs"),m=require("../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.cjs"),c=require("../../node_modules/date-fns/addHours.cjs"),a=require("../../node_modules/date-fns/format.cjs"),d={google:"https://calendar.google.com/calendar/u/0/r/eventedit",outlook:"https://outlook.office.com/calendar/0/deeplink/compose",yahoo:"https://calendar.yahoo.com/"},M=()=>{try{return Intl.DateTimeFormat().resolvedOptions().timeZone}catch{return console.warn("Unable to determine user's timezone. Using UTC as a fallback."),"UTC"}},y=o=>new URLSearchParams(o),l=(o,t)=>{if(!t.start||!H.isValid(t.start))return console.error("Invalid event start date:",t),"#";const e=M(),n=m.toZonedTime(t.start,o==="google"?t.timezone:e),r=t.end?m.toZonedTime(t.end,o==="google"?t.timezone:e):null;switch(o){case"google":return h(n,r,t);case"outlook":return k(n,r,t);case"yahoo":return f(n,r,t);default:return console.error("Invalid calendar type:",o),"#"}},h=(o,t,e)=>{const n=y({text:e.title,dates:t?`${a.format(o,"yyyyMMdd'T'HHmmss")}/${a.format(t,"yyyyMMdd'T'HHmmss")}`:`${a.format(o,"yyyyMMdd'T'HHmmss")}/${a.format(c.addHours(o,1),"yyyyMMdd'T'HHmmss")}`,ctz:e.timezone,details:e.description,location:e.location}),r=new URL(d.google);return r.search=n.toString(),r.toString()},k=(o,t,e)=>{const n=y({path:"/calendar/action/compose",rru:"addevent",subject:e.title,startdt:a.format(o,"yyyy-MM-dd'T'HH:mm:ssXXX"),enddt:t?a.format(t,"yyyy-MM-dd'T'HH:mm:ssXXX"):a.format(c.addHours(o,1),"yyyy-MM-dd'T'HH:mm:ssXXX"),body:e.description,location:e.location,allday:"false"}),r=new URL(d.outlook);return r.search=n.toString(),r.toString()},f=(o,t,e)=>{const n=encodeURIComponent(e.title),r=encodeURIComponent(e.description),i=encodeURIComponent(e.location),s=a.format(o,"yyyyMMdd'T'HHmmss"),u=t?a.format(t,"yyyyMMdd'T'HHmmss"):a.format(c.addHours(o,1),"yyyyMMdd'T'HHmmss");return`${d.yahoo}?v=60&view=d&type=20&title=${n}&st=${s}&et=${u}&desc=${r}&in_loc=${i}`},p=o=>l("google",o),L=o=>l("outlook",o),C=o=>l("yahoo",o),U=o=>{if(!o.start){console.error("Invalid event start date:",o);return}const t=o.end?o.end:c.addHours(o.start,1);g.distExports.createEvent({title:o.title,description:o.description,start:[o.start.getFullYear(),o.start.getMonth()+1,o.start.getDate(),o.start.getHours(),o.start.getMinutes()],end:[t.getFullYear(),t.getMonth()+1,t.getDate(),t.getHours(),t.getMinutes()],location:o.location},(e,n)=>{if(e)console.error("Error creating iCalendar event:",e);else{const r=new File([n],`${o.title}.ics`,{type:"text/calendar"}),i=URL.createObjectURL(r),s=document.createElement("a");s.href=i,s.download=r.name,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(i)}})};exports.generateCalendarFile=U;exports.generateGoogleCalendarLink=p;exports.generateOutlookOnlineLink=L;exports.generateYahooCalendarLink=C;

package/dist/components/AddToCalendar/calendarLinks.js

@@ -1,4 +1,4 @@
-import { d as u } from "../../_virtual/index6.js";
+import { d as u } from "../../_virtual/index7.js";
 import { isValid as p } from "../../node_modules/date-fns/isValid.js";
 import { toZonedTime as m } from "../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.js";
 import { addHours as i } from "../../node_modules/date-fns/addHours.js";

package/dist/components/Countdown/Countdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),L=require("../../utils/index.cjs"),_=require("../../_virtual/index.cjs"),z=require("../../types/commonTypes.cjs"),u=require("./types.cjs"),m=require("./Duration.cjs"),I=require("../Text/types.cjs"),H=require("../Text/Text.cjs"),P=require("../../node_modules/date-fns/locale/zh-CN.cjs"),R=require("../../node_modules/date-fns/locale/en-US.cjs"),x=require("../../node_modules/date-fns/differenceInSeconds.cjs"),h=require("../../node_modules/date-fns/differenceInMinutes.cjs"),y=require("../../node_modules/date-fns/differenceInHours.cjs"),C=require("../../node_modules/date-fns/differenceInDays.cjs"),U=require("../../node_modules/date-fns/differenceInMilliseconds.cjs"),j=f.forwardRef(({endDateTime:e,formatDurationStr:i,label:q="Lots Close in",intervalDescription:p,className:M,locale:V="en",showBottomBorder:b=!0,variant:a=u.CountdownVariants.default,getCurrentDateTime:t=()=>new Date,...w},g)=>{const{className:r,...N}=L.getCommonProps(w,"Countdown"),[s,S]=f.useState(t()||new Date),l=V===z.SupportedLanguages.zh?P.zhCN:R.enUS,n={days:C.differenceInDays(e,s)>0?C.differenceInDays(e,s):0,hours:y.differenceInHours(e,s)>0?y.differenceInHours(e,s)%24:0,minutes:h.differenceInMinutes(e,s)>0?h.differenceInMinutes(e,s)%60:0,seconds:(x.differenceInSeconds(e,s)>0?x.differenceInSeconds(e,s)%60:0)%60};f.useEffect(()=>{const d=setInterval(()=>{S(t()||new Date)},1e3);return()=>clearInterval(d)},[e,t]);const $=f.useMemo(()=>{const d=t();return!!d&&new Date(e).getTime()>d.getTime()},[e,t]),v=U.differenceInMilliseconds(e,s)<=180*1e3,c=a===u.CountdownVariants.sm?I.TextVariants.labelSmall:I.TextVariants.labelMedium;return $?o.jsxs("div",{"data-chromatic":"ignore",...N,className:_.default(r,M,{[`${r}--compact`]:a===u.CountdownVariants.compact,[`${r}--sm`]:a===u.CountdownVariants.sm,[`${r}--show-bottom-border`]:b,[`${r}--closing-lot`]:v}),...w,ref:g,children:[o.jsxs("div",{className:`${r}__countdown-container`,role:"timer","aria-label":q,children:[o.jsx(H.default,{variant:c,children:q}),n.days>0?o.jsx(m.Duration,{duration:n,unit:"days",locale:l,formatDurationStr:i,textVariant:c}):null,n.days>0||n.hours>0?o.jsx(m.Duration,{duration:n,unit:"hours",locale:l,formatDurationStr:i,textVariant:c}):null,n.days===0?o.jsx(m.Duration,{duration:n,unit:"minutes",locale:l,formatDurationStr:i,textVariant:c}):null,n.days===0&&n.hours===0?o.jsx(m.Duration,{duration:n,unit:"seconds",locale:l,formatDurationStr:i,textVariant:c}):null]}),a===u.CountdownVariants.default?o.jsx("span",{children:p}):null]}):null});j.displayName="Countdown";exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),f=require("react"),z=require("../../utils/index.cjs"),H=require("../../_virtual/index.cjs"),P=require("../../types/commonTypes.cjs"),i=require("./types.cjs"),m=require("./Duration.cjs"),x=require("../Text/types.cjs"),R=require("../Text/Text.cjs"),U=require("../../node_modules/date-fns/locale/zh-CN.cjs"),E=require("../../node_modules/date-fns/locale/en-US.cjs"),I=require("../../node_modules/date-fns/differenceInSeconds.cjs"),y=require("../../node_modules/date-fns/differenceInMinutes.cjs"),p=require("../../node_modules/date-fns/differenceInHours.cjs"),C=require("../../node_modules/date-fns/differenceInDays.cjs"),F=require("../../node_modules/date-fns/differenceInMilliseconds.cjs"),j=f.forwardRef(({endDateTime:e,formatDurationStr:a,label:h="Lots Close in",intervalDescription:g,className:M,locale:$="en",showBottomBorder:N=!0,variant:l=i.CountdownVariants.default,getCurrentDateTime:c=()=>new Date,centerAlign:V=!1,...q},b)=>{const{className:r,...S}=z.getCommonProps(q,"Countdown"),[s,_]=f.useState(c()||new Date),d=$===P.SupportedLanguages.zh?U.zhCN:E.enUS,n={days:C.differenceInDays(e,s)>0?C.differenceInDays(e,s):0,hours:p.differenceInHours(e,s)>0?p.differenceInHours(e,s)%24:0,minutes:y.differenceInMinutes(e,s)>0?y.differenceInMinutes(e,s)%60:0,seconds:(I.differenceInSeconds(e,s)>0?I.differenceInSeconds(e,s)%60:0)%60};f.useEffect(()=>{const t=setInterval(()=>{_(c()||new Date)},1e3);return()=>clearInterval(t)},[e,c]);const v=f.useMemo(()=>{const t=c();return!!t&&new Date(e).getTime()>t.getTime()},[e,c]),L=F.differenceInMilliseconds(e,s)<=180*1e3,u=l===i.CountdownVariants.sm?x.TextVariants.labelSmall:x.TextVariants.labelMedium,w=[n.days>0?o.jsx(m.Duration,{duration:n,unit:"days",locale:d,formatDurationStr:a,textVariant:u},"days"):null,n.days>0||n.hours>0?o.jsx(m.Duration,{duration:n,unit:"hours",locale:d,formatDurationStr:a,textVariant:u},"hours"):null,n.days===0?o.jsx(m.Duration,{duration:n,unit:"minutes",locale:d,formatDurationStr:a,textVariant:u},"minutes"):null,n.days===0&&n.hours===0?o.jsx(m.Duration,{duration:n,unit:"seconds",locale:d,formatDurationStr:a,textVariant:u},"seconds"):null].filter(t=>t!=null);return v?o.jsxs("div",{"data-chromatic":"ignore",...S,className:H.default(r,M,{[`${r}--compact`]:l===i.CountdownVariants.compact,[`${r}--sm`]:l===i.CountdownVariants.sm,[`${r}--show-bottom-border`]:N,[`${r}--closing-lot`]:L,[`${r}--center-align`]:V}),...q,ref:b,children:[o.jsxs("div",{className:`${r}__countdown-container`,role:"timer","aria-label":h,children:[o.jsx(R.default,{variant:u,children:h}),w.length>0?o.jsx("div",{className:`${r}__duration-group`,children:w}):null]}),l===i.CountdownVariants.default?o.jsx("span",{children:g}):null]}):null});j.displayName="Countdown";exports.default=j;

package/dist/components/Countdown/Countdown.d.ts

@@ -34,6 +34,10 @@ export interface CountdownProps extends ComponentProps<'div'> {
      * Function to get the current date time
      */
     getCurrentDateTime?: () => Date | null;
+    /**
+     * Centers label and durationwithin the countdown row
+     */
+    centerAlign?: boolean;
 }
 /**
  * ## Overview

package/dist/components/Countdown/Countdown.js

@@ -1,112 +1,120 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { forwardRef as z, useState as P, useEffect as S, useMemo as _ } from "react";
-import { getCommonProps as E } from "../../utils/index.js";
-import F from "../../_virtual/index.js";
-import { SupportedLanguages as H } from "../../types/commonTypes.js";
-import { CountdownVariants as c } from "./types.js";
-import { Duration as f } from "./Duration.js";
-import { TextVariants as w } from "../Text/types.js";
-import R from "../Text/Text.js";
-import { zhCN as U } from "../../node_modules/date-fns/locale/zh-CN.js";
-import { enUS as k } from "../../node_modules/date-fns/locale/en-US.js";
-import { differenceInSeconds as y } from "../../node_modules/date-fns/differenceInSeconds.js";
-import { differenceInMinutes as I } from "../../node_modules/date-fns/differenceInMinutes.js";
-import { differenceInHours as x } from "../../node_modules/date-fns/differenceInHours.js";
-import { differenceInDays as C } from "../../node_modules/date-fns/differenceInDays.js";
-import { differenceInMilliseconds as q } from "../../node_modules/date-fns/differenceInMilliseconds.js";
-const A = z(
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as P, useState as S, useEffect as E, useMemo as F } from "react";
+import { getCommonProps as G } from "../../utils/index.js";
+import H from "../../_virtual/index.js";
+import { SupportedLanguages as R } from "../../types/commonTypes.js";
+import { CountdownVariants as a } from "./types.js";
+import { Duration as d } from "./Duration.js";
+import { TextVariants as y } from "../Text/types.js";
+import U from "../Text/Text.js";
+import { zhCN as k } from "../../node_modules/date-fns/locale/zh-CN.js";
+import { enUS as q } from "../../node_modules/date-fns/locale/en-US.js";
+import { differenceInSeconds as g } from "../../node_modules/date-fns/differenceInSeconds.js";
+import { differenceInMinutes as C } from "../../node_modules/date-fns/differenceInMinutes.js";
+import { differenceInHours as I } from "../../node_modules/date-fns/differenceInHours.js";
+import { differenceInDays as N } from "../../node_modules/date-fns/differenceInDays.js";
+import { differenceInMilliseconds as A } from "../../node_modules/date-fns/differenceInMilliseconds.js";
+const B = P(
   ({
     endDateTime: o,
-    formatDurationStr: m,
-    label: d = "Lots Close in",
-    intervalDescription: N,
-    className: b,
-    locale: g = "en",
-    showBottomBorder: $ = !0,
-    variant: a = c.default,
-    getCurrentDateTime: e = () => /* @__PURE__ */ new Date(),
+    formatDurationStr: i,
+    label: f = "Lots Close in",
+    intervalDescription: $,
+    className: x,
+    locale: b = "en",
+    showBottomBorder: L = !0,
+    variant: m = a.default,
+    getCurrentDateTime: l = () => /* @__PURE__ */ new Date(),
+    centerAlign: M = !1,
     ...p
-  }, L) => {
-    const { className: n, ...M } = E(p, "Countdown"), [r, V] = P(e() || /* @__PURE__ */ new Date()), i = g === H.zh ? U : k, s = {
-      days: C(o, r) > 0 ? C(o, r) : 0,
-      hours: x(o, r) > 0 ? x(o, r) % 24 : 0,
-      minutes: I(o, r) > 0 ? I(o, r) % 60 : 0,
-      seconds: (y(o, r) > 0 ? y(o, r) % 60 : 0) % 60
+  }, _) => {
+    const { className: r, ...v } = G(p, "Countdown"), [n, V] = S(l() || /* @__PURE__ */ new Date()), u = b === R.zh ? k : q, s = {
+      days: N(o, n) > 0 ? N(o, n) : 0,
+      hours: I(o, n) > 0 ? I(o, n) % 24 : 0,
+      minutes: C(o, n) > 0 ? C(o, n) % 60 : 0,
+      seconds: (g(o, n) > 0 ? g(o, n) % 60 : 0) % 60
     };
-    S(() => {
-      const u = setInterval(() => {
-        V(e() || /* @__PURE__ */ new Date());
+    E(() => {
+      const e = setInterval(() => {
+        V(l() || /* @__PURE__ */ new Date());
       }, 1e3);
-      return () => clearInterval(u);
-    }, [o, e]);
-    const j = _(() => {
-      const u = e();
-      return !!u && new Date(o).getTime() > u.getTime();
-    }, [o, e]), v = q(o, r) <= 180 * 1e3, l = a === c.sm ? w.labelSmall : w.labelMedium;
-    return j ? /* @__PURE__ */ h(
+      return () => clearInterval(e);
+    }, [o, l]);
+    const j = F(() => {
+      const e = l();
+      return !!e && new Date(o).getTime() > e.getTime();
+    }, [o, l]), z = A(o, n) <= 180 * 1e3, c = m === a.sm ? y.labelSmall : y.labelMedium, h = [
+      s.days > 0 ? /* @__PURE__ */ t(
+        d,
+        {
+          duration: s,
+          unit: "days",
+          locale: u,
+          formatDurationStr: i,
+          textVariant: c
+        },
+        "days"
+      ) : null,
+      s.days > 0 || s.hours > 0 ? /* @__PURE__ */ t(
+        d,
+        {
+          duration: s,
+          unit: "hours",
+          locale: u,
+          formatDurationStr: i,
+          textVariant: c
+        },
+        "hours"
+      ) : null,
+      s.days === 0 ? /* @__PURE__ */ t(
+        d,
+        {
+          duration: s,
+          unit: "minutes",
+          locale: u,
+          formatDurationStr: i,
+          textVariant: c
+        },
+        "minutes"
+      ) : null,
+      s.days === 0 && s.hours === 0 ? /* @__PURE__ */ t(
+        d,
+        {
+          duration: s,
+          unit: "seconds",
+          locale: u,
+          formatDurationStr: i,
+          textVariant: c
+        },
+        "seconds"
+      ) : null
+    ].filter((e) => e != null);
+    return j ? /* @__PURE__ */ w(
       "div",
       {
         "data-chromatic": "ignore",
-        ...M,
-        className: F(n, b, {
-          [`${n}--compact`]: a === c.compact,
-          [`${n}--sm`]: a === c.sm,
-          [`${n}--show-bottom-border`]: $,
-          [`${n}--closing-lot`]: v
+        ...v,
+        className: H(r, x, {
+          [`${r}--compact`]: m === a.compact,
+          [`${r}--sm`]: m === a.sm,
+          [`${r}--show-bottom-border`]: L,
+          [`${r}--closing-lot`]: z,
+          [`${r}--center-align`]: M
         }),
         ...p,
-        ref: L,
+        ref: _,
         children: [
-          /* @__PURE__ */ h("div", { className: `${n}__countdown-container`, role: "timer", "aria-label": d, children: [
-            /* @__PURE__ */ t(R, { variant: l, children: d }),
-            s.days > 0 ? /* @__PURE__ */ t(
-              f,
-              {
-                duration: s,
-                unit: "days",
-                locale: i,
-                formatDurationStr: m,
-                textVariant: l
-              }
-            ) : null,
-            s.days > 0 || s.hours > 0 ? /* @__PURE__ */ t(
-              f,
-              {
-                duration: s,
-                unit: "hours",
-                locale: i,
-                formatDurationStr: m,
-                textVariant: l
-              }
-            ) : null,
-            s.days === 0 ? /* @__PURE__ */ t(
-              f,
-              {
-                duration: s,
-                unit: "minutes",
-                locale: i,
-                formatDurationStr: m,
-                textVariant: l
-              }
-            ) : null,
-            s.days === 0 && s.hours === 0 ? /* @__PURE__ */ t(
-              f,
-              {
-                duration: s,
-                unit: "seconds",
-                locale: i,
-                formatDurationStr: m,
-                textVariant: l
-              }
-            ) : null
+          /* @__PURE__ */ w("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": f, children: [
+            /* @__PURE__ */ t(U, { variant: c, children: f }),
+            h.length > 0 ? /* @__PURE__ */ t("div", { className: `${r}__duration-group`, children: h }) : null
           ] }),
-          a === c.default ? /* @__PURE__ */ t("span", { children: N }) : null
+          m === a.default ? /* @__PURE__ */ t("span", { children: $ }) : null
         ]
       }
     ) : null;
   }
 );
-A.displayName = "Countdown";
+B.displayName = "Countdown";
 export {
-  A as default
+  B as default
 };

package/dist/components/Countdown/Countdown.stories.d.ts

@@ -19,6 +19,9 @@ export declare const Playground: {
         endDateTime: {
             control: string;
         };
+        centerAlign: {
+            control: string;
+        };
     };
 };
 export declare const Days: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/node_modules/react-transition-group/esm/CSSTransition.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("../../@babel/runtime/helpers/esm/extends.cjs"),x=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs"),N=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs"),f=require("../../../_virtual/index7.cjs"),A=require("../../dom-helpers/esm/addClass.cjs"),q=require("../../dom-helpers/esm/removeClass.cjs"),m=require("react"),g=require("./Transition.cjs"),_=require("./utils/PropTypes.cjs"),$=require("./utils/reflow.cjs");var S=function(i,l){return i&&l&&l.split(" ").forEach(function(e){return A.default(i,e)})},v=function(i,l){return i&&l&&l.split(" ").forEach(function(e){return q.default(i,e)})},C=(function(c){N.default(i,c);function i(){for(var e,t=arguments.length,o=new Array(t),a=0;a<t;a++)o[a]=arguments[a];return e=c.call.apply(c,[this].concat(o))||this,e.appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(s,r){var n=e.resolveArguments(s,r),u=n[0],p=n[1];e.removeClasses(u,"exit"),e.addClass(u,p?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(s,r)},e.onEntering=function(s,r){var n=e.resolveArguments(s,r),u=n[0],p=n[1],d=p?"appear":"enter";e.addClass(u,d,"active"),e.props.onEntering&&e.props.onEntering(s,r)},e.onEntered=function(s,r){var n=e.resolveArguments(s,r),u=n[0],p=n[1],d=p?"appear":"enter";e.removeClasses(u,d),e.addClass(u,d,"done"),e.props.onEntered&&e.props.onEntered(s,r)},e.onExit=function(s){var r=e.resolveArguments(s),n=r[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(s)},e.onExiting=function(s){var r=e.resolveArguments(s),n=r[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(s)},e.onExited=function(s){var r=e.resolveArguments(s),n=r[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(s)},e.resolveArguments=function(s,r){return e.props.nodeRef?[e.props.nodeRef.current,s]:[s,r]},e.getClassNames=function(s){var r=e.props.classNames,n=typeof r=="string",u=n&&r?r+"-":"",p=n?""+u+s:r[s],d=n?p+"-active":r[s+"Active"],h=n?p+"-done":r[s+"Done"];return{baseClassName:p,activeClassName:d,doneClassName:h}},e}var l=i.prototype;return l.addClass=function(t,o,a){var s=this.getClassNames(o)[a+"ClassName"],r=this.getClassNames("enter"),n=r.doneClassName;o==="appear"&&a==="done"&&n&&(s+=" "+n),a==="active"&&t&&$.forceReflow(t),s&&(this.appliedClasses[o][a]=s,S(t,s))},l.removeClasses=function(t,o){var a=this.appliedClasses[o],s=a.base,r=a.active,n=a.done;this.appliedClasses[o]={},s&&v(t,s),r&&v(t,r),n&&v(t,n)},l.render=function(){var t=this.props;t.classNames;var o=x.default(t,["classNames"]);return m.createElement(g.default,E.default({},o,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},i})(m.Component);C.defaultProps={classNames:""};C.propTypes=process.env.NODE_ENV!=="production"?E.default({},g.default.propTypes,{classNames:_.classNamesShape,onEnter:f.default.func,onEntering:f.default.func,onEntered:f.default.func,onExit:f.default.func,onExiting:f.default.func,onExited:f.default.func}):{};exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("../../@babel/runtime/helpers/esm/extends.cjs"),x=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs"),N=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs"),f=require("../../../_virtual/index6.cjs"),A=require("../../dom-helpers/esm/addClass.cjs"),q=require("../../dom-helpers/esm/removeClass.cjs"),m=require("react"),g=require("./Transition.cjs"),_=require("./utils/PropTypes.cjs"),$=require("./utils/reflow.cjs");var S=function(i,l){return i&&l&&l.split(" ").forEach(function(e){return A.default(i,e)})},v=function(i,l){return i&&l&&l.split(" ").forEach(function(e){return q.default(i,e)})},C=(function(c){N.default(i,c);function i(){for(var e,t=arguments.length,o=new Array(t),a=0;a<t;a++)o[a]=arguments[a];return e=c.call.apply(c,[this].concat(o))||this,e.appliedClasses={appear:{},enter:{},exit:{}},e.onEnter=function(s,r){var n=e.resolveArguments(s,r),u=n[0],p=n[1];e.removeClasses(u,"exit"),e.addClass(u,p?"appear":"enter","base"),e.props.onEnter&&e.props.onEnter(s,r)},e.onEntering=function(s,r){var n=e.resolveArguments(s,r),u=n[0],p=n[1],d=p?"appear":"enter";e.addClass(u,d,"active"),e.props.onEntering&&e.props.onEntering(s,r)},e.onEntered=function(s,r){var n=e.resolveArguments(s,r),u=n[0],p=n[1],d=p?"appear":"enter";e.removeClasses(u,d),e.addClass(u,d,"done"),e.props.onEntered&&e.props.onEntered(s,r)},e.onExit=function(s){var r=e.resolveArguments(s),n=r[0];e.removeClasses(n,"appear"),e.removeClasses(n,"enter"),e.addClass(n,"exit","base"),e.props.onExit&&e.props.onExit(s)},e.onExiting=function(s){var r=e.resolveArguments(s),n=r[0];e.addClass(n,"exit","active"),e.props.onExiting&&e.props.onExiting(s)},e.onExited=function(s){var r=e.resolveArguments(s),n=r[0];e.removeClasses(n,"exit"),e.addClass(n,"exit","done"),e.props.onExited&&e.props.onExited(s)},e.resolveArguments=function(s,r){return e.props.nodeRef?[e.props.nodeRef.current,s]:[s,r]},e.getClassNames=function(s){var r=e.props.classNames,n=typeof r=="string",u=n&&r?r+"-":"",p=n?""+u+s:r[s],d=n?p+"-active":r[s+"Active"],h=n?p+"-done":r[s+"Done"];return{baseClassName:p,activeClassName:d,doneClassName:h}},e}var l=i.prototype;return l.addClass=function(t,o,a){var s=this.getClassNames(o)[a+"ClassName"],r=this.getClassNames("enter"),n=r.doneClassName;o==="appear"&&a==="done"&&n&&(s+=" "+n),a==="active"&&t&&$.forceReflow(t),s&&(this.appliedClasses[o][a]=s,S(t,s))},l.removeClasses=function(t,o){var a=this.appliedClasses[o],s=a.base,r=a.active,n=a.done;this.appliedClasses[o]={},s&&v(t,s),r&&v(t,r),n&&v(t,n)},l.render=function(){var t=this.props;t.classNames;var o=x.default(t,["classNames"]);return m.createElement(g.default,E.default({},o,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},i})(m.Component);C.defaultProps={classNames:""};C.propTypes=process.env.NODE_ENV!=="production"?E.default({},g.default.propTypes,{classNames:_.classNamesShape,onEnter:f.default.func,onEntering:f.default.func,onEntered:f.default.func,onExit:f.default.func,onExiting:f.default.func,onExited:f.default.func}):{};exports.default=C;

package/dist/node_modules/react-transition-group/esm/CSSTransition.js

@@ -1,7 +1,7 @@
 import C from "../../@babel/runtime/helpers/esm/extends.js";
 import x from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import N from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import v from "../../../_virtual/index7.js";
+import v from "../../../_virtual/index6.js";
 import A from "../../dom-helpers/esm/addClass.js";
 import _ from "../../dom-helpers/esm/removeClass.js";
 import c from "react";

package/dist/node_modules/react-transition-group/esm/Transition.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs"),C=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs"),o=require("../../../_virtual/index7.cjs"),v=require("react"),N=require("react-dom"),S=require("./config.cjs"),R=require("./utils/PropTypes.cjs"),O=require("./TransitionGroupContext.cjs"),k=require("./utils/reflow.cjs");var x="unmounted",f="exited",d="entering",p="entered",T="exiting",l=(function(c){C.default(u,c);function u(i,e){var t;t=c.call(this,i,e)||this;var n=e,r=n&&!n.isMounting?i.enter:i.appear,s;return t.appearStatus=null,i.in?r?(s=f,t.appearStatus=d):s=p:i.unmountOnExit||i.mountOnEnter?s=x:s=f,t.state={status:s},t.nextCallback=null,t}u.getDerivedStateFromProps=function(e,t){var n=e.in;return n&&t.status===x?{status:f}:null};var a=u.prototype;return a.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},a.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==d&&n!==p&&(t=d):(n===d||n===p)&&(t=T)}this.updateStatus(!1,t)},a.componentWillUnmount=function(){this.cancelNextCallback()},a.getTimeouts=function(){var e=this.props.timeout,t,n,r;return t=n=r=e,e!=null&&typeof e!="number"&&(t=e.exit,n=e.enter,r=e.appear!==void 0?e.appear:n),{exit:t,enter:n,appear:r}},a.updateStatus=function(e,t){if(e===void 0&&(e=!1),t!==null)if(this.cancelNextCallback(),t===d){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:N.findDOMNode(this);n&&k.forceReflow(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===f&&this.setState({status:x})},a.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,s=this.props.nodeRef?[r]:[N.findDOMNode(this),r],E=s[0],m=s[1],b=this.getTimeouts(),g=r?b.appear:b.enter;if(!e&&!n||S.default.disabled){this.safeSetState({status:p},function(){t.props.onEntered(E)});return}this.props.onEnter(E,m),this.safeSetState({status:d},function(){t.props.onEntering(E,m),t.onTransitionEnd(g,function(){t.safeSetState({status:p},function(){t.props.onEntered(E,m)})})})},a.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:N.findDOMNode(this);if(!t||S.default.disabled){this.safeSetState({status:f},function(){e.props.onExited(r)});return}this.props.onExit(r),this.safeSetState({status:T},function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,function(){e.safeSetState({status:f},function(){e.props.onExited(r)})})})},a.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},a.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},a.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},a.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:N.findDOMNode(this),r=e==null&&!this.props.addEndListener;if(!n||r){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],E=s[0],m=s[1];this.props.addEndListener(E,m)}e!=null&&setTimeout(this.nextCallback,e)},a.render=function(){var e=this.state.status;if(e===x)return null;var t=this.props,n=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var r=D.default(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return v.createElement(O.default.Provider,{value:null},typeof n=="function"?n(e,r):v.cloneElement(v.Children.only(n),r))},u})(v.Component);l.contextType=O.default;l.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:o.default.shape({current:typeof Element>"u"?o.default.any:function(c,u,a,i,e,t){var n=c[u];return o.default.instanceOf(n&&"ownerDocument"in n?n.ownerDocument.defaultView.Element:Element)(c,u,a,i,e,t)}}),children:o.default.oneOfType([o.default.func.isRequired,o.default.element.isRequired]).isRequired,in:o.default.bool,mountOnEnter:o.default.bool,unmountOnExit:o.default.bool,appear:o.default.bool,enter:o.default.bool,exit:o.default.bool,timeout:function(u){var a=R.timeoutsShape;u.addEndListener||(a=a.isRequired);for(var i=arguments.length,e=new Array(i>1?i-1:0),t=1;t<i;t++)e[t-1]=arguments[t];return a.apply(void 0,[u].concat(e))},addEndListener:o.default.func,onEnter:o.default.func,onEntering:o.default.func,onEntered:o.default.func,onExit:o.default.func,onExiting:o.default.func,onExited:o.default.func}:{};function h(){}l.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:h,onEntering:h,onEntered:h,onExit:h,onExiting:h,onExited:h};l.UNMOUNTED=x;l.EXITED=f;l.ENTERING=d;l.ENTERED=p;l.EXITING=T;exports.ENTERED=p;exports.ENTERING=d;exports.EXITED=f;exports.EXITING=T;exports.UNMOUNTED=x;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs"),C=require("../../@babel/runtime/helpers/esm/inheritsLoose.cjs"),o=require("../../../_virtual/index6.cjs"),v=require("react"),N=require("react-dom"),S=require("./config.cjs"),R=require("./utils/PropTypes.cjs"),O=require("./TransitionGroupContext.cjs"),k=require("./utils/reflow.cjs");var x="unmounted",f="exited",d="entering",p="entered",T="exiting",l=(function(c){C.default(u,c);function u(i,e){var t;t=c.call(this,i,e)||this;var n=e,r=n&&!n.isMounting?i.enter:i.appear,s;return t.appearStatus=null,i.in?r?(s=f,t.appearStatus=d):s=p:i.unmountOnExit||i.mountOnEnter?s=x:s=f,t.state={status:s},t.nextCallback=null,t}u.getDerivedStateFromProps=function(e,t){var n=e.in;return n&&t.status===x?{status:f}:null};var a=u.prototype;return a.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},a.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==d&&n!==p&&(t=d):(n===d||n===p)&&(t=T)}this.updateStatus(!1,t)},a.componentWillUnmount=function(){this.cancelNextCallback()},a.getTimeouts=function(){var e=this.props.timeout,t,n,r;return t=n=r=e,e!=null&&typeof e!="number"&&(t=e.exit,n=e.enter,r=e.appear!==void 0?e.appear:n),{exit:t,enter:n,appear:r}},a.updateStatus=function(e,t){if(e===void 0&&(e=!1),t!==null)if(this.cancelNextCallback(),t===d){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:N.findDOMNode(this);n&&k.forceReflow(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===f&&this.setState({status:x})},a.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,s=this.props.nodeRef?[r]:[N.findDOMNode(this),r],E=s[0],m=s[1],b=this.getTimeouts(),g=r?b.appear:b.enter;if(!e&&!n||S.default.disabled){this.safeSetState({status:p},function(){t.props.onEntered(E)});return}this.props.onEnter(E,m),this.safeSetState({status:d},function(){t.props.onEntering(E,m),t.onTransitionEnd(g,function(){t.safeSetState({status:p},function(){t.props.onEntered(E,m)})})})},a.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:N.findDOMNode(this);if(!t||S.default.disabled){this.safeSetState({status:f},function(){e.props.onExited(r)});return}this.props.onExit(r),this.safeSetState({status:T},function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,function(){e.safeSetState({status:f},function(){e.props.onExited(r)})})})},a.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},a.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},a.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},a.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:N.findDOMNode(this),r=e==null&&!this.props.addEndListener;if(!n||r){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],E=s[0],m=s[1];this.props.addEndListener(E,m)}e!=null&&setTimeout(this.nextCallback,e)},a.render=function(){var e=this.state.status;if(e===x)return null;var t=this.props,n=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var r=D.default(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return v.createElement(O.default.Provider,{value:null},typeof n=="function"?n(e,r):v.cloneElement(v.Children.only(n),r))},u})(v.Component);l.contextType=O.default;l.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:o.default.shape({current:typeof Element>"u"?o.default.any:function(c,u,a,i,e,t){var n=c[u];return o.default.instanceOf(n&&"ownerDocument"in n?n.ownerDocument.defaultView.Element:Element)(c,u,a,i,e,t)}}),children:o.default.oneOfType([o.default.func.isRequired,o.default.element.isRequired]).isRequired,in:o.default.bool,mountOnEnter:o.default.bool,unmountOnExit:o.default.bool,appear:o.default.bool,enter:o.default.bool,exit:o.default.bool,timeout:function(u){var a=R.timeoutsShape;u.addEndListener||(a=a.isRequired);for(var i=arguments.length,e=new Array(i>1?i-1:0),t=1;t<i;t++)e[t-1]=arguments[t];return a.apply(void 0,[u].concat(e))},addEndListener:o.default.func,onEnter:o.default.func,onEntering:o.default.func,onEntered:o.default.func,onExit:o.default.func,onExiting:o.default.func,onExited:o.default.func}:{};function h(){}l.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:h,onEntering:h,onEntered:h,onExit:h,onExiting:h,onExited:h};l.UNMOUNTED=x;l.EXITED=f;l.ENTERING=d;l.ENTERED=p;l.EXITING=T;exports.ENTERED=p;exports.ENTERING=d;exports.EXITED=f;exports.EXITING=T;exports.UNMOUNTED=x;exports.default=l;

package/dist/node_modules/react-transition-group/esm/Transition.js

@@ -1,6 +1,6 @@
 import C from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import D from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import o from "../../../_virtual/index7.js";
+import o from "../../../_virtual/index6.js";
 import v from "react";
 import b from "react-dom";
 import T from "./config.js";

package/dist/node_modules/react-transition-group/esm/utils/PropTypes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index7.cjs");var t=process.env.NODE_ENV!=="production"?e.default.oneOfType([e.default.number,e.default.shape({enter:e.default.number,exit:e.default.number,appear:e.default.number}).isRequired]):null,a=process.env.NODE_ENV!=="production"?e.default.oneOfType([e.default.string,e.default.shape({enter:e.default.string,exit:e.default.string,active:e.default.string}),e.default.shape({enter:e.default.string,enterDone:e.default.string,enterActive:e.default.string,exit:e.default.string,exitDone:e.default.string,exitActive:e.default.string})]):null;exports.classNamesShape=a;exports.timeoutsShape=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index6.cjs");var t=process.env.NODE_ENV!=="production"?e.default.oneOfType([e.default.number,e.default.shape({enter:e.default.number,exit:e.default.number,appear:e.default.number}).isRequired]):null,a=process.env.NODE_ENV!=="production"?e.default.oneOfType([e.default.string,e.default.shape({enter:e.default.string,exit:e.default.string,active:e.default.string}),e.default.shape({enter:e.default.string,enterDone:e.default.string,enterActive:e.default.string,exit:e.default.string,exitDone:e.default.string,exitActive:e.default.string})]):null;exports.classNamesShape=a;exports.timeoutsShape=t;

package/dist/node_modules/react-transition-group/esm/utils/PropTypes.js

@@ -1,4 +1,4 @@
-import e from "../../../../_virtual/index7.js";
+import e from "../../../../_virtual/index6.js";
 var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,

package/dist/scss/components/Countdown/_countdown.scss

@@ -1,7 +1,7 @@
 @use '../../allPartials' as *;
 
 .#{$px}-countdown {
-  align-items: center;
+  align-items: stretch;
   border-bottom: none;
   display: flex;
   flex-direction: column;
@@ -10,38 +10,69 @@
   padding-bottom: $spacing-sm;
   width: 100%;
 
+  &--closing-lot {
+    .#{$px}-duration,
+    .#{$px}-duration .#{$px}-text {
+      color: $warning-default;
+      font-variation-settings: 'wght' 600;
+    }
+  }
+
   &--show-bottom-border {
     border-bottom: 1px solid $light-gray;
     margin-bottom: 1.5rem;
   }
 
   &__countdown-container {
-    align-items: center;
+    align-items: flex-start;
+    gap: $spacing-micro $spacing-sm;
     display: flex;
-    flex-shrink: 0;
-    gap: $spacing-sm;
-    justify-content: center;
+    flex-flow: row wrap;
+    justify-content: flex-start;
     text-transform: inherit;
+    width: 100%;
 
-    .#{$px}-text {
+    > .#{$px}-text {
+      flex-shrink: 0;
       font-variation-settings: 'wght' 600;
     }
+  }
 
-    .#{$px}-duration {
-      font-variation-settings: 'wght' 600;
+  &--center-align {
+    .#{$px}-countdown__countdown-container {
+      align-items: center;
+      justify-content: center;
+      text-align: center;
     }
+
+    .#{$px}-countdown__duration-group {
+      justify-content: center;
+    }
+  }
+
+  &__duration-group {
+    align-items: center;
+    gap: 0 $spacing-sm;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
   }
 
   &--compact {
     .#{$px}-countdown__countdown-container {
-      gap: $spacing-xsm;
+      column-gap: $spacing-xsm;
     }
-  }
 
-  &--closing-lot {
-    .#{$px}-duration,
-    .#{$px}-countdown__label {
-      color: $warning-default;
+    .#{$px}-countdown__duration-group {
+      column-gap: $spacing-xsm;
+    }
+
+    &--closing-lot {
+      .#{$px}-duration,
+      .#{$px}-duration .#{$px}-text {
+        color: $warning-default;
+        font-variation-settings: 'wght' 600;
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.254.1",
+  "version": "1.256.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"