@zenpatient-org/healthspan-marketing-ui 0.1.19 → 0.1.20

package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.cjs.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/react-jsx-runtime.production.min.cjs.js"),R=require("react");/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var p;function a(){if(p)return t.__exports;p=1;var f=R,c=Symbol.for("react.element"),l=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,y={key:!0,ref:!0,__self:!0,__source:!0};function u(o,e,i){var r,n={},_=null,s=null;i!==void 0&&(_=""+i),e.key!==void 0&&(_=""+e.key),e.ref!==void 0&&(s=e.ref);for(r in e)d.call(e,r)&&!y.hasOwnProperty(r)&&(n[r]=e[r]);if(o&&o.defaultProps)for(r in e=o.defaultProps,e)n[r]===void 0&&(n[r]=e[r]);return{$$typeof:c,type:o,key:_,ref:s,props:n,_owner:m.current}}return t.__exports.Fragment=l,t.__exports.jsx=u,t.__exports.jsxs=u,t.__exports}exports.__require=a;

package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.es.js

@@ -0,0 +1,28 @@
+import { __exports as t } from "../../../_virtual/react-jsx-runtime.production.min.es.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p) return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(o, r, i) {
+    var e, n = {}, _ = null, f = null;
+    i !== void 0 && (_ = "" + i), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r) c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps) for (e in r = o.defaultProps, r) n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
+  }
+  return t.Fragment = l, t.jsx = u, t.jsxs = u, t;
+}
+export {
+  v as __require
+};

package/dist/node_modules/react/jsx-runtime.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs2.js"),t=require("./cjs/react-jsx-runtime.production.cjs.js"),u=require("./cjs/react-jsx-runtime.development.cjs.js");var r;function o(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=u.__require()),e.__module.exports}exports.__require=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs2.js"),t=require("./cjs/react-jsx-runtime.production.min.cjs.js"),u=require("./cjs/react-jsx-runtime.development.cjs.js");var r;function i(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=u.__require()),e.__module.exports}exports.__require=i;

package/dist/node_modules/react/jsx-runtime.es.js

@@ -1,9 +1,9 @@
 import { __module as e } from "../../_virtual/jsx-runtime.es2.js";
-import { __require as t } from "./cjs/react-jsx-runtime.production.es.js";
-import { __require as i } from "./cjs/react-jsx-runtime.development.es.js";
+import { __require as i } from "./cjs/react-jsx-runtime.production.min.es.js";
+import { __require as t } from "./cjs/react-jsx-runtime.development.es.js";
 var r;
 function m() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = i(), e.exports);
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = i() : e.exports = t(), e.exports);
 }
 export {
   m as __require

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.19",
+    "version": "0.1.20",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -19,8 +19,8 @@
     },
     "license": "MIT",
     "peerDependencies": {
-        "react": "^18.0.0 || ^19.0.0",
-        "react-dom": "^18.0.0 || ^19.0.0"
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
     },
     "devDependencies": {
         "@eslint/js": "^9.28.0",
@@ -31,7 +31,7 @@
         "@storybook/react": "^8.6.12",
         "@storybook/react-vite": "^8.6.12",
         "@storybook/test": "^8.6.12",
-        "@types/react-dom": "^19.1.5",
+        "@types/react-dom": "^18.3.1",
         "@vitejs/plugin-react": "^4.4.1",
         "chromatic": "^11.28.2",
         "eslint": "^9.28.0",

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

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

package/dist/components/StepsCarousel/StepsCarousel.d.ts

@@ -1,13 +0,0 @@
-import { TColorScheme } from '../../types/common';
-
-export type TStepsCarouselView = Array<{
-    title: string;
-    image: string;
-    description?: string;
-}>;
-type StepsCarouselProps = {
-    steps: TStepsCarouselView;
-    colorScheme: TColorScheme;
-};
-export declare const StepsCarousel: ({ steps, colorScheme }: StepsCarouselProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,71 +0,0 @@
-import { j as e } from "../../_virtual/jsx-runtime.es.js";
-import { useState as b, useRef as u, useEffect as f } from "react";
-import { cn as o } from "../../utils/cn.es.js";
-import { Label as p } from "../Label/Label.es.js";
-import { ProgressButton as j } from "../ProgressButton/ProgressButton.es.js";
-import { Typography as m } from "../Typography/Typography.es.js";
-import s from "./stepsCarousel.module.css.es.js";
-const y = ({ steps: d, colorScheme: i }) => {
-  const [r, l] = b(0), c = u([]);
-  return f(() => {
-    var a;
-    c.current[r] && ((a = c.current[r]) == null || a.scrollIntoView({
-      behavior: "smooth",
-      inline: "center",
-      block: "nearest"
-    }));
-  }, [r]), /* @__PURE__ */ e.jsxs("div", { className: s.root, "data-scheme": i, children: [
-    /* @__PURE__ */ e.jsx("div", { className: s.stepsContainer, "data-scheme": i, children: d.map((a, t) => {
-      const n = r === t;
-      return /* @__PURE__ */ e.jsxs(
-        "button",
-        {
-          ref: (h) => {
-            c.current.splice(t, 1, h);
-          },
-          className: o(s.card, n && s.cardActive),
-          onClick: () => l(t),
-          type: "button",
-          children: [
-            /* @__PURE__ */ e.jsx("div", { className: o(s.imageWrapper, n && s.imageWrapperActive), children: /* @__PURE__ */ e.jsx("img", { src: a.image, alt: a.title, className: s.image }) }),
-            /* @__PURE__ */ e.jsx("div", { className: s.stepLabel, children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-              /* @__PURE__ */ e.jsxs(p, { size: "lg", className: s.desktop, color: i === "dark" ? "white" : "black", children: [
-                "Step ",
-                t + 1
-              ] }),
-              /* @__PURE__ */ e.jsxs(p, { size: "sm", className: s.mobile, color: i === "dark" ? "white" : "black", children: [
-                "Step ",
-                t + 1
-              ] })
-            ] }) : /* @__PURE__ */ e.jsxs(m, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: s.labelText, children: [
-              "Step ",
-              t + 1
-            ] }) }),
-            /* @__PURE__ */ e.jsxs("div", { className: s.textContainer, children: [
-              /* @__PURE__ */ e.jsx(m, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: a.title }),
-              a.description && /* @__PURE__ */ e.jsx(m, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: s.cardDescription, children: a.description })
-            ] })
-          ]
-        },
-        `step-${t}`
-      );
-    }) }),
-    /* @__PURE__ */ e.jsx("div", { className: o(s.mobile, s.progressButtonContainer), children: /* @__PURE__ */ e.jsx(
-      j,
-      {
-        invert: i === "dark",
-        left: {
-          disabled: r <= 0,
-          onClick: () => l((a) => a - 1)
-        },
-        right: {
-          disabled: r >= d.length - 1,
-          onClick: () => l((a) => a + 1)
-        }
-      }
-    ) })
-  ] });
-};
-export {
-  y as StepsCarousel
-};

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

@@ -1 +0,0 @@
-export { StepsCarousel, type TStepsCarouselView } from './StepsCarousel';

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

@@ -1 +0,0 @@
-"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;

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

@@ -1,31 +0,0 @@
-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 = {
-  root: e,
-  stepsContainer: s,
-  card: t,
-  imageWrapper: o,
-  image: _,
-  cardActive: r,
-  stepLabel: a,
-  labelText: l,
-  textContainer: n,
-  cardDescription: p,
-  mobile: d,
-  progressButtonContainer: c,
-  desktop: u
-};
-export {
-  t as card,
-  r as cardActive,
-  p as cardDescription,
-  i as default,
-  u as desktop,
-  _ as image,
-  o as imageWrapper,
-  l as labelText,
-  d as mobile,
-  c as progressButtonContainer,
-  e as root,
-  a as stepLabel,
-  s as stepsContainer,
-  n as textContainer
-};

package/dist/node_modules/react/cjs/react-jsx-runtime.production.cjs.js

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/react-jsx-runtime.production.cjs.js");/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var _;function x(){if(_)return e.__exports;_=1;var n=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function s(l,r,t){var o=null;if(t!==void 0&&(o=""+t),r.key!==void 0&&(o=""+r.key),"key"in r){t={};for(var u in r)u!=="key"&&(t[u]=r[u])}else t=r;return r=t.ref,{$$typeof:n,type:l,key:o,ref:r!==void 0?r:null,props:t}}return e.__exports.Fragment=i,e.__exports.jsx=s,e.__exports.jsxs=s,e.__exports}exports.__require=x;

package/dist/node_modules/react/cjs/react-jsx-runtime.production.es.js

@@ -1,35 +0,0 @@
-import { __exports as e } from "../../../_virtual/react-jsx-runtime.production.es.js";
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var s;
-function a() {
-  if (s) return e;
-  s = 1;
-  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
-  function o(l, r, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
-      t = {};
-      for (var n in r)
-        n !== "key" && (t[n] = r[n]);
-    } else t = r;
-    return r = t.ref, {
-      $$typeof: i,
-      type: l,
-      key: u,
-      ref: r !== void 0 ? r : null,
-      props: t
-    };
-  }
-  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
-}
-export {
-  a as __require
-};