@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.34

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/TabsMenuItem.es.js

@@ -0,0 +1,31 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { cn as c } from "../../../../../../utils/cn/cn.es.js";
+import { Icon as a } from "../../../../../../components/Icon/Icon.es.js";
+import { EIconName as o } from "../../../../../../components/Icon/constants.es.js";
+import { Typography as s } from "../../../../../../components/Typography/Typography.es.js";
+import e from "./tabsMenuItem.module.css.es.js";
+const u = ({ title: t, content: m, isOpen: n, index: l, onClick: d }) => /* @__PURE__ */ r("div", { onClick: () => d(l ?? 0), className: e.root, children: [
+  /* @__PURE__ */ r("div", { className: e.header, children: [
+    /* @__PURE__ */ r("div", { className: e.titleWithPrefixIconWrapper, children: [
+      /* @__PURE__ */ i(a, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
+      /* @__PURE__ */ i(s, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: t })
+    ] }),
+    /* @__PURE__ */ r("div", { className: e.closeButtonWrapper, children: [
+      /* @__PURE__ */ i(a, { name: o.BRACKET_LEFT }),
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: c(e.closeButton, {
+            [e.closeButtonActive]: n
+          }),
+          children: /* @__PURE__ */ i(a, { name: o.PLUS })
+        }
+      ),
+      /* @__PURE__ */ i(a, { name: o.BRACKET_RIGHT })
+    ] })
+  ] }),
+  /* @__PURE__ */ i("div", { className: c(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ i("div", { className: e.descriptionInner, children: /* @__PURE__ */ i(s, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: m }) }) })
+] });
+export {
+  u as TabsMenuItem
+};

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/index.d.ts

@@ -0,0 +1,2 @@
+export { TabsMenuItem } from './TabsMenuItem';
+export type { TTabsMenuItem } from './types';

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tabsMenuItem-module__root___-QHe-",t="tabsMenuItem-module__header___krKM1",o="tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1",n="tabsMenuItem-module__prefixIcon___pEK8g",r="tabsMenuItem-module__closeButtonWrapper___AQIuV",s="tabsMenuItem-module__closeButton___shzRB",_="tabsMenuItem-module__closeButtonActive___YVd-W",c="tabsMenuItem-module__description___U1czl",i="tabsMenuItem-module__descriptionInner___XjZI3",u="tabsMenuItem-module__descriptionShow___FiI3T",l={root:e,header:t,titleWithPrefixIconWrapper:o,prefixIcon:n,closeButtonWrapper:r,closeButton:s,closeButtonActive:_,description:c,descriptionInner:i,descriptionShow:u};exports.closeButton=s;exports.closeButtonActive=_;exports.closeButtonWrapper=r;exports.default=l;exports.description=c;exports.descriptionInner=i;exports.descriptionShow=u;exports.header=t;exports.prefixIcon=n;exports.root=e;exports.titleWithPrefixIconWrapper=o;

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css.es.js

@@ -0,0 +1,25 @@
+const e = "tabsMenuItem-module__root___-QHe-", t = "tabsMenuItem-module__header___krKM1", o = "tabsMenuItem-module__titleWithPrefixIconWrapper___mnvj1", n = "tabsMenuItem-module__prefixIcon___pEK8g", _ = "tabsMenuItem-module__closeButtonWrapper___AQIuV", s = "tabsMenuItem-module__closeButton___shzRB", c = "tabsMenuItem-module__closeButtonActive___YVd-W", r = "tabsMenuItem-module__description___U1czl", i = "tabsMenuItem-module__descriptionInner___XjZI3", u = "tabsMenuItem-module__descriptionShow___FiI3T", p = {
+  root: e,
+  header: t,
+  titleWithPrefixIconWrapper: o,
+  prefixIcon: n,
+  closeButtonWrapper: _,
+  closeButton: s,
+  closeButtonActive: c,
+  description: r,
+  descriptionInner: i,
+  descriptionShow: u
+};
+export {
+  s as closeButton,
+  c as closeButtonActive,
+  _ as closeButtonWrapper,
+  p as default,
+  r as description,
+  i as descriptionInner,
+  u as descriptionShow,
+  t as header,
+  n as prefixIcon,
+  e as root,
+  o as titleWithPrefixIconWrapper
+};

package/dist/modules/HighestStandards/components/TabsMenu/components/TabsMenutem/types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+export type TTabsMenuItem = {
+    title: string;
+    content: ReactNode;
+    index: number;
+    onClick: (index: number) => void;
+    isOpen: boolean;
+};

package/dist/modules/HighestStandards/components/TabsMenu/components/index.d.ts

@@ -0,0 +1 @@
+export { TabsMenuItem, type TTabsMenuItem } from './TabsMenutem';

package/dist/modules/HighestStandards/components/TabsMenu/index.d.ts

@@ -0,0 +1 @@
+export { TabsMenu } from './TabsMenu';

package/dist/modules/HighestStandards/components/TabsMenu/tabsMenu.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tabsMenu-module__root___qPpqV",o={root:e};exports.default=o;exports.root=e;

package/dist/modules/HighestStandards/components/TabsMenu/tabsMenu.module.css.es.js

@@ -0,0 +1,7 @@
+const o = "tabsMenu-module__root___qPpqV", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/modules/HighestStandards/components/TabsMenu/types.d.ts

@@ -0,0 +1,6 @@
+export type TTabsMenu = {
+    items: Array<{
+        title: string;
+        content: string;
+    }>;
+};

package/dist/modules/HighestStandards/components/index.d.ts

@@ -0,0 +1 @@
+export { TabsMenu } from './TabsMenu';

package/dist/modules/HighestStandards/highestStandards.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="highestStandards-module__root___xBJOs",t="highestStandards-module__container___Xl9jz",n="highestStandards-module__header___JDHOF",o="highestStandards-module__description___EEllH",a="highestStandards-module__content___EHd3H",i="highestStandards-module__imageContainer___hVxeK",_="highestStandards-module__image___Tcmuy",d="highestStandards-module__accordionContainer___6mlAP",r="highestStandards-module__title___-ognh",s={root:e,container:t,header:n,description:o,content:a,imageContainer:i,image:_,accordionContainer:d,title:r};exports.accordionContainer=d;exports.container=t;exports.content=a;exports.default=s;exports.description=o;exports.header=n;exports.image=_;exports.imageContainer=i;exports.root=e;exports.title=r;

package/dist/modules/HighestStandards/highestStandards.module.css.es.js

@@ -0,0 +1,23 @@
+const t = "highestStandards-module__root___xBJOs", e = "highestStandards-module__container___Xl9jz", n = "highestStandards-module__header___JDHOF", o = "highestStandards-module__description___EEllH", _ = "highestStandards-module__content___EHd3H", a = "highestStandards-module__imageContainer___hVxeK", d = "highestStandards-module__image___Tcmuy", i = "highestStandards-module__accordionContainer___6mlAP", s = "highestStandards-module__title___-ognh", r = {
+  root: t,
+  container: e,
+  header: n,
+  description: o,
+  content: _,
+  imageContainer: a,
+  image: d,
+  accordionContainer: i,
+  title: s
+};
+export {
+  i as accordionContainer,
+  e as container,
+  _ as content,
+  r as default,
+  o as description,
+  n as header,
+  d as image,
+  a as imageContainer,
+  t as root,
+  s as title
+};

package/dist/modules/HighestStandards/index.d.ts

@@ -0,0 +1 @@
+export { HighestStandards } from './HighestStandards';

package/dist/modules/HighestStandards/types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export type THighestStandards = {
+    title: ReactNode;
+    description: string;
+    image: string;
+    accordionItems: Array<{
+        title: string;
+        content: string;
+    }>;
+};

package/dist/modules/HowItWorks/HowItWorks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/Button/Button.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),i=require("./components/Content/Content.cjs.js"),t=require("./howItWorks.module.css.cjs.js"),l=({title:o,getStartedLink:s,items:a})=>e.jsxs("section",{className:t.default.root,children:[e.jsxs("div",{className:t.default.headerContainer,children:[e.jsx(n.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingXl",children:o}),s&&e.jsx("div",{className:t.default.desktop,children:e.jsx(r.Button,{as:"a",href:s,variant:"muted",size:"lg",children:"Get started"})}),s&&e.jsx("div",{className:t.default.mobile,children:e.jsx(r.Button,{as:"a",href:s,variant:"muted",size:"sm",children:"Get started"})})]}),e.jsx(i.Content,{items:a})]});exports.HowItWorks=l;

package/dist/modules/HowItWorks/HowItWorks.d.ts

@@ -0,0 +1,11 @@
+type HowItWorksProps = {
+    title: string;
+    items: Array<{
+        title: string;
+        description: string;
+        image: string;
+    }>;
+    getStartedLink?: string;
+};
+export declare const HowItWorks: ({ title, getStartedLink, items }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/HowItWorks/HowItWorks.es.js

@@ -0,0 +1,16 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { Button as i } from "../../components/Button/Button.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { Content as l } from "./components/Content/Content.es.js";
+import a from "./howItWorks.module.css.es.js";
+const f = ({ title: o, getStartedLink: e, items: t }) => /* @__PURE__ */ s("section", { className: a.root, children: [
+  /* @__PURE__ */ s("div", { className: a.headerContainer, children: [
+    /* @__PURE__ */ r(m, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: o }),
+    e && /* @__PURE__ */ r("div", { className: a.desktop, children: /* @__PURE__ */ r(i, { as: "a", href: e, variant: "muted", size: "lg", children: "Get started" }) }),
+    e && /* @__PURE__ */ r("div", { className: a.mobile, children: /* @__PURE__ */ r(i, { as: "a", href: e, variant: "muted", size: "sm", children: "Get started" }) })
+  ] }),
+  /* @__PURE__ */ r(l, { items: t })
+] });
+export {
+  f as HowItWorks
+};

package/dist/modules/HowItWorks/components/Content/Content.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("../../../../node_modules/swiper/modules/navigation.cjs.js"),r=require("../../../../node_modules/swiper/swiper-react.cjs.js"),j=require("../../../../components/ProgressButton/ProgressButton.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../utils/useSwiper/useSwiper.cjs.js");;/* empty css                                              */;/* empty css                                                          */;/* empty css                                                          */const i=require("./content.module.css.cjs.js"),q=[w.default],x=({items:l})=>{const{isEnd:t,isBeginning:d,hideNav:o,handleSlideChange:c,handlePrevClick:u,handleNextClick:h,onSwiperInit:g,handleSwiperResize:p,handleReachEnd:S,handleReachBeginning:m,handleSlideTo:f}=y.useSwiper();return e.jsxs("div",{className:i.default.root,children:[e.jsx("div",{className:i.default.carouselArea,children:e.jsx(r.Swiper,{onSwiper:g,onResize:p,onSlideChange:c,onReachEnd:S,onReachBeginning:m,modules:q,spaceBetween:0,slidesPerView:"auto",className:i.default.swiper,children:l.map((a,n)=>e.jsx(r.SwiperSlide,{className:i.default.swiperSlide,children:e.jsxs("div",{className:i.default.card,onClick:()=>f(n),children:[e.jsxs("div",{className:i.default.cardHeader,children:[e.jsx("img",{src:a.image,className:i.default.cardImage,alt:a.title}),e.jsx(s.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.title})]}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",children:a.description})]})},`${a.title}_${n}`))})}),!o&&e.jsx("div",{className:i.default.navigation,children:e.jsx(j.ProgressButton,{left:{disabled:d,onClick:u},right:{disabled:t,onClick:h}})})]})};exports.Content=x;

package/dist/modules/HowItWorks/components/Content/Content.d.ts

@@ -0,0 +1,10 @@
+
+type ContentProps = {
+    items: Array<{
+        title: string;
+        description: string;
+        image: string;
+    }>;
+};
+export declare const Content: ({ items }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/HowItWorks/components/Content/Content.es.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import w from "../../../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as u, SwiperSlide as v } from "../../../../node_modules/swiper/swiper-react.es.js";
+import { ProgressButton as C } from "../../../../components/ProgressButton/ProgressButton.es.js";
+import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { useSwiper as R } from "../../../../utils/useSwiper/useSwiper.es.js";
+/* empty css                                            */
+/* empty css                                                        */
+/* empty css                                                        */
+import i from "./content.module.css.es.js";
+const b = [w], z = ({ items: o }) => {
+  const {
+    isEnd: d,
+    isBeginning: s,
+    hideNav: t,
+    handleSlideChange: c,
+    handlePrevClick: m,
+    handleNextClick: h,
+    onSwiperInit: p,
+    handleSwiperResize: g,
+    handleReachEnd: S,
+    handleReachBeginning: N,
+    handleSlideTo: f
+  } = R();
+  return /* @__PURE__ */ n("div", { className: i.root, children: [
+    /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
+      u,
+      {
+        onSwiper: p,
+        onResize: g,
+        onSlideChange: c,
+        onReachEnd: S,
+        onReachBeginning: N,
+        modules: b,
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        className: i.swiper,
+        children: o.map((a, r) => /* @__PURE__ */ e(v, { className: i.swiperSlide, children: /* @__PURE__ */ n("div", { className: i.card, onClick: () => f(r), children: [
+          /* @__PURE__ */ n("div", { className: i.cardHeader, children: [
+            /* @__PURE__ */ e("img", { src: a.image, className: i.cardImage, alt: a.title }),
+            /* @__PURE__ */ e(l, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXs", children: a.title })
+          ] }),
+          /* @__PURE__ */ e(l, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", children: a.description })
+        ] }) }, `${a.title}_${r}`))
+      }
+    ) }),
+    !t && /* @__PURE__ */ e("div", { className: i.navigation, children: /* @__PURE__ */ e(
+      C,
+      {
+        left: {
+          disabled: s,
+          onClick: m
+        },
+        right: {
+          disabled: d,
+          onClick: h
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  z as Content
+};

package/dist/modules/HowItWorks/components/Content/content.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="content-module__root___qfzkV",o="content-module__carouselArea___milox",t="content-module__swiper___6bohy",_="content-module__swiperSlide___O31RT",r="content-module__card___-FmJI",a="content-module__cardHeader___6bvv8",n="content-module__cardImage___85ki9",c="content-module__navigation___gF-nP",d={root:e,carouselArea:o,swiper:t,swiperSlide:_,card:r,cardHeader:a,cardImage:n,navigation:c};exports.card=r;exports.cardHeader=a;exports.cardImage=n;exports.carouselArea=o;exports.default=d;exports.navigation=c;exports.root=e;exports.swiper=t;exports.swiperSlide=_;

package/dist/modules/HowItWorks/components/Content/content.module.css.es.js

@@ -0,0 +1,21 @@
+const e = "content-module__root___qfzkV", o = "content-module__carouselArea___milox", _ = "content-module__swiper___6bohy", t = "content-module__swiperSlide___O31RT", n = "content-module__card___-FmJI", a = "content-module__cardHeader___6bvv8", c = "content-module__cardImage___85ki9", r = "content-module__navigation___gF-nP", d = {
+  root: e,
+  carouselArea: o,
+  swiper: _,
+  swiperSlide: t,
+  card: n,
+  cardHeader: a,
+  cardImage: c,
+  navigation: r
+};
+export {
+  n as card,
+  a as cardHeader,
+  c as cardImage,
+  o as carouselArea,
+  d as default,
+  r as navigation,
+  e as root,
+  _ as swiper,
+  t as swiperSlide
+};

package/dist/modules/HowItWorks/components/Content/index.d.ts

@@ -0,0 +1 @@
+export { Content } from './Content';

package/dist/modules/HowItWorks/howItWorks.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="howItWorks-module__root___tgV6H",e="howItWorks-module__headerContainer___iw1t-",t="howItWorks-module__mobile___c4I-i",_="howItWorks-module__desktop___bZESp",r={root:o,headerContainer:e,mobile:t,desktop:_};exports.default=r;exports.desktop=_;exports.headerContainer=e;exports.mobile=t;exports.root=o;

package/dist/modules/HowItWorks/howItWorks.module.css.es.js

@@ -0,0 +1,13 @@
+const o = "howItWorks-module__root___tgV6H", t = "howItWorks-module__headerContainer___iw1t-", e = "howItWorks-module__mobile___c4I-i", _ = "howItWorks-module__desktop___bZESp", s = {
+  root: o,
+  headerContainer: t,
+  mobile: e,
+  desktop: _
+};
+export {
+  s as default,
+  _ as desktop,
+  t as headerContainer,
+  e as mobile,
+  o as root
+};

package/dist/modules/HowItWorks/index.d.ts

@@ -0,0 +1 @@
+export { HowItWorks } from './HowItWorks';

package/dist/modules/ImageWithText/ImageWithText.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),a=require("./imageWithText.module.css.cjs.js"),o=({image:r,text:i,title:l,view:t,colorScheme:s})=>e.jsx("section",{className:a.default.root,"data-scheme":s,children:e.jsxs("div",{className:a.default.container,children:[e.jsx("div",{className:a.default.imageContainer,children:e.jsx("img",{src:r,alt:"background image",className:a.default.image})}),e.jsxs("div",{className:c.cn(a.default.content,{[a.default.textAlignLeft]:t==="plain",[a.default.textAlignRight]:t==="complex"}),children:[t==="complex"&&e.jsxs("div",{className:a.default.richTextContainer,children:[l&&e.jsx(d.HighlightedTitle,{colorScheme:"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),i&&e.jsx(n.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i})]}),t==="plain"&&i&&e.jsx("div",{className:a.default.textContainer,children:e.jsx(n.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:i})})]})]})});exports.ImageWithText=o;

package/dist/modules/ImageWithText/ImageWithText.d.ts

@@ -0,0 +1,3 @@
+import { TImageWithTextProps } from './types';
+
+export declare const ImageWithText: ({ image, text, title, view, colorScheme }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ImageWithText/ImageWithText.es.js

@@ -0,0 +1,35 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import { cn as s } from "../../utils/cn/cn.es.js";
+import a from "./imageWithText.module.css.es.js";
+const x = ({ image: o, text: e, title: l, view: r, colorScheme: m }) => /* @__PURE__ */ i("section", { className: a.root, "data-scheme": m, children: /* @__PURE__ */ n("div", { className: a.container, children: [
+  /* @__PURE__ */ i("div", { className: a.imageContainer, children: /* @__PURE__ */ i("img", { src: o, alt: "background image", className: a.image }) }),
+  /* @__PURE__ */ n(
+    "div",
+    {
+      className: s(a.content, {
+        [a.textAlignLeft]: r === "plain",
+        [a.textAlignRight]: r === "complex"
+      }),
+      children: [
+        r === "complex" && /* @__PURE__ */ n("div", { className: a.richTextContainer, children: [
+          l && /* @__PURE__ */ i(
+            c,
+            {
+              colorScheme: "dark",
+              title: l,
+              defaultVariant: "displayXs",
+              mobileVariant: "headingLg"
+            }
+          ),
+          e && /* @__PURE__ */ i(t, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: e })
+        ] }),
+        r === "plain" && e && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(t, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: e }) })
+      ]
+    }
+  )
+] }) });
+export {
+  x as ImageWithText
+};

package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",g="imageWithText-module__imageContainer___bcAmi",m="imageWithText-module__image___paWe4",r={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,imageContainer:g,image:m};exports.container=e;exports.content=i;exports.default=r;exports.image=m;exports.imageContainer=g;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;

package/dist/modules/ImageWithText/imageWithText.module.css.es.js

@@ -0,0 +1,23 @@
+const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", m = "imageWithText-module__imageContainer___bcAmi", g = "imageWithText-module__image___paWe4", x = {
+  root: t,
+  container: e,
+  content: i,
+  textAlignLeft: n,
+  textAlignRight: _,
+  textContainer: o,
+  richTextContainer: a,
+  imageContainer: m,
+  image: g
+};
+export {
+  e as container,
+  i as content,
+  x as default,
+  g as image,
+  m as imageContainer,
+  a as richTextContainer,
+  t as root,
+  n as textAlignLeft,
+  _ as textAlignRight,
+  o as textContainer
+};

package/dist/modules/ImageWithText/index.d.ts

@@ -0,0 +1 @@
+export { ImageWithText } from './ImageWithText';

package/dist/modules/ImageWithText/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TColorScheme } from '../../types/common';
+
+export type TImageWithTextProps = {
+    image: string;
+    title?: ReactNode;
+    text?: ReactNode;
+    view: 'plain' | 'complex';
+    colorScheme: TColorScheme;
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),m=require("../../components/TextButton/TextButton.cjs.js"),f=require("../../components/ImageGallery/ImageGallery.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),v=require("../../components/SmartCallout/SmartCallout.cjs.js"),S=require("../../components/RatingStars/RatingStars.cjs.js"),_=require("./components/Features/Features.cjs.js"),q=require("./components/PlanCard/PlanCard.cjs.js"),a=require("./individualProductCard.module.css.cjs.js"),b=({name:h,description:c,features:g,images:p,label:j,rating:r,plans:t,button:l,textButton:s,selectedPlanId:x,onSelectPlan:o})=>{const n=t&&t.length>0&&o;return e.jsx("section",{className:a.default.root,children:e.jsxs("div",{className:y.cn(a.default.container,!n&&a.default.noPlans),children:[e.jsxs("div",{className:a.default.info,children:[e.jsxs("div",{className:a.default.infoHeader,children:[e.jsx(i.Typography,{as:"h3",defaultVariant:"displayXs",mobileVariant:"headingLg",weight:"regular",children:h}),!!c&&e.jsx(i.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.infoDescription,weight:"regular",children:c}),r&&e.jsxs("div",{className:a.default.ratingContainer,children:[!!r.stars&&e.jsx(S.RatingStars,{rating:r.stars,size:"sm"}),!!r.totalReviews&&e.jsxs(i.Typography,{as:"p",defaultVariant:"labelSm",emphasis:!0,children:[r.totalReviews," reviews"]})]})]}),e.jsx(_.Features,{features:g}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(v.SmartCallout,{label:"HSA/FSA Eligibile"}),!n&&e.jsxs(e.Fragment,{children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]}),e.jsx(f.ImageGallery,{className:a.default.gallery,images:p,label:j}),n&&e.jsxs("div",{className:a.default.plansSection,children:[e.jsxs("div",{className:a.default.plans,children:[e.jsx(i.Typography,{as:"h4",defaultVariant:"labelSm",emphasis:!0,weight:"regular",children:"Subscribe & Save"}),t.map(d=>e.jsx(q.PlanCard,{plan:d,onSelect:o,isActive:x===d.id},d.id))]}),e.jsxs("div",{className:a.default.actions,children:[e.jsx(u.Button,{variant:"primary",size:"lg",...l,children:l.label}),s&&e.jsx(m.TextButton,{...s,children:s.label})]})]})]})})};exports.IndividualProductCard=b;

package/dist/modules/IndividualProductCard/IndividualProductCard.d.ts

@@ -0,0 +1,26 @@
+import { ButtonProps } from '../../components/Button';
+import { TextButtonProps } from '../../components/TextButton';
+import { TProductFeature, TProductPlan } from './types';
+
+type IndividualProductCardProps = {
+    name: string;
+    images: Array<string>;
+    features: Array<TProductFeature>;
+    description?: string;
+    label?: string;
+    rating?: {
+        stars: number;
+        totalReviews: number;
+    };
+    button: {
+        label: string;
+    } & ButtonProps;
+    textButton?: {
+        label: string;
+    } & TextButtonProps;
+    plans?: Array<TProductPlan>;
+    selectedPlanId?: TProductPlan['id'];
+    onSelectPlan?: (planId: TProductPlan['id']) => void;
+};
+export declare const IndividualProductCard: ({ name, description, features, images, label, rating, plans, button, textButton, selectedPlanId, onSelectPlan, }: IndividualProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/IndividualProductCard/IndividualProductCard.es.js

@@ -0,0 +1,80 @@
+import { jsx as a, jsxs as i, Fragment as b } from "react/jsx-runtime";
+import { cn as u } from "../../utils/cn/cn.es.js";
+import { Button as h } from "../../components/Button/Button.es.js";
+import { TextButton as p } from "../../components/TextButton/TextButton.es.js";
+import { ImageGallery as y } from "../../components/ImageGallery/ImageGallery.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { SmartCallout as w } from "../../components/SmartCallout/SmartCallout.es.js";
+import { RatingStars as V } from "../../components/RatingStars/RatingStars.es.js";
+import { Features as C } from "./components/Features/Features.es.js";
+import { PlanCard as z } from "./components/PlanCard/PlanCard.es.js";
+import e from "./individualProductCard.module.css.es.js";
+const L = ({
+  name: f,
+  description: n,
+  features: v,
+  images: g,
+  label: N,
+  rating: l,
+  plans: c,
+  button: s,
+  textButton: r,
+  selectedPlanId: S,
+  onSelectPlan: t
+}) => {
+  const d = c && c.length > 0 && t;
+  return /* @__PURE__ */ a("section", { className: e.root, children: /* @__PURE__ */ i("div", { className: u(e.container, !d && e.noPlans), children: [
+    /* @__PURE__ */ i("div", { className: e.info, children: [
+      /* @__PURE__ */ i("div", { className: e.infoHeader, children: [
+        /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "displayXs", mobileVariant: "headingLg", weight: "regular", children: f }),
+        !!n && /* @__PURE__ */ a(
+          m,
+          {
+            as: "p",
+            defaultVariant: "bodySm",
+            className: e.infoDescription,
+            weight: "regular",
+            children: n
+          }
+        ),
+        l && /* @__PURE__ */ i("div", { className: e.ratingContainer, children: [
+          !!l.stars && /* @__PURE__ */ a(V, { rating: l.stars, size: "sm" }),
+          !!l.totalReviews && /* @__PURE__ */ i(m, { as: "p", defaultVariant: "labelSm", emphasis: !0, children: [
+            l.totalReviews,
+            " reviews"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(C, { features: v }),
+      /* @__PURE__ */ i("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(w, { label: "HSA/FSA Eligibile" }),
+        !d && /* @__PURE__ */ i(b, { children: [
+          /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
+          r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(y, { className: e.gallery, images: g, label: N }),
+    d && /* @__PURE__ */ i("div", { className: e.plansSection, children: [
+      /* @__PURE__ */ i("div", { className: e.plans, children: [
+        /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "labelSm", emphasis: !0, weight: "regular", children: "Subscribe & Save" }),
+        c.map((o) => /* @__PURE__ */ a(
+          z,
+          {
+            plan: o,
+            onSelect: t,
+            isActive: S === o.id
+          },
+          o.id
+        ))
+      ] }),
+      /* @__PURE__ */ i("div", { className: e.actions, children: [
+        /* @__PURE__ */ a(h, { variant: "primary", size: "lg", ...s, children: s.label }),
+        r && /* @__PURE__ */ a(p, { ...r, children: r.label })
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  L as IndividualProductCard
+};

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),d=require("../../../../utils/cn/cn.cjs.js"),p=require("../../../../components/IconBracket/IconBracket.cjs.js"),l=require("../../../../components/Typography/Typography.cjs.js"),y=require("../../../../components/TypeBadge/TypeBadge.cjs.js"),r=require("./features.module.css.cjs.js"),g=({features:n})=>{const[a,i]=c.useState([]),o=c.useCallback(e=>{i(s=>s.includes(e)?s.filter(u=>u!==e):[...s,e])},[]);return t.jsx("div",{className:r.default.root,children:n.map((e,s)=>t.jsxs("div",{className:r.default.feature,children:[t.jsxs("button",{className:r.default.header,onClick:()=>o(s),children:[t.jsxs("div",{className:r.default.labelWrapper,children:[t.jsx(y.TypeBadge,{type:e.type},s),t.jsx(l.Typography,{as:"span",defaultVariant:"bodySm",mobileVariant:"labelMd",weight:"regular",children:e.label})]}),e.description&&t.jsx(p.IconBracket,{variant:a.includes(s)?"close":"plus",size:"sm"})]}),e.description&&t.jsx(l.Typography,{as:"p",defaultVariant:"bodyXs",className:d.cn(r.default.description,a.includes(s)&&r.default.descriptionActive),weight:"regular",children:e.description})]},`${e.label}-${s}`))})};exports.Features=g;

package/dist/modules/IndividualProductCard/components/Features/Features.d.ts

@@ -0,0 +1,7 @@
+import { TProductFeature } from '../../types';
+
+type FeaturesProps = {
+    features: Array<TProductFeature>;
+};
+export declare const Features: ({ features }: FeaturesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/IndividualProductCard/components/Features/Features.es.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { useState as m, useCallback as d } from "react";
+import { cn as u } from "../../../../utils/cn/cn.es.js";
+import { IconBracket as h } from "../../../../components/IconBracket/IconBracket.es.js";
+import { Typography as l } from "../../../../components/Typography/Typography.es.js";
+import { TypeBadge as b } from "../../../../components/TypeBadge/TypeBadge.es.js";
+import s from "./features.module.css.es.js";
+const V = ({ features: o }) => {
+  const [a, c] = m([]), n = d((e) => {
+    c((r) => r.includes(e) ? r.filter((p) => p !== e) : [...r, e]);
+  }, []);
+  return /* @__PURE__ */ t("div", { className: s.root, children: o.map((e, r) => /* @__PURE__ */ i("div", { className: s.feature, children: [
+    /* @__PURE__ */ i("button", { className: s.header, onClick: () => n(r), children: [
+      /* @__PURE__ */ i("div", { className: s.labelWrapper, children: [
+        /* @__PURE__ */ t(b, { type: e.type }, r),
+        /* @__PURE__ */ t(l, { as: "span", defaultVariant: "bodySm", mobileVariant: "labelMd", weight: "regular", children: e.label })
+      ] }),
+      e.description && /* @__PURE__ */ t(h, { variant: a.includes(r) ? "close" : "plus", size: "sm" })
+    ] }),
+    e.description && /* @__PURE__ */ t(
+      l,
+      {
+        as: "p",
+        defaultVariant: "bodyXs",
+        className: u(s.description, a.includes(r) && s.descriptionActive),
+        weight: "regular",
+        children: e.description
+      }
+    )
+  ] }, `${e.label}-${r}`)) });
+};
+export {
+  V as Features
+};

package/dist/modules/IndividualProductCard/components/Features/features.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="features-module__root___ts6Mh",t="features-module__feature___RGQxn",r="features-module__header___iedRh",o="features-module__labelWrapper___TAIS-",_="features-module__description___RiwC6",s="features-module__descriptionActive___Sq4Tm",a={root:e,feature:t,header:r,labelWrapper:o,description:_,descriptionActive:s};exports.default=a;exports.description=_;exports.descriptionActive=s;exports.feature=t;exports.header=r;exports.labelWrapper=o;exports.root=e;

package/dist/modules/IndividualProductCard/components/Features/features.module.css.es.js

@@ -0,0 +1,17 @@
+const e = "features-module__root___ts6Mh", t = "features-module__feature___RGQxn", _ = "features-module__header___iedRh", r = "features-module__labelWrapper___TAIS-", o = "features-module__description___RiwC6", s = "features-module__descriptionActive___Sq4Tm", a = {
+  root: e,
+  feature: t,
+  header: _,
+  labelWrapper: r,
+  description: o,
+  descriptionActive: s
+};
+export {
+  a as default,
+  o as description,
+  s as descriptionActive,
+  t as feature,
+  _ as header,
+  r as labelWrapper,
+  e as root
+};

package/dist/modules/IndividualProductCard/components/Features/index.d.ts

@@ -0,0 +1 @@
+export { Features } from './Features';

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../components/Icon/Icon.cjs.js"),l=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"),n=require("../../../../utils/cn/cn.cjs.js"),i=require("../../../../utils/formatUnits/formatUnits.cjs.js"),a=require("./planCard.module.css.cjs.js"),m=({plan:s,isActive:r,onSelect:o})=>e.jsxs("button",{className:n.cn(a.default.root,r&&a.default.active),onClick:()=>o(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:r}),e.jsxs("div",{className:a.default.planDetails,children:[e.jsx(t.Typography,{as:"h4",defaultVariant:"bodySm",emphasis:!0,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:n.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:n.cn(a.default.benefitsContainer,r&&a.default.benefitsActive),children:e.jsxs("div",{className:a.default.benefitsContent,children:[e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.ARROW_RETURN,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Delivered every month"})]}),e.jsxs("div",{className:a.default.benefit,children:[e.jsx(c.Icon,{name:l.EIconName.CALENDAR,className:a.default.benefitIcon}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodyXs",children:"Modify or cancel anytime"})]})]})})]});exports.PlanCard=m;