@zenpatient-org/healthspan-marketing-ui 0.1.25 → 0.1.26

package/dist/pageComponents/Bubbles/Bubbles.es.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { useState as c, useRef as u, useEffect as b } from "react";
+import { cn as l } from "../../utils/cn/cn.es.js";
+import t from "./bubbles.module.css.es.js";
+const f = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], g = ({ className: m }) => {
+  const [n, a] = c(!1), [r, d] = c(!1), i = u(null);
+  return b(() => {
+    const s = new window.IntersectionObserver(
+      ([e]) => {
+        e.isIntersecting && e.intersectionRatio === 1 && !n && !r && (a(!0), setTimeout(() => d(!0), 5e3));
+      },
+      { threshold: 1 }
+    );
+    return i.current && s.observe(i.current), () => s.disconnect();
+  }, [n, r]), /* @__PURE__ */ o("section", { ref: i, className: l(t.root, m), children: /* @__PURE__ */ o("div", { className: t.container, children: f.map((s, e) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: l(t.bubble, (r || n) && t.bubbleFinished),
+      "data-size": s,
+      "data-index": e
+    },
+    e
+  )) }) });
+};
+export {
+  g as Bubbles
+};

package/dist/pageComponents/Bubbles/bubbles.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="bubbles-module__root___DUhTG",b="bubbles-module__container___eH7Zj",o="bubbles-module__bubble___FKp2x",l="bubbles-module__bubbleFinished___TNKmv",u={root:e,container:b,bubble:o,bubbleFinished:l};exports.bubble=o;exports.bubbleFinished=l;exports.container=b;exports.default=u;exports.root=e;

package/dist/pageComponents/Bubbles/bubbles.module.css.es.js

@@ -0,0 +1,13 @@
+const b = "bubbles-module__root___DUhTG", e = "bubbles-module__container___eH7Zj", _ = "bubbles-module__bubble___FKp2x", o = "bubbles-module__bubbleFinished___TNKmv", l = {
+  root: b,
+  container: e,
+  bubble: _,
+  bubbleFinished: o
+};
+export {
+  _ as bubble,
+  o as bubbleFinished,
+  e as container,
+  l as default,
+  b as root
+};

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

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

package/dist/pageComponents/Gradient/Gradient.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../../utils/cn/cn.cjs.js"),e=require("./gradient.module.css.cjs.js");function i({variant:t}){return r.jsx("section",{className:n.cn(e.default.root,e.default[t])})}exports.Gradient=i;

package/dist/pageComponents/Gradient/Gradient.es.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as m } from "../../utils/cn/cn.es.js";
+import o from "./gradient.module.css.es.js";
+function s({ variant: r }) {
+  return /* @__PURE__ */ t("section", { className: m(o.root, o[r]) });
+}
+export {
+  s as Gradient
+};

package/dist/pageComponents/Gradient/gradient.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradient-module__root___64ykF",e="gradient-module__blue___Yr7lT",t="gradient-module__gold___N8Rnw",_="gradient-module__orange___hDxoX",l={root:o,blue:e,gold:t,orange:_};exports.blue=e;exports.default=l;exports.gold=t;exports.orange=_;exports.root=o;

package/dist/pageComponents/Gradient/gradient.module.css.es.js

@@ -0,0 +1,13 @@
+const o = "gradient-module__root___64ykF", _ = "gradient-module__blue___Yr7lT", e = "gradient-module__gold___N8Rnw", t = "gradient-module__orange___hDxoX", l = {
+  root: o,
+  blue: _,
+  gold: e,
+  orange: t
+};
+export {
+  _ as blue,
+  l as default,
+  e as gold,
+  t as orange,
+  o as root
+};

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../components/Button/Button.cjs.js"),n=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),t=require("./stillHaveQuestions.module.css.cjs.js");function l(){return e.jsx("section",{className:t.default.root,children:e.jsx("div",{className:t.default.imageWrapper,children:e.jsxs("div",{className:t.default.contentBox,children:[e.jsx(n.HighlightedTitle,{colorScheme:"dark",title:e.jsxs(a.Typography,{defaultVariant:"displayMd",mobileVariant:"headingXl",children:["Still have ",e.jsx("b",{children:"questions?"})]})}),e.jsx("div",{className:s.cn(t.default.actions,t.default.desktop),children:e.jsx(i.Button,{as:"a",href:"/contact",variant:"secondary",size:"lg",children:"Contact Us"})}),e.jsx("div",{className:s.cn(t.default.actions,t.default.mobile),children:e.jsx(i.Button,{as:"a",href:"/contact",variant:"secondary",size:"md",children:"Contact Us"})})]})})})}exports.StillHaveQuestions=l;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js

@@ -0,0 +1,25 @@
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { Button as a } from "../../components/Button/Button.es.js";
+import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as n } from "../../components/Typography/Typography.es.js";
+import { cn as r } from "../../utils/cn/cn.es.js";
+import e from "./stillHaveQuestions.module.css.es.js";
+function p() {
+  return /* @__PURE__ */ i("section", { className: e.root, children: /* @__PURE__ */ i("div", { className: e.imageWrapper, children: /* @__PURE__ */ t("div", { className: e.contentBox, children: [
+    /* @__PURE__ */ i(
+      o,
+      {
+        colorScheme: "dark",
+        title: /* @__PURE__ */ t(n, { defaultVariant: "displayMd", mobileVariant: "headingXl", children: [
+          "Still have ",
+          /* @__PURE__ */ i("b", { children: "questions?" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: r(e.actions, e.desktop), children: /* @__PURE__ */ i(a, { as: "a", href: "/contact", variant: "secondary", size: "lg", children: "Contact Us" }) }),
+    /* @__PURE__ */ i("div", { className: r(e.actions, e.mobile), children: /* @__PURE__ */ i(a, { as: "a", href: "/contact", variant: "secondary", size: "md", children: "Contact Us" }) })
+  ] }) }) });
+}
+export {
+  p as StillHaveQuestions
+};

package/dist/pageComponents/StillHaveQuestions/stillHaveQuestions.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="stillHaveQuestions-module__root___bscgd",o="stillHaveQuestions-module__imageWrapper___3ZTu-",t="stillHaveQuestions-module__contentBox___G5ptm",s="stillHaveQuestions-module__actions___eeCUe",_="stillHaveQuestions-module__mobile___7C-Hc",l="stillHaveQuestions-module__desktop___0Bg3Q",i={root:e,imageWrapper:o,contentBox:t,actions:s,mobile:_,desktop:l};exports.actions=s;exports.contentBox=t;exports.default=i;exports.desktop=l;exports.imageWrapper=o;exports.mobile=_;exports.root=e;

package/dist/pageComponents/StillHaveQuestions/stillHaveQuestions.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "stillHaveQuestions-module__root___bscgd", e = "stillHaveQuestions-module__imageWrapper___3ZTu-", t = "stillHaveQuestions-module__contentBox___G5ptm", s = "stillHaveQuestions-module__actions___eeCUe", _ = "stillHaveQuestions-module__mobile___7C-Hc", l = "stillHaveQuestions-module__desktop___0Bg3Q", n = {
+  root: o,
+  imageWrapper: e,
+  contentBox: t,
+  actions: s,
+  mobile: _,
+  desktop: l
+};
+export {
+  s as actions,
+  t as contentBox,
+  n as default,
+  l as desktop,
+  e as imageWrapper,
+  _ as mobile,
+  o as root
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.25",
+    "version": "0.1.26",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -358,6 +358,21 @@
             "import": "./dist/modules/TrackProgress/TrackProgress.es.js",
             "require": "./dist/modules/TrackProgress/TrackProgress.cjs.js"
         },
+        "./Bubbles": {
+            "types": "./dist/pageComponents/Bubbles/Bubbles.d.ts",
+            "import": "./dist/pageComponents/Bubbles/Bubbles.es.js",
+            "require": "./dist/pageComponents/Bubbles/Bubbles.cjs.js"
+        },
+        "./Gradient": {
+            "types": "./dist/pageComponents/Gradient/Gradient.d.ts",
+            "import": "./dist/pageComponents/Gradient/Gradient.es.js",
+            "require": "./dist/pageComponents/Gradient/Gradient.cjs.js"
+        },
+        "./StillHaveQuestions": {
+            "types": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts",
+            "import": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js",
+            "require": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js"
+        },
         "./dist/*.css": "./dist/*.css"
     }
 }