@courtneyring/components-library 1.0.30 → 1.0.32

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,57 +1,106 @@
 "use client";
-import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
-import "react";
-import "../../index-BlCqcUwj.js";
+import { jsxs as c, Fragment as u, jsx as a } from "react/jsx-runtime";
+import { useMemo as N } from "react";
+import "../../index-K0WrPJ_C.js";
 import "../../hooks/useFadeIn.js";
-import d from "../Button/Button.js";
-import { c as i } from "../../index-BIlioXmW.js";
-import "../../Particles-CKNJUrOc.js";
+import z from "../Button/Button.js";
+import { appleStagger as o } from "../../presets/animations.js";
+import { c as m } from "../../index-B2JRaoNz.js";
+import "../OverlayHero/OverlayHero.js";
 import "../../index-DyQs5aC7.js";
-import "../PinnedImage/PinnedImage.js";
-import "../ParallaxImageGrid/ParallaxImageGrid.js";
-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: i(t.group, s.length > 3 && t.slider),
-      style: { "--promos": s.length },
-      children: s.map((a, o) => /* @__PURE__ */ c(
-        "div",
-        {
-          delay: 0.1 * o,
-          className: t.promo,
-          "data-color": a.color,
-          "data-text-align": a.textAlign,
-          children: [
-            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}`)) })
-          ]
+import { useStagger as f } from "../../hooks/useStagger.js";
+import "../FloatingWordsHero/FloatingWordsHero.js";
+import "../../index.modern-DPbS1w7M.js";
+import '../../assets/PromoGroup.css';const y = "_group_sebz3_2", C = "_slider_sebz3_27", x = "_header_sebz3_33", v = "_promo_sebz3_76", T = "_icon_sebz3_126", $ = "_cta_sebz3_136", j = "_imageContainer_sebz3_144", F = "_image_sebz3_144", k = "_promo__header_sebz3_156", S = "_promo__body_sebz3_248", A = "_stats_sebz3_295", B = "_stat_sebz3_295", G = "_statText_sebz3_309", e = {
+  group: y,
+  slider: C,
+  header: x,
+  promo: v,
+  icon: T,
+  cta: $,
+  imageContainer: j,
+  image: F,
+  promo__header: k,
+  promo__body: S,
+  stats: A,
+  stat: B,
+  statText: G,
+  "count-4": "_count-4_sebz3_386"
+}, Q = ({ header: d, promos: s, direction: i = "vertical", slider: g }) => {
+  const h = ["icon", "header", "body", "cta", "stats", "image"], p = f(`.${e.promo}`, o.from, {
+    ...o.to,
+    stagger: o.stagger,
+    scrollTrigger: { start: o.start }
+  }), l = N(() => {
+    let t = 0;
+    for (let r of h)
+      s.some((n) => !!n[r]) && (t += 1);
+    return t;
+  }, [s]);
+  return /* @__PURE__ */ c(u, { children: [
+    /* @__PURE__ */ a("h2", { className: e.header, children: d }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: p,
+        className: m(
+          e.group,
+          e[`count-${s.length}`],
+          g && e.slider
+        ),
+        style: {
+          "--promos": s.length,
+          "--propCount": i == "horizontal" ? l - 1 : l
         },
-        `promo-${o}`
-      ))
-    }
-  )
-] });
+        children: s.map((t, r) => {
+          const n = t.containerCta ? "a" : "div";
+          return /* @__PURE__ */ c(
+            n,
+            {
+              onClick: t.containerCta?.onClick || null,
+              href: t.containerCta?.href || null,
+              target: t.containerCta?.target || null,
+              delay: 0.1 * r,
+              className: e.promo,
+              "data-color": t.color,
+              "data-text-align": t.textAlign,
+              "data-direction": i,
+              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(z, { ...t.cta }) }),
+                t.stats && /* @__PURE__ */ a("div", { className: e.stats, children: t.stats.map((_, b) => /* @__PURE__ */ c("div", { className: e.stat, children: [
+                  /* @__PURE__ */ a("span", { className: "material-symbols-outlined", children: _.icon }),
+                  /* @__PURE__ */ a("span", { className: e.statText, children: _.text })
+                ] }, `stat-${b}`)) })
+              ]
+            },
+            `promo-${r}`
+          );
+        })
+      }
+    )
+  ] });
+};
 export {
-  w as default
+  Q as default
 };

package/dist/components/RSVPEmbed/RSVPEmbed.js

@@ -1,17 +1,18 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import { useRef as c, useEffect as s } from "react";
-import '../../assets/RSVPEmbed.css';const p = "_wrapper_1mgkx_1", a = {
-  wrapper: p
+import { useRef as s, useEffect as a } from "react";
+import '../../assets/RSVPEmbed.css';const o = "_container_g8yt4_1", i = "_wrapper_g8yt4_5", t = {
+  container: o,
+  wrapper: i
 };
-function f({ embedUrl: t }) {
-  const r = c(null);
-  return s(() => {
+function f({ embedUrl: c }) {
+  const r = s(null);
+  return a(() => {
     const e = document.createElement("script");
-    return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
+    return e.src = c, e.async = !0, r.current?.appendChild(e), () => {
       r.current && (r.current.innerHTML = "");
     };
-  }, []), /* @__PURE__ */ n("div", { ref: r, className: a.wrapper });
+  }, []), /* @__PURE__ */ n("div", { className: t.container, children: /* @__PURE__ */ n("div", { ref: r, className: t.wrapper }) });
 }
 export {
   f as default

package/dist/components/Schedule/Schedule.js

@@ -1,14 +1,14 @@
 "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 = {
+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
-}, u = ({ slots: d, header: t }) => /* @__PURE__ */ s("div", { className: e.schedule, 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 }),
@@ -20,5 +20,5 @@ import '../../assets/Schedule.css';const a = "_schedule_3q4gz_2", m = "_timeline
   ] }, l)) })
 ] });
 export {
-  u as default
+  p as default
 };

package/dist/components/Spacer/Spacer.js

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

package/dist/components/TextBlock/TextBlock.js

@@ -3,13 +3,13 @@ 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 h = "_title_1v9uh_1", _ = "_blocks_1v9uh_47", p = "_block_1v9uh_47", k = "_blockHeader_1v9uh_58", v = "_description_1v9uh_88", e = {
-  title: h,
+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: v
-}, x = ({ header: t, blocks: i }) => /* @__PURE__ */ l("div", { className: e.container, children: [
+  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}`}>
@@ -23,5 +23,5 @@ import '../../assets/TextBlock.css';const h = "_title_1v9uh_1", _ = "_blocks_1v9
   )) })
 ] });
 export {
-  x as default
+  f as default
 };

package/dist/components/Timeline/Timeline.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsxs as l, Fragment as g, jsx as t } from "react/jsx-runtime";
-import { useRef as a, useEffect as h } from "react";
-import { g as o, S as p } from "../../ScrollTrigger-DDbij8gI.js";
-import '../../assets/Timeline.css';const u = "_spacer_1g76i_1", f = "_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: u,
-  timelineWrapper: f,
+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,
@@ -17,9 +18,9 @@ const W = [
   { year: "2021", text: "Major milestone" },
   { year: "2024", text: "Where we are today" }
 ];
-function L() {
+function R() {
   const s = a(null), d = a(null), m = a(null);
-  return h(() => {
+  return f(() => {
     const e = window.innerHeight, c = o.context(() => {
       p.create({
         trigger: s.current,
@@ -29,9 +30,9 @@ function L() {
         pin: d.current,
         scrub: !0,
         onUpdate: (_) => {
-          const n = _.progress;
-          let r;
-          n < 0.25 ? r = n / 0.25 * 0.5 * e : n < 0.75 ? r = 0.5 * e : r = 0.5 * e + (n - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: r });
+          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);
@@ -49,5 +50,5 @@ function L() {
   ] });
 }
 export {
-  L as default
+  R as default
 };

package/dist/components/Toolbar/Toolbar.js

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

package/dist/hooks/useActiveSection 4.js

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

@@ -0,0 +1,52 @@
+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,30 +1,31 @@
-import { useRef as p } from "react";
-import { g as s, S as f } from "../ScrollTrigger-DDbij8gI.js";
-import { u as l } from "../index-BlCqcUwj.js";
-s.registerPlugin(f);
-function S({
+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: n = 0,
-  ease: a = "power2.out",
-  start: i = "top 85%",
-  once: g = !0
+  delay: i = 0,
+  ease: n = "power2.out",
+  start: a = "top 85%",
+  once: p = !0
 } = {}) {
-  const r = p(null);
-  return l(
+  const r = f(null);
+  return m(
     () => {
       if (!r.current) return;
       const e = { opacity: 0 }, o = {
         opacity: 1,
         duration: c,
-        delay: n,
-        ease: a,
+        delay: i,
+        ease: n,
         scrollTrigger: {
           trigger: r.current,
-          start: i,
-          once: g
+          start: a,
+          once: p
         }
       };
       switch (u) {
@@ -47,5 +48,5 @@ function S({
   ), r;
 }
 export {
-  S as useFadeIn
+  b as useFadeIn
 };

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/useNavColor 4.js

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

@@ -0,0 +1,32 @@
+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
+};