@zenpatient-org/healthspan-marketing-ui 0.1.156 → 0.1.158

package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),W=require("../../node_modules/@gsap/react/src/index.cjs.js"),s=require("../../node_modules/gsap/index.cjs.js"),z=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),$=require("react"),B=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),L=require("../../utils/debounce.cjs.js"),t=require("./expandingDetails.module.css.cjs.js");s.gsap.registerPlugin(z.ScrollTrigger);const X=({colorScheme:y,label:m,title:D,sections:w})=>{const o=$.useRef(null),i=$.useRef({});return W.useGSAP(()=>{if(!o.current)return;const d=()=>{var q;i.current.timeline&&i.current.timeline.kill(),i.current.matchMedia&&i.current.matchMedia.kill();const f=s.gsap.utils.toArray('[data-scroll-id="section"]'),r=(q=o.current)==null?void 0:q.querySelector('[data-scroll-id="sections"]');if(!r)return;const p=s.gsap.matchMedia();i.current.matchMedia=p;const g=s.gsap.timeline({scrollTrigger:{trigger:o.current,start:"top top",end:()=>`+=${f.length*500}`,scrub:1,markers:!1,pin:!0}});i.current.timeline=g;const S=r==null?void 0:r.querySelector('[data-scroll-id="heading"]');if(!S)return;const x=1366;f.forEach((e,b)=>{p.add({isMobile:`(max-width: ${x}px)`,isDesktop:`(min-width: ${x+1}px)`},R=>{var P,j,v,H,N,E,T,M,k,V;const c=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),a=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!c||!a)return;const n=R.conditions,A=n==null?void 0:n.isMobile,_=n==null?void 0:n.isDesktop;s.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="section"]'),{height:S.offsetHeight||0}),s.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),s.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5}),_&&(g.to(e,{height:c.offsetHeight+a.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(a,{height:a.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),b<f.length-1&&g.to(e,{height:c.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:c.offsetHeight+a.offsetHeight},"<").to(((P=e.nextElementSibling)==null?void 0:P.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="content"]'))||null,{height:a.offsetHeight,yPercent:0},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((N=e.nextElementSibling)==null?void 0:N.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(a,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<")),A&&(g.to(e,{height:c.offsetHeight+a.offsetHeight}).to(a,{height:a.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),b<f.length-1&&g.to(e,{height:c.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:c.offsetHeight+a.offsetHeight},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1,yPercent:100},"<").to(((M=e.nextElementSibling)==null?void 0:M.querySelector('[data-scroll-id="content"]'))||null,{height:a.offsetHeight,yPercent:0},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(a,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})})};d();const u=L.default(()=>{d()},200);return window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),i.current.timeline&&i.current.timeline.kill(),i.current.matchMedia&&i.current.matchMedia.kill()}},{scope:o,dependencies:[o]}),l.jsx("div",{ref:o,className:`${t.default.root} ${t.default[y]}`,children:l.jsxs("div",{className:t.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.default.header,children:[m&&l.jsx(h.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.default.label,children:m}),l.jsx(B.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:y,className:t.default.title,title:D})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.default.sections,children:w.map((d,u)=>l.jsxs("div",{id:`section-${u+1}`,"data-scroll-id":"section",className:t.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.default.sectionTitleWrapper,children:l.jsx(h.Typography,{as:"h3",defaultVariant:"headingSm",className:t.default.sectionTitle,children:d.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.default.sectionIndexWrapper,children:l.jsxs(h.Typography,{as:"p",defaultVariant:"headingSm",className:t.default.sectionIndex,children:["(",String(u+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.default.protocolWrapper,children:[d.subtitle&&l.jsx(h.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:d.subtitle}),l.jsx(h.Typography,{className:t.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.default.imageCircle,children:l.jsx("img",{src:d.image,alt:d.title})})]}),l.jsx("div",{className:t.default.leftBorder}),l.jsx("div",{className:t.default.rightBorder})]},d.title))})]})})};exports.ExpandingDetails=X;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),I=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),G=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),A=require("react"),L=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),m=require("../../components/Typography/Typography.cjs.js"),t=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(G.ScrollTrigger);const O=({colorScheme:f,label:p,title:R,sections:X})=>{const n=A.useRef(null),r=A.useRef({});return I.useGSAP(()=>n.current?((()=>{var b;r.current.timeline&&r.current.timeline.kill(),r.current.matchMedia&&r.current.matchMedia.kill();const i=d.gsap.utils.toArray('[data-scroll-id="section"]'),a=(b=n.current)==null?void 0:b.querySelector('[data-scroll-id="sections"]');if(!a)return;const x=d.gsap.matchMedia();r.current.matchMedia=x;const h=d.gsap.timeline({scrollTrigger:{trigger:n.current,start:"top top",end:()=>`+=${i.length*500}`,scrub:1,markers:!1,pin:!0}});r.current.timeline=h;const S=a==null?void 0:a.querySelector('[data-scroll-id="heading"]');if(!S)return;const q=1366,_=a.querySelectorAll('[data-scroll-id="content"]'),w=Array.from(_).map(e=>e.offsetHeight),s=Math.max(...w);i.forEach((e,j)=>{x.add({isMobile:`(max-width: ${q}px)`,isDesktop:`(min-width: ${q+1}px)`},W=>{var P,N,v,T,E,H,M,V,k,$,D;const o=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),u=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!o||!u)return;const g=W.conditions,y=g==null?void 0:g.isMobile,B=g==null?void 0:g.isDesktop;d.gsap.set(a==null?void 0:a.querySelectorAll('[data-scroll-id="section"]'),{height:S.offsetHeight||0}),d.gsap.set(a==null?void 0:a.querySelectorAll('[data-scroll-id="protocol"]'),{scale:1,yPercent:0}),d.gsap.set(i[0],{height:o.offsetHeight+s}),d.gsap.set((P=i[0])==null?void 0:P.querySelector('[data-scroll-id="section-title"]'),{scale:y?1:2,yPercent:50}),d.gsap.set((N=i[0])==null?void 0:N.querySelector('[data-scroll-id="section-index"]'),{scale:y?1:2,yPercent:50}),B&&(h.to(e,{height:o.offsetHeight+u.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(u,{height:s},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<"),j<i.length-1&&h.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(u,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<")),y&&(h.to(e,{height:o.offsetHeight+s}).to(u,{height:s},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1},"<"),j<i.length-1&&h.to(e,{height:o.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:o.offsetHeight+s},"<").to(((M=e.nextElementSibling)==null?void 0:M.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="content"]'))||null,{height:s,yPercent:0},"<").to((($=e.nextElementSibling)==null?void 0:$.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((D=e.nextElementSibling)==null?void 0:D.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(u,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})})})(),()=>{r.current.timeline&&r.current.timeline.kill(),r.current.matchMedia&&r.current.matchMedia.kill()}):void 0,{scope:n,dependencies:[n]}),l.jsx("div",{ref:n,className:`${t.default.root} ${t.default[f]}`,children:l.jsxs("div",{className:t.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.default.header,children:[p&&l.jsx(m.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.default.label,children:p}),l.jsx(L.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:f,className:t.default.title,title:R})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.default.sections,children:X.map((c,i)=>l.jsxs("div",{id:`section-${i+1}`,"data-scroll-id":"section",className:t.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.default.sectionTitleWrapper,children:l.jsx(m.Typography,{as:"h3",defaultVariant:"headingMd",mobileVariant:"headingXs",className:t.default.sectionTitle,children:c.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.default.sectionIndexWrapper,children:l.jsxs(m.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXs",className:t.default.sectionIndex,children:["(",String(i+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.default.protocolWrapper,children:[c.subtitle&&l.jsx(m.Typography,{as:"h4",className:t.default.protocolSubtitle,defaultVariant:"headingLg",mobileVariant:"headingXs",children:c.subtitle}),l.jsx(m.Typography,{className:t.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:c.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.default.imageCircle,children:l.jsx("img",{src:c.image,alt:c.title})})]}),l.jsx("div",{className:t.default.leftBorder}),l.jsx("div",{className:t.default.rightBorder}),l.jsx("div",{className:t.default.leftEyebrow}),l.jsx("div",{className:t.default.rightEyebrow})]},c.title))})]})})};exports.ExpandingDetails=O;

package/dist/modules/ExpandingDetails/ExpandingDetails.es.js

@@ -1,238 +1,247 @@
 "use client";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useGSAP as L } from "../../node_modules/@gsap/react/src/index.es.js";
-import { gsap as s } from "../../node_modules/gsap/index.es.js";
-import { ScrollTrigger as X } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import { useRef as A } from "react";
-import { HighlightedTitle as j } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as u } from "../../components/Typography/Typography.es.js";
-import I from "../../utils/debounce.es.js";
+import { gsap as d } from "../../node_modules/gsap/index.es.js";
+import { ScrollTrigger as z } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import { useRef as X } from "react";
+import { HighlightedTitle as F } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as y } from "../../components/Typography/Typography.es.js";
 import l from "./expandingDetails.module.css.es.js";
-s.registerPlugin(X);
-const _ = ({ colorScheme: y, label: p, title: D, sections: W }) => {
-  const n = A(null), i = A({});
+d.registerPlugin(z);
+const C = ({ colorScheme: p, label: S, title: w, sections: B }) => {
+  const h = X(null), a = X({});
   return L(
-    () => {
-      if (!n.current) return;
-      const d = () => {
-        var x;
-        i.current.timeline && i.current.timeline.kill(), i.current.matchMedia && i.current.matchMedia.kill();
-        const f = s.utils.toArray('[data-scroll-id="section"]'), r = (x = n.current) == null ? void 0 : x.querySelector('[data-scroll-id="sections"]');
-        if (!r) return;
-        const S = s.matchMedia();
-        i.current.matchMedia = S;
-        const g = s.timeline({
-          scrollTrigger: {
-            trigger: n.current,
-            start: "top top",
-            end: () => `+=${f.length * 500}`,
-            scrub: 1,
-            markers: !1,
-            pin: !0
+    () => h.current ? ((() => {
+      var P;
+      a.current.timeline && a.current.timeline.kill(), a.current.matchMedia && a.current.matchMedia.kill();
+      const i = d.utils.toArray('[data-scroll-id="section"]'), r = (P = h.current) == null ? void 0 : P.querySelector('[data-scroll-id="sections"]');
+      if (!r) return;
+      const q = d.matchMedia();
+      a.current.matchMedia = q;
+      const u = d.timeline({
+        scrollTrigger: {
+          trigger: h.current,
+          start: "top top",
+          end: () => `+=${i.length * 500}`,
+          scrub: 1,
+          markers: !1,
+          pin: !0
+        }
+      });
+      a.current.timeline = u;
+      const b = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
+      if (!b) return;
+      const x = 1366, R = r.querySelectorAll('[data-scroll-id="content"]'), j = Array.from(R).map((e) => e.offsetHeight), o = Math.max(...j);
+      i.forEach((e, N) => {
+        q.add(
+          {
+            isMobile: `(max-width: ${x}px)`,
+            isDesktop: `(min-width: ${x + 1}px)`
+          },
+          (I) => {
+            var v, E, M, H, V, k, T, A, $, D, W;
+            const s = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), m = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
+            if (!s || !m) return;
+            const g = I.conditions, f = g == null ? void 0 : g.isMobile, G = g == null ? void 0 : g.isDesktop;
+            d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
+              height: b.offsetHeight || 0
+            }), d.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
+              scale: 1,
+              yPercent: 0
+            }), d.set(i[0], { height: s.offsetHeight + o }), d.set((v = i[0]) == null ? void 0 : v.querySelector('[data-scroll-id="section-title"]'), {
+              scale: f ? 1 : 2,
+              yPercent: 50
+            }), d.set((E = i[0]) == null ? void 0 : E.querySelector('[data-scroll-id="section-index"]'), {
+              scale: f ? 1 : 2,
+              yPercent: 50
+            }), G && (u.to(e, { height: s.offsetHeight + m.offsetHeight }).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+              { scale: 2, yPercent: 50 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+              { scale: 2, yPercent: 50 },
+              "<"
+            ).to(m, { height: o }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<"), N < i.length - 1 && u.to(e, { height: s.offsetHeight, delay: 0.5 }).to(
+              e.nextElementSibling,
+              { height: s.offsetHeight + o },
+              "<"
+            ).to(
+              ((M = e.nextElementSibling) == null ? void 0 : M.querySelector(
+                '[data-scroll-id="section-title"]'
+              )) || null,
+              { scale: 2, yPercent: 100 },
+              "<"
+            ).to(
+              ((H = e.nextElementSibling) == null ? void 0 : H.querySelector(
+                '[data-scroll-id="section-index"]'
+              )) || null,
+              { scale: 2, yPercent: 100 },
+              "<"
+            ).to(
+              ((V = e.nextElementSibling) == null ? void 0 : V.querySelector('[data-scroll-id="content"]')) || null,
+              { height: o, yPercent: 0 },
+              "<"
+            ).to(
+              ((k = e.nextElementSibling) == null ? void 0 : k.querySelector('[data-scroll-id="protocol"]')) || null,
+              { scale: 1 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+              { scale: 1, yPercent: -15 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+              { scale: 1, yPercent: -15 },
+              "<"
+            ).to(m, { height: 0, yPercent: 0 }, "<").to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
+              { scale: 0, yPercent: 200 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+              { scale: 0, yPercent: 200 },
+              "<"
+            )), f && (u.to(e, { height: s.offsetHeight + o }).to(m, { height: o }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'), { scale: 1 }, "<"), N < i.length - 1 && u.to(e, { height: s.offsetHeight, delay: 0.5 }).to(
+              e.nextElementSibling,
+              { height: s.offsetHeight + o },
+              "<"
+            ).to(
+              ((T = e.nextElementSibling) == null ? void 0 : T.querySelector(
+                '[data-scroll-id="section-title"]'
+              )) || null,
+              { scale: 1 },
+              "<"
+            ).to(
+              ((A = e.nextElementSibling) == null ? void 0 : A.querySelector(
+                '[data-scroll-id="section-index"]'
+              )) || null,
+              { scale: 1 },
+              "<"
+            ).to(
+              (($ = e.nextElementSibling) == null ? void 0 : $.querySelector('[data-scroll-id="content"]')) || null,
+              { height: o, yPercent: 0 },
+              "<"
+            ).to(
+              ((D = e.nextElementSibling) == null ? void 0 : D.querySelector('[data-scroll-id="protocol"]')) || null,
+              { scale: 1 },
+              "<"
+            ).to(
+              ((W = e.nextElementSibling) == null ? void 0 : W.querySelector(
+                '[data-scroll-id="image-circle"]'
+              )) || null,
+              { scale: 1, yPercent: 5 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+              { scale: 1, yPercent: -15 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+              { scale: 1, yPercent: -15 },
+              "<"
+            ).to(m, { height: 0, yPercent: 0 }, "<").to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
+              { scale: 0, yPercent: 200 },
+              "<"
+            ).to(
+              e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+              { scale: 0, yPercent: 200 },
+              "<"
+            ));
           }
-        });
-        i.current.timeline = g;
-        const q = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
-        if (!q) return;
-        const b = 1366;
-        f.forEach((e, P) => {
-          S.add(
-            {
-              isMobile: `(max-width: ${b}px)`,
-              isDesktop: `(min-width: ${b + 1}px)`
-            },
-            (R) => {
-              var v, N, E, H, M, k, V, T, w, $;
-              const c = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), t = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
-              if (!c || !t) return;
-              const h = R.conditions, z = h == null ? void 0 : h.isMobile, B = h == null ? void 0 : h.isDesktop;
-              s.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
-                height: q.offsetHeight || 0
-              }), s.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
-                scale: 0.5,
-                yPercent: 0
-              }), s.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
-                scale: 0.5,
-                yPercent: 5
-              }), B && (g.to(e, { height: c.offsetHeight + t.offsetHeight }).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
-                { scale: 2, yPercent: 50 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
-                { scale: 2, yPercent: 50 },
-                "<"
-              ).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
-                { scale: 1, yPercent: 5 },
-                "<"
-              ), P < f.length - 1 && g.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
-                e.nextElementSibling,
-                { height: c.offsetHeight + t.offsetHeight },
-                "<"
-              ).to(
-                ((v = e.nextElementSibling) == null ? void 0 : v.querySelector(
-                  '[data-scroll-id="section-title"]'
-                )) || null,
-                { scale: 2, yPercent: 100 },
-                "<"
-              ).to(
-                ((N = e.nextElementSibling) == null ? void 0 : N.querySelector(
-                  '[data-scroll-id="section-index"]'
-                )) || null,
-                { scale: 2, yPercent: 100 },
-                "<"
-              ).to(
-                ((E = e.nextElementSibling) == null ? void 0 : E.querySelector('[data-scroll-id="content"]')) || null,
-                { height: t.offsetHeight, yPercent: 0 },
-                "<"
-              ).to(
-                ((H = e.nextElementSibling) == null ? void 0 : H.querySelector('[data-scroll-id="protocol"]')) || null,
-                { scale: 1 },
-                "<"
-              ).to(
-                ((M = e.nextElementSibling) == null ? void 0 : M.querySelector(
-                  '[data-scroll-id="image-circle"]'
-                )) || null,
-                { scale: 1, yPercent: 5 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
-                { scale: 1, yPercent: -15 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
-                { scale: 1, yPercent: -15 },
-                "<"
-              ).to(t, { height: 0, yPercent: 0 }, "<").to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
-                { scale: 0, yPercent: 200 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
-                { scale: 0, yPercent: 200 },
-                "<"
-              )), z && (g.to(e, { height: c.offsetHeight + t.offsetHeight }).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
-                { scale: 1, yPercent: 5 },
-                "<"
-              ), P < f.length - 1 && g.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
-                e.nextElementSibling,
-                { height: c.offsetHeight + t.offsetHeight },
-                "<"
-              ).to(
-                ((k = e.nextElementSibling) == null ? void 0 : k.querySelector(
-                  '[data-scroll-id="section-title"]'
-                )) || null,
-                { scale: 1, yPercent: 100 },
-                "<"
-              ).to(
-                ((V = e.nextElementSibling) == null ? void 0 : V.querySelector(
-                  '[data-scroll-id="section-index"]'
-                )) || null,
-                { scale: 1, yPercent: 100 },
-                "<"
-              ).to(
-                ((T = e.nextElementSibling) == null ? void 0 : T.querySelector('[data-scroll-id="content"]')) || null,
-                { height: t.offsetHeight, yPercent: 0 },
-                "<"
-              ).to(
-                ((w = e.nextElementSibling) == null ? void 0 : w.querySelector('[data-scroll-id="protocol"]')) || null,
-                { scale: 1 },
-                "<"
-              ).to(
-                (($ = e.nextElementSibling) == null ? void 0 : $.querySelector(
-                  '[data-scroll-id="image-circle"]'
-                )) || null,
-                { scale: 1, yPercent: 5 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
-                { scale: 1, yPercent: -15 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
-                { scale: 1, yPercent: -15 },
-                "<"
-              ).to(t, { height: 0, yPercent: 0 }, "<").to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
-                { scale: 0, yPercent: 200 },
-                "<"
-              ).to(
-                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
-                { scale: 0, yPercent: 200 },
-                "<"
-              ));
-            }
-          );
-        });
-      };
-      d();
-      const m = I(() => {
-        d();
-      }, 200);
-      return window.addEventListener("resize", m), () => {
-        window.removeEventListener("resize", m), i.current.timeline && i.current.timeline.kill(), i.current.matchMedia && i.current.matchMedia.kill();
-      };
-    },
+        );
+      });
+    })(), () => {
+      a.current.timeline && a.current.timeline.kill(), a.current.matchMedia && a.current.matchMedia.kill();
+    }) : void 0,
     {
-      scope: n,
-      dependencies: [n]
+      scope: h,
+      dependencies: [h]
     }
-  ), /* @__PURE__ */ a("div", { ref: n, className: `${l.root} ${l[y]}`, children: /* @__PURE__ */ o("div", { className: l.expandingDetailsWrapper, children: [
-    /* @__PURE__ */ o("header", { "data-scroll-id": "header", className: l.header, children: [
-      p && /* @__PURE__ */ a(u, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: p }),
-      /* @__PURE__ */ a(
-        j,
+  ), /* @__PURE__ */ t("div", { ref: h, className: `${l.root} ${l[p]}`, children: /* @__PURE__ */ n("div", { className: l.expandingDetailsWrapper, children: [
+    /* @__PURE__ */ n("header", { "data-scroll-id": "header", className: l.header, children: [
+      S && /* @__PURE__ */ t(y, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: S }),
+      /* @__PURE__ */ t(
+        F,
         {
           as: "div",
           defaultVariant: "displayMd",
           mobileVariant: "headingXl",
-          colorScheme: y,
+          colorScheme: p,
           className: l.title,
-          title: D
+          title: w
         }
       )
     ] }),
-    /* @__PURE__ */ a("div", { "data-scroll-id": "sections", className: l.sections, children: W.map((d, m) => /* @__PURE__ */ o(
+    /* @__PURE__ */ t("div", { "data-scroll-id": "sections", className: l.sections, children: B.map((c, i) => /* @__PURE__ */ n(
       "div",
       {
-        id: `section-${m + 1}`,
+        id: `section-${i + 1}`,
         "data-scroll-id": "section",
         className: l.section,
         children: [
-          /* @__PURE__ */ o("div", { "data-scroll-id": "heading", className: l.heading, children: [
-            /* @__PURE__ */ a("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ a(u, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: d.title }) }),
-            /* @__PURE__ */ a("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ o(u, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
-              "(",
-              String(m + 1).padStart(2, "0"),
-              ")"
-            ] }) })
+          /* @__PURE__ */ n("div", { "data-scroll-id": "heading", className: l.heading, children: [
+            /* @__PURE__ */ t("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ t(
+              y,
+              {
+                as: "h3",
+                defaultVariant: "headingMd",
+                mobileVariant: "headingXs",
+                className: l.sectionTitle,
+                children: c.title
+              }
+            ) }),
+            /* @__PURE__ */ t("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ n(
+              y,
+              {
+                as: "p",
+                defaultVariant: "headingSm",
+                mobileVariant: "headingXs",
+                className: l.sectionIndex,
+                children: [
+                  "(",
+                  String(i + 1).padStart(2, "0"),
+                  ")"
+                ]
+              }
+            ) })
           ] }),
-          /* @__PURE__ */ o("div", { "data-scroll-id": "content", className: l.content, children: [
-            /* @__PURE__ */ o("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
-              d.subtitle && /* @__PURE__ */ a(u, { as: "h4", defaultVariant: "headingLg", mobileVariant: "headingXs", children: d.subtitle }),
-              /* @__PURE__ */ a(
-                u,
+          /* @__PURE__ */ n("div", { "data-scroll-id": "content", className: l.content, children: [
+            /* @__PURE__ */ n("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
+              c.subtitle && /* @__PURE__ */ t(
+                y,
+                {
+                  as: "h4",
+                  className: l.protocolSubtitle,
+                  defaultVariant: "headingLg",
+                  mobileVariant: "headingXs",
+                  children: c.subtitle
+                }
+              ),
+              /* @__PURE__ */ t(
+                y,
                 {
                   className: l.description,
                   as: "div",
                   defaultVariant: "bodyMd",
                   mobileVariant: "bodyXs",
-                  children: d.description
+                  children: c.description
                 }
               )
             ] }),
-            /* @__PURE__ */ a("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ a("img", { src: d.image, alt: d.title }) })
+            /* @__PURE__ */ t("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ t("img", { src: c.image, alt: c.title }) })
           ] }),
-          /* @__PURE__ */ a("div", { className: l.leftBorder }),
-          /* @__PURE__ */ a("div", { className: l.rightBorder })
+          /* @__PURE__ */ t("div", { className: l.leftBorder }),
+          /* @__PURE__ */ t("div", { className: l.rightBorder }),
+          /* @__PURE__ */ t("div", { className: l.leftEyebrow }),
+          /* @__PURE__ */ t("div", { className: l.rightEyebrow })
         ]
       },
-      d.title
+      c.title
     )) })
   ] }) });
 };
 export {
-  _ as ExpandingDetails
+  C as ExpandingDetails
 };

package/dist/modules/ExpandingDetails/expandingDetails.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="expandingDetails-module__root___5WLQh",t="expandingDetails-module__dark___BhUf9",o="expandingDetails-module__expandingDetailsWrapper___sqLS5",n="expandingDetails-module__header___Rp1BD",i="expandingDetails-module__description___U28ia",r="expandingDetails-module__title___5WsER",_="expandingDetails-module__label___w2Sjs",a="expandingDetails-module__sections___xpvak",s="expandingDetails-module__section___zgXvg",l="expandingDetails-module__leftBorder___lZI-L",d="expandingDetails-module__rightBorder___xfwvL",p="expandingDetails-module__topLeftCorner___sT8-Q",c="expandingDetails-module__topRightCorner___q9HbO",g="expandingDetails-module__bottomLeftCorner___E3e0F",x="expandingDetails-module__bottomRightCorner___VQJBu",m="expandingDetails-module__heading___htlX-",u="expandingDetails-module__sectionTitleWrapper___WxS9B",D="expandingDetails-module__sectionIndexWrapper___l-3VD",h="expandingDetails-module__content___1uGIY",C="expandingDetails-module__protocolWrapper___nq7ij",W="expandingDetails-module__imageCircle___HZJB-",f="expandingDetails-module__sectionIndex___spgOf",b={root:e,dark:t,expandingDetailsWrapper:o,header:n,description:i,title:r,label:_,sections:a,section:s,leftBorder:l,rightBorder:d,topLeftCorner:p,topRightCorner:c,bottomLeftCorner:g,bottomRightCorner:x,heading:m,sectionTitleWrapper:u,sectionIndexWrapper:D,content:h,protocolWrapper:C,imageCircle:W,sectionIndex:f};exports.bottomLeftCorner=g;exports.bottomRightCorner=x;exports.content=h;exports.dark=t;exports.default=b;exports.description=i;exports.expandingDetailsWrapper=o;exports.header=n;exports.heading=m;exports.imageCircle=W;exports.label=_;exports.leftBorder=l;exports.protocolWrapper=C;exports.rightBorder=d;exports.root=e;exports.section=s;exports.sectionIndex=f;exports.sectionIndexWrapper=D;exports.sectionTitleWrapper=u;exports.sections=a;exports.title=r;exports.topLeftCorner=p;exports.topRightCorner=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="expandingDetails-module__root___5WLQh",t="expandingDetails-module__dark___BhUf9",o="expandingDetails-module__expandingDetailsWrapper___sqLS5",n="expandingDetails-module__header___Rp1BD",i="expandingDetails-module__description___U28ia",_="expandingDetails-module__title___5WsER",r="expandingDetails-module__label___w2Sjs",l="expandingDetails-module__sections___xpvak",a="expandingDetails-module__section___zgXvg",s="expandingDetails-module__leftBorder___lZI-L",d="expandingDetails-module__rightBorder___xfwvL",p="expandingDetails-module__leftEyebrow___DRf6N",c="expandingDetails-module__rightEyebrow___oSYuJ",g="expandingDetails-module__heading___htlX-",x="expandingDetails-module__sectionTitleWrapper___WxS9B",u="expandingDetails-module__sectionIndexWrapper___l-3VD",D="expandingDetails-module__content___1uGIY",m="expandingDetails-module__protocolWrapper___nq7ij",h="expandingDetails-module__imageCircle___HZJB-",W="expandingDetails-module__protocolSubtitle___egzjm",b="expandingDetails-module__sectionIndex___spgOf",f={root:e,dark:t,expandingDetailsWrapper:o,header:n,description:i,title:_,label:r,sections:l,section:a,leftBorder:s,rightBorder:d,leftEyebrow:p,rightEyebrow:c,heading:g,sectionTitleWrapper:x,sectionIndexWrapper:u,content:D,protocolWrapper:m,imageCircle:h,protocolSubtitle:W,sectionIndex:b};exports.content=D;exports.dark=t;exports.default=f;exports.description=i;exports.expandingDetailsWrapper=o;exports.header=n;exports.heading=g;exports.imageCircle=h;exports.label=r;exports.leftBorder=s;exports.leftEyebrow=p;exports.protocolSubtitle=W;exports.protocolWrapper=m;exports.rightBorder=d;exports.rightEyebrow=c;exports.root=e;exports.section=a;exports.sectionIndex=b;exports.sectionIndexWrapper=u;exports.sectionTitleWrapper=x;exports.sections=l;exports.title=_;

package/dist/modules/ExpandingDetails/expandingDetails.module.css.es.js

@@ -1,49 +1,47 @@
-const e = "expandingDetails-module__root___5WLQh", t = "expandingDetails-module__dark___BhUf9", n = "expandingDetails-module__expandingDetailsWrapper___sqLS5", o = "expandingDetails-module__header___Rp1BD", _ = "expandingDetails-module__description___U28ia", i = "expandingDetails-module__title___5WsER", r = "expandingDetails-module__label___w2Sjs", a = "expandingDetails-module__sections___xpvak", s = "expandingDetails-module__section___zgXvg", l = "expandingDetails-module__leftBorder___lZI-L", d = "expandingDetails-module__rightBorder___xfwvL", p = "expandingDetails-module__topLeftCorner___sT8-Q", c = "expandingDetails-module__topRightCorner___q9HbO", g = "expandingDetails-module__bottomLeftCorner___E3e0F", x = "expandingDetails-module__bottomRightCorner___VQJBu", m = "expandingDetails-module__heading___htlX-", D = "expandingDetails-module__sectionTitleWrapper___WxS9B", u = "expandingDetails-module__sectionIndexWrapper___l-3VD", h = "expandingDetails-module__content___1uGIY", C = "expandingDetails-module__protocolWrapper___nq7ij", W = "expandingDetails-module__imageCircle___HZJB-", f = "expandingDetails-module__sectionIndex___spgOf", B = {
+const e = "expandingDetails-module__root___5WLQh", t = "expandingDetails-module__dark___BhUf9", _ = "expandingDetails-module__expandingDetailsWrapper___sqLS5", n = "expandingDetails-module__header___Rp1BD", o = "expandingDetails-module__description___U28ia", i = "expandingDetails-module__title___5WsER", l = "expandingDetails-module__label___w2Sjs", a = "expandingDetails-module__sections___xpvak", s = "expandingDetails-module__section___zgXvg", d = "expandingDetails-module__leftBorder___lZI-L", r = "expandingDetails-module__rightBorder___xfwvL", p = "expandingDetails-module__leftEyebrow___DRf6N", c = "expandingDetails-module__rightEyebrow___oSYuJ", g = "expandingDetails-module__heading___htlX-", x = "expandingDetails-module__sectionTitleWrapper___WxS9B", u = "expandingDetails-module__sectionIndexWrapper___l-3VD", D = "expandingDetails-module__content___1uGIY", m = "expandingDetails-module__protocolWrapper___nq7ij", h = "expandingDetails-module__imageCircle___HZJB-", W = "expandingDetails-module__protocolSubtitle___egzjm", b = "expandingDetails-module__sectionIndex___spgOf", f = {
   root: e,
   dark: t,
-  expandingDetailsWrapper: n,
-  header: o,
-  description: _,
+  expandingDetailsWrapper: _,
+  header: n,
+  description: o,
   title: i,
-  label: r,
+  label: l,
   sections: a,
   section: s,
-  leftBorder: l,
-  rightBorder: d,
-  topLeftCorner: p,
-  topRightCorner: c,
-  bottomLeftCorner: g,
-  bottomRightCorner: x,
-  heading: m,
-  sectionTitleWrapper: D,
+  leftBorder: d,
+  rightBorder: r,
+  leftEyebrow: p,
+  rightEyebrow: c,
+  heading: g,
+  sectionTitleWrapper: x,
   sectionIndexWrapper: u,
-  content: h,
-  protocolWrapper: C,
-  imageCircle: W,
-  sectionIndex: f
+  content: D,
+  protocolWrapper: m,
+  imageCircle: h,
+  protocolSubtitle: W,
+  sectionIndex: b
 };
 export {
-  g as bottomLeftCorner,
-  x as bottomRightCorner,
-  h as content,
+  D as content,
   t as dark,
-  B as default,
-  _ as description,
-  n as expandingDetailsWrapper,
-  o as header,
-  m as heading,
-  W as imageCircle,
-  r as label,
-  l as leftBorder,
-  C as protocolWrapper,
-  d as rightBorder,
+  f as default,
+  o as description,
+  _ as expandingDetailsWrapper,
+  n as header,
+  g as heading,
+  h as imageCircle,
+  l as label,
+  d as leftBorder,
+  p as leftEyebrow,
+  W as protocolSubtitle,
+  m as protocolWrapper,
+  r as rightBorder,
+  c as rightEyebrow,
   e as root,
   s as section,
-  f as sectionIndex,
+  b as sectionIndex,
   u as sectionIndexWrapper,
-  D as sectionTitleWrapper,
+  x as sectionTitleWrapper,
   a as sections,
-  i as title,
-  p as topLeftCorner,
-  c as topRightCorner
+  i as title
 };

package/dist/modules/IndividualProductCard/components/PlanCard/PlanCard.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:n,onSelect:l})=>e.jsxs("button",{className:r.cn(a.default.root,n&&a.default.active),onClick:()=>l(s.id),children:[s.featured&&e.jsx(u.Label,{color:"black",className:a.default.label,size:"sm",children:"Most popular"}),e.jsxs("div",{className:a.default.planContainer,children:[e.jsxs("div",{className:a.default.planInfo,children:[e.jsx(d.RadioButton,{checked:n}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,align:"left",children:s.label}),!!s.savingsPercentage&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:["Save ",s.savingsPercentage,"%"]})]})]}),e.jsxs("div",{className:a.default.priceDetails,children:[e.jsxs("div",{className:r.cn(a.default.priceContainer),children:[s.price!==s.totalPrice&&e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:a.default.totalPrice,children:i.formatUnits(s.price,"usd",0)}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",emphasis:!0,className:a.default.price,children:i.formatUnits(s.totalPrice,"usd",0)})]}),!!s.monthlyPrice&&e.jsxs(t.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:a.default.description,children:[i.formatUnits(s.monthlyPrice,"usd",0),"/mo"]})]})]}),!!s.duration&&s.duration!=="one-time"&&e.jsx("div",{className:r.cn(a.default.benefitsContainer,n&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(o.Icon,{name:c.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsxs(t.Typography,{as:"p",defaultVariant:"bodyXs",children:["Delivered every"," ",s.durationAmount&&s.durationAmount>1?`${s.durationAmount} months`:"month"]})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(o.Icon,{name:c.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/RadioButton/RadioButton.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),u=require("../../../../components/Label/Label.cjs.js"),r=require("../../../../utils/cn/cn.cjs.js"),n=require("../../../../utils/formatUnits/formatUnits.cjs.js"),t=require("./planCard.module.css.cjs.js"),m=({plan:e,isActive:i,onSelect:l})=>a.jsxs("button",{className:r.cn(t.default.root,i&&t.default.active),onClick:()=>l(e.id),children:[e.featured&&a.jsx(u.Label,{color:"black",className:t.default.label,size:"sm",children:"Most popular"}),a.jsxs("div",{className:t.default.planContainer,children:[a.jsxs("div",{className:t.default.planInfo,children:[a.jsx(d.RadioButton,{checked:i}),a.jsxs("div",{className:t.default.planDetails,children:[a.jsx(s.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,align:"left",children:e.label}),!!e.savingsPercentage&&a.jsxs(s.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:t.default.savings,children:["Save ",e.savingsPercentage,"%"]})]})]}),a.jsxs("div",{className:t.default.priceDetails,children:[!!e.monthlyPrice&&a.jsxs(s.Typography,{as:"p",defaultVariant:"bodySm",weight:"regular",className:t.default.description,children:[n.formatUnits(e.monthlyPrice,"usd",0),"/mo"]}),a.jsxs("div",{className:r.cn(t.default.priceContainer),children:[e.price!==e.totalPrice&&a.jsx(s.Typography,{as:"p",defaultVariant:"labelXs",weight:"regular",className:t.default.totalPrice,children:n.formatUnits(e.price,"usd",0)}),a.jsx(s.Typography,{as:"p",defaultVariant:!e.monthlyPrice&&e.price===e.totalPrice?"bodySm":"labelXs",className:r.cn(t.default.price,{[t.default.description]:!e.monthlyPrice&&e.price===e.totalPrice}),children:n.formatUnits(e.totalPrice,"usd",0)})]})]})]}),!!e.duration&&e.duration!=="one-time"&&a.jsx("div",{className:r.cn(t.default.benefitsContainer,i&&t.default.benefitsActive),children:a.jsxs("div",{className:t.default.benefitsContent,children:[a.jsxs("div",{className:t.default.benefit,children:[a.jsx(o.Icon,{name:c.EIconName.ARROW_RETURN,className:t.default.benefitIcon}),a.jsxs(s.Typography,{as:"p",defaultVariant:"bodyXs",children:["Delivered every"," ",e.durationAmount&&e.durationAmount>1?`${e.durationAmount} months`:"month"]})]}),a.jsxs("div",{className:t.default.benefit,children:[a.jsx(o.Icon,{name:c.EIconName.CALENDAR,className:t.default.benefitIcon}),a.jsx(s.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;