@courtneyring/components-library 1.0.31 → 1.0.32

package/dist/components/Schedule/Schedule.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { Fragment as n } from "react";
-import '../../assets/Schedule.css';const a = "_schedule_10lfg_2", m = "_timeline_10lfg_85", r = "_time_10lfg_85", o = "_dot_10lfg_98", _ = "_diagram_10lfg_106", h = "_line_10lfg_112", e = {
+import '../../assets/Schedule.css';const a = "_schedule_1hj0g_2", m = "_timeline_1hj0g_79", r = "_time_1hj0g_79", h = "_dot_1hj0g_92", o = "_diagram_1hj0g_100", _ = "_line_1hj0g_106", e = {
   schedule: a,
   timeline: m,
   time: r,
-  dot: o,
-  diagram: _,
-  line: h
-}, p = ({ slots: c, header: d }) => /* @__PURE__ */ l("div", { className: e.schedule, children: [
-  /* @__PURE__ */ i("h3", { children: d }),
-  /* @__PURE__ */ i("div", { className: e.timeline, children: c.map((s, t) => /* @__PURE__ */ l(n, { children: [
-    /* @__PURE__ */ i("div", { className: e.time, children: s.time }),
-    /* @__PURE__ */ l("div", { className: e.diagram, children: [
+  dot: h,
+  diagram: o,
+  line: _
+}, p = ({ 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: s.description })
-  ] }, t)) })
+    /* @__PURE__ */ i("div", { className: e.description, children: c.description })
+  ] }, l)) })
 ] });
 export {
   p as default

package/dist/components/TextBlock/TextBlock.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as s, jsx as c } from "react/jsx-runtime";
-import { createElement as r } from "react";
-import d from "../../utils/parse.js";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { createElement as d } from "react";
+import n from "../../utils/parse.js";
 import m from "../IconDetail/IconDetail.js";
-import '../../assets/TextBlock.css';const _ = "_title_xfuni_1", p = "_blocks_xfuni_47", k = "_block_xfuni_47", h = "_blockHeader_xfuni_58", b = "_description_xfuni_92", e = {
-  title: _,
-  blocks: p,
-  block: k,
-  blockHeader: h,
-  description: b
-}, v = ({ header: l, blocks: t }) => /* @__PURE__ */ s("div", { className: e.container, children: [
-  /* @__PURE__ */ c("h2", { className: e.title, children: l }),
-  /* @__PURE__ */ c("div", { className: e.blocks, children: t.map((i, o) => (
+import '../../assets/TextBlock.css';const b = "_title_wzjzb_1", _ = "_blocks_wzjzb_47", p = "_block_wzjzb_47", k = "_blockHeader_wzjzb_58", h = "_description_wzjzb_87", e = {
+  title: b,
+  blocks: _,
+  block: p,
+  blockHeader: k,
+  description: h
+}, f = ({ header: t, blocks: i }) => /* @__PURE__ */ l("div", { className: e.container, children: [
+  /* @__PURE__ */ c("h2", { className: e.title, children: t }),
+  /* @__PURE__ */ c("div", { className: e.blocks, children: i.map((s, o) => (
     // <div className={styles.block} key={`block-${idx}`}>
-    /* @__PURE__ */ s("div", { className: e.block, children: [
-      /* @__PURE__ */ c("h3", { className: e.blockHeader, children: i.header }),
-      /* @__PURE__ */ s("div", { className: e.content, children: [
-        /* @__PURE__ */ c("div", { className: e.description, children: d(i.description) }),
-        /* @__PURE__ */ c("div", { className: e.details, children: i.details && i.details.map((a, n) => /* @__PURE__ */ r(m, { ...a, key: n })) })
+    /* @__PURE__ */ l("div", { className: e.block, children: [
+      /* @__PURE__ */ c("h3", { className: e.blockHeader, children: s.header }),
+      /* @__PURE__ */ l("div", { className: e.content, children: [
+        /* @__PURE__ */ c("div", { className: e.description, children: n(s.description) }),
+        /* @__PURE__ */ c("div", { className: e.details, children: s.details && s.details.map((a, r) => /* @__PURE__ */ d(m, { ...a, key: r })) })
       ] })
     ] }, `block-${o}`)
   )) })
 ] });
 export {
-  v as default
+  f as default
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as e, jsx as u, Fragment as f } from "react/jsx-runtime";
+import { jsxs as o, jsx as u, Fragment as f } from "react/jsx-runtime";
 import x from "../../hooks/useResize.js";
-import { useState as i, useEffect as a } from "react";
-import '../../assets/Toolbar.css';const b = "_toolbar_17thg_1", v = {
+import { useState as a, useEffect as d } from "react";
+import '../../assets/Toolbar.css';const b = "_toolbar_17thg_1", k = {
   toolbar: b
 }, y = () => {
-  const [o, d] = i(!0), [l, c] = i(0), n = x(), h = {
+  const [e, n] = a(!0), [l, c] = a(0), r = x(), h = {
     xxl: 1600,
     // 1600
     xl: 1200,
@@ -20,28 +20,28 @@ import '../../assets/Toolbar.css';const b = "_toolbar_17thg_1", v = {
     // 390
     xxs: 0
     // 0
-  }, r = (t) => {
-    t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), d(!o));
+  }, s = (t) => {
+    t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), n(!e));
   };
-  return a(() => (window.addEventListener("keyup", r), () => window.removeEventListener("keyup", r)), [o]), a(() => {
+  return d(() => (window.addEventListener("keyup", s), () => window.removeEventListener("keyup", s)), [e]), d(() => {
     const t = window.innerWidth;
-    let s = "xxs";
+    let i = "xxs";
     for (const [p, m] of Object.entries(h))
       if (t >= m) {
-        s = p;
+        i = p;
         break;
       }
-    c(s);
-  }, []), o ? /* @__PURE__ */ e("div", { className: v.toolbar, children: [
-    /* @__PURE__ */ e("div", { children: [
+    c(i);
+  }, []), e ? /* @__PURE__ */ o("div", { className: k.toolbar, onClick: () => n(!e), children: [
+    /* @__PURE__ */ o("div", { children: [
       "Width: ",
-      n.innerWidth
+      r.innerWidth
     ] }),
-    /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ o("div", { children: [
       "Height: ",
-      n.innerHeight
+      r.innerHeight
     ] }),
-    /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ o("div", { children: [
       "Breakpoint: ",
       l
     ] })

package/dist/hooks/useImageReveal 4.js

@@ -0,0 +1,55 @@
+import { useRef as d, useEffect as g } from "react";
+import { g as r } from "../index-BmTo-IS6.js";
+import { S as n } from "../ScrollTrigger-6HnikosL.js";
+function T(s = {}) {
+  const t = d(null);
+  return g(() => {
+    const o = t.current;
+    if (!o) return;
+    const {
+      start: i = "top 85%",
+      once: c = !0,
+      duration: a = 2,
+      ease: l = "power2.out",
+      color: u = "#ffffff"
+    } = s, f = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches, e = document.createElement("div");
+    e.style.cssText = `
+      position: absolute;
+      inset: 0;
+      background: ${u};
+      z-index: 1;
+      pointer-events: none;
+    `, o.style.position = "relative", o.appendChild(e);
+    const m = r.context(() => {
+      if (f) {
+        e.remove();
+        return;
+      }
+      r.fromTo(
+        e,
+        { opacity: 1 },
+        {
+          opacity: 0,
+          duration: a,
+          ease: l,
+          scrollTrigger: {
+            trigger: o,
+            start: i,
+            toggleActions: c ? "play none none none" : "play none none reverse"
+          },
+          onComplete: () => e.remove()
+        }
+      );
+    });
+    window.addEventListener("load", () => n.refresh());
+    const p = setTimeout(() => n.refresh(), 500);
+    return () => {
+      m.revert(), e.remove(), clearTimeout(p);
+    };
+  }, []), t;
+}
+export {
+  T as useImageReveal
+};

package/dist/hooks/useImageReveal.js

@@ -0,0 +1,55 @@
+import { useRef as d, useEffect as g } from "react";
+import { g as r } from "../index-BmTo-IS6.js";
+import { S as n } from "../ScrollTrigger-6HnikosL.js";
+function T(s = {}) {
+  const t = d(null);
+  return g(() => {
+    const o = t.current;
+    if (!o) return;
+    const {
+      start: i = "top 85%",
+      once: c = !0,
+      duration: a = 2,
+      ease: l = "power2.out",
+      color: u = "#ffffff"
+    } = s, f = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches, e = document.createElement("div");
+    e.style.cssText = `
+      position: absolute;
+      inset: 0;
+      background: ${u};
+      z-index: 1;
+      pointer-events: none;
+    `, o.style.position = "relative", o.appendChild(e);
+    const m = r.context(() => {
+      if (f) {
+        e.remove();
+        return;
+      }
+      r.fromTo(
+        e,
+        { opacity: 1 },
+        {
+          opacity: 0,
+          duration: a,
+          ease: l,
+          scrollTrigger: {
+            trigger: o,
+            start: i,
+            toggleActions: c ? "play none none none" : "play none none reverse"
+          },
+          onComplete: () => e.remove()
+        }
+      );
+    });
+    window.addEventListener("load", () => n.refresh());
+    const p = setTimeout(() => n.refresh(), 500);
+    return () => {
+      m.revert(), e.remove(), clearTimeout(p);
+    };
+  }, []), t;
+}
+export {
+  T as useImageReveal
+};

package/dist/hooks/{useResize 2.js → useResize 4.js }

@@ -1,19 +1,23 @@
 import { useState as t, useEffect as r } from "react";
-const o = () => {
-  const [e, i] = t({
-    innerWidth: typeof window < "u" && window.innerWidth,
-    innerHeight: typeof window < "u" && window.innerHeight
+const s = () => {
+  const [i, e] = t({
+    innerWidth: void 0,
+    innerHeight: void 0
   });
   return r(() => {
+    e({
+      innerWidth: window.innerWidth,
+      innerHeight: window.innerHeight
+    });
     const n = () => {
-      i({
+      e({
         innerWidth: window.innerWidth,
         innerHeight: window.innerHeight
       });
     };
     return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-  }, [e]), e;
+  }, []), i;
 };
 export {
-  o as default
+  s as default
 };

package/dist/hooks/useResize.js

@@ -1,19 +1,23 @@
 import { useState as t, useEffect as r } from "react";
-const o = () => {
-  const [e, i] = t({
-    innerWidth: typeof window < "u" && window.innerWidth,
-    innerHeight: typeof window < "u" && window.innerHeight
+const s = () => {
+  const [i, e] = t({
+    innerWidth: void 0,
+    innerHeight: void 0
   });
   return r(() => {
+    e({
+      innerWidth: window.innerWidth,
+      innerHeight: window.innerHeight
+    });
     const n = () => {
-      i({
+      e({
         innerWidth: window.innerWidth,
         innerHeight: window.innerHeight
       });
     };
     return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
-  }, [e]), e;
+  }, []), i;
 };
 export {
-  o as default
+  s as default
 };

package/dist/index 2.js

@@ -0,0 +1,50 @@
+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 d } from "./components/Button/Button.js";
+import { default as p } from "./components/Container/Container.js";
+import { default as s } from "./components/Fifty/Fifty.js";
+import { default as c } from "./components/Footer/Footer.js";
+import { default as B } from "./components/ImageTextBlock/ImageTextBlock.js";
+import { default as y } from "./components/OverlayHero/OverlayHero.js";
+import { default as g } from "./components/Note/Note.js";
+import { default as F } from "./components/MenuButton/MenuButton.js";
+import { default as S } from "./components/Navbar/Navbar.js";
+import { default as C } from "./components/IconDetail/IconDetail.js";
+import { default as H } from "./components/Overlay/Overlay.js";
+import { default as M } from "./components/GenericOverlay/GenericOverlay.js";
+import { default as P } from "./components/Toolbar/Toolbar.js";
+import { default as w } from "./components/TextBlock/TextBlock.js";
+import { default as D } from "./components/RSVPEmbed/RSVPEmbed.js";
+import { default as R } from "./components/Accordion/Accordion.js";
+import { default as W } from "./components/Schedule/Schedule.js";
+import { default as q } from "./components/Countdown/Countdown.js";
+import { default as J } from "./components/FloatingWordsHero/FloatingWordsHero.js";
+import { default as L } from "./components/Map/Map.js";
+import { default as U } from "./components/Spacer/Spacer.js";
+export {
+  R as Accordion,
+  t as Background,
+  l as Banner,
+  d as Button,
+  p as Container,
+  q as Countdown,
+  s as Fifty,
+  J as FloatingWordsHero,
+  c as Footer,
+  M as GenericOverlay,
+  C as IconDetail,
+  B as ImageTextBlock,
+  L as Map,
+  F as MenuButton,
+  S as Navbar,
+  g as Note,
+  H as Overlay,
+  y as OverlayHero,
+  r as PromoGroup,
+  D as RSVPEmbed,
+  W as Schedule,
+  U as Spacer,
+  w as TextBlock,
+  P as Toolbar
+};