@zenpatient-org/healthspan-marketing-ui 0.1.144 → 0.1.146

package/dist/components/ContentTabs/ContentTabs.es.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import { cn as l } from "../../utils/cn/cn.es.js";
 import { Typography as t } from "../Typography/Typography.es.js";
 import { IconBracket as d } from "../IconBracket/IconBracket.es.js";
 import { Icon as p } from "../Icon/Icon.es.js";
 import e from "./contentTabs.module.css.es.js";
-function b({ tabs: m, activeTab: i, colorScheme: a, activeWithArrow: s, onTabClick: c }) {
-  return /* @__PURE__ */ r("div", { className: l(e.root, e[a]), children: m.map((n) => /* @__PURE__ */ o("div", { className: e.tabWrap, children: [
+function b({ tabs: m, activeTab: r, colorScheme: a, activeWithArrow: s, onTabClick: c }) {
+  return /* @__PURE__ */ i("div", { className: l(e.root, e[a]), children: m.map((n) => /* @__PURE__ */ o("div", { className: e.tabWrap, children: [
     /* @__PURE__ */ o(
       "button",
       {
         className: l(e.tab, {
-          [e.activeTab]: i.label === n.label
+          [e.activeTab]: r.label === n.label
         }),
         onClick: () => c(n),
         children: [
-          i.label === n.label && s && /* @__PURE__ */ r("div", { className: e.arrow, children: /* @__PURE__ */ r(d, { variant: "arrow", size: "md", colorScheme: a }) }),
-          n.icon && /* @__PURE__ */ r(p, { name: n.icon, className: e.icon }),
-          /* @__PURE__ */ r(t, { defaultVariant: "headingXxs", children: n.label })
+          r.label === n.label && s && /* @__PURE__ */ i("div", { className: e.arrow, children: /* @__PURE__ */ i(d, { variant: "arrow", size: "md", colorScheme: a }) }),
+          n.icon && /* @__PURE__ */ i(p, { name: n.icon, className: e.icon }),
+          /* @__PURE__ */ i(t, { defaultVariant: "headingXxs", children: n.label })
         ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ i(
       "div",
       {
-        className: l(e.itemContent, { [e.itemContentOpen]: i.label === n.label }),
-        children: /* @__PURE__ */ r("div", { className: e.itemContentInner, children: /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", children: n.description }) })
+        className: l(e.itemContent, { [e.itemContentOpen]: r.label === n.label }),
+        children: /* @__PURE__ */ i("div", { className: e.itemContentInner, children: /* @__PURE__ */ i(t, { as: "div", defaultVariant: "bodySm", children: n.description }) })
       }
     )
   ] }, String(n.label))) });

package/dist/components/Tabs/TabsWithFade.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn/cn.cjs.js"),f=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function h(a){const n=s.useRef(null),[l,o]=s.useState(!1),[i,u]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(o(e.scrollLeft>0),u(e.scrollLeft+e.clientWidth<e.scrollWidth))},[]);return s.useEffect(()=>{const e=n.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),c.jsx("div",{className:d.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:i}),children:c.jsx("div",{ref:n,className:r.default.tabsTape,children:c.jsx(f.Tabs,{...a})})})}exports.TabsWithFade=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn/cn.cjs.js"),f=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function h(a){const n=s.useRef(null),[l,o]=s.useState(!1),[i,u]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(o(e.scrollLeft>10),u(e.scrollLeft+e.clientWidth<e.scrollWidth-10))},[]);return s.useEffect(()=>{const e=n.current;if(e)return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[t]),c.jsx("div",{className:d.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:i}),children:c.jsx("div",{ref:n,className:r.default.tabsTape,children:c.jsx(f.Tabs,{...a})})})}exports.TabsWithFade=h;

package/dist/components/Tabs/TabsWithFade.es.js

@@ -7,7 +7,7 @@ import r from "./tabs.module.css.es.js";
 function R(i) {
   const s = d(null), [l, c] = n(!1), [a, f] = n(!1), t = h(() => {
     const e = s.current;
-    e && (c(e.scrollLeft > 0), f(e.scrollLeft + e.clientWidth < e.scrollWidth));
+    e && (c(e.scrollLeft > 10), f(e.scrollLeft + e.clientWidth < e.scrollWidth - 10));
   }, []);
   return m(() => {
     const e = s.current;