@zenpatient-org/healthspan-marketing-ui 0.1.82 → 0.1.83

package/dist/modules/TextBlockAnimated/TextBlockAnimated.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./textBlockAnimated.module.css.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),l=require("../../node_modules/gsap/SplitText.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),d=require("../../node_modules/@gsap/react/src/index.cjs.js"),p=require("react"),s=require("../../components/Typography/Typography.cjs.js"),g=require("../../utils/cn/cn.cjs.js");i.gsap.registerPlugin(l.SplitText,u.ScrollTrigger);function m({label:a,body:n,colorScheme:c}){const t=p.useRef(null);return d.useGSAP(()=>{l.SplitText.create(t.current,{type:"words chars",className:e.default.bodyText,autoSplit:!0,onSplit:o=>i.gsap.from(o.chars,{stagger:2,opacity:.3,duration:1,scrollTrigger:{trigger:t.current,start:"top 70%",end:"top 30%",scrub:!0,markers:!1}})})},{scope:t}),r.jsx("div",{className:g.cn(e.default.root,e.default[c]),children:r.jsxs("div",{className:e.default.container,children:[a&&r.jsx(s.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:e.default.label,children:a}),r.jsxs(s.Typography,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingMd",className:e.default.body,children:[a&&r.jsx("span",{className:e.default.spacer,children:" "}),r.jsx("p",{className:e.default.bodyText,ref:t,children:n})]})]})})}exports.TextBlockAnimated=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./textBlockAnimated.module.css.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),l=require("../../node_modules/gsap/SplitText.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),d=require("../../node_modules/@gsap/react/src/index.cjs.js"),p=require("react"),s=require("../../components/Typography/Typography.cjs.js"),g=require("../../utils/cn/cn.cjs.js");i.gsap.registerPlugin(l.SplitText,u.ScrollTrigger);function m({label:a,body:n,colorScheme:c}){const t=p.useRef(null);return d.useGSAP(()=>{l.SplitText.create(t.current,{type:"words chars",className:e.default.bodyText,autoSplit:!0,onSplit:o=>i.gsap.from(o.chars,{stagger:2,opacity:.3,duration:1,scrollTrigger:{trigger:t.current,start:"top 70%",end:"top 30%",scrub:!0,markers:!1}})})},{scope:t}),r.jsx("div",{className:g.cn(e.default.root,e.default[c]),children:r.jsxs("div",{className:e.default.container,children:[a&&r.jsx(s.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:e.default.label,children:a}),r.jsxs(s.Typography,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingMd",className:e.default.body,children:[a&&r.jsx("span",{className:e.default.spacer,children:" "}),r.jsx("p",{className:e.default.bodyText,ref:t,children:n})]})]})})}exports.TextBlockAnimated=m;

package/dist/modules/TextBlockAnimated/TextBlockAnimated.es.js

@@ -1,13 +1,14 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+"use client";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import r from "./textBlockAnimated.module.css.es.js";
-import { gsap as i } from "../../node_modules/gsap/index.es.js";
+import { gsap as o } from "../../node_modules/gsap/index.es.js";
 import { SplitText as l } from "../../node_modules/gsap/SplitText.es.js";
 import { ScrollTrigger as p } from "../../node_modules/gsap/ScrollTrigger.es.js";
 import { useGSAP as d } from "../../node_modules/@gsap/react/src/index.es.js";
 import { useRef as u } from "react";
-import { Typography as s } from "../../components/Typography/Typography.es.js";
+import { Typography as i } from "../../components/Typography/Typography.es.js";
 import { cn as f } from "../../utils/cn/cn.es.js";
-i.registerPlugin(l, p);
+o.registerPlugin(l, p);
 function v({ label: a, body: m, colorScheme: c }) {
   const e = u(null);
   return d(
@@ -16,7 +17,7 @@ function v({ label: a, body: m, colorScheme: c }) {
         type: "words chars",
         className: r.bodyText,
         autoSplit: !0,
-        onSplit: (n) => i.from(n.chars, {
+        onSplit: (n) => o.from(n.chars, {
           stagger: 2,
           opacity: 0.3,
           duration: 1,
@@ -31,9 +32,9 @@ function v({ label: a, body: m, colorScheme: c }) {
       });
     },
     { scope: e }
-  ), /* @__PURE__ */ t("div", { className: f(r.root, r[c]), children: /* @__PURE__ */ o("div", { className: r.container, children: [
+  ), /* @__PURE__ */ t("div", { className: f(r.root, r[c]), children: /* @__PURE__ */ s("div", { className: r.container, children: [
     a && /* @__PURE__ */ t(
-      s,
+      i,
       {
         as: "p",
         defaultVariant: "labelMd",
@@ -43,7 +44,7 @@ function v({ label: a, body: m, colorScheme: c }) {
         children: a
       }
     ),
-    /* @__PURE__ */ o(s, { as: "div", defaultVariant: "displayMd", mobileVariant: "headingMd", className: r.body, children: [
+    /* @__PURE__ */ s(i, { as: "div", defaultVariant: "displayMd", mobileVariant: "headingMd", className: r.body, children: [
       a && /* @__PURE__ */ t("span", { className: r.spacer, children: " " }),
       /* @__PURE__ */ t("p", { className: r.bodyText, ref: e, children: m })
     ] })

package/package.json

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