@courtneyring/components-library 1.0.32 → 1.0.34

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { useRef as i, useEffect as x, createElement as y } from "react";
-import v from "../IconDetail/IconDetail.js";
+import q from "../IconDetail/IconDetail.js";
 import { g as a } from "../../index-BmTo-IS6.js";
-import { S as w } from "../../ScrollTrigger-6HnikosL.js";
+import { S as v } from "../../ScrollTrigger-6HnikosL.js";
 import N from "../../utils/parse.js";
-import '../../assets/PinnedImage.css';const b = "_container_1uhcw_2", k = "_content_1uhcw_122", P = "_copy_1uhcw_130", R = "_text_1uhcw_165", S = "_title_1uhcw_220", T = "_background_1uhcw_266", E = "_section_1uhcw_278", H = "_details_1uhcw_310", e = {
+import '../../assets/PinnedImage.css';const b = "_container_q2g9x_2", k = "_content_q2g9x_122", P = "_copy_q2g9x_130", R = "_text_q2g9x_165", S = "_title_q2g9x_220", T = "_background_q2g9x_271", E = "_section_q2g9x_283", H = "_details_q2g9x_315", e = {
   container: b,
   content: k,
   copy: P,
@@ -15,16 +15,16 @@ import '../../assets/PinnedImage.css';const b = "_container_1uhcw_2", k = "_cont
   section: E,
   details: H
 };
-a.registerPlugin(w);
-const W = ({ image: u, title: _, sections: g }) => {
+a.registerPlugin(v);
+const W = ({ image: g, title: _, sections: f }) => {
   const o = i(null);
   i(null);
   const l = i([]), m = i();
   return x(() => {
-    const c = a.context(() => {
-      const n = l.current, r = Math.max(...n.map((s) => s.offsetHeight));
+    const n = a.context(() => {
+      const c = l.current, r = Math.max(...c.map((s) => s.offsetHeight));
       a.set(m.current, { minHeight: r });
-      const d = o.current.offsetTop, f = a.timeline({
+      const d = o.current.offsetTop, h = a.timeline({
         scrollTrigger: {
           trigger: o.current,
           start: `top-=${d} top`,
@@ -35,40 +35,40 @@ const W = ({ image: u, title: _, sections: g }) => {
           anticipatePin: 1
         }
       });
-      n.forEach((s, h) => {
-        f.fromTo(
+      c.forEach((s, p) => {
+        h.fromTo(
           s,
-          { opacity: h === 0 ? 1 : 0 },
+          { opacity: p === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
           s,
-          { opacity: h === n.length - 1 ? 1 : 0, duration: 0.5 },
+          { opacity: p === c.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
     }, o);
-    return () => c.revert();
-  }, []), /* @__PURE__ */ p(
+    return () => n.revert();
+  }, []), /* @__PURE__ */ u(
     "div",
     {
       className: e.container,
       ref: o,
-      style: { backgroundImage: `url(${u})` },
+      style: { backgroundImage: `url(${g})` },
       children: [
         /* @__PURE__ */ t("h2", { className: e.title, children: _ }),
-        /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: u }) }),
-        /* @__PURE__ */ t("div", { className: e.content, ref: m, children: /* @__PURE__ */ t("div", { className: e.copy, children: g.map((c, n) => /* @__PURE__ */ p(
+        /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: g }) }),
+        /* @__PURE__ */ t("div", { className: e.content, ref: m, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, c) => /* @__PURE__ */ u(
           "div",
           {
             className: e.section,
-            ref: (r) => l.current[n] = r,
+            ref: (r) => l.current[c] = r,
             children: [
-              /* @__PURE__ */ t("h3", { children: c.header }),
-              /* @__PURE__ */ t("div", { className: e.text, children: N(c.description) }),
-              /* @__PURE__ */ t("div", { className: e.details, children: c.details && c.details.map((r, d) => /* @__PURE__ */ y(v, { ...r, key: d })) })
+              /* @__PURE__ */ t("h3", { children: n.header }),
+              /* @__PURE__ */ t("div", { className: e.text, children: N(n.description) }),
+              /* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((r, d) => /* @__PURE__ */ y(q, { ...r, key: d })) })
             ]
           },
-          n
+          c
         )) }) })
       ]
     }

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,43 +1,43 @@
 "use client";
-import { jsxs as c, Fragment as u, jsx as a } from "react/jsx-runtime";
-import { useMemo as N } from "react";
+import { jsxs as n, Fragment as N, jsx as a } from "react/jsx-runtime";
+import { useMemo as f } from "react";
 import "../../index-K0WrPJ_C.js";
 import "../../hooks/useFadeIn.js";
-import z from "../Button/Button.js";
-import { appleStagger as o } from "../../presets/animations.js";
+import y 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 f } from "../../hooks/useStagger.js";
+import { useStagger as C } 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,
+import '../../assets/PromoGroup.css';const b = "_group_tliee_2", x = "_slider_tliee_27", v = "_header_tliee_33", T = "_promo_tliee_81", $ = "_icon_tliee_131", j = "_cta_tliee_141", F = "_imageContainer_tliee_149", k = "_image_tliee_149", S = "_promo__header_tliee_161", z = "_promo__body_tliee_253", A = "_stats_tliee_300", B = "_stat_tliee_300", G = "_statText_tliee_314", e = {
+  group: b,
+  slider: x,
+  header: v,
+  promo: T,
+  icon: $,
+  cta: j,
+  imageContainer: F,
+  image: k,
+  promo__header: S,
+  promo__body: z,
   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(() => {
+  "count-4": "_count-4_tliee_391"
+}, Q = ({ header: d, promos: s, direction: c = "vertical", slider: g }) => {
+  const h = ["icon", "header", "body", "cta", "stats", "image"], p = C(`.${e.promo}`, r.from, {
+    ...r.to,
+    stagger: r.stagger,
+    scrollTrigger: { start: r.start }
+  }), l = f(() => {
     let t = 0;
-    for (let r of h)
-      s.some((n) => !!n[r]) && (t += 1);
+    for (let i of h)
+      s.some((o) => !!o[i]) && (t += 1);
     return t;
   }, [s]);
-  return /* @__PURE__ */ c(u, { children: [
+  return /* @__PURE__ */ n(N, { children: [
     /* @__PURE__ */ a("h2", { className: e.header, children: d }),
     /* @__PURE__ */ a(
       "div",
@@ -50,21 +50,21 @@ import '../../assets/PromoGroup.css';const y = "_group_sebz3_2", C = "_slider_se
         ),
         style: {
           "--promos": s.length,
-          "--propCount": i == "horizontal" ? l - 1 : l
+          "--propCount": c == "horizontal" ? l - 1 : l
         },
-        children: s.map((t, r) => {
-          const n = t.containerCta ? "a" : "div";
-          return /* @__PURE__ */ c(
-            n,
+        children: s.map((t, i) => {
+          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 * r,
+              delay: 0.1 * i,
               className: e.promo,
               "data-color": t.color,
               "data-text-align": t.textAlign,
-              "data-direction": i,
+              "data-direction": c,
               children: [
                 t.icon && /* @__PURE__ */ a(
                   "span",
@@ -87,14 +87,14 @@ import '../../assets/PromoGroup.css';const y = "_group_sebz3_2", C = "_slider_se
                 ) }),
                 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: [
+                t.cta && /* @__PURE__ */ a("div", { className: e.cta, children: /* @__PURE__ */ a(y, { ...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-${b}`)) })
+                ] }, `stat-${u}`)) })
               ]
             },
-            `promo-${r}`
+            `promo-${i}`
           );
         })
       }

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_1hj0g_2", m = "_timeline_1hj0g_79", r = "_time_1hj0g_79", h = "_dot_1hj0g_92", o = "_diagram_1hj0g_100", _ = "_line_1hj0g_106", e = {
+import '../../assets/Schedule.css';const a = "_schedule_ro9fq_2", r = "_timeline_ro9fq_79", m = "_time_ro9fq_79", o = "_dot_ro9fq_92", _ = "_diagram_ro9fq_100", h = "_line_ro9fq_106", e = {
   schedule: a,
-  timeline: m,
-  time: r,
-  dot: h,
-  diagram: o,
-  line: _
-}, p = ({ slots: d, header: t }) => /* @__PURE__ */ s("div", { className: e.schedule, children: [
+  timeline: r,
+  time: m,
+  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 }),
@@ -20,5 +20,5 @@ import '../../assets/Schedule.css';const a = "_schedule_1hj0g_2", m = "_timeline
   ] }, l)) })
 ] });
 export {
-  p as default
+  u as default
 };

package/dist/components/Spacer/Spacer.js

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

package/dist/components/TextBlock/TextBlock.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { jsxs as s, 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 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) => (
+import '../../assets/TextBlock.css';const _ = "_title_1riej_1", p = "_blocks_1riej_52", k = "_block_1riej_52", h = "_blockHeader_1riej_63", b = "_description_1riej_92", e = {
+  title: _,
+  blocks: p,
+  block: k,
+  blockHeader: h,
+  description: b
+}, x = ({ 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, r) => (
     // <div className={styles.block} key={`block-${idx}`}>
-    /* @__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 })) })
+    /* @__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: n(i.description) }),
+        /* @__PURE__ */ c("div", { className: e.details, children: i.details && i.details.map((o, a) => /* @__PURE__ */ d(m, { ...o, key: a })) })
       ] })
-    ] }, `block-${o}`)
+    ] }, `block-${r}`)
   )) })
 ] });
 export {
-  f as default
+  x as default
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,11 +1,12 @@
 "use client";
-import { jsxs as o, jsx as u, Fragment as f } from "react/jsx-runtime";
+import { jsxs as s, jsx as v } 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 = {
+import { useState as r, useEffect as l } from "react";
+import '../../assets/Toolbar.css';const k = "_toolbar_1bewn_1", g = "_button_1bewn_12", d = {
+  toolbar: k,
+  button: g
+}, L = () => {
+  const [o, i] = r(!1), [p, u] = r(0), [b, f] = r(0), a = x(), m = {
     xxl: 1600,
     // 1600
     xl: 1200,
@@ -20,33 +21,38 @@ import '../../assets/Toolbar.css';const b = "_toolbar_17thg_1", k = {
     // 390
     xxs: 0
     // 0
-  }, s = (t) => {
-    t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), n(!e));
+  }, c = (t) => {
+    t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), i(!o));
+  }, h = (t) => {
+    const e = (/* @__PURE__ */ new Date()).getTime(), n = e - b;
+    n < 300 && n > 0 && (i(!o), t.preventDefault()), f(e);
   };
-  return d(() => (window.addEventListener("keyup", s), () => window.removeEventListener("keyup", s)), [e]), d(() => {
+  return l(() => (window.addEventListener("keyup", c), () => {
+    window.removeEventListener("keyup", c);
+  }), []), l(() => {
     const t = window.innerWidth;
-    let i = "xxs";
-    for (const [p, m] of Object.entries(h))
-      if (t >= m) {
-        i = p;
+    let e = "xxs";
+    for (const [n, w] of Object.entries(m))
+      if (t >= w) {
+        e = n;
         break;
       }
-    c(i);
-  }, []), e ? /* @__PURE__ */ o("div", { className: k.toolbar, onClick: () => n(!e), children: [
-    /* @__PURE__ */ o("div", { children: [
+    u(e);
+  }, []), o ? /* @__PURE__ */ s("div", { className: d.toolbar, onClick: () => i(!o), children: [
+    /* @__PURE__ */ s("div", { children: [
       "Width: ",
-      r.innerWidth
+      a.innerWidth
     ] }),
-    /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ s("div", { children: [
       "Height: ",
-      r.innerHeight
+      a.innerHeight
     ] }),
-    /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ s("div", { children: [
       "Breakpoint: ",
-      l
+      p
     ] })
-  ] }) : /* @__PURE__ */ u(f, {});
+  ] }) : /* @__PURE__ */ v("div", { className: d.button, onClick: h });
 };
 export {
-  y as default
+  L as default
 };

package/package.json

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

package/src/styles/_fonts.scss

@@ -8,161 +8,114 @@ $font-primary: var(--font-primary);
 $font-secondary: var(--font-secondary);
 
 $type-scale: (
-  body: (
-    xxs: (
-      font-size: 20px,
+  body: (xxs: (font-size: 20px,
       line-height: 1.2,
     ),
-    xs: (
-      font-size: 22px,
+    xs: (font-size: 22px,
     ),
-    md-portrait: (
-      font-size: 28px,
+    md-portrait: (font-size: 28px,
     ),
-    md-landscape: (
-      font-size: 18px,
-      line-height: 1.3
-    ),
-    lg-portrait: (
-      font-size: 24px,
+    md-landscape: (font-size: 18px,
+      line-height: 1.3),
+    lg-portrait: (font-size: 24px,
       line-height: 1.2,
     ),
-    lg-landscape: (
-      font-size: 24px,
+    lg-landscape: (font-size: 24px,
       line-height: 1.3,
     ),
-    xl: (
-      font-size: 24px,
+    xl: (font-size: 24px,
       // line-height: 1.5,
     ),
-    xxl: (
-      line-height: 1.7,
+    xxl: (font-size: 26px,
+      // line-height: 1.5,
     ),
   ),
-  header: (
-    xxs: (
-      font-size: 28px,
+  header: (xxs: (font-size: 28px,
       line-height: 1.2,
     ),
   ),
-  strong: (
-    xxs: (
-      font-weight: 500,
+  strong: (xxs: (font-weight: 500,
       font-size: 24px,
     ),
-    md-portrait: (
-      font-size: 30px,
+    md-portrait: (font-size: 30px,
     ),
-    md-landscape: (
-      font-size: 20px,
+    md-landscape: (font-size: 20px,
     ),
-    lg: (
-      font-size: 28px,
+    lg: (font-size: 28px,
     ),
   ),
-  small: (
-    xxs: (
-      font-size: 18px,
+  small: (xxs: (font-size: 18px,
     ),
-    md-landscape: (
-      font-size: 18px,
+    md-landscape: (font-size: 18px,
     ),
-    md-portrait: (
-      font-size: 22px,
+    md-portrait: (font-size: 22px,
     ),
-    lg-landscape: (
-      font-size: 20px,
+    lg-landscape: (font-size: 20px,
       line-height: 1,
     ),
-    lg-portrait: (
-      font-size: 22px,
+    lg-portrait: (font-size: 22px,
       line-height: 1,
     ),
   ),
-  h2: (
-    xxs: (
-      font-family: $font-secondary,
+  h2: (xxs: (font-family: $font-secondary,
       font-size: 38px,
       line-height: 1,
     ),
-    xs: (
-      font-size: 40px,
+    xs: (font-size: 40px,
       line-height: 1.2,
     ),
-    sm: (
-      font-size: 46px,
+    sm: (font-size: 46px,
+    ),
+    md-landscape: (font-size: 36px,
     ),
-    md-landscape: (
-      font-size: 36px,
+    md-portrait: (font-size: 50px,
     ),
-    md-portrait: (
-      font-size: 50px,
+    lg-landscape: (font-size: 40px,
     ),
-    lg-landscape: (
-      font-size: 40px,
+    xl: (font-size: 55px,
     ),
-    xl: (
-      font-size: 55px,
+    xxl: (font-size: 62px,
     ),
   ),
-  h3: (
-    xxs: (
-      font-size: 22px,
+  h3: (xxs: (font-size: 22px,
       line-height: 1,
       text-transform: uppercase,
       letter-spacing: 2px,
       // margin-bottom: 15px,
     ),
-    sm: (
-      font-size: 26px,
+    sm: (font-size: 26px,
     ),
-    md-landscape: (
-      font-size: 20px,
+    md-landscape: (font-size: 20px,
     ),
-    md-portrait: (
-      font-size: 30px,
+    md-portrait: (font-size: 30px,
     ),
-    lg: (
-      font-size: 24px,
-    )
-  ),
-  h4: (
-    xxs: (
-      font-weight: 560,
+    lg: (font-size: 24px,
+    )),
+  h4: (xxs: (font-weight: 560,
       font-size: 26px,
       line-height: 1,
       margin-bottom: 10px,
     ),
-    sm: (
-      font-size: 26px,
+    sm: (font-size: 26px,
     ),
-    md-landscape: (
-      font-size: 20px,
+    md-landscape: (font-size: 20px,
     ),
-    md-portrait: (
-      font-size: 30px,
+    md-portrait: (font-size: 30px,
     ),
-    lg-landscape: (
-      font-size: 28px,
+    lg-landscape: (font-size: 28px,
     ),
   ),
-  h5: (
-    xxs: (
-      font-size: 24px,
+  h5: (xxs: (font-size: 24px,
       line-height: 1,
       // margin-bottom: 10px,
     ),
-    sm: (
-      font-size: 26px,
+    sm: (font-size: 26px,
     ),
-    md-landscape: (
-      font-size: 20px,
+    md-landscape: (font-size: 20px,
     ),
-    md-portrait: (
-      font-size: 30px,
+    md-portrait: (font-size: 30px,
     ),
-    lg-landscape: (
-      font-size: 28px,
+    lg-landscape: (font-size: 28px,
     ),
   ),
 );
@@ -231,8 +184,9 @@ $theme-sizes: (
 );
 
 @mixin parsedText($selector) {
+
   #{$selector},
-  #{$selector} > * {
+  #{$selector}>* {
     @content;
   }
-}
+}

package/src/styles/_sizes.scss

@@ -32,7 +32,7 @@ $container-padding-vals: (
     v: 50,
   ),
   xxl: (h: 150,
-    v: 150,
+    v: 130,
   ),
 );
 

package/dist/AccordionItem-CDN4L4a7.js

@@ -1,40 +0,0 @@
-import { jsxs as _, jsx as c } from "react/jsx-runtime";
-import r from "./utils/parse.js";
-import { c as e } from "./index-B2JRaoNz.js";
-import './assets/AccordionItem.css';const s = "_accordion_13m6e_1", d = "_title_13m6e_8", m = "_accordion__item_13m6e_11", l = "_header_13m6e_14", p = "_accordion__icon_13m6e_101", b = "_open_13m6e_175", h = "_accordion__button_13m6e_179", N = "_accordion__content_13m6e_249", u = "_body_13m6e_257", o = {
-  accordion: s,
-  title: d,
-  accordion__item: m,
-  header: l,
-  accordion__icon: p,
-  open: b,
-  accordion__button: h,
-  accordion__content: N,
-  body: u
-}, x = ({ title: t, body: a, toggleFn: i, isOpen: n }) => /* @__PURE__ */ _("div", { className: e(o.accordion__item, n && o.open), children: [
-  /* @__PURE__ */ _(
-    "button",
-    {
-      className: e(o.accordion__button),
-      onClick: () => i(!n),
-      children: [
-        /* @__PURE__ */ _("div", { className: o.accordion__icon, children: [
-          /* @__PURE__ */ c("span", {}),
-          /* @__PURE__ */ c("span", { className: `${n ? o.open : ""}` })
-        ] }),
-        /* @__PURE__ */ c("span", { className: o.title, children: t })
-      ]
-    }
-  ),
-  /* @__PURE__ */ c(
-    "div",
-    {
-      className: e(o.accordion__content, n && o.open),
-      children: /* @__PURE__ */ c("div", { className: o.body, children: r(a) })
-    }
-  )
-] });
-export {
-  x as A,
-  o as s
-};