@courtneyring/components-library 1.0.29 → 1.0.30

package/dist/assets/Countdown.css

@@ -0,0 +1 @@
+._countdown_1ilam_1{font-family:var(--font-secondary);display:grid;grid-template-columns:1fr;row-gap:90px;align-items:center;justify-content:center;width:100%;margin:97px auto}._block_1ilam_12{display:flex;flex-direction:column;align-items:center}._block_1ilam_12 span:first-child{font-family:var(--font-secondary);font-size:clamp(2.5rem,20vw,7rem);padding:0 20px;margin-bottom:10px}@media (min-width: 0){._block_1ilam_12 span:last-child{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._block_1ilam_12 span:last-child{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._block_1ilam_12 span:last-child{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._block_1ilam_12 span:last-child{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._block_1ilam_12 span:last-child{font-size:28px}}._block_1ilam_12 span:last-child{font-size:clamp(10px,5vw,30px)}@media (min-width: 800px){._countdown_1ilam_1{width:60vw;margin:180px auto;grid-template-columns:repeat(4,1fr)}._countdown_1ilam_1 span:first-child{margin-bottom:20px}}

package/dist/assets/PromoGroup.css

@@ -1 +1 @@
-html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:800;font-size:24px}}@media (min-width: 800px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 800px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 800px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 800px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}#rsvpify-wrapper{width:100%;height:100%}@media (min-width: 0){._group_qbcz0_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._group_qbcz0_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._group_qbcz0_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_qbcz0_2{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto}@media (min-width: 0){._header_qbcz0_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_qbcz0_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_qbcz0_33{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_qbcz0_33{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_qbcz0_33{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_qbcz0_33{font-size:40px}}@media (min-width: 1200px){._header_qbcz0_33{font-size:55px}}._header_qbcz0_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_qbcz0_75{grid-row:auto/span 3;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_qbcz0_75[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_qbcz0_75[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_qbcz0_75[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_qbcz0_75[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_qbcz0_75[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_qbcz0_75[data-text-align=center]{text-align:center;align-items:center}._image_qbcz0_119{width:100px;margin:0 auto}._promo__header_qbcz0_124{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_qbcz0_124{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._promo__header_qbcz0_124{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._promo__header_qbcz0_124{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._promo__header_qbcz0_124{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._promo__header_qbcz0_124{font-size:28px}}@media (min-width: 0){._cta_qbcz0_161{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._cta_qbcz0_161{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._cta_qbcz0_161{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._cta_qbcz0_161{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._cta_qbcz0_161{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._cta_qbcz0_161{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._cta_qbcz0_161{line-height:1.7}}._cta_qbcz0_161{margin:0 auto}@media (min-width: 0){._promo__body_qbcz0_204{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._promo__body_qbcz0_204{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._promo__body_qbcz0_204{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._promo__body_qbcz0_204{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._promo__body_qbcz0_204{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._promo__body_qbcz0_204{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._promo__body_qbcz0_204{line-height:1.7}}._stat_qbcz0_243{display:flex;align-items:center;margin-bottom:5px}._stat_qbcz0_243 span:first-child{margin-right:10px}@media (min-width: 0){._statText_qbcz0_253{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._statText_qbcz0_253{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._statText_qbcz0_253{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._statText_qbcz0_253{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._statText_qbcz0_253{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._statText_qbcz0_253{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._statText_qbcz0_253{line-height:1.7}}._statText_qbcz0_253{font-style:italic}@media (min-width: 625px){._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr;padding:0}._promo_qbcz0_75{min-width:unset}}@media (min-width: 800px) and (orientation: landscape){._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr 1fr}._image_qbcz0_119{width:80px}}@media (min-width: 800px) and (orientation: portrait){._group_qbcz0_2._slider_qbcz0_27{gap:30px}}@media (min-width: 992px){._group_qbcz0_2{grid-template-columns:1fr 1fr}._group_qbcz0_2._slider_qbcz0_27{grid-template-columns:1fr 1fr 1fr;gap:20px}}@media (min-width: 1600px){._promo_qbcz0_75{padding:50px}}
+html,body{overscroll-behavior:none;height:100%}p,h1,h2,h3{margin:0}@media (min-width: 0){strong{font-weight:800;font-size:24px}}@media (min-width: 800px) and (orientation: portrait){strong{font-size:30px}}@media (min-width: 800px) and (orientation: landscape){strong{font-size:20px}}@media (min-width: 992px){strong{font-size:28px}}@media (min-width: 0){small{font-size:18px}}@media (min-width: 800px) and (orientation: landscape){small{font-size:18px}}@media (min-width: 800px) and (orientation: portrait){small{font-size:22px}}@media (min-width: 992px) and (orientation: landscape){small{font-size:20px;line-height:1}}@media (min-width: 992px) and (orientation: portrait){small{font-size:22px;line-height:1}}small{font-style:italic}#rsvpify-wrapper{width:100%;height:100%}@media (min-width: 0){._group_gxcag_2{width:calc(100% + 40px);margin-left:-20px}}@media (min-width: 390px){._group_gxcag_2{width:calc(100% + 60px);margin-left:-30px}}@media (min-width: 625px){._group_gxcag_2{margin-top:0;margin-bottom:0;width:100%;margin-left:0}}._group_gxcag_2{display:grid;grid-template-columns:1fr;gap:10px;padding:0 20px}._group_gxcag_2._slider_gxcag_27{grid-template-columns:repeat(var(--promos),1fr);overflow-x:auto}@media (min-width: 0){._header_gxcag_33{font-family:var(--font-secondary);font-size:36px;line-height:1}}@media (min-width: 390px){._header_gxcag_33{font-size:40px;line-height:1.2}}@media (min-width: 625px){._header_gxcag_33{font-size:42px}}@media (min-width: 800px) and (orientation: landscape){._header_gxcag_33{font-size:30px}}@media (min-width: 800px) and (orientation: portrait){._header_gxcag_33{font-size:50px}}@media (min-width: 992px) and (orientation: landscape){._header_gxcag_33{font-size:40px}}@media (min-width: 1200px){._header_gxcag_33{font-size:55px}}._header_gxcag_33{font-family:var(--font-secondary);margin-bottom:30px}._promo_gxcag_75{grid-row:auto/span 4;padding:20px;display:grid;grid-template-rows:subgrid;min-width:73vw}._promo_gxcag_75[data-color=color-primary-dark]{background-color:var(--color-primary-dark);color:var(--color-white)}._promo_gxcag_75[data-color=color-primary-medium]{background-color:var(--color-primary-medium);color:var(--color-white)}._promo_gxcag_75[data-color=color-primary-light]{background-color:var(--color-primary-light);color:var(--color-neutral-dark)}._promo_gxcag_75[data-color=color-secondary]{background-color:var(--color-secondary);color:var(--color-neutral-dark)}._promo_gxcag_75[data-color=color-neutral-dark]{background-color:var(--color-neutral-dark);color:var(--color-white)}._promo_gxcag_75[data-color=color-neutral-medium]{background-color:var(--color-neutral-medium);color:var(--color-white)}._promo_gxcag_75[data-color=color-neutral-light]{background-color:var(--color-neutral-light);color:var(--color-neutral-dark)}._promo_gxcag_75[data-color=color-white]{background-color:var(--color-white);color:var(--color-neutral-dark)}._promo_gxcag_75[data-text-align=center]{text-align:center;align-items:center}._promo_gxcag_75 ._icon_gxcag_118{font-size:50px}._image_gxcag_122{width:100px;margin:0 auto}._promo__header_gxcag_127{margin:0;line-height:2.25rem;text-transform:uppercase;letter-spacing:3px}@media (min-width: 0){._promo__header_gxcag_127{font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}}@media (min-width: 625px){._promo__header_gxcag_127{font-size:26px}}@media (min-width: 800px) and (orientation: landscape){._promo__header_gxcag_127{font-size:20px}}@media (min-width: 800px) and (orientation: portrait){._promo__header_gxcag_127{font-size:30px}}@media (min-width: 992px) and (orientation: landscape){._promo__header_gxcag_127{font-size:28px}}@media (min-width: 0){._cta_gxcag_164{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._cta_gxcag_164{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._cta_gxcag_164{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._cta_gxcag_164{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._cta_gxcag_164{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._cta_gxcag_164{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._cta_gxcag_164{line-height:1.7}}._cta_gxcag_164{margin:0 auto}._icon_gxcag_118{font-size:60px}@media (min-width: 0){._promo__body_gxcag_211{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._promo__body_gxcag_211{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._promo__body_gxcag_211{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._promo__body_gxcag_211{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._promo__body_gxcag_211{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._promo__body_gxcag_211{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._promo__body_gxcag_211{line-height:1.7}}._stat_gxcag_250{display:flex;align-items:center;margin-bottom:5px}._stat_gxcag_250 span:first-child{margin-right:10px}@media (min-width: 0){._statText_gxcag_260{font-size:22px;line-height:1.2}}@media (min-width: 800px) and (orientation: portrait){._statText_gxcag_260{font-size:28px}}@media (min-width: 800px) and (orientation: landscape){._statText_gxcag_260{font-size:18px}}@media (min-width: 992px) and (orientation: portrait){._statText_gxcag_260{font-size:28px;line-height:1.3}}@media (min-width: 992px) and (orientation: landscape){._statText_gxcag_260{font-size:24px;line-height:1.3}}@media (min-width: 1200px){._statText_gxcag_260{font-size:24px;line-height:1.5}}@media (min-width: 1600px){._statText_gxcag_260{line-height:1.7}}._statText_gxcag_260{font-style:italic}@media (min-width: 625px){._group_gxcag_2._slider_gxcag_27{grid-template-columns:1fr 1fr;padding:0}._promo_gxcag_75{min-width:unset}}@media (min-width: 800px) and (orientation: landscape){._group_gxcag_2._slider_gxcag_27{grid-template-columns:repeat(auto-fit,1fr)}._image_gxcag_122{width:80px}}@media (min-width: 800px) and (orientation: portrait){._group_gxcag_2._slider_gxcag_27{gap:30px}}@media (min-width: 992px){._group_gxcag_2{grid-template-columns:repeat(var(--promos),1fr)}._group_gxcag_2._slider_gxcag_27{grid-template-columns:1fr 1fr 1fr;gap:20px}}@media (min-width: 1600px){._promo_gxcag_75{padding:50px}}

package/dist/components/Container/Container.js

@@ -1,43 +1,45 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../index-BIlioXmW.js";
-import { useRef as f } from "react";
+import { c as t } from "../../index-BIlioXmW.js";
+import { useRef as _ } from "react";
 import "../../Particles-CKNJUrOc.js";
-import '../../assets/Container.css';const _ = "_container_xosaf_1", u = "_innerContainer_xosaf_36", x = "_styleless_xosaf_127", e = {
-  container: _,
-  innerContainer: u,
-  styleless: x
-}, g = ({
-  color: t,
+import '../../assets/Container.css';const u = "_container_xosaf_1", x = "_innerContainer_xosaf_36", y = "_styleless_xosaf_127", e = {
+  container: u,
+  innerContainer: x,
+  styleless: y
+}, N = ({
+  color: s,
   children: a,
-  maxWidth: o,
-  styleless: r,
+  maxWidth: r,
+  styleless: o,
   backgroundImage: i,
   backgroundPosition: l,
   fullHeight: c,
-  center: m
+  center: m,
+  hide: f
 }) => {
-  const d = f();
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: s(e.container, r && e.styleless),
-      "data-color": t,
-      ref: d,
-      style: { backgroundImage: `url(${i})`, backgroundPosition: l },
-      "data-full-height": c,
-      "data-center": m,
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          className: s(e.innerContainer),
-          "data-max-width": o,
-          children: a
-        }
-      )
-    }
-  );
+  const d = _();
+  if (!f)
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: t(e.container, o && e.styleless),
+        "data-color": s,
+        ref: d,
+        style: { backgroundImage: `url(${i})`, backgroundPosition: l },
+        "data-full-height": c,
+        "data-center": m,
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: t(e.innerContainer),
+            "data-max-width": r,
+            children: a
+          }
+        )
+      }
+    );
 };
 export {
-  g as default
+  N as default
 };

package/dist/components/Countdown/Countdown.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as u, useEffect as d } from "react";
+import '../../assets/Countdown.css';const f = "_countdown_1ilam_1", m = "_block_1ilam_12", s = {
+  countdown: f,
+  block: m
+}, w = ({ targetDate: c }) => {
+  const n = () => {
+    const e = new Date(c) - /* @__PURE__ */ new Date();
+    return e <= 0 ? null : {
+      days: Math.floor(e / 864e5),
+      hours: Math.floor(e / 36e5 % 24),
+      minutes: Math.floor(e / 1e3 / 60 % 60),
+      seconds: Math.floor(e / 1e3 % 60)
+    };
+  }, [o, r] = u(n()), a = ["days", "hours", "minutes", "seconds"];
+  return d(() => {
+    const e = setInterval(() => {
+      r(n());
+    }, 1e3);
+    return () => clearInterval(e);
+  }, []), o ? /* @__PURE__ */ t("div", { className: s.countdown, children: a.map((e, l) => /* @__PURE__ */ i("div", { className: s.block, children: [
+    /* @__PURE__ */ t("span", { children: o[e] }),
+    /* @__PURE__ */ t("span", { children: e })
+  ] }, `countdown-${l}`)) }) : /* @__PURE__ */ t("span", { children: "Time’s up" });
+};
+export {
+  w as default
+};

package/dist/components/Fifty/Fifty.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import u from "../Button/Button.js";
 import { useFadeIn as p } from "../../hooks/useFadeIn.js";
 import { c as v } from "../../index-BIlioXmW.js";
-import { Fragment as a } from "react";
+import { Fragment as o } from "react";
 import g from "../IconDetail/IconDetail.js";
-import '../../assets/Fifty.css';const w = "_content_1d5wu_2", x = "_fifty_1d5wu_41", y = "_reverse_1d5wu_79", N = "_image_1d5wu_82", j = "_text_1d5wu_146", F = "_ctas_1d5wu_199", I = "_details_1d5wu_212", t = {
+import '../../assets/Fifty.css';const w = "_content_1d5wu_2", x = "_fifty_1d5wu_41", N = "_reverse_1d5wu_79", y = "_image_1d5wu_82", j = "_text_1d5wu_146", F = "_ctas_1d5wu_199", I = "_details_1d5wu_212", t = {
   content: w,
   fifty: x,
-  reverse: y,
-  image: N,
+  reverse: N,
+  image: y,
   text: j,
   ctas: F,
   details: I
 }, q = ({
-  heading: o,
-  body: d,
+  heading: d,
+  body: r,
   ctas: s,
   color: m,
   image: l,
   reverse: _,
   pos: f,
-  details: r
+  details: n
 }) => {
   const h = p({ duration: 0.8 });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: v(t.fifty, !!_ && t.reverse),
       "data-color": m,
       children: [
-        /* @__PURE__ */ e("div", { className: t.content, ref: h, children: /* @__PURE__ */ n("div", { className: t.text, children: [
-          /* @__PURE__ */ e("h2", { children: o }),
-          /* @__PURE__ */ e("p", { children: d }),
-          /* @__PURE__ */ e("div", { className: t.ctas, children: s && !!s.length && s.map((i, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(u, { ...i }) }, c)) }),
-          /* @__PURE__ */ e("div", { className: t.details, children: r && r.map((i, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(g, { ...i }) }, c)) })
+        /* @__PURE__ */ e("div", { className: t.content, ref: h, children: /* @__PURE__ */ a("div", { className: t.text, children: [
+          /* @__PURE__ */ e("h2", { children: d }),
+          r && /* @__PURE__ */ e("p", { children: r }),
+          /* @__PURE__ */ e("div", { className: t.ctas, children: s && !!s.length && s.map((i, c) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(u, { ...i }) }, c)) }),
+          /* @__PURE__ */ e("div", { className: t.details, children: n && n.map((i, c) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(g, { ...i }) }, c)) })
         ] }) }),
         /* @__PURE__ */ e("div", { className: t.image, children: /* @__PURE__ */ e("img", { src: l, style: { objectPosition: f } }) })
       ]

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,56 +1,57 @@
 "use client";
-import { jsxs as c, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
 import "react";
 import "../../index-BlCqcUwj.js";
 import "../../hooks/useFadeIn.js";
 import d from "../Button/Button.js";
-import { c as m } from "../../index-BIlioXmW.js";
+import { c as i } from "../../index-BIlioXmW.js";
 import "../../Particles-CKNJUrOc.js";
 import "../../index-DyQs5aC7.js";
 import "../PinnedImage/PinnedImage.js";
 import "../ParallaxImageGrid/ParallaxImageGrid.js";
-import '../../assets/PromoGroup.css';const n = "_group_qbcz0_2", h = "_slider_qbcz0_27", p = "_header_qbcz0_33", b = "_promo_qbcz0_75", g = "_image_qbcz0_119", N = "_promo__header_qbcz0_124", q = "_cta_qbcz0_161", u = "_promo__body_qbcz0_204", y = "_stat_qbcz0_243", z = "_statText_qbcz0_253", e = {
-  group: n,
-  slider: h,
-  header: p,
-  promo: b,
-  image: g,
-  promo__header: N,
-  cta: q,
-  promo__body: u,
-  stat: y,
-  statText: z
-}, P = ({ header: i, promos: s }) => /* @__PURE__ */ c(l, { children: [
-  /* @__PURE__ */ t("h2", { className: e.header, children: i }),
-  /* @__PURE__ */ t(
+import '../../assets/PromoGroup.css';const m = "_group_gxcag_2", g = "_slider_gxcag_27", h = "_header_gxcag_33", p = "_promo_gxcag_75", x = "_icon_gxcag_118", N = "_image_gxcag_122", u = "_promo__header_gxcag_127", y = "_cta_gxcag_164", b = "_promo__body_gxcag_211", v = "_stat_gxcag_250", f = "_statText_gxcag_260", t = {
+  group: m,
+  slider: g,
+  header: h,
+  promo: p,
+  icon: x,
+  image: N,
+  promo__header: u,
+  cta: y,
+  promo__body: b,
+  stat: v,
+  statText: f
+}, w = ({ header: _, promos: s }) => /* @__PURE__ */ c(n, { children: [
+  /* @__PURE__ */ e("h2", { className: t.header, children: _ }),
+  /* @__PURE__ */ e(
     "div",
     {
-      className: m(e.group, s.length > 3 && e.slider),
+      className: i(t.group, s.length > 3 && t.slider),
       style: { "--promos": s.length },
-      children: s.map((a, r) => /* @__PURE__ */ c(
+      children: s.map((a, o) => /* @__PURE__ */ c(
         "div",
         {
-          delay: 0.1 * r,
-          className: e.promo,
+          delay: 0.1 * o,
+          className: t.promo,
           "data-color": a.color,
           "data-text-align": a.textAlign,
           children: [
-            a.icon && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: a.icon }),
-            a.image && /* @__PURE__ */ t("img", { className: e.image, src: a.image }),
-            a.header && /* @__PURE__ */ t("h3", { className: e.promo__header, children: a.header }),
-            /* @__PURE__ */ t("p", { className: e.promo__body, children: a.body }),
-            a.cta && /* @__PURE__ */ t("div", { className: e.cta, children: /* @__PURE__ */ t(d, { ...a.cta }) }),
-            a.stats && /* @__PURE__ */ t("div", { className: e.stats, children: a.stats.map((o, _) => /* @__PURE__ */ c("div", { className: e.stat, children: [
-              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: o.icon }),
-              /* @__PURE__ */ t("span", { className: e.statText, children: o.text })
-            ] }, `stat-${_}`)) })
+            a.icon && /* @__PURE__ */ e("span", { className: i("material-symbols-outlined", t.icon), children: a.icon }),
+            a.image && /* @__PURE__ */ e("img", { className: t.image, src: a.image }),
+            a.header && /* @__PURE__ */ e("h3", { className: t.promo__header, children: a.header }),
+            /* @__PURE__ */ e("p", { className: t.promo__body, children: a.body }),
+            a.cta && /* @__PURE__ */ e("div", { className: t.cta, children: /* @__PURE__ */ e(d, { ...a.cta }) }),
+            a.stats && /* @__PURE__ */ e("div", { className: t.stats, children: a.stats.map((r, l) => /* @__PURE__ */ c("div", { className: t.stat, children: [
+              /* @__PURE__ */ e("span", { className: "material-symbols-outlined", children: r.icon }),
+              /* @__PURE__ */ e("span", { className: t.statText, children: r.text })
+            ] }, `stat-${l}`)) })
           ]
         },
-        `promo-${r}`
+        `promo-${o}`
       ))
     }
   )
 ] });
 export {
-  P as default
+  w as default
 };

package/dist/components/Schedule/Schedule.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { Fragment as n } from "react";
+import '../../assets/Schedule.css';const a = "_schedule_3q4gz_2", m = "_timeline_3q4gz_75", r = "_time_3q4gz_75", o = "_dot_3q4gz_88", _ = "_diagram_3q4gz_96", h = "_line_3q4gz_102", e = {
+  schedule: a,
+  timeline: m,
+  time: r,
+  dot: o,
+  diagram: _,
+  line: h
+}, u = ({ slots: d, header: t }) => /* @__PURE__ */ s("div", { className: e.schedule, children: [
+  /* @__PURE__ */ i("h3", { children: t }),
+  /* @__PURE__ */ i("div", { className: e.timeline, children: d.map((c, l) => /* @__PURE__ */ s(n, { children: [
+    /* @__PURE__ */ i("div", { className: e.time, children: c.time }),
+    /* @__PURE__ */ s("div", { className: e.diagram, children: [
+      /* @__PURE__ */ i("span", { className: e.line }),
+      /* @__PURE__ */ i("div", { className: e.dot })
+    ] }),
+    /* @__PURE__ */ i("div", { className: e.description, children: c.description })
+  ] }, l)) })
+] });
+export {
+  u as default
+};

package/dist/index.js

@@ -1,71 +1,54 @@
-import { default as v } from "./components/PromoGroup/PromoGroup.js";
-import { default as B } from "./components/Background/Background.js";
-import { default as y } from "./components/Banner/Banner.js";
-import { default as G } from "./components/BorderedBackground/BorderedBackground.js";
-import { default as I } from "./components/Button/Button.js";
-import { default as b } from "./components/Container/Container.js";
-import { default as O } from "./components/Fifty/Fifty.js";
-import { default as j } from "./components/Footer/Footer.js";
-import { default as A } from "./components/ImageTextBlock/ImageTextBlock.js";
-import { default as D } from "./components/List/List.js";
-import { default as H } from "./components/OverlayHero/OverlayHero.js";
-import { default as M } from "./components/Note/Note.js";
-import { default as V } from "./components/MenuButton/MenuButton.js";
-import { default as J } from "./components/Navbar/Navbar.js";
-import { default as Q } from "./components/PinnedImage/PinnedImage.js";
-import { default as W } from "./components/IconDetail/IconDetail.js";
-import { default as Y } from "./components/Overlay/Overlay.js";
-import { default as $ } from "./components/GenericOverlay/GenericOverlay.js";
-import { default as ae } from "./components/Toolbar/Toolbar.js";
-import { default as te } from "./components/GridGallery/GridGallery.js";
-import { default as le } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
-import { default as se } from "./components/TextBlock/TextBlock.js";
-import { default as fe } from "./components/RSVPEmbed/RSVPEmbed.js";
-import { default as ne } from "./components/Accordion/Accordion.js";
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { Fragment as s } from "react";
-import './assets/index.css';const m = "_schedule_3q4gz_2", f = "_timeline_3q4gz_75", i = "_time_3q4gz_75", n = "_dot_3q4gz_88", c = "_diagram_3q4gz_96", u = "_line_3q4gz_102", e = {
-  schedule: m,
-  timeline: f,
-  time: i,
-  dot: n,
-  diagram: c,
-  line: u
-}, _ = ({ slots: o, header: l }) => /* @__PURE__ */ r("div", { className: e.schedule, children: [
-  /* @__PURE__ */ a("h3", { children: l }),
-  /* @__PURE__ */ a("div", { className: e.timeline, children: o.map((t, d) => /* @__PURE__ */ r(s, { children: [
-    /* @__PURE__ */ a("div", { className: e.time, children: t.time }),
-    /* @__PURE__ */ r("div", { className: e.diagram, children: [
-      /* @__PURE__ */ a("span", { className: e.line }),
-      /* @__PURE__ */ a("div", { className: e.dot })
-    ] }),
-    /* @__PURE__ */ a("div", { className: e.description, children: t.description })
-  ] }, d)) })
-] });
+import { default as r } from "./components/PromoGroup/PromoGroup.js";
+import { default as t } from "./components/Background/Background.js";
+import { default as l } from "./components/Banner/Banner.js";
+import { default as u } from "./components/BorderedBackground/BorderedBackground.js";
+import { default as x } from "./components/Button/Button.js";
+import { default as s } from "./components/Container/Container.js";
+import { default as c } from "./components/Fifty/Fifty.js";
+import { default as B } from "./components/Footer/Footer.js";
+import { default as y } from "./components/ImageTextBlock/ImageTextBlock.js";
+import { default as k } from "./components/List/List.js";
+import { default as I } from "./components/OverlayHero/OverlayHero.js";
+import { default as b } from "./components/Note/Note.js";
+import { default as T } from "./components/MenuButton/MenuButton.js";
+import { default as F } from "./components/Navbar/Navbar.js";
+import { default as S } from "./components/PinnedImage/PinnedImage.js";
+import { default as w } from "./components/IconDetail/IconDetail.js";
+import { default as D } from "./components/Overlay/Overlay.js";
+import { default as H } from "./components/GenericOverlay/GenericOverlay.js";
+import { default as M } from "./components/Toolbar/Toolbar.js";
+import { default as V } from "./components/GridGallery/GridGallery.js";
+import { default as q } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
+import { default as J } from "./components/TextBlock/TextBlock.js";
+import { default as Q } from "./components/RSVPEmbed/RSVPEmbed.js";
+import { default as W } from "./components/Accordion/Accordion.js";
+import { default as Y } from "./components/Schedule/Schedule.js";
+import { default as _ } from "./components/Countdown/Countdown.js";
 export {
-  ne as Accordion,
-  B as Background,
-  y as Banner,
-  G as BorderedBackground,
-  I as Button,
-  b as Container,
-  O as Fifty,
-  j as Footer,
-  $ as GenericOverlay,
-  te as GridGallery,
-  W as IconDetail,
-  A as ImageTextBlock,
-  D as List,
-  V as MenuButton,
-  J as Navbar,
-  M as Note,
-  Y as Overlay,
-  H as OverlayHero,
-  le as ParallaxImageGrid,
-  Q as PinnedImage,
-  v as PromoGroup,
-  fe as RSVPEmbed,
-  _ as Schedule,
-  se as TextBlock,
-  ae as Toolbar
+  W as Accordion,
+  t as Background,
+  l as Banner,
+  u as BorderedBackground,
+  x as Button,
+  s as Container,
+  _ as Countdown,
+  c as Fifty,
+  B as Footer,
+  H as GenericOverlay,
+  V as GridGallery,
+  w as IconDetail,
+  y as ImageTextBlock,
+  k as List,
+  T as MenuButton,
+  F as Navbar,
+  b as Note,
+  D as Overlay,
+  I as OverlayHero,
+  q as ParallaxImageGrid,
+  S as PinnedImage,
+  r as PromoGroup,
+  Q as RSVPEmbed,
+  Y as Schedule,
+  J as TextBlock,
+  M as Toolbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@courtneyring/components-library",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",