@zenpatient-org/healthspan-marketing-ui 0.1.21 → 0.1.22

package/dist/modules/Benefits/Benefits.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("./components/BenefitTag/BenefitTag.cjs.js"),m=require("./components/BenefitItem/BenefitItem.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),t=require("./benefits.module.css.cjs.js"),g=({label:s,title:l,image:r,benefits:n,tags:d})=>e.jsxs("div",{className:t.default.root,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(u.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:t.default.label,children:s}),e.jsx(c.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingLg"})]}),e.jsxs("div",{className:t.default.content,children:[e.jsxs("div",{className:t.default.imageWrapper,children:[e.jsx("img",{src:r,alt:"image",className:t.default.image}),d.map((i,a)=>e.jsx(o.BenefitTag,{text:i,className:t.default[`tag${a+1}`]},a))]}),e.jsx("div",{className:t.default.benefits,children:n.map((i,a)=>e.jsx(m.BenefitItem,{index:a+1,title:i.title,description:i.description},a))})]})]});exports.Benefits=g;

package/dist/modules/Benefits/Benefits.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    label: string;
+    title: ReactNode;
+    image: string;
+    benefits: Array<{
+        title: string;
+        description: string;
+    }>;
+    tags: Array<string>;
+};
+export declare const Benefits: ({ label, title, image, benefits, tags }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Benefits/Benefits.es.js

@@ -0,0 +1,53 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { BenefitTag as n } from "./components/BenefitTag/BenefitTag.es.js";
+import { BenefitItem as p } from "./components/BenefitItem/BenefitItem.es.js";
+import { Typography as h } from "../../components/Typography/Typography.es.js";
+import e from "./benefits.module.css.es.js";
+const y = ({ label: l, title: m, image: s, benefits: o, tags: d }) => /* @__PURE__ */ r("div", { className: e.root, children: [
+  /* @__PURE__ */ r("div", { className: e.header, children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        defaultVariant: "labelMd",
+        mobileVariant: "labelSm",
+        emphasis: !0,
+        className: e.label,
+        children: l
+      }
+    ),
+    /* @__PURE__ */ a(
+      c,
+      {
+        title: m,
+        defaultVariant: "displayMd",
+        mobileVariant: "headingLg"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ r("div", { className: e.content, children: [
+    /* @__PURE__ */ r("div", { className: e.imageWrapper, children: [
+      /* @__PURE__ */ a("img", { src: s, alt: "image", className: e.image }),
+      d.map((t, i) => /* @__PURE__ */ a(
+        n,
+        {
+          text: t,
+          className: e[`tag${i + 1}`]
+        },
+        i
+      ))
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.benefits, children: o.map((t, i) => /* @__PURE__ */ a(
+      p,
+      {
+        index: i + 1,
+        title: t.title,
+        description: t.description
+      },
+      i
+    )) })
+  ] })
+] });
+export {
+  y as Benefits
+};

package/dist/modules/Benefits/benefits.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",t="benefits-module__header___wt7M5",_="benefits-module__label___sgWAr",o="benefits-module__content___Q1Nej",a="benefits-module__imageWrapper___Owwd8",n="benefits-module__image___Hq7o5",s="benefits-module__tag1___orgyD",i="benefits-module__tag2___49bdt",l="benefits-module__tag3___TYdET",g="benefits-module__benefits___psqX-",r={root:e,header:t,label:_,content:o,imageWrapper:a,image:n,tag1:s,tag2:i,tag3:l,benefits:g};exports.benefits=g;exports.content=o;exports.default=r;exports.header=t;exports.image=n;exports.imageWrapper=a;exports.label=_;exports.root=e;exports.tag1=s;exports.tag2=i;exports.tag3=l;

package/dist/modules/Benefits/benefits.module.css.es.js

@@ -0,0 +1,25 @@
+const e = "benefits-module__root___DiO7c", _ = "benefits-module__header___wt7M5", t = "benefits-module__label___sgWAr", o = "benefits-module__content___Q1Nej", n = "benefits-module__imageWrapper___Owwd8", s = "benefits-module__image___Hq7o5", a = "benefits-module__tag1___orgyD", i = "benefits-module__tag2___49bdt", l = "benefits-module__tag3___TYdET", b = "benefits-module__benefits___psqX-", d = {
+  root: e,
+  header: _,
+  label: t,
+  content: o,
+  imageWrapper: n,
+  image: s,
+  tag1: a,
+  tag2: i,
+  tag3: l,
+  benefits: b
+};
+export {
+  b as benefits,
+  o as content,
+  d as default,
+  _ as header,
+  s as image,
+  n as imageWrapper,
+  t as label,
+  e as root,
+  a as tag1,
+  i as tag2,
+  l as tag3
+};

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),a=require("./benefitItem.module.css.cjs.js"),l=({index:i,title:n,description:r})=>e.jsxs("div",{className:a.default.benefit,children:[e.jsx(t.Typography,{defaultVariant:"labelXl",emphasis:!0,className:a.default.benefitIndex,children:`(0${i})`}),e.jsxs("div",{className:a.default.benefitDetails,children:[e.jsx(t.Typography,{defaultVariant:"headingLg",mobileVariant:"headingXs",className:a.default.benefitTitle,children:n}),e.jsx(t.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.benefitDesc,children:r})]})]});exports.BenefitItem=l;

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    index: number;
+    title: string;
+    description: string;
+};
+export declare const BenefitItem: ({ index, title, description }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js

@@ -0,0 +1,37 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Typography as i } from "../../../../components/Typography/Typography.es.js";
+import e from "./benefitItem.module.css.es.js";
+const o = ({ index: l, title: n, description: r }) => /* @__PURE__ */ t("div", { className: e.benefit, children: [
+  /* @__PURE__ */ a(
+    i,
+    {
+      defaultVariant: "labelXl",
+      emphasis: !0,
+      className: e.benefitIndex,
+      children: `(0${l})`
+    }
+  ),
+  /* @__PURE__ */ t("div", { className: e.benefitDetails, children: [
+    /* @__PURE__ */ a(
+      i,
+      {
+        defaultVariant: "headingLg",
+        mobileVariant: "headingXs",
+        className: e.benefitTitle,
+        children: n
+      }
+    ),
+    /* @__PURE__ */ a(
+      i,
+      {
+        defaultVariant: "bodyMd",
+        mobileVariant: "bodySm",
+        className: e.benefitDesc,
+        children: r
+      }
+    )
+  ] })
+] });
+export {
+  o as BenefitItem
+};

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitItem-module__benefit___yL87M",t="benefitItem-module__benefitIndex___I0-tr",n="benefitItem-module__benefitDetails___nw6dI",i={benefit:e,benefitIndex:t,benefitDetails:n};exports.benefit=e;exports.benefitDetails=n;exports.benefitIndex=t;exports.default=i;

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.es.js

@@ -0,0 +1,11 @@
+const e = "benefitItem-module__benefit___yL87M", t = "benefitItem-module__benefitIndex___I0-tr", n = "benefitItem-module__benefitDetails___nw6dI", i = {
+  benefit: e,
+  benefitIndex: t,
+  benefitDetails: n
+};
+export {
+  e as benefit,
+  n as benefitDetails,
+  t as benefitIndex,
+  i as default
+};

package/dist/modules/Benefits/components/BenefitItem/index.d.ts

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

package/dist/modules/Benefits/components/BenefitTag/BenefitTag.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./benefitTag.module.css.cjs.js"),n=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../utils/cn/cn.cjs.js"),o=({text:t,className:a})=>e.jsx("div",{className:i.cn(r.default.root,a),children:e.jsx(n.Typography,{emphasis:!0,defaultVariant:"labelLg",mobileVariant:"labelSm",className:r.default.benefitTag,children:t})});exports.BenefitTag=o;

package/dist/modules/Benefits/components/BenefitTag/BenefitTag.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    text: string;
+    className: string;
+};
+export declare const BenefitTag: ({ text, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Benefits/components/BenefitTag/BenefitTag.es.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "./benefitTag.module.css.es.js";
+import { Typography as o } from "../../../../components/Typography/Typography.es.js";
+import { cn as i } from "../../../../utils/cn/cn.es.js";
+const p = ({ text: a, className: t }) => /* @__PURE__ */ r("div", { className: i(e.root, t), children: /* @__PURE__ */ r(
+  o,
+  {
+    emphasis: !0,
+    defaultVariant: "labelLg",
+    mobileVariant: "labelSm",
+    className: e.benefitTag,
+    children: a
+  }
+) });
+export {
+  p as BenefitTag
+};

package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.cjs.js

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

package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.es.js

@@ -0,0 +1,9 @@
+const e = "benefitTag-module__root___8-WMf", t = "benefitTag-module__benefitTag___9R-qj", o = {
+  root: e,
+  benefitTag: t
+};
+export {
+  t as benefitTag,
+  o as default,
+  e as root
+};

package/dist/modules/Benefits/components/BenefitTag/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { BenefitTag } from './BenefitTag';
+export { BenefitItem } from './BenefitItem';

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

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

package/dist/modules/PairedProducts/PairedProducts.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../components/Button/Button.cjs.js"),c=require("../../components/Typography/Typography.cjs.js"),n=require("../../components/ProductPairs/ProductPairs.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),r=require("./pairedProducts.module.css.cjs.js"),o=({label:d,button:a,productCards:i})=>e.jsx("section",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.header,children:[e.jsx(c.Typography,{as:"h2",defaultVariant:"displaySm",mobileVariant:"headingLg",children:d}),e.jsx("div",{className:t.cn(r.default.buttonWrap,r.default.mobile),children:e.jsx(s.Button,{as:"a",href:a.href,variant:"muted",size:"sm",children:a.label})}),e.jsx("div",{className:t.cn(r.default.buttonWrap,r.default.desktop),children:e.jsx(s.Button,{as:"a",href:a.href,variant:"muted",size:"lg",children:a.label})})]}),e.jsx("div",{className:r.default.productCards,children:e.jsx(n.ProductPairs,{productCards:i})})]})});exports.PairedProducts=o;

package/dist/modules/PairedProducts/PairedProducts.d.ts

@@ -0,0 +1,12 @@
+import { TProductGalleryCardView } from '../../components/ProductGalleryCard';
+
+type PairedProductsProps = {
+    label: string;
+    button: {
+        label: string;
+        href: string;
+    };
+    productCards: Array<TProductGalleryCardView>;
+};
+export declare const PairedProducts: ({ label, button, productCards }: PairedProductsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/PairedProducts/PairedProducts.es.js

@@ -0,0 +1,17 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Button as s } from "../../components/Button/Button.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { ProductPairs as t } from "../../components/ProductPairs/ProductPairs.es.js";
+import { cn as d } from "../../utils/cn/cn.es.js";
+import a from "./pairedProducts.module.css.es.js";
+const v = ({ label: l, button: e, productCards: o }) => /* @__PURE__ */ r("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: [
+  /* @__PURE__ */ i("div", { className: a.header, children: [
+    /* @__PURE__ */ r(m, { as: "h2", defaultVariant: "displaySm", mobileVariant: "headingLg", children: l }),
+    /* @__PURE__ */ r("div", { className: d(a.buttonWrap, a.mobile), children: /* @__PURE__ */ r(s, { as: "a", href: e.href, variant: "muted", size: "sm", children: e.label }) }),
+    /* @__PURE__ */ r("div", { className: d(a.buttonWrap, a.desktop), children: /* @__PURE__ */ r(s, { as: "a", href: e.href, variant: "muted", size: "lg", children: e.label }) })
+  ] }),
+  /* @__PURE__ */ r("div", { className: a.productCards, children: /* @__PURE__ */ r(t, { productCards: o }) })
+] }) });
+export {
+  v as PairedProducts
+};

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

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

package/dist/modules/PairedProducts/pairedProducts.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="pairedProducts-module__root___CGPcB",e="pairedProducts-module__container___UOwaf",d="pairedProducts-module__header___cGhYK",t="pairedProducts-module__productCards___wKcam",r="pairedProducts-module__mobile___e1DYf",_="pairedProducts-module__desktop___mq5Bl",s={root:o,container:e,header:d,productCards:t,mobile:r,desktop:_};exports.container=e;exports.default=s;exports.desktop=_;exports.header=d;exports.mobile=r;exports.productCards=t;exports.root=o;

package/dist/modules/PairedProducts/pairedProducts.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "pairedProducts-module__root___CGPcB", d = "pairedProducts-module__container___UOwaf", e = "pairedProducts-module__header___cGhYK", _ = "pairedProducts-module__productCards___wKcam", r = "pairedProducts-module__mobile___e1DYf", t = "pairedProducts-module__desktop___mq5Bl", c = {
+  root: o,
+  container: d,
+  header: e,
+  productCards: _,
+  mobile: r,
+  desktop: t
+};
+export {
+  d as container,
+  c as default,
+  t as desktop,
+  e as header,
+  r as mobile,
+  _ as productCards,
+  o as root
+};

package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("../../components/ProductGallery/ProductGallery.cjs.js"),g=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),q=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),j=require("./useProductsData.cjs.js"),x=({label_text:d,productDisplays:u})=>{var l;const{isTabbed:t,title:n,description:y,tabs:a,slidesByTabs:o}=j.useProductsData({productDisplays:u}),[r,p]=c.useState(((l=a[0])==null?void 0:l.value)??""),b=c.useMemo(()=>(o[r]??[]).map((m,P)=>e.jsx(g.ProductGalleryCard,{...m},P)),[r,o]),h=t?e.jsx(q.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:p}):e.jsxs("div",{className:s.default.header,children:[e.jsx(i.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsx(i.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:y})]});return e.jsx("div",{className:s.default.root,children:e.jsx(T.ProductGallery,{header:h,slides:b,isTabbed:t})})};exports.ProductsDisplay=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("../../components/ProductGallery/ProductGallery.cjs.js"),g=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),i=require("../../components/Typography/Typography.cjs.js"),q=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),j=require("./useProductsData.cjs.js"),x=({labelText:d,productDisplays:u})=>{var l;const{isTabbed:t,title:n,description:y,tabs:a,slidesByTabs:o}=j.useProductsData({productDisplays:u}),[r,p]=c.useState(((l=a[0])==null?void 0:l.value)??""),b=c.useMemo(()=>(o[r]??[]).map((m,P)=>e.jsx(g.ProductGalleryCard,{...m},P)),[r,o]),h=t?e.jsx(q.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:p}):e.jsxs("div",{className:s.default.header,children:[e.jsx(i.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsx(i.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:y})]});return e.jsx("div",{className:s.default.root,children:e.jsx(T.ProductGallery,{header:h,slides:b,isTabbed:t})})};exports.ProductsDisplay=x;

package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts

@@ -1,3 +1,3 @@
 import { TProductsDisplay } from './types';
 
-export declare const ProductsDisplay: ({ label_text, productDisplays }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductsDisplay: ({ labelText, productDisplays }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/ProductsDisplay/ProductsDisplay.es.js

@@ -7,7 +7,7 @@ import { Typography as l } from "../../components/Typography/Typography.es.js";
 import { ProductsDisplayTabs as V } from "./components/ProductsDisplayTabs/ProductsDisplayTabs.es.js";
 import r from "./productsDisplay.module.css.es.js";
 import { useProductsData as x } from "./useProductsData.es.js";
-const B = ({ label_text: d, productDisplays: m }) => {
+const B = ({ labelText: d, productDisplays: m }) => {
   var i;
   const { isTabbed: a, title: c, description: n, tabs: s, slidesByTabs: o } = x({
     productDisplays: m

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

@@ -6,6 +6,6 @@ export type TProductsDisplayView = {
     productCards: Array<TProductGalleryCardView>;
 };
 export type TProductsDisplay = {
-    label_text?: string;
+    labelText?: string;
     productDisplays: Array<TProductsDisplayView>;
 };

package/dist/modules/TypesOfTests/TypesOfTests.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),y=require("../../components/ComplexTooltip/ComplexTooltip.cjs.js"),v=require("../../components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),m=require("../../components/Button/Button.cjs.js"),f=require("../../components/Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),t=require("./typesOfTests.module.css.cjs.js"),r=25,C=({title:x,items:l,colorScheme:n,buttonLabel:c})=>{const[o,g]=h.useState(!1),[a,u]=h.useState(null),p=()=>g(s=>!s),T=()=>{u(null)};return e.jsxs("section",{className:t.default.root,"data-scheme":n,children:[a!==null&&e.jsx("div",{className:i.cn(t.default.popover,t.default.mobile),children:e.jsx(v.ComplexTooltipContent,{title:l[a].title,description:l[a].description,onClose:T,style:n,className:t.default.popoverContent})}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.header,children:e.jsxs(f.Typography,{as:"h2",defaultVariant:"displayMd",mobileVariant:"headingLg",children:["(",x,")"]})}),e.jsx("div",{className:i.cn(t.default.content,!o&&l.length>r&&t.default.contentBlurred),children:(o?l:l.slice(0,r)).map((s,d)=>e.jsx("div",{className:i.cn(t.default.item,a===d&&t.default.selectedItem),onClick:()=>u(j=>j===d?null:d),children:e.jsx(y.ComplexTooltip,{title:s.title,description:s.description,style:"light",trigger:"hover",isBlurred:n==="dark",children:e.jsx(f.Typography,{as:"p",defaultVariant:"headingLg",mobileVariant:"headingXxs",children:s.title})})},s.title))}),l.length>r&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:i.cn(t.default.actions,t.default.desktop),children:e.jsxs(m.Button,{variant:n==="light"?"muted":"muted-invert",size:"lg",onClick:p,children:[o?"Hide":"View All"," ",c]})}),e.jsx("div",{className:i.cn(t.default.actions,t.default.mobile),children:e.jsxs(m.Button,{variant:n==="light"?"muted":"muted-invert",size:"md",onClick:p,children:[o?"Hide":"View All"," ",c]})})]})]})]})};exports.TypesOfTests=C;

package/dist/modules/TypesOfTests/TypesOfTests.d.ts

@@ -0,0 +1,10 @@
+import { TColorScheme } from '../../types/common';
+import { TTypesOfTestsItem } from './types';
+
+export type TypesOfTestsProps = {
+    title: string;
+    items: Array<TTypesOfTestsItem>;
+    buttonLabel: string;
+    colorScheme: TColorScheme;
+};
+export declare const TypesOfTests: ({ title, items, colorScheme, buttonLabel }: TypesOfTestsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/TypesOfTests/TypesOfTests.es.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsxs as n, jsx as t, Fragment as y } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { ComplexTooltip as T } from "../../components/ComplexTooltip/ComplexTooltip.es.js";
+import { ComplexTooltipContent as k } from "../../components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js";
+import { Button as g } from "../../components/Button/Button.es.js";
+import { Typography as v } from "../../components/Typography/Typography.es.js";
+import { cn as r } from "../../utils/cn/cn.es.js";
+import e from "./typesOfTests.module.css.es.js";
+const c = 25, z = ({ title: f, items: l, colorScheme: s, buttonLabel: m }) => {
+  const [o, I] = u(!1), [a, p] = u(null), h = () => I((i) => !i), C = () => {
+    p(null);
+  };
+  return /* @__PURE__ */ n("section", { className: e.root, "data-scheme": s, children: [
+    a !== null && /* @__PURE__ */ t("div", { className: r(e.popover, e.mobile), children: /* @__PURE__ */ t(
+      k,
+      {
+        title: l[a].title,
+        description: l[a].description,
+        onClose: C,
+        style: s,
+        className: e.popoverContent
+      }
+    ) }),
+    /* @__PURE__ */ n("div", { className: e.container, children: [
+      /* @__PURE__ */ t("div", { className: e.header, children: /* @__PURE__ */ n(v, { as: "h2", defaultVariant: "displayMd", mobileVariant: "headingLg", children: [
+        "(",
+        f,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ t("div", { className: r(e.content, !o && l.length > c && e.contentBlurred), children: (o ? l : l.slice(0, c)).map((i, d) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: r(e.item, a === d && e.selectedItem),
+          onClick: () => p((N) => N === d ? null : d),
+          children: /* @__PURE__ */ t(
+            T,
+            {
+              title: i.title,
+              description: i.description,
+              style: "light",
+              trigger: "hover",
+              isBlurred: s === "dark",
+              children: /* @__PURE__ */ t(v, { as: "p", defaultVariant: "headingLg", mobileVariant: "headingXxs", children: i.title })
+            }
+          )
+        },
+        i.title
+      )) }),
+      l.length > c && /* @__PURE__ */ n(y, { children: [
+        /* @__PURE__ */ t("div", { className: r(e.actions, e.desktop), children: /* @__PURE__ */ n(g, { variant: s === "light" ? "muted" : "muted-invert", size: "lg", onClick: h, children: [
+          o ? "Hide" : "View All",
+          " ",
+          m
+        ] }) }),
+        /* @__PURE__ */ t("div", { className: r(e.actions, e.mobile), children: /* @__PURE__ */ n(g, { variant: s === "light" ? "muted" : "muted-invert", size: "md", onClick: h, children: [
+          o ? "Hide" : "View All",
+          " ",
+          m
+        ] }) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  z as TypesOfTests
+};

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

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

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

@@ -0,0 +1,4 @@
+export type TTypesOfTestsItem = {
+    title: string;
+    description: string;
+};

package/dist/modules/TypesOfTests/typesOfTests.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="typesOfTests-module__root___qYLAe",t="typesOfTests-module__container___2YAop",o="typesOfTests-module__header___WYq05",s="typesOfTests-module__content___YNdyt",_="typesOfTests-module__contentBlurred___2-IR-",n="typesOfTests-module__actions___OgW7Y",c="typesOfTests-module__item___kfqsC",d="typesOfTests-module__popover___yLmud",p="typesOfTests-module__popoverContent___hHYFW",r="typesOfTests-module__mobile___aeDNo",l="typesOfTests-module__selectedItem___STfZe",m="typesOfTests-module__desktop___NYBBS",u={root:e,container:t,header:o,content:s,contentBlurred:_,actions:n,item:c,popover:d,popoverContent:p,mobile:r,selectedItem:l,desktop:m};exports.actions=n;exports.container=t;exports.content=s;exports.contentBlurred=_;exports.default=u;exports.desktop=m;exports.header=o;exports.item=c;exports.mobile=r;exports.popover=d;exports.popoverContent=p;exports.root=e;exports.selectedItem=l;

package/dist/modules/TypesOfTests/typesOfTests.module.css.es.js

@@ -0,0 +1,29 @@
+const e = "typesOfTests-module__root___qYLAe", t = "typesOfTests-module__container___2YAop", o = "typesOfTests-module__header___WYq05", s = "typesOfTests-module__content___YNdyt", _ = "typesOfTests-module__contentBlurred___2-IR-", n = "typesOfTests-module__actions___OgW7Y", p = "typesOfTests-module__item___kfqsC", c = "typesOfTests-module__popover___yLmud", d = "typesOfTests-module__popoverContent___hHYFW", l = "typesOfTests-module__mobile___aeDNo", m = "typesOfTests-module__selectedItem___STfZe", r = "typesOfTests-module__desktop___NYBBS", u = {
+  root: e,
+  container: t,
+  header: o,
+  content: s,
+  contentBlurred: _,
+  actions: n,
+  item: p,
+  popover: c,
+  popoverContent: d,
+  mobile: l,
+  selectedItem: m,
+  desktop: r
+};
+export {
+  n as actions,
+  t as container,
+  s as content,
+  _ as contentBlurred,
+  u as default,
+  r as desktop,
+  o as header,
+  p as item,
+  l as mobile,
+  c as popover,
+  d as popoverContent,
+  e as root,
+  m as selectedItem
+};

package/dist/utils/useIsMobile.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=(t=768)=>{const[n,s]=i.useState(!1);return i.useEffect(()=>{if(typeof window>"u")return;const e=()=>s(window.innerWidth<=t&&window.matchMedia("(pointer: coarse)").matches);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t]),n};exports.useIsMobile=o;

package/dist/utils/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare const useIsMobile: (breakpoint?: number) => boolean;

package/dist/utils/useIsMobile.es.js

@@ -0,0 +1,12 @@
+import { useState as o, useEffect as s } from "react";
+const d = (i = 768) => {
+  const [t, n] = o(!1);
+  return s(() => {
+    if (typeof window > "u") return;
+    const e = () => n(window.innerWidth <= i && window.matchMedia("(pointer: coarse)").matches);
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [i]), t;
+};
+export {
+  d as useIsMobile
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.21",
+    "version": "0.1.22",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -262,6 +262,11 @@
             "import": "./dist/modules/YourProtocol/YourProtocol.es.js",
             "require": "./dist/modules/YourProtocol/YourProtocol.cjs.js"
         },
+        "./Benefits": {
+            "types": "./dist/modules/Benefits/Benefits.d.ts",
+            "import": "./dist/modules/Benefits/Benefits.es.js",
+            "require": "./dist/modules/Benefits/Benefits.cjs.js"
+        },
         "./dist/*.css": "./dist/*.css"
     }
 }

package/dist/components/ComplexTooltip/complexTooltip.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="complexTooltip-module__trigger___N3sbu",e="complexTooltip-module__content___Qh4Mj",t="complexTooltip-module__blurred___1OYU3",l="complexTooltip-module__contentHeader___OtbyW",c="complexTooltip-module__closeButton___hH0qs",n="complexTooltip-module__closeIcon___adX6C",_={trigger:o,content:e,blurred:t,contentHeader:l,closeButton:c,closeIcon:n};exports.blurred=t;exports.closeButton=c;exports.closeIcon=n;exports.content=e;exports.contentHeader=l;exports.default=_;exports.trigger=o;

package/dist/components/ComplexTooltip/complexTooltip.module.css.es.js

@@ -1,17 +0,0 @@
-const o = "complexTooltip-module__trigger___N3sbu", e = "complexTooltip-module__content___Qh4Mj", t = "complexTooltip-module__blurred___1OYU3", _ = "complexTooltip-module__contentHeader___OtbyW", l = "complexTooltip-module__closeButton___hH0qs", c = "complexTooltip-module__closeIcon___adX6C", n = {
-  trigger: o,
-  content: e,
-  blurred: t,
-  contentHeader: _,
-  closeButton: l,
-  closeIcon: c
-};
-export {
-  t as blurred,
-  l as closeButton,
-  c as closeIcon,
-  e as content,
-  _ as contentHeader,
-  n as default,
-  o as trigger
-};