@zenpatient-org/healthspan-marketing-ui 0.1.16 → 0.1.17

package/dist/node_modules/swiper/swiper-react.es.js

@@ -0,0 +1,242 @@
+import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
+import { S as X } from "./shared/swiper-core.es.js";
+import { g as Y, m as Z, a as ee, u as re } from "./shared/update-on-virtual-data.es.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./shared/update-swiper.es.js";
+function k() {
+  return k = Object.assign ? Object.assign.bind() : function(n) {
+    for (var r = 1; r < arguments.length; r++) {
+      var s = arguments[r];
+      for (var t in s)
+        Object.prototype.hasOwnProperty.call(s, t) && (n[t] = s[t]);
+    }
+    return n;
+  }, k.apply(this, arguments);
+}
+function H(n) {
+  return n.type && n.type.displayName && n.type.displayName.includes("SwiperSlide");
+}
+function U(n) {
+  const r = [];
+  return a.Children.toArray(n).forEach((s) => {
+    H(s) ? r.push(s) : s.props && s.props.children && U(s.props.children).forEach((t) => r.push(t));
+  }), r;
+}
+function oe(n) {
+  const r = [], s = {
+    "container-start": [],
+    "container-end": [],
+    "wrapper-start": [],
+    "wrapper-end": []
+  };
+  return a.Children.toArray(n).forEach((t) => {
+    if (H(t))
+      r.push(t);
+    else if (t.props && t.props.slot && s[t.props.slot])
+      s[t.props.slot].push(t);
+    else if (t.props && t.props.children) {
+      const p = U(t.props.children);
+      p.length > 0 ? p.forEach((l) => r.push(l)) : s["container-end"].push(t);
+    } else
+      s["container-end"].push(t);
+  }), {
+    slides: r,
+    slots: s
+  };
+}
+function le(n, r, s) {
+  if (!s) return null;
+  const t = (o) => {
+    let i = o;
+    return o < 0 ? i = r.length + o : i >= r.length && (i = i - r.length), i;
+  }, p = n.isHorizontal() ? {
+    [n.rtlTranslate ? "right" : "left"]: `${s.offset}px`
+  } : {
+    top: `${s.offset}px`
+  }, {
+    from: l,
+    to: d
+  } = s, S = n.params.loop ? -r.length : 0, h = n.params.loop ? r.length * 2 : r.length, g = [];
+  for (let o = S; o < h; o += 1)
+    o >= l && o <= d && g.push(r[t(o)]);
+  return g.map((o, i) => /* @__PURE__ */ a.cloneElement(o, {
+    swiper: n,
+    style: p,
+    key: o.props.virtualIndex || o.key || `slide-${i}`
+  }));
+}
+function O(n, r) {
+  return typeof window > "u" ? _(n, r) : Q(n, r);
+}
+const F = /* @__PURE__ */ q(null), ce = /* @__PURE__ */ q(null), ue = /* @__PURE__ */ W(function(n, r) {
+  let {
+    className: s,
+    tag: t = "div",
+    wrapperTag: p = "div",
+    children: l,
+    onSwiper: d,
+    ...S
+  } = n === void 0 ? {} : n, h = !1;
+  const [g, o] = P("swiper"), [i, m] = P(null), [C, R] = P(!1), z = u(!1), w = u(null), e = u(null), x = u(null), $ = u(null), I = u(null), b = u(null), N = u(null), L = u(null), {
+    params: f,
+    passedParams: T,
+    rest: G,
+    events: v
+  } = Y(S), {
+    slides: y,
+    slots: j
+  } = oe(l), B = () => {
+    R(!C);
+  };
+  Object.assign(f.on, {
+    _containerClasses(c, E) {
+      o(E);
+    }
+  });
+  const A = () => {
+    Object.assign(f.on, v), h = !0;
+    const c = {
+      ...f
+    };
+    if (delete c.wrapperClass, e.current = new X(c), e.current.virtual && e.current.params.virtual.enabled) {
+      e.current.virtual.slides = y;
+      const E = {
+        cache: !1,
+        slides: y,
+        renderExternal: m,
+        renderExternalUpdate: !1
+      };
+      V(e.current.params.virtual, E), V(e.current.originalParams.virtual, E);
+    }
+  };
+  w.current || A(), e.current && e.current.on("_beforeBreakpoint", B);
+  const J = () => {
+    h || !v || !e.current || Object.keys(v).forEach((c) => {
+      e.current.on(c, v[c]);
+    });
+  }, K = () => {
+    !v || !e.current || Object.keys(v).forEach((c) => {
+      e.current.off(c, v[c]);
+    });
+  };
+  _(() => () => {
+    e.current && e.current.off("_beforeBreakpoint", B);
+  }), _(() => {
+    !z.current && e.current && (e.current.emitSlidesClasses(), z.current = !0);
+  }), O(() => {
+    if (r && (r.current = w.current), !!w.current)
+      return e.current.destroyed && A(), Z({
+        el: w.current,
+        nextEl: I.current,
+        prevEl: b.current,
+        paginationEl: N.current,
+        scrollbarEl: L.current,
+        swiper: e.current
+      }, f), d && !e.current.destroyed && d(e.current), () => {
+        e.current && !e.current.destroyed && e.current.destroy(!0, !1);
+      };
+  }, []), O(() => {
+    J();
+    const c = ee(T, x.current, y, $.current, (E) => E.key);
+    return x.current = T, $.current = y, c.length && e.current && !e.current.destroyed && ie({
+      swiper: e.current,
+      slides: y,
+      passedParams: T,
+      changedParams: c,
+      nextEl: I.current,
+      prevEl: b.current,
+      scrollbarEl: L.current,
+      paginationEl: N.current
+    }), () => {
+      K();
+    };
+  }), O(() => {
+    re(e.current);
+  }, [i]);
+  function M() {
+    return f.virtual ? le(e.current, y, i) : y.map((c, E) => /* @__PURE__ */ a.cloneElement(c, {
+      swiper: e.current,
+      swiperSlideIndex: E
+    }));
+  }
+  return /* @__PURE__ */ a.createElement(t, k({
+    ref: w,
+    className: D(`${g}${s ? ` ${s}` : ""}`)
+  }, G), /* @__PURE__ */ a.createElement(ce.Provider, {
+    value: e.current
+  }, j["container-start"], /* @__PURE__ */ a.createElement(p, {
+    className: te(f.wrapperClass)
+  }, j["wrapper-start"], M(), j["wrapper-end"]), ne(f) && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
+    ref: b,
+    className: "swiper-button-prev"
+  }), /* @__PURE__ */ a.createElement("div", {
+    ref: I,
+    className: "swiper-button-next"
+  })), se(f) && /* @__PURE__ */ a.createElement("div", {
+    ref: L,
+    className: "swiper-scrollbar"
+  }), ae(f) && /* @__PURE__ */ a.createElement("div", {
+    ref: N,
+    className: "swiper-pagination"
+  }), j["container-end"]));
+});
+ue.displayName = "Swiper";
+const pe = /* @__PURE__ */ W(function(n, r) {
+  let {
+    tag: s = "div",
+    children: t,
+    className: p = "",
+    swiper: l,
+    zoom: d,
+    lazy: S,
+    virtualIndex: h,
+    swiperSlideIndex: g,
+    ...o
+  } = n === void 0 ? {} : n;
+  const i = u(null), [m, C] = P("swiper-slide"), [R, z] = P(!1);
+  function w(I, b, N) {
+    b === i.current && C(N);
+  }
+  O(() => {
+    if (typeof g < "u" && (i.current.swiperSlideIndex = g), r && (r.current = i.current), !(!i.current || !l)) {
+      if (l.destroyed) {
+        m !== "swiper-slide" && C("swiper-slide");
+        return;
+      }
+      return l.on("_slideClass", w), () => {
+        l && l.off("_slideClass", w);
+      };
+    }
+  }), O(() => {
+    l && i.current && !l.destroyed && C(l.getSlideClasses(i.current));
+  }, [l]);
+  const e = {
+    isActive: m.indexOf("swiper-slide-active") >= 0,
+    isVisible: m.indexOf("swiper-slide-visible") >= 0,
+    isPrev: m.indexOf("swiper-slide-prev") >= 0,
+    isNext: m.indexOf("swiper-slide-next") >= 0
+  }, x = () => typeof t == "function" ? t(e) : t, $ = () => {
+    z(!0);
+  };
+  return /* @__PURE__ */ a.createElement(s, k({
+    ref: i,
+    className: D(`${m}${p ? ` ${p}` : ""}`),
+    "data-swiper-slide-index": h,
+    onLoad: $
+  }, o), d && /* @__PURE__ */ a.createElement(F.Provider, {
+    value: e
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: "swiper-zoom-container",
+    "data-swiper-zoom": typeof d == "number" ? d : void 0
+  }, x(), S && !R && /* @__PURE__ */ a.createElement("div", {
+    className: "swiper-lazy-preloader"
+  }))), !d && /* @__PURE__ */ a.createElement(F.Provider, {
+    value: e
+  }, x(), S && !R && /* @__PURE__ */ a.createElement("div", {
+    className: "swiper-lazy-preloader"
+  })));
+});
+pe.displayName = "SwiperSlide";
+export {
+  ue as Swiper,
+  pe as SwiperSlide
+};

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { cn } from './cn';
 export { isHsIcon } from './isHsIcon';
 export { formatUnits } from './formatUnits';
+export { useSwiper } from './useSwiper';

package/dist/utils/useSwiper.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),x=()=>{const[n,c]=t.useState(null),[o,i]=t.useState(0),[u,l]=t.useState(!0),[S,s]=t.useState(!1),[g,d]=t.useState(!1),a=t.useCallback(e=>{i(e.activeIndex),s(e.isEnd),l(e.isBeginning)},[]),h=t.useCallback(()=>{n&&(n.slidePrev(),a(n))},[n,a]),k=t.useCallback(()=>{n&&(n.slideNext(),a(n))},[n,a]),C=t.useCallback(e=>{n&&(n.slideTo(e),a(n))},[n,a]),b=e=>{c(e),d(e==null?void 0:e.isLocked),a(e)},f=t.useCallback(e=>{s(e.isEnd),d(e==null?void 0:e.isLocked),a(e)},[a]),v=t.useCallback(()=>{s(!0),l(!1)},[]),r=t.useCallback(()=>{l(!0),s(!1)},[]);return{swiper:n,setSwiper:c,activeIndex:o,setActiveIndex:i,isEnd:S,setIsEnd:s,hideNav:g,handleSlideChange:a,handlePrevClick:h,handleNextClick:k,handleSlideTo:C,onSwiperInit:b,handleSwiperResize:f,isBeginning:u,setIsBeginning:l,handleReachEnd:v,handleReachBeginning:r}};exports.useSwiper=x;

package/dist/utils/useSwiper.d.ts

@@ -0,0 +1,22 @@
+import { Swiper as SwiperType } from 'swiper';
+
+export type UseSwiperReturnProps = {
+    swiper: SwiperType | null;
+    setSwiper: React.Dispatch<React.SetStateAction<SwiperType | null>>;
+    activeIndex: number;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    isEnd: boolean;
+    isBeginning: boolean;
+    setIsBeginning: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsEnd: React.Dispatch<React.SetStateAction<boolean>>;
+    handleReachEnd: () => void;
+    handleReachBeginning: () => void;
+    hideNav: boolean;
+    handleSlideChange: (swiperInstance: SwiperType) => void;
+    handlePrevClick: () => void;
+    handleNextClick: () => void;
+    handleSlideTo: (index: number) => void;
+    onSwiperInit: (swiper: SwiperType) => void;
+    handleSwiperResize: (swiper: SwiperType) => void;
+};
+export declare const useSwiper: () => UseSwiperReturnProps;

package/dist/utils/useSwiper.es.js

@@ -0,0 +1,48 @@
+import { useState as s, useCallback as d } from "react";
+const N = () => {
+  const [n, l] = s(null), [h, o] = s(0), [g, c] = s(!0), [u, i] = s(!1), [f, a] = s(!1), t = d((e) => {
+    o(e.activeIndex), i(e.isEnd), c(e.isBeginning);
+  }, []), v = d(() => {
+    n && (n.slidePrev(), t(n));
+  }, [n, t]), S = d(() => {
+    n && (n.slideNext(), t(n));
+  }, [n, t]), x = d(
+    (e) => {
+      n && (n.slideTo(e), t(n));
+    },
+    [n, t]
+  ), k = (e) => {
+    l(e), a(e == null ? void 0 : e.isLocked), t(e);
+  }, E = d(
+    (e) => {
+      i(e.isEnd), a(e == null ? void 0 : e.isLocked), t(e);
+    },
+    [t]
+  ), B = d(() => {
+    i(!0), c(!1);
+  }, []), C = d(() => {
+    c(!0), i(!1);
+  }, []);
+  return {
+    swiper: n,
+    setSwiper: l,
+    activeIndex: h,
+    setActiveIndex: o,
+    isEnd: u,
+    setIsEnd: i,
+    hideNav: f,
+    handleSlideChange: t,
+    handlePrevClick: v,
+    handleNextClick: S,
+    handleSlideTo: x,
+    onSwiperInit: k,
+    handleSwiperResize: E,
+    isBeginning: g,
+    setIsBeginning: c,
+    handleReachEnd: B,
+    handleReachBeginning: C
+  };
+};
+export {
+  N as useSwiper
+};

package/dist/utils.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils/cn.cjs.js"),n=require("./utils/isHsIcon.cjs.js"),s=require("./utils/formatUnits.cjs.js");exports.cn=t.cn;exports.isHsIcon=n.isHsIcon;exports.formatUnits=s.formatUnits;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/cn.cjs.js"),r=require("./utils/isHsIcon.cjs.js"),s=require("./utils/formatUnits.cjs.js"),i=require("./utils/useSwiper.cjs.js");exports.cn=e.cn;exports.isHsIcon=r.isHsIcon;exports.formatUnits=s.formatUnits;exports.useSwiper=i.useSwiper;

package/dist/utils.es.js

@@ -1,8 +1,10 @@
-import { cn as t } from "./utils/cn.es.js";
-import { isHsIcon as m } from "./utils/isHsIcon.es.js";
-import { formatUnits as n } from "./utils/formatUnits.es.js";
+import { cn as e } from "./utils/cn.es.js";
+import { isHsIcon as f } from "./utils/isHsIcon.es.js";
+import { formatUnits as p } from "./utils/formatUnits.es.js";
+import { useSwiper as x } from "./utils/useSwiper.es.js";
 export {
-  t as cn,
-  n as formatUnits,
-  m as isHsIcon
+  e as cn,
+  p as formatUnits,
+  f as isHsIcon,
+  x as useSwiper
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.16",
+    "version": "0.1.17",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -13,7 +13,9 @@
         "build": "vite build",
         "preview": "vite preview",
         "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build"
+        "build-storybook": "storybook build",
+        "lint": "biome check .",
+        "format": "biome format . --write"
     },
     "license": "MIT",
     "peerDependencies": {
@@ -21,6 +23,7 @@
         "react-dom": "^18.0.0 || ^19.0.0"
     },
     "devDependencies": {
+        "@biomejs/biome": "^1.9.4",
         "@storybook/addon-essentials": "^8.6.12",
         "@storybook/addon-interactions": "^8.6.12",
         "@storybook/addon-onboarding": "^8.6.12",
@@ -28,6 +31,7 @@
         "@storybook/react": "^8.6.12",
         "@storybook/react-vite": "^8.6.12",
         "@storybook/test": "^8.6.12",
+        "@types/react-dom": "^19.1.5",
         "@vitejs/plugin-react": "^4.4.1",
         "chromatic": "^11.28.2",
         "postcss": "^8.5.3",
@@ -39,6 +43,7 @@
     },
     "dependencies": {
         "@types/node": "^22.15.14",
+        "react-tiny-popover": "^8.1.6",
         "swiper": "^11.2.8"
     },
     "exports": {