@zenpatient-org/healthspan-marketing-ui 0.1.39 → 0.1.40

package/dist/pageComponents/PersonalizedProtocolHero/personalizedProtocolHero.module.css.es.js

@@ -0,0 +1,71 @@
+const o = "personalizedProtocolHero-module__root___1zZOm", e = "personalizedProtocolHero-module__container___EtvLl", t = "personalizedProtocolHero-module__leftContent___rGGen", _ = "personalizedProtocolHero-module__description___QtTS4", l = "personalizedProtocolHero-module__buttonWrap___6bqeT", r = "personalizedProtocolHero-module__textContainer___SfD2q", a = "personalizedProtocolHero-module__pillContainer___50UIE", n = "personalizedProtocolHero-module__pillImage___VNmV4", d = "personalizedProtocolHero-module__active___aEZL5", s = "personalizedProtocolHero-module__exiting___z53Iy", c = "personalizedProtocolHero-module__protocolContainer___s7c52", i = "personalizedProtocolHero-module__dosageContainer___Xw9-2", p = "personalizedProtocolHero-module__goalContainer___DQCri", g = "personalizedProtocolHero-module__svgContainer___KG3Rh", u = "personalizedProtocolHero-module__dosageTextBlock___G6f2w", m = "personalizedProtocolHero-module__dosageItem___GUjAd", z = "personalizedProtocolHero-module__protocolText___pc0hR", P = "personalizedProtocolHero-module__dosageText___YA78Z", H = "personalizedProtocolHero-module__goalText___MeL3l", C = "personalizedProtocolHero-module__protocolValue___Gs9YK", x = "personalizedProtocolHero-module__dosageValue___GtVLD", F = "personalizedProtocolHero-module__goalValue___z5az3", T = "personalizedProtocolHero-module__protocolFade___Pza8O", I = "personalizedProtocolHero-module__dosageImageFade___DqFUq", V = "personalizedProtocolHero-module__dosageTextFade___sAqzW", f = "personalizedProtocolHero-module__dosageValueFade___PQrdU", v = "personalizedProtocolHero-module__goalFade___d2Duo", b = "personalizedProtocolHero-module__svgFade___twtQM", G = "personalizedProtocolHero-module__fadeOut___FzsmW", k = "personalizedProtocolHero-module__fadeIn___fpddZ", W = "personalizedProtocolHero-module__mobile___LIC3d", q = "personalizedProtocolHero-module__desktop___WBY1Q", D = "personalizedProtocolHero-module__svg___9w49a", L = {
+  root: o,
+  container: e,
+  leftContent: t,
+  description: _,
+  buttonWrap: l,
+  textContainer: r,
+  pillContainer: a,
+  pillImage: n,
+  active: d,
+  exiting: s,
+  protocolContainer: c,
+  dosageContainer: i,
+  goalContainer: p,
+  svgContainer: g,
+  dosageTextBlock: u,
+  dosageItem: m,
+  protocolText: z,
+  dosageText: P,
+  goalText: H,
+  protocolValue: C,
+  dosageValue: x,
+  goalValue: F,
+  protocolFade: T,
+  dosageImageFade: I,
+  dosageTextFade: V,
+  dosageValueFade: f,
+  goalFade: v,
+  svgFade: b,
+  fadeOut: G,
+  fadeIn: k,
+  mobile: W,
+  desktop: q,
+  svg: D
+};
+export {
+  d as active,
+  l as buttonWrap,
+  e as container,
+  L as default,
+  _ as description,
+  q as desktop,
+  i as dosageContainer,
+  I as dosageImageFade,
+  m as dosageItem,
+  P as dosageText,
+  u as dosageTextBlock,
+  V as dosageTextFade,
+  x as dosageValue,
+  f as dosageValueFade,
+  s as exiting,
+  k as fadeIn,
+  G as fadeOut,
+  p as goalContainer,
+  v as goalFade,
+  H as goalText,
+  F as goalValue,
+  t as leftContent,
+  W as mobile,
+  a as pillContainer,
+  n as pillImage,
+  c as protocolContainer,
+  T as protocolFade,
+  z as protocolText,
+  C as protocolValue,
+  o as root,
+  D as svg,
+  g as svgContainer,
+  b as svgFade,
+  r as textContainer
+};

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils/cn/cn.cjs.js"),u=require("../../components/Button/Button.cjs.js"),o=require("../../components/Typography/Typography.cjs.js"),c=require("./components/TreatmentHeroCard/TreatmentHeroCard.cjs.js"),t=require("./treatmentsHero.module.css.cjs.js"),d=(r,l)=>r?e.jsx(u.Button,{variant:"primary",as:"a",href:r.link,size:l,children:r.text}):null,h=({title:r,description:l,button:a,cards:n})=>e.jsxs("section",{className:t.default.root,children:[e.jsx("div",{className:t.default.headerContainer,children:e.jsxs("div",{className:t.default.headerContent,children:[e.jsxs("div",{className:t.default.headerText,children:[e.jsx(o.Typography,{as:"h1",defaultVariant:"displayMd",mobileVariant:"headingXl",weight:"regular",children:r}),e.jsx(o.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",weight:"regular",children:l})]}),a&&e.jsx("div",{className:s.cn(t.default.headerButton,t.default.mobile),children:d(a,"md")}),a&&e.jsx("div",{className:s.cn(t.default.headerButton,t.default.desktop),children:d(a,"lg")})]})}),!!(n!=null&&n.length)&&e.jsx("div",{className:t.default.cardsContainer,children:n.map(i=>e.jsx(c.TreatmentHeroCard,{title:i.title,link:i.link,image:i.image},i.link))})]});exports.TreatmentsHero=h;

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.d.ts

@@ -0,0 +1,15 @@
+type TreatmentsHeroProps = {
+    title: string;
+    description?: string;
+    button?: {
+        text: string;
+        link: string;
+    };
+    cards?: Array<{
+        title: string;
+        link: string;
+        image: string;
+    }>;
+};
+export declare const TreatmentsHero: ({ title, description, button, cards }: TreatmentsHeroProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pageComponents/TreatmentsHero/TreatmentsHero.es.js

@@ -0,0 +1,20 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn/cn.es.js";
+import { Button as h } from "../../components/Button/Button.es.js";
+import { Typography as d } from "../../components/Typography/Typography.es.js";
+import { TreatmentHeroCard as c } from "./components/TreatmentHeroCard/TreatmentHeroCard.es.js";
+import e from "./treatmentsHero.module.css.es.js";
+const s = (i, n) => i ? /* @__PURE__ */ r(h, { variant: "primary", as: "a", href: i.link, size: n, children: i.text }) : null, N = ({ title: i, description: n, button: a, cards: t }) => /* @__PURE__ */ m("section", { className: e.root, children: [
+  /* @__PURE__ */ r("div", { className: e.headerContainer, children: /* @__PURE__ */ m("div", { className: e.headerContent, children: [
+    /* @__PURE__ */ m("div", { className: e.headerText, children: [
+      /* @__PURE__ */ r(d, { as: "h1", defaultVariant: "displayMd", mobileVariant: "headingXl", weight: "regular", children: i }),
+      /* @__PURE__ */ r(d, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", weight: "regular", children: n })
+    ] }),
+    a && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.mobile), children: s(a, "md") }),
+    a && /* @__PURE__ */ r("div", { className: o(e.headerButton, e.desktop), children: s(a, "lg") })
+  ] }) }),
+  !!(t != null && t.length) && /* @__PURE__ */ r("div", { className: e.cardsContainer, children: t.map((l) => /* @__PURE__ */ r(c, { title: l.title, link: l.link, image: l.image }, l.link)) })
+] });
+export {
+  N as TreatmentsHero
+};

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/TreatmentHeroCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../components/Typography/Typography.cjs.js"),r=require("./treatmentHeroCard.module.css.cjs.js"),i=({image:t,title:a,link:o})=>e.jsxs("a",{href:o,className:r.default.root,children:[e.jsx("div",{className:r.default.imageWrapper,children:e.jsx("img",{src:t,alt:a,className:r.default.image})}),e.jsx(s.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"bodyMd",weight:"regular",children:a})]});exports.TreatmentHeroCard=i;

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/TreatmentHeroCard.d.ts

@@ -0,0 +1,7 @@
+type TreatmentHeroCardProps = {
+    title: string;
+    link: string;
+    image: string;
+};
+export declare const TreatmentHeroCard: ({ image, title, link }: TreatmentHeroCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/TreatmentHeroCard.es.js

@@ -0,0 +1,10 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { Typography as s } from "../../../../components/Typography/Typography.es.js";
+import a from "./treatmentHeroCard.module.css.es.js";
+const n = ({ image: m, title: e, link: i }) => /* @__PURE__ */ o("a", { href: i, className: a.root, children: [
+  /* @__PURE__ */ r("div", { className: a.imageWrapper, children: /* @__PURE__ */ r("img", { src: m, alt: e, className: a.image }) }),
+  /* @__PURE__ */ r(s, { as: "p", defaultVariant: "headingSm", mobileVariant: "bodyMd", weight: "regular", children: e })
+] });
+export {
+  n as TreatmentHeroCard
+};

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/index.d.ts

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

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/treatmentHeroCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentHeroCard-module__root___r7b2A",r="treatmentHeroCard-module__imageWrapper___InpLt",t="treatmentHeroCard-module__image___qE6WU",o={root:e,imageWrapper:r,image:t};exports.default=o;exports.image=t;exports.imageWrapper=r;exports.root=e;

package/dist/pageComponents/TreatmentsHero/components/TreatmentHeroCard/treatmentHeroCard.module.css.es.js

@@ -0,0 +1,11 @@
+const e = "treatmentHeroCard-module__root___r7b2A", r = "treatmentHeroCard-module__imageWrapper___InpLt", t = "treatmentHeroCard-module__image___qE6WU", a = {
+  root: e,
+  imageWrapper: r,
+  image: t
+};
+export {
+  a as default,
+  t as image,
+  r as imageWrapper,
+  e as root
+};

package/dist/pageComponents/TreatmentsHero/index.d.ts

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

package/dist/pageComponents/TreatmentsHero/treatmentsHero.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="treatmentsHero-module__root___ooT0f",t="treatmentsHero-module__headerContainer___9pjeS",o="treatmentsHero-module__headerContent___4wGkJ",r="treatmentsHero-module__headerText___xxHYH",n="treatmentsHero-module__headerButton___JhBIo",_="treatmentsHero-module__cardsContainer___IJpyM",a="treatmentsHero-module__mobile___p7eao",d="treatmentsHero-module__desktop___MH3N4",s={root:e,headerContainer:t,headerContent:o,headerText:r,headerButton:n,cardsContainer:_,mobile:a,desktop:d};exports.cardsContainer=_;exports.default=s;exports.desktop=d;exports.headerButton=n;exports.headerContainer=t;exports.headerContent=o;exports.headerText=r;exports.mobile=a;exports.root=e;

package/dist/pageComponents/TreatmentsHero/treatmentsHero.module.css.es.js

@@ -0,0 +1,21 @@
+const e = "treatmentsHero-module__root___ooT0f", t = "treatmentsHero-module__headerContainer___9pjeS", o = "treatmentsHero-module__headerContent___4wGkJ", r = "treatmentsHero-module__headerText___xxHYH", _ = "treatmentsHero-module__headerButton___JhBIo", n = "treatmentsHero-module__cardsContainer___IJpyM", a = "treatmentsHero-module__mobile___p7eao", d = "treatmentsHero-module__desktop___MH3N4", s = {
+  root: e,
+  headerContainer: t,
+  headerContent: o,
+  headerText: r,
+  headerButton: _,
+  cardsContainer: n,
+  mobile: a,
+  desktop: d
+};
+export {
+  n as cardsContainer,
+  s as default,
+  d as desktop,
+  _ as headerButton,
+  t as headerContainer,
+  o as headerContent,
+  r as headerText,
+  a as mobile,
+  e as root
+};

package/dist/utils/debounce.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=(t,u)=>{let e;return()=>{clearTimeout(e),e=setTimeout(t,u)}};exports.default=o;

package/dist/utils/debounce.d.ts

@@ -0,0 +1,2 @@
+declare const debounce: (fn: () => void, delay: number) => () => void;
+export default debounce;

package/dist/utils/debounce.es.js

@@ -0,0 +1,9 @@
+const u = (t, o) => {
+  let e;
+  return () => {
+    clearTimeout(e), e = setTimeout(t, o);
+  };
+};
+export {
+  u as default
+};

package/dist/utils/formatDate.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return new Date(t).toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"numeric"}).replace(/\//g," / ")}exports.formatDate=e;

package/dist/utils/formatDate.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(date: number): string;

package/dist/utils/formatDate.es.js

@@ -0,0 +1,10 @@
+function n(t) {
+  return new Date(t).toLocaleDateString("en-US", {
+    month: "2-digit",
+    day: "2-digit",
+    year: "numeric"
+  }).replace(/\//g, " / ");
+}
+export {
+  n as formatDate
+};

package/dist/utils/formatUnits/formatUnits.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(t,e="usd")=>new Intl.NumberFormat("en",{style:"currency",currency:e}).format(t);exports.formatUnits=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(e,m="usd",t=2)=>new Intl.NumberFormat("en",{style:"currency",currency:m,maximumFractionDigits:t,minimumFractionDigits:t}).format(e);exports.formatUnits=r;

package/dist/utils/formatUnits/formatUnits.es.js

@@ -1,7 +1,9 @@
-const e = (t, r = "usd") => new Intl.NumberFormat("en", {
+const r = (t, n = "usd", m = 2) => new Intl.NumberFormat("en", {
   style: "currency",
-  currency: r
+  currency: n,
+  maximumFractionDigits: m,
+  minimumFractionDigits: m
 }).format(t);
 export {
-  e as formatUnits
+  r as formatUnits
 };

package/dist/utils/formatUnits.d.ts

@@ -1 +1 @@
-export declare const formatUnits: (price: number, currency?: string) => string;
+export declare const formatUnits: (price: number, currency?: string, fractionDigits?: number) => string;

package/dist/utils/isValidEmail.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=t=>/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t);exports.isValidEmail=a;

package/dist/utils/isValidEmail.d.ts

@@ -0,0 +1 @@
+export declare const isValidEmail: (email: string) => boolean;

package/dist/utils/isValidEmail.es.js

@@ -0,0 +1,4 @@
+const e = (t) => /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t);
+export {
+  e as isValidEmail
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.39",
+    "version": "0.1.40",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",

package/dist/components/Pagination/Pagination.module.css.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="Pagination-module__root___ITRjt",a="Pagination-module__page___WjG0l",e="Pagination-module__activePage___dbxZJ",r="Pagination-module__arrow___rGon0",t="Pagination-module__arrowPrev___WPfYK",_="Pagination-module__arrowNext___ownTb",n="Pagination-module__icon___2iCyv",i={root:o,page:a,activePage:e,arrow:r,arrowPrev:t,arrowNext:_,icon:n};exports.activePage=e;exports.arrow=r;exports.arrowNext=_;exports.arrowPrev=t;exports.default=i;exports.icon=n;exports.page=a;exports.root=o;

package/dist/components/Pagination/Pagination.module.css.es.js

@@ -1,19 +0,0 @@
-const o = "Pagination-module__root___ITRjt", _ = "Pagination-module__page___WjG0l", a = "Pagination-module__activePage___dbxZJ", t = "Pagination-module__arrow___rGon0", n = "Pagination-module__arrowPrev___WPfYK", r = "Pagination-module__arrowNext___ownTb", e = "Pagination-module__icon___2iCyv", i = {
-  root: o,
-  page: _,
-  activePage: a,
-  arrow: t,
-  arrowPrev: n,
-  arrowNext: r,
-  icon: e
-};
-export {
-  a as activePage,
-  t as arrow,
-  r as arrowNext,
-  n as arrowPrev,
-  i as default,
-  e as icon,
-  _ as page,
-  o as root
-};