@courtneyring/components-library 1.0.35 → 1.0.36

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,107 +0,0 @@
-"use client";
-import { jsxs as n, Fragment as N, jsx as a } from "react/jsx-runtime";
-import { useMemo as q } from "react";
-import "../../index-K0WrPJ_C.js";
-import "../../hooks/useFadeIn.js";
-import f from "../Button/Button.js";
-import { appleStagger as r } from "../../presets/animations.js";
-import { c as m } from "../../index-B2JRaoNz.js";
-import "../OverlayHero/OverlayHero.js";
-import "../../index-DyQs5aC7.js";
-import { useStagger as y } from "../../hooks/useStagger.js";
-import "../FloatingWordsHero/FloatingWordsHero.js";
-import "../../index.modern-DPbS1w7M.js";
-import '../../assets/PromoGroup.css';const C = "_group_iq3ie_2", b = "_slider_iq3ie_27", x = "_header_iq3ie_33", v = "_promo_iq3ie_81", T = "_icon_iq3ie_131", $ = "_cta_iq3ie_141", j = "_imageContainer_iq3ie_149", F = "_image_iq3ie_149", k = "_promo__header_iq3ie_161", S = "_promo__body_iq3ie_253", z = "_stats_iq3ie_300", A = "_stat_iq3ie_300", B = "_statText_iq3ie_314", e = {
-  group: C,
-  slider: b,
-  header: x,
-  promo: v,
-  icon: T,
-  cta: $,
-  imageContainer: j,
-  image: F,
-  promo__header: k,
-  promo__body: S,
-  stats: z,
-  stat: A,
-  statText: B,
-  "count-4": "_count-4_iq3ie_381",
-  "count-2": "_count-2_iq3ie_381"
-}, Q = ({ header: d, promos: i, direction: c = "vertical", slider: g }) => {
-  const h = ["icon", "header", "body", "cta", "stats", "image"], p = y(`.${e.promo}`, r.from, {
-    ...r.to,
-    stagger: r.stagger,
-    scrollTrigger: { start: r.start }
-  }), l = q(() => {
-    let t = 0;
-    for (let s of h)
-      i.some((o) => !!o[s]) && (t += 1);
-    return t;
-  }, [i]);
-  return /* @__PURE__ */ n(N, { children: [
-    /* @__PURE__ */ a("h2", { className: e.header, children: d }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        ref: p,
-        className: m(
-          e.group,
-          e[`count-${i.length}`],
-          g && e.slider
-        ),
-        style: {
-          "--promos": i.length,
-          "--propCount": c == "horizontal" ? l - 1 : l
-        },
-        children: i.map((t, s) => {
-          const o = t.containerCta ? "a" : "div";
-          return /* @__PURE__ */ n(
-            o,
-            {
-              onClick: t.containerCta?.onClick || null,
-              href: t.containerCta?.href || null,
-              target: t.containerCta?.target || null,
-              delay: 0.1 * s,
-              className: e.promo,
-              "data-color": t.color,
-              "data-text-align": t.textAlign,
-              "data-direction": c,
-              children: [
-                t.icon && /* @__PURE__ */ a(
-                  "span",
-                  {
-                    className: m(
-                      "material-symbols-outlined",
-                      e.icon,
-                      !t.icon && "hidden"
-                    ),
-                    children: t.icon
-                  }
-                ),
-                t.image && /* @__PURE__ */ a("div", { className: e.imageContainer, children: /* @__PURE__ */ a(
-                  "img",
-                  {
-                    style: { objectFit: t.imageFit },
-                    className: e.image,
-                    src: t.image
-                  }
-                ) }),
-                t.header && /* @__PURE__ */ a("h3", { className: e.promo__header, children: t.header }),
-                /* @__PURE__ */ a("p", { className: e.promo__body, children: t.body }),
-                t.cta && /* @__PURE__ */ a("div", { className: e.cta, children: /* @__PURE__ */ a(f, { ...t.cta }) }),
-                t.stats && /* @__PURE__ */ a("div", { className: e.stats, children: t.stats.map((_, u) => /* @__PURE__ */ n("div", { className: e.stat, children: [
-                  /* @__PURE__ */ a("span", { className: "material-symbols-outlined", children: _.icon }),
-                  /* @__PURE__ */ a("span", { className: e.statText, children: _.text })
-                ] }, `stat-${u}`)) })
-              ]
-            },
-            `promo-${s}`
-          );
-        })
-      }
-    )
-  ] });
-};
-export {
-  Q as default
-};

package/dist/components/Schedule/Schedule.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { Fragment as l } from "react";
-import '../../assets/Schedule.css';const n = "_schedule_rm7y9_2", a = "_timeline_rm7y9_79", r = "_time_rm7y9_79", o = "_dot_rm7y9_92", _ = "_diagram_rm7y9_100", h = "_line_rm7y9_106", e = {
-  schedule: n,
-  timeline: a,
-  time: r,
-  dot: o,
-  diagram: _,
-  line: h
-}, y = ({ slots: c, header: d }) => /* @__PURE__ */ s("div", { className: e.schedule, children: [
-  /* @__PURE__ */ i("h3", { children: d }),
-  /* @__PURE__ */ i("div", { className: e.timeline, children: c.map((m, t) => /* @__PURE__ */ s(l, { children: [
-    /* @__PURE__ */ i("div", { className: e.time, children: m.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: m.description })
-  ] }, t)) })
-] });
-export {
-  y as default
-};

package/dist/components/Spacer/Spacer.js

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-const s = ({ height: r, className: t }) => /* @__PURE__ */ e("div", { style: { height: r }, className: t });
-export {
-  s as default
-};

package/dist/components/TextBlock/TextBlock.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsxs as i, jsx as s } 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_1iuzs_1", p = "_blocks_1iuzs_52", k = "_block_1iuzs_52", h = "_blockHeader_1iuzs_63", b = "_description_1iuzs_92", e = {
-  title: _,
-  blocks: p,
-  block: k,
-  blockHeader: h,
-  description: b
-}, z = ({ header: l, blocks: t }) => /* @__PURE__ */ i("div", { className: e.container, children: [
-  /* @__PURE__ */ s("h2", { className: e.title, children: l }),
-  /* @__PURE__ */ s("div", { className: e.blocks, children: t.map((c, o) => (
-    // <div className={styles.block} key={`block-${idx}`}>
-    /* @__PURE__ */ i("div", { className: e.block, children: [
-      /* @__PURE__ */ s("h3", { className: e.blockHeader, children: c.header }),
-      /* @__PURE__ */ i("div", { className: e.content, children: [
-        /* @__PURE__ */ s("div", { className: e.description, children: n(c.description) }),
-        /* @__PURE__ */ s("div", { className: e.details, children: c.details && c.details.map((a, r) => /* @__PURE__ */ d(m, { ...a, key: r })) })
-      ] })
-    ] }, `block-${o}`)
-  )) })
-] });
-export {
-  z as default
-};

package/dist/components/Timeline/Timeline.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsxs as l, Fragment as g, jsx as t } from "react/jsx-runtime";
-import { useRef as a, useEffect as f } from "react";
-import { g as o } from "../../index-BmTo-IS6.js";
-import { S as p } from "../../ScrollTrigger-6HnikosL.js";
-import '../../assets/Timeline.css';const h = "_spacer_1g76i_1", u = "_timelineWrapper_1g76i_6", x = "_linePin_1g76i_12", v = "_timelineLine_1g76i_22", N = "_items_1g76i_33", y = "_item_1g76i_33", P = "_text_1g76i_49", i = {
-  spacer: h,
-  timelineWrapper: u,
-  linePin: x,
-  timelineLine: v,
-  items: N,
-  item: y,
-  text: P
-};
-o.registerPlugin(p);
-const W = [
-  { year: "2019", text: "Started the journey" },
-  { year: "2021", text: "Major milestone" },
-  { year: "2024", text: "Where we are today" }
-];
-function R() {
-  const s = a(null), d = a(null), m = a(null);
-  return f(() => {
-    const e = window.innerHeight, c = o.context(() => {
-      p.create({
-        trigger: s.current,
-        start: "top top",
-        end: `+=${e * 2}`,
-        // controls how long it stays pinned
-        pin: d.current,
-        scrub: !0,
-        onUpdate: (_) => {
-          const r = _.progress;
-          let n;
-          r < 0.25 ? n = r / 0.25 * 0.5 * e : r < 0.75 ? n = 0.5 * e : n = 0.5 * e + (r - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: n });
-        }
-      });
-    }, s);
-    return () => c.revert();
-  }, []), /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ t("div", { className: i.spacer }),
-    /* @__PURE__ */ l("section", { className: i.timelineWrapper, ref: s, children: [
-      /* @__PURE__ */ t("div", { className: i.linePin, children: /* @__PURE__ */ t("div", { className: i.timelineLine, ref: m }) }),
-      /* @__PURE__ */ t("div", { className: i.items, children: W.map((e, c) => /* @__PURE__ */ t("div", { className: i.item, children: /* @__PURE__ */ l("div", { className: i.text, children: [
-        /* @__PURE__ */ t("h3", { children: e.year }),
-        /* @__PURE__ */ t("p", { children: e.text })
-      ] }) }, c)) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: i.spacer })
-  ] });
-}
-export {
-  R as default
-};

package/dist/hooks/useActiveSection 4.js

@@ -1,27 +0,0 @@
-import { useState as s, useEffect as l } from "react";
-function a() {
-  const [o, r] = s < string | null > null;
-  return l(() => {
-    const c = Array.from(
-      document.querySelectorAll < HTMLElement > '[id^="section-"]'
-    ), t = new IntersectionObserver(
-      (e) => {
-        e.forEach((n) => {
-          if (n.isIntersecting) {
-            const i = n.target.id.replace("section-", "");
-            r(i);
-          }
-        });
-      },
-      {
-        root: null,
-        rootMargin: "-40% 0px -40% 0px",
-        threshold: 0
-      }
-    );
-    return c.forEach((e) => t.observe(e)), () => t.disconnect();
-  }, []), o;
-}
-export {
-  a as useActiveSection
-};

package/dist/hooks/useActiveSection.js

@@ -1,27 +0,0 @@
-import { useState as s, useEffect as l } from "react";
-function a() {
-  const [o, r] = s < string | null > null;
-  return l(() => {
-    const c = Array.from(
-      document.querySelectorAll < HTMLElement > '[id^="section-"]'
-    ), t = new IntersectionObserver(
-      (e) => {
-        e.forEach((n) => {
-          if (n.isIntersecting) {
-            const i = n.target.id.replace("section-", "");
-            r(i);
-          }
-        });
-      },
-      {
-        root: null,
-        rootMargin: "-40% 0px -40% 0px",
-        threshold: 0
-      }
-    );
-    return c.forEach((e) => t.observe(e)), () => t.disconnect();
-  }, []), o;
-}
-export {
-  a as useActiveSection
-};

package/dist/hooks/useFadeIn 4.js

@@ -1,52 +0,0 @@
-import { useRef as f } from "react";
-import { g as s } from "../index-BmTo-IS6.js";
-import { S as g } from "../ScrollTrigger-6HnikosL.js";
-import { u as m } from "../index-K0WrPJ_C.js";
-s.registerPlugin(g);
-function b({
-  direction: u = "none",
-  // 'up' | 'down' | 'left' | 'right' | 'none'
-  distance: t = 40,
-  duration: c = 0.8,
-  delay: i = 0,
-  ease: n = "power2.out",
-  start: a = "top 85%",
-  once: p = !0
-} = {}) {
-  const r = f(null);
-  return m(
-    () => {
-      if (!r.current) return;
-      const e = { opacity: 0 }, o = {
-        opacity: 1,
-        duration: c,
-        delay: i,
-        ease: n,
-        scrollTrigger: {
-          trigger: r.current,
-          start: a,
-          once: p
-        }
-      };
-      switch (u) {
-        case "up":
-          e.y = t, o.y = 0;
-          break;
-        case "down":
-          e.y = -t, o.y = 0;
-          break;
-        case "left":
-          e.x = t, o.x = 0;
-          break;
-        case "right":
-          e.x = -t, o.x = 0;
-          break;
-      }
-      s.fromTo(r.current, e, o);
-    },
-    { scope: r }
-  ), r;
-}
-export {
-  b as useFadeIn
-};

package/dist/hooks/useFadeIn.js

@@ -1,52 +0,0 @@
-import { useRef as f } from "react";
-import { g as s } from "../index-BmTo-IS6.js";
-import { S as g } from "../ScrollTrigger-6HnikosL.js";
-import { u as m } from "../index-K0WrPJ_C.js";
-s.registerPlugin(g);
-function b({
-  direction: u = "none",
-  // 'up' | 'down' | 'left' | 'right' | 'none'
-  distance: t = 40,
-  duration: c = 0.8,
-  delay: i = 0,
-  ease: n = "power2.out",
-  start: a = "top 85%",
-  once: p = !0
-} = {}) {
-  const r = f(null);
-  return m(
-    () => {
-      if (!r.current) return;
-      const e = { opacity: 0 }, o = {
-        opacity: 1,
-        duration: c,
-        delay: i,
-        ease: n,
-        scrollTrigger: {
-          trigger: r.current,
-          start: a,
-          once: p
-        }
-      };
-      switch (u) {
-        case "up":
-          e.y = t, o.y = 0;
-          break;
-        case "down":
-          e.y = -t, o.y = 0;
-          break;
-        case "left":
-          e.x = t, o.x = 0;
-          break;
-        case "right":
-          e.x = -t, o.x = 0;
-          break;
-      }
-      s.fromTo(r.current, e, o);
-    },
-    { scope: r }
-  ), r;
-}
-export {
-  b as useFadeIn
-};

package/dist/hooks/useImageReveal 4.js

@@ -1,55 +0,0 @@
-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

@@ -1,55 +0,0 @@
-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/useNavColor 4.js

@@ -1,15 +0,0 @@
-import { useState as e, useEffect as n } from "react";
-let o = null;
-function a(t = "color-neutral-light") {
-  const [r, l] = e(t);
-  return n(() => (o = l, () => {
-    o === l && (o = null);
-  }), []), [r, l];
-}
-function f(t) {
-  o && o(t);
-}
-export {
-  f as notifyNavColor,
-  a as useNavColor
-};

package/dist/hooks/useNavColor.js

@@ -1,15 +0,0 @@
-import { useState as e, useEffect as n } from "react";
-let o = null;
-function a(t = "color-neutral-light") {
-  const [r, l] = e(t);
-  return n(() => (o = l, () => {
-    o === l && (o = null);
-  }), []), [r, l];
-}
-function f(t) {
-  o && o(t);
-}
-export {
-  f as notifyNavColor,
-  a as useNavColor
-};

package/dist/hooks/useRepeatable 4.js

@@ -1,32 +0,0 @@
-import { useState as k, useEffect as j } from "react";
-const L = ({ componentType: o, copy: l, length: a }) => {
-  const [f, i] = k([]), b = {
-    promo: {
-      header: "Header",
-      body: "Body",
-      linkUrl: "LinkUrl",
-      linkLabel: "LinkLabel",
-      icon: "Icon"
-    },
-    textBlock: {
-      title: "Title",
-      body: "Body"
-    }
-  }, n = ({ componentType: e, copy: t, i: r }) => {
-    let u = b[`${e}`], s = {};
-    for (let [d, c] of Object.entries(u))
-      s[d] = t[`${e}${c}${r + 1}`];
-    return s;
-  };
-  return j(() => {
-    let e = [];
-    for (let t = 0; t < a; t++) {
-      let r = n({ componentType: o, copy: l, i: t });
-      e.push(r);
-    }
-    i(e);
-  }, [o, l, a]), f;
-};
-export {
-  L as default
-};

package/dist/hooks/useRepeatable.js

@@ -1,32 +0,0 @@
-import { useState as k, useEffect as j } from "react";
-const L = ({ componentType: o, copy: l, length: a }) => {
-  const [f, i] = k([]), b = {
-    promo: {
-      header: "Header",
-      body: "Body",
-      linkUrl: "LinkUrl",
-      linkLabel: "LinkLabel",
-      icon: "Icon"
-    },
-    textBlock: {
-      title: "Title",
-      body: "Body"
-    }
-  }, n = ({ componentType: e, copy: t, i: r }) => {
-    let u = b[`${e}`], s = {};
-    for (let [d, c] of Object.entries(u))
-      s[d] = t[`${e}${c}${r + 1}`];
-    return s;
-  };
-  return j(() => {
-    let e = [];
-    for (let t = 0; t < a; t++) {
-      let r = n({ componentType: o, copy: l, i: t });
-      e.push(r);
-    }
-    i(e);
-  }, [o, l, a]), f;
-};
-export {
-  L as default
-};

package/dist/hooks/useResize 4.js

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

package/dist/hooks/useResize.js

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

package/dist/hooks/useResponsive 4.js

@@ -1,15 +0,0 @@
-import { useState as u, useEffect as f } from "react";
-import c from "./useResize.js";
-const a = (s) => {
-  const [e, o] = u(!1), r = c(), { innerWidth: t, innerHeight: i } = r;
-  return f(() => {
-    const n = s({
-      innerWidth: t,
-      innerHeight: i
-    });
-    n !== e && o(n);
-  }, [e, t, i, s]), e;
-};
-export {
-  a as default
-};

package/dist/hooks/useResponsive.js

@@ -1,15 +0,0 @@
-import { useState as u, useEffect as f } from "react";
-import c from "./useResize.js";
-const a = (s) => {
-  const [e, o] = u(!1), r = c(), { innerWidth: t, innerHeight: i } = r;
-  return f(() => {
-    const n = s({
-      innerWidth: t,
-      innerHeight: i
-    });
-    n !== e && o(n);
-  }, [e, t, i, s]), e;
-};
-export {
-  a as default
-};