@zenpatient-org/healthspan-marketing-ui 0.1.136 → 0.1.138

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

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

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

@@ -48,7 +48,9 @@ const S = 50, W = ({ steps: u, colorScheme: i }) => {
               ref: (o) => {
                 o && (g.current[t] = o);
               },
-              className: p(r.card, l && r.cardActive),
+              className: p(r.card, {
+                [r.cardActive]: l
+              }),
               onClick: () => s(t),
               type: "button",
               children: [

package/dist/components/StepsCarousel/stepsCarousel.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="stepsCarousel-module__root___VidW7",t="stepsCarousel-module__stepsContainer___yWhtm",s="stepsCarousel-module__card___16wd3",o="stepsCarousel-module__imageWrapper___WCmbp",_="stepsCarousel-module__image___RY9-R",r="stepsCarousel-module__cardActive___xdGR8",a="stepsCarousel-module__stepLabel___jnL1f",l="stepsCarousel-module__labelText___TC392",n="stepsCarousel-module__textContainer___l--dI",p="stepsCarousel-module__cardDescription___oPSgY",i="stepsCarousel-module__mobile___4s-pE",d="stepsCarousel-module__progressButtonContainer___PdL6N",c="stepsCarousel-module__desktop___awZBc",u={root:e,stepsContainer:t,card:s,imageWrapper:o,image:_,cardActive:r,stepLabel:a,labelText:l,textContainer:n,cardDescription:p,mobile:i,progressButtonContainer:d,desktop:c};exports.card=s;exports.cardActive=r;exports.cardDescription=p;exports.default=u;exports.desktop=c;exports.image=_;exports.imageWrapper=o;exports.labelText=l;exports.mobile=i;exports.progressButtonContainer=d;exports.root=e;exports.stepLabel=a;exports.stepsContainer=t;exports.textContainer=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="stepsCarousel-module__root___VidW7",t="stepsCarousel-module__stepsContainer___yWhtm",s="stepsCarousel-module__card___16wd3",o="stepsCarousel-module__cardActive___xdGR8",_="stepsCarousel-module__image___RY9-R",r="stepsCarousel-module__stepLabel___jnL1f",a="stepsCarousel-module__textContainer___l--dI",l="stepsCarousel-module__imageWrapper___WCmbp",n="stepsCarousel-module__labelText___TC392",p="stepsCarousel-module__cardDescription___oPSgY",i="stepsCarousel-module__mobile___4s-pE",d="stepsCarousel-module__progressButtonContainer___PdL6N",c="stepsCarousel-module__desktop___awZBc",u={root:e,stepsContainer:t,card:s,cardActive:o,image:_,stepLabel:r,textContainer:a,imageWrapper:l,labelText:n,cardDescription:p,mobile:i,progressButtonContainer:d,desktop:c};exports.card=s;exports.cardActive=o;exports.cardDescription=p;exports.default=u;exports.desktop=c;exports.image=_;exports.imageWrapper=l;exports.labelText=n;exports.mobile=i;exports.progressButtonContainer=d;exports.root=e;exports.stepLabel=r;exports.stepsContainer=t;exports.textContainer=a;

package/dist/components/StepsCarousel/stepsCarousel.module.css.es.js

@@ -1,13 +1,13 @@
-const e = "stepsCarousel-module__root___VidW7", s = "stepsCarousel-module__stepsContainer___yWhtm", t = "stepsCarousel-module__card___16wd3", o = "stepsCarousel-module__imageWrapper___WCmbp", _ = "stepsCarousel-module__image___RY9-R", r = "stepsCarousel-module__cardActive___xdGR8", a = "stepsCarousel-module__stepLabel___jnL1f", l = "stepsCarousel-module__labelText___TC392", n = "stepsCarousel-module__textContainer___l--dI", p = "stepsCarousel-module__cardDescription___oPSgY", d = "stepsCarousel-module__mobile___4s-pE", c = "stepsCarousel-module__progressButtonContainer___PdL6N", u = "stepsCarousel-module__desktop___awZBc", i = {
+const e = "stepsCarousel-module__root___VidW7", s = "stepsCarousel-module__stepsContainer___yWhtm", t = "stepsCarousel-module__card___16wd3", o = "stepsCarousel-module__cardActive___xdGR8", _ = "stepsCarousel-module__image___RY9-R", r = "stepsCarousel-module__stepLabel___jnL1f", a = "stepsCarousel-module__textContainer___l--dI", l = "stepsCarousel-module__imageWrapper___WCmbp", n = "stepsCarousel-module__labelText___TC392", p = "stepsCarousel-module__cardDescription___oPSgY", d = "stepsCarousel-module__mobile___4s-pE", c = "stepsCarousel-module__progressButtonContainer___PdL6N", u = "stepsCarousel-module__desktop___awZBc", i = {
   root: e,
   stepsContainer: s,
   card: t,
-  imageWrapper: o,
+  cardActive: o,
   image: _,
-  cardActive: r,
-  stepLabel: a,
-  labelText: l,
-  textContainer: n,
+  stepLabel: r,
+  textContainer: a,
+  imageWrapper: l,
+  labelText: n,
   cardDescription: p,
   mobile: d,
   progressButtonContainer: c,
@@ -15,17 +15,17 @@ const e = "stepsCarousel-module__root___VidW7", s = "stepsCarousel-module__steps
 };
 export {
   t as card,
-  r as cardActive,
+  o as cardActive,
   p as cardDescription,
   i as default,
   u as desktop,
   _ as image,
-  o as imageWrapper,
-  l as labelText,
+  l as imageWrapper,
+  n as labelText,
   d as mobile,
   c as progressButtonContainer,
   e as root,
-  a as stepLabel,
+  r as stepLabel,
   s as stepsContainer,
-  n as textContainer
+  a as textContainer
 };