@zenpatient-org/healthspan-marketing-ui 0.1.28 → 0.1.30

package/dist/components/Accordion/Accordion.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),p=require("./components/AccordionItem/AccordionItem.cjs.js"),I=require("./accordion.module.css.cjs.js"),S=({items:c,mode:o="multiple"})=>{const[l,i]=r.useState(null),[u,a]=r.useState(new Set),d=e=>{o==="single"?i(t=>t===e?null:e):a(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},g=e=>o==="single"?l===e:u.has(e);return s.jsx("div",{className:I.default.container,children:c.map((e,t)=>s.jsx(p.AccordionItem,{title:e.title,content:e.content,isOpen:g(t),index:t,onClick:d,icon:e.icon,isLast:t===c.length-1},t))})};exports.Accordion=S;

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { EIconName } from '../Icon';
+
+type TAccordionItem = {
+    title: string;
+    content: React.ReactNode;
+    icon?: EIconName;
+};
+type Props = {
+    items: Array<TAccordionItem>;
+    mode?: 'single' | 'multiple';
+};
+export declare const Accordion: ({ items, mode }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Accordion/Accordion.es.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { AccordionItem as f } from "./components/AccordionItem/AccordionItem.es.js";
+import I from "./accordion.module.css.es.js";
+const w = ({ items: o, mode: s = "multiple" }) => {
+  const [r, i] = l(null), [m, p] = l(/* @__PURE__ */ new Set()), a = (t) => {
+    s === "single" ? i((e) => e === t ? null : t) : p((e) => {
+      const n = new Set(e);
+      return n.has(t) ? n.delete(t) : n.add(t), n;
+    });
+  }, u = (t) => s === "single" ? r === t : m.has(t);
+  return /* @__PURE__ */ c("div", { className: I.container, children: o.map((t, e) => /* @__PURE__ */ c(
+    f,
+    {
+      title: t.title,
+      content: t.content,
+      isOpen: u(e),
+      index: e,
+      onClick: a,
+      icon: t.icon,
+      isLast: e === o.length - 1
+    },
+    e
+  )) });
+};
+export {
+  w as Accordion
+};

package/dist/components/Accordion/accordion.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="accordion-module__container___M1a4P",t={container:e};exports.container=e;exports.default=t;

package/dist/components/Accordion/accordion.module.css.es.js

@@ -0,0 +1,7 @@
+const n = "accordion-module__container___M1a4P", o = {
+  container: n
+};
+export {
+  n as container,
+  o as default
+};

package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../Typography/Typography.cjs.js"),t=require("../../../../utils/cn/cn.cjs.js"),n=require("./accordionItem.module.css.cjs.js"),c=require("../../../Icon/Icon.cjs.js"),m=require("../../../Icon/constants.cjs.js"),p=require("../../../../utils/isHsIcon/isHsIcon.cjs.js"),f=({title:r,content:i,isOpen:s,index:l,onClick:d,icon:o,isLast:u=!1})=>e.jsxs("div",{className:t.cn(n.default.itemRoot,{[n.default.itemRootLast]:u}),children:[e.jsxs("div",{className:n.default.itemHeader,onClick:()=>d(l),children:[p.isHsIcon(o)&&e.jsx("span",{className:n.default.leftIcon,children:e.jsx(c.Icon,{name:o})}),e.jsx(a.Typography,{defaultVariant:"bodyMd",children:r}),e.jsx("div",{className:n.default.closeButtonWrapper,children:e.jsx("span",{className:t.cn(n.default.arrow,s&&n.default.arrowRotated),children:e.jsx(c.Icon,{name:m.EIconName.CHEVRON_DOWN})})})]}),e.jsx("div",{className:t.cn(n.default.itemContent,{[n.default.itemContentOpen]:s}),children:e.jsx("div",{className:n.default.itemContentInner,children:e.jsx(a.Typography,{as:"p",defaultVariant:"bodyXs",mobileVariant:"bodyXs",children:i})})})]});exports.AccordionItem=f;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { EIconName } from '../../../Icon';
+
+type Props = {
+    title: string;
+    content: React.ReactNode;
+    isOpen: boolean;
+    index: number;
+    onClick: (index: number) => void;
+    icon?: EIconName;
+    isLast?: boolean;
+};
+export declare const AccordionItem: ({ title, content, isOpen, index, onClick, icon, isLast }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Accordion/components/AccordionItem/AccordionItem.es.js

@@ -0,0 +1,18 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Typography as i } from "../../../Typography/Typography.es.js";
+import { cn as r } from "../../../../utils/cn/cn.es.js";
+import e from "./accordionItem.module.css.es.js";
+import { Icon as m } from "../../../Icon/Icon.es.js";
+import { EIconName as f } from "../../../Icon/constants.es.js";
+import { isHsIcon as h } from "../../../../utils/isHsIcon/isHsIcon.es.js";
+const R = ({ title: s, content: c, isOpen: t, index: l, onClick: d, icon: a, isLast: p = !1 }) => /* @__PURE__ */ n("div", { className: r(e.itemRoot, { [e.itemRootLast]: p }), children: [
+  /* @__PURE__ */ n("div", { className: e.itemHeader, onClick: () => d(l), children: [
+    h(a) && /* @__PURE__ */ o("span", { className: e.leftIcon, children: /* @__PURE__ */ o(m, { name: a }) }),
+    /* @__PURE__ */ o(i, { defaultVariant: "bodyMd", children: s }),
+    /* @__PURE__ */ o("div", { className: e.closeButtonWrapper, children: /* @__PURE__ */ o("span", { className: r(e.arrow, t && e.arrowRotated), children: /* @__PURE__ */ o(m, { name: f.CHEVRON_DOWN }) }) })
+  ] }),
+  /* @__PURE__ */ o("div", { className: r(e.itemContent, { [e.itemContentOpen]: t }), children: /* @__PURE__ */ o("div", { className: e.itemContentInner, children: /* @__PURE__ */ o(i, { as: "p", defaultVariant: "bodyXs", mobileVariant: "bodyXs", children: c }) }) })
+] });
+export {
+  R as AccordionItem
+};

package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="accordionItem-module__itemRoot___BtVqf",e="accordionItem-module__itemHeader___PIIAg",o="accordionItem-module__itemRootLast___ol-S4",n="accordionItem-module__itemContent___RQXrA",_="accordionItem-module__itemContentOpen___OnBMG",r="accordionItem-module__itemContentInner___2PREi",m="accordionItem-module__closeButtonWrapper___R46xq",c="accordionItem-module__leftIcon___FYUg9",a="accordionItem-module__arrow___VatQ1",i="accordionItem-module__arrowRotated___DzpKY",d={itemRoot:t,itemHeader:e,itemRootLast:o,itemContent:n,itemContentOpen:_,itemContentInner:r,closeButtonWrapper:m,leftIcon:c,arrow:a,arrowRotated:i};exports.arrow=a;exports.arrowRotated=i;exports.closeButtonWrapper=m;exports.default=d;exports.itemContent=n;exports.itemContentInner=r;exports.itemContentOpen=_;exports.itemHeader=e;exports.itemRoot=t;exports.itemRootLast=o;exports.leftIcon=c;

package/dist/components/Accordion/components/AccordionItem/accordionItem.module.css.es.js

@@ -0,0 +1,25 @@
+const t = "accordionItem-module__itemRoot___BtVqf", o = "accordionItem-module__itemHeader___PIIAg", e = "accordionItem-module__itemRootLast___ol-S4", n = "accordionItem-module__itemContent___RQXrA", _ = "accordionItem-module__itemContentOpen___OnBMG", m = "accordionItem-module__itemContentInner___2PREi", c = "accordionItem-module__closeButtonWrapper___R46xq", r = "accordionItem-module__leftIcon___FYUg9", a = "accordionItem-module__arrow___VatQ1", i = "accordionItem-module__arrowRotated___DzpKY", d = {
+  itemRoot: t,
+  itemHeader: o,
+  itemRootLast: e,
+  itemContent: n,
+  itemContentOpen: _,
+  itemContentInner: m,
+  closeButtonWrapper: c,
+  leftIcon: r,
+  arrow: a,
+  arrowRotated: i
+};
+export {
+  a as arrow,
+  i as arrowRotated,
+  c as closeButtonWrapper,
+  d as default,
+  n as itemContent,
+  m as itemContentInner,
+  _ as itemContentOpen,
+  o as itemHeader,
+  t as itemRoot,
+  e as itemRootLast,
+  r as leftIcon
+};

package/dist/components/Accordion/components/AccordionItem/index.d.ts

@@ -0,0 +1 @@
+export * from './AccordionItem';

package/dist/components/Accordion/components/index.d.ts

@@ -0,0 +1 @@
+export * from './AccordionItem';

package/dist/components/Accordion/index.d.ts

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

package/dist/components/StepsCarousel/StepsCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),f=require("../../utils/cn/cn.cjs.js"),p=require("../Label/Label.cjs.js"),k=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../Typography/Typography.cjs.js"),a=require("./stepsCarousel.module.css.cjs.js"),T=({steps:i,colorScheme:c})=>{const[n,o]=l.useState(0),h=l.useRef([]),u=l.useRef(null),d=l.useRef(null),g=l.useCallback(e=>{u.current=e.touches[0].clientX},[]),j=l.useCallback(e=>{d.current=e.touches[0].clientX},[]),y=l.useCallback(()=>{if(u.current!==null&&d.current!==null){const e=d.current-u.current,s=50;o(r=>e>s&&r>0?r-1:e<-s&&r<i.length-1?r+1:r)}u.current=null,d.current=null},[i.length]);return l.useEffect(()=>{var e;h.current[n]&&((e=h.current[n])==null||e.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}))},[n]),t.jsxs("div",{className:a.default.root,"data-scheme":c,children:[t.jsx("div",{className:a.default.stepsContainer,"data-scheme":c,onTouchStart:g,onTouchMove:j,onTouchEnd:y,children:i.map((e,s)=>{const r=n===s;return t.jsxs("button",{ref:b=>{b&&(h.current[s]=b)},className:f.cn(a.default.card,r&&a.default.cardActive),onClick:()=>o(s),type:"button",children:[t.jsx("div",{className:f.cn(a.default.imageWrapper,r&&a.default.imageWrapperActive),children:t.jsx("img",{src:e.image,alt:e.title,className:a.default.image})}),t.jsx("div",{className:a.default.stepLabel,children:r?t.jsxs(t.Fragment,{children:[t.jsxs(p.Label,{size:"lg",className:a.default.desktop,color:c==="dark"?"white":"black",children:["Step ",s+1]}),t.jsxs(p.Label,{size:"sm",className:a.default.mobile,color:c==="dark"?"white":"black",children:["Step ",s+1]})]}):t.jsxs(m.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.labelText,children:["Step ",s+1]})}),t.jsxs("div",{className:a.default.textContainer,children:[t.jsx(m.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:e.title}),e.description&&t.jsx(m.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.cardDescription,children:e.description})]})]},`step-${s}`)})}),t.jsx("div",{className:f.cn(a.default.mobile,a.default.progressButtonContainer),children:t.jsx(k.ProgressButton,{invert:c==="dark",left:{disabled:n<=0,onClick:()=>o(e=>e-1)},right:{disabled:n>=i.length-1,onClick:()=>o(e=>e+1)}})})]})};exports.StepsCarousel=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),h=require("../../utils/cn/cn.cjs.js"),g=require("../Label/Label.cjs.js"),C=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../Typography/Typography.cjs.js"),a=require("./stepsCarousel.module.css.cjs.js"),T=({steps:o,colorScheme:n})=>{const[c,b]=r.useState(0),f=r.useRef([]),i=r.useRef(null),u=r.useRef(null),j=r.useCallback(t=>{i.current=t.touches[0].clientX},[]),y=r.useCallback(t=>{u.current=t.touches[0].clientX},[]),d=r.useCallback(t=>{var s;b(t),(s=f.current[t])==null||s.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[]),k=r.useCallback(()=>{if(i.current!==null&&u.current!==null){const t=u.current-i.current,s=50;b(l=>t>s&&l>0?l-1:t<-s&&l<o.length-1?l+1:l)}i.current=null,u.current=null},[o.length]);return e.jsxs("div",{className:a.default.root,"data-scheme":n,children:[e.jsx("div",{className:a.default.stepsContainer,"data-scheme":n,onTouchStart:j,onTouchMove:y,onTouchEnd:k,children:o.map((t,s)=>{const l=c===s;return e.jsxs("button",{ref:p=>{p&&(f.current[s]=p)},className:h.cn(a.default.card,l&&a.default.cardActive),onClick:()=>d(s),type:"button",children:[e.jsx("div",{className:h.cn(a.default.imageWrapper,l&&a.default.imageWrapperActive),children:e.jsx("img",{src:t.image,alt:t.title,className:a.default.image})}),e.jsx("div",{className:a.default.stepLabel,children:l?e.jsxs(e.Fragment,{children:[e.jsxs(g.Label,{size:"lg",className:a.default.desktop,color:n==="dark"?"white":"black",children:["Step ",s+1]}),e.jsxs(g.Label,{size:"sm",className:a.default.mobile,color:n==="dark"?"white":"black",children:["Step ",s+1]})]}):e.jsxs(m.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.labelText,children:["Step ",s+1]})}),e.jsxs("div",{className:a.default.textContainer,children:[e.jsx(m.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:t.title}),t.description&&e.jsx(m.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.cardDescription,children:t.description})]})]},`step-${s}`)})}),e.jsx("div",{className:h.cn(a.default.mobile,a.default.progressButtonContainer),children:e.jsx(C.ProgressButton,{invert:n==="dark",left:{disabled:c<=0,onClick:()=>d(c-1)},right:{disabled:c>=o.length-1,onClick:()=>d(c+1)}})})]})};exports.StepsCarousel=T;

package/dist/components/StepsCarousel/StepsCarousel.es.js

@@ -1,59 +1,55 @@
 "use client";
-import { jsxs as l, jsx as n, Fragment as T } from "react/jsx-runtime";
-import { useState as X, useRef as h, useCallback as b, useEffect as V } from "react";
-import { cn as f } from "../../utils/cn/cn.es.js";
-import { Label as N } from "../Label/Label.es.js";
+import { jsxs as l, jsx as n, Fragment as X } from "react/jsx-runtime";
+import { useState as V, useRef as m, useCallback as u } from "react";
+import { cn as b } from "../../utils/cn/cn.es.js";
+import { Label as k } from "../Label/Label.es.js";
 import { ProgressButton as y } from "../ProgressButton/ProgressButton.es.js";
 import { Typography as p } from "../Typography/Typography.es.js";
 import t from "./stepsCarousel.module.css.es.js";
-const B = ({ steps: s, colorScheme: i }) => {
-  const [c, o] = X(0), m = h([]), u = h(null), d = h(null), k = b((e) => {
-    u.current = e.touches[0].clientX;
-  }, []), v = b((e) => {
+const B = ({ steps: s, colorScheme: c }) => {
+  const [i, f] = V(0), g = m([]), o = m(null), d = m(null), v = u((e) => {
+    o.current = e.touches[0].clientX;
+  }, []), C = u((e) => {
     d.current = e.touches[0].clientX;
-  }, []), C = b(() => {
-    if (u.current !== null && d.current !== null) {
-      const e = d.current - u.current, r = 50;
-      o((a) => e > r && a > 0 ? a - 1 : e < -r && a < s.length - 1 ? a + 1 : a);
+  }, []), h = u((e) => {
+    var r;
+    f(e), (r = g.current[e]) == null || r.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" });
+  }, []), T = u(() => {
+    if (o.current !== null && d.current !== null) {
+      const e = d.current - o.current, r = 50;
+      f((a) => e > r && a > 0 ? a - 1 : e < -r && a < s.length - 1 ? a + 1 : a);
     }
-    u.current = null, d.current = null;
+    o.current = null, d.current = null;
   }, [s.length]);
-  return V(() => {
-    var e;
-    m.current[c] && ((e = m.current[c]) == null || e.scrollIntoView({
-      behavior: "smooth",
-      inline: "center",
-      block: "nearest"
-    }));
-  }, [c]), /* @__PURE__ */ l("div", { className: t.root, "data-scheme": i, children: [
+  return /* @__PURE__ */ l("div", { className: t.root, "data-scheme": c, children: [
     /* @__PURE__ */ n(
       "div",
       {
         className: t.stepsContainer,
-        "data-scheme": i,
-        onTouchStart: k,
-        onTouchMove: v,
-        onTouchEnd: C,
+        "data-scheme": c,
+        onTouchStart: v,
+        onTouchMove: C,
+        onTouchEnd: T,
         children: s.map((e, r) => {
-          const a = c === r;
+          const a = i === r;
           return /* @__PURE__ */ l(
             "button",
             {
-              ref: (g) => {
-                g && (m.current[r] = g);
+              ref: (N) => {
+                N && (g.current[r] = N);
               },
-              className: f(t.card, a && t.cardActive),
-              onClick: () => o(r),
+              className: b(t.card, a && t.cardActive),
+              onClick: () => h(r),
               type: "button",
               children: [
-                /* @__PURE__ */ n("div", { className: f(t.imageWrapper, a && t.imageWrapperActive), children: /* @__PURE__ */ n("img", { src: e.image, alt: e.title, className: t.image }) }),
-                /* @__PURE__ */ n("div", { className: t.stepLabel, children: a ? /* @__PURE__ */ l(T, { children: [
+                /* @__PURE__ */ n("div", { className: b(t.imageWrapper, a && t.imageWrapperActive), children: /* @__PURE__ */ n("img", { src: e.image, alt: e.title, className: t.image }) }),
+                /* @__PURE__ */ n("div", { className: t.stepLabel, children: a ? /* @__PURE__ */ l(X, { children: [
                   /* @__PURE__ */ l(
-                    N,
+                    k,
                     {
                       size: "lg",
                       className: t.desktop,
-                      color: i === "dark" ? "white" : "black",
+                      color: c === "dark" ? "white" : "black",
                       children: [
                         "Step ",
                         r + 1
@@ -61,11 +57,11 @@ const B = ({ steps: s, colorScheme: i }) => {
                     }
                   ),
                   /* @__PURE__ */ l(
-                    N,
+                    k,
                     {
                       size: "sm",
                       className: t.mobile,
-                      color: i === "dark" ? "white" : "black",
+                      color: c === "dark" ? "white" : "black",
                       children: [
                         "Step ",
                         r + 1
@@ -105,17 +101,17 @@ const B = ({ steps: s, colorScheme: i }) => {
         })
       }
     ),
-    /* @__PURE__ */ n("div", { className: f(t.mobile, t.progressButtonContainer), children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: b(t.mobile, t.progressButtonContainer), children: /* @__PURE__ */ n(
       y,
       {
-        invert: i === "dark",
+        invert: c === "dark",
         left: {
-          disabled: c <= 0,
-          onClick: () => o((e) => e - 1)
+          disabled: i <= 0,
+          onClick: () => h(i - 1)
         },
         right: {
-          disabled: c >= s.length - 1,
-          onClick: () => o((e) => e + 1)
+          disabled: i >= s.length - 1,
+          onClick: () => h(i + 1)
         }
       }
     ) })