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

package/dist/pageComponents/Bubbles/Bubbles.cjs.js

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

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

@@ -1,20 +1,28 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { useState as l, useRef as c } from "react";
-import { cn as i } from "../../utils/cn/cn.es.js";
-import s from "./bubbles.module.css.es.js";
-const d = ["xs", "lg", "sm", "sm", "xl", "sm", "xl", "xl", "xl", "md", "md", "md", "lg"], N = ({ className: m }) => {
-  const [n, b] = l(!1), [a, f] = l(!1), o = c(null);
-  return /* @__PURE__ */ e("section", { ref: o, className: i(s.root, m), children: /* @__PURE__ */ e("div", { className: s.container, children: d.map((r, t) => /* @__PURE__ */ e(
+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: i(s.bubble, (a || n) && s.bubbleFinished),
-      "data-size": r,
-      "data-index": t
+      className: l(t.bubble, (r || n) && t.bubbleFinished),
+      "data-size": s,
+      "data-index": e
     },
-    t
+    e
   )) }) });
 };
 export {
-  N as Bubbles
+  g as Bubbles
 };

package/package.json

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