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

package/dist/components/ProgressButton/progressButton.module.css.es.js

@@ -0,0 +1,21 @@
+const t = "progressButton-module__root___gKwbK", o = "progressButton-module__inverted___cGydv", _ = "progressButton-module__icon___wJpMj", n = "progressButton-module__divider___u6q7X", e = "progressButton-module__button___92i5d", r = "progressButton-module__buttonLeft___p3wSE", s = "progressButton-module__buttonRight___keqI6", u = "progressButton-module__iconWrap___hshXK", d = {
+  root: t,
+  inverted: o,
+  icon: _,
+  divider: n,
+  button: e,
+  buttonLeft: r,
+  buttonRight: s,
+  iconWrap: u
+};
+export {
+  e as button,
+  r as buttonLeft,
+  s as buttonRight,
+  d as default,
+  n as divider,
+  _ as icon,
+  u as iconWrap,
+  o as inverted,
+  t as root
+};

package/dist/components/ProgressButton/types.d.ts

@@ -1 +1 @@
-export type TOrientation = "left" | "right";
+export type TOrientation = 'left' | 'right';

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_virtual/jsx-runtime.cjs.js"),o=require("../../utils/cn.cjs.js"),u=require("../Icon/Icon.cjs.js"),s=require("./tabs.module.css.cjs.js");function a({activeTab:i,tabs:l,onTabClick:r,size:t="sm",activeLinePosition:c="bottom",inverted:d}){return n.jsxRuntimeExports.jsx("div",{className:s.default.container,children:l.map(e=>n.jsxRuntimeExports.jsxs("button",{className:o.cn(s.default.tab,s.default[t],{[s.default.inverted]:d,[s.default.activeTab]:i===e.value,[s.default.disabled]:e.disabled,[s.default.brackets]:t==="lg"&&i===e.value&&l.length>1},s.default[c],e.className),disabled:e.disabled,onClick:()=>r(e.value),children:[e.prefixIcon&&n.jsxRuntimeExports.jsx("div",{className:s.default.iconWrap,children:n.jsxRuntimeExports.jsx(u.Icon,{name:e.prefixIcon})}),n.jsxRuntimeExports.jsx("div",{children:e.label}),e.suffixIcon&&n.jsxRuntimeExports.jsx("div",{className:s.default.iconWrap,children:n.jsxRuntimeExports.jsx(u.Icon,{name:e.suffixIcon})})]},String(e.value)))})}exports.Tabs=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_virtual/jsx-runtime.cjs.js"),d=require("react"),x=require("../../utils/cn.cjs.js"),l=require("../Icon/Icon.cjs.js"),s=require("./tabs.module.css.cjs.js");function m({activeTab:t,tabs:i,onTabClick:o,size:r="sm",activeLinePosition:u="bottom",inverted:c},a){return n.jsxRuntimeExports.jsx("div",{ref:a,className:s.default.container,children:i.map(e=>n.jsxRuntimeExports.jsxs("button",{className:x.cn(s.default.tab,s.default[r],{[s.default.inverted]:c,[s.default.activeTab]:t===e.value,[s.default.disabled]:e.disabled,[s.default.brackets]:r==="lg"&&t===e.value&&i.length>1},s.default[u],e.className),disabled:e.disabled,onClick:()=>o(e.value),children:[e.prefixIcon&&n.jsxRuntimeExports.jsx("div",{className:s.default.iconWrap,children:n.jsxRuntimeExports.jsx(l.Icon,{name:e.prefixIcon})}),n.jsxRuntimeExports.jsx("div",{children:e.label}),e.suffixIcon&&n.jsxRuntimeExports.jsx("div",{className:s.default.iconWrap,children:n.jsxRuntimeExports.jsx(l.Icon,{name:e.suffixIcon})})]},String(e.value)))})}const f=d.forwardRef(m);exports.Tabs=f;

package/dist/components/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ForwardedRef, ReactElement, ReactNode } from 'react';
 import { EIconName } from '../Icon';
 
 export type Tab<T extends string | number> = {
@@ -17,5 +17,7 @@ type Props<T extends string | number> = {
     inverted?: boolean;
     onTabClick: (value: T) => void;
 };
-export declare function Tabs<T extends string | number>({ activeTab, tabs, onTabClick, size, activeLinePosition, inverted, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: <T extends string | number>(props: Props<T> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement;
 export {};

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

@@ -1,26 +1,27 @@
 import { j as i } from "../../_virtual/jsx-runtime.es.js";
-import { cn as a } from "../../utils/cn.es.js";
-import { Icon as o } from "../Icon/Icon.es.js";
+import { forwardRef as f } from "react";
+import { cn as x } from "../../utils/cn.es.js";
+import { Icon as l } from "../Icon/Icon.es.js";
 import s from "./tabs.module.css.es.js";
-function j({
+function p({
   activeTab: n,
-  tabs: r,
+  tabs: o,
   onTabClick: c,
-  size: l = "sm",
+  size: r = "sm",
   activeLinePosition: m = "bottom",
-  inverted: d
-}) {
-  return /* @__PURE__ */ i.jsx("div", { className: s.container, children: r.map((e) => /* @__PURE__ */ i.jsxs(
+  inverted: a
+}, d) {
+  return /* @__PURE__ */ i.jsx("div", { ref: d, className: s.container, children: o.map((e) => /* @__PURE__ */ i.jsxs(
     "button",
     {
-      className: a(
+      className: x(
         s.tab,
-        s[l],
+        s[r],
         {
-          [s.inverted]: d,
+          [s.inverted]: a,
           [s.activeTab]: n === e.value,
           [s.disabled]: e.disabled,
-          [s.brackets]: l === "lg" && n === e.value && r.length > 1
+          [s.brackets]: r === "lg" && n === e.value && o.length > 1
         },
         s[m],
         e.className
@@ -28,14 +29,15 @@ function j({
       disabled: e.disabled,
       onClick: () => c(e.value),
       children: [
-        e.prefixIcon && /* @__PURE__ */ i.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ i.jsx(o, { name: e.prefixIcon }) }),
+        e.prefixIcon && /* @__PURE__ */ i.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ i.jsx(l, { name: e.prefixIcon }) }),
         /* @__PURE__ */ i.jsx("div", { children: e.label }),
-        e.suffixIcon && /* @__PURE__ */ i.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ i.jsx(o, { name: e.suffixIcon }) })
+        e.suffixIcon && /* @__PURE__ */ i.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ i.jsx(l, { name: e.suffixIcon }) })
       ]
     },
     String(e.value)
   )) });
 }
+const I = f(p);
 export {
-  j as Tabs
+  I as Tabs
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs.js"),s=require("react"),h=require("../../utils/cn.cjs.js"),b=require("./Tabs.cjs.js"),r=require("./tabs.module.css.cjs.js");function m({tabs:o,activeTab:a,onTabChange:c}){const n=s.useRef(null),[l,u]=s.useState(!1),[d,f]=s.useState(!1),t=s.useCallback(()=>{const e=n.current;e&&(u(e.scrollLeft>0),f(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]),i.jsxRuntimeExports.jsx("div",{className:h.cn(r.default.tabsWrapper,{[r.default.showFadeLeft]:l,[r.default.showFadeRight]:d}),children:i.jsxRuntimeExports.jsx("div",{ref:n,className:r.default.tabsTape,children:i.jsxRuntimeExports.jsx(b.Tabs,{activeTab:a,tabs:o,size:"lg",activeLinePosition:"bottom",onTabClick:c})})})}exports.TabsWithFade=m;

package/dist/components/Tabs/TabsWithFade.d.ts

@@ -0,0 +1,9 @@
+import { Tab } from './Tabs';
+
+type Props<T extends string | number> = {
+    tabs: Tab<T>[];
+    activeTab: T;
+    onTabChange: (tab: T) => void;
+};
+export declare function TabsWithFade<T extends string>({ tabs, activeTab, onTabChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,43 @@
+import { j as o } from "../../_virtual/jsx-runtime.es.js";
+import { useRef as h, useState as i, useCallback as u, useEffect as p } from "react";
+import { cn as w } from "../../utils/cn.es.js";
+import { Tabs as L } from "./Tabs.es.js";
+import s from "./tabs.module.css.es.js";
+function j({
+  tabs: n,
+  activeTab: l,
+  onTabChange: c
+}) {
+  const r = h(null), [a, f] = i(!1), [m, d] = i(!1), t = u(() => {
+    const e = r.current;
+    e && (f(e.scrollLeft > 0), d(e.scrollLeft + e.clientWidth < e.scrollWidth));
+  }, []);
+  return p(() => {
+    const e = r.current;
+    if (e)
+      return t(), e.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
+        e.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+      };
+  }, [t]), /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: w(s.tabsWrapper, {
+        [s.showFadeLeft]: a,
+        [s.showFadeRight]: m
+      }),
+      children: /* @__PURE__ */ o.jsx("div", { ref: r, className: s.tabsTape, children: /* @__PURE__ */ o.jsx(
+        L,
+        {
+          activeTab: l,
+          tabs: n,
+          size: "lg",
+          activeLinePosition: "bottom",
+          onTabClick: c
+        }
+      ) })
+    }
+  );
+}
+export {
+  j as TabsWithFade
+};

package/dist/components/Tabs/index.d.ts

@@ -1 +1,3 @@
 export { Tabs } from './Tabs';
+export { TabsWithFade } from './TabsWithFade';
+export type { Tab } from './Tabs';

package/dist/components/Tabs/tabs.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tabs-module__container___NRX40",_="tabs-module__tab___McM3m",e="tabs-module__sm___m4fiR",o="tabs-module__lg___SVeHo",a="tabs-module__inverted___CBzom",s="tabs-module__disabled___AXCIC",b="tabs-module__bottom___Ho7ee",c="tabs-module__top___jthT8",n="tabs-module__activeTab___MHq7V",d="tabs-module__brackets___37Jhe",l="tabs-module__iconWrap___RY5wP",i={container:t,tab:_,sm:e,lg:o,inverted:a,disabled:s,bottom:b,top:c,activeTab:n,brackets:d,iconWrap:l};exports.activeTab=n;exports.bottom=b;exports.brackets=d;exports.container=t;exports.default=i;exports.disabled=s;exports.iconWrap=l;exports.inverted=a;exports.lg=o;exports.sm=e;exports.tab=_;exports.top=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tabs-module__container___NRX40",e="tabs-module__tab___McM3m",_="tabs-module__sm___m4fiR",a="tabs-module__lg___SVeHo",o="tabs-module__inverted___CBzom",s="tabs-module__disabled___AXCIC",b="tabs-module__bottom___Ho7ee",d="tabs-module__top___jthT8",c="tabs-module__activeTab___MHq7V",n="tabs-module__brackets___37Jhe",l="tabs-module__iconWrap___RY5wP",r="tabs-module__tabsTape___wsU1y",i="tabs-module__tabsWrapper___MLrX-",m="tabs-module__showFadeLeft___GGn8-",u="tabs-module__showFadeRight___a90mU",p={container:t,tab:e,sm:_,lg:a,inverted:o,disabled:s,bottom:b,top:d,activeTab:c,brackets:n,iconWrap:l,tabsTape:r,tabsWrapper:i,showFadeLeft:m,showFadeRight:u};exports.activeTab=c;exports.bottom=b;exports.brackets=n;exports.container=t;exports.default=p;exports.disabled=s;exports.iconWrap=l;exports.inverted=o;exports.lg=a;exports.showFadeLeft=m;exports.showFadeRight=u;exports.sm=_;exports.tab=e;exports.tabsTape=r;exports.tabsWrapper=i;exports.top=d;

package/dist/components/Tabs/tabs.module.css.es.js

@@ -1,27 +1,35 @@
-const _ = "tabs-module__container___NRX40", t = "tabs-module__tab___McM3m", o = "tabs-module__sm___m4fiR", e = "tabs-module__lg___SVeHo", s = "tabs-module__inverted___CBzom", a = "tabs-module__disabled___AXCIC", b = "tabs-module__bottom___Ho7ee", c = "tabs-module__top___jthT8", n = "tabs-module__activeTab___MHq7V", d = "tabs-module__brackets___37Jhe", m = "tabs-module__iconWrap___RY5wP", l = {
+const _ = "tabs-module__container___NRX40", t = "tabs-module__tab___McM3m", a = "tabs-module__sm___m4fiR", o = "tabs-module__lg___SVeHo", s = "tabs-module__inverted___CBzom", e = "tabs-module__disabled___AXCIC", b = "tabs-module__bottom___Ho7ee", d = "tabs-module__top___jthT8", c = "tabs-module__activeTab___MHq7V", n = "tabs-module__brackets___37Jhe", m = "tabs-module__iconWrap___RY5wP", l = "tabs-module__tabsTape___wsU1y", r = "tabs-module__tabsWrapper___MLrX-", i = "tabs-module__showFadeLeft___GGn8-", p = "tabs-module__showFadeRight___a90mU", u = {
   container: _,
   tab: t,
-  sm: o,
-  lg: e,
+  sm: a,
+  lg: o,
   inverted: s,
-  disabled: a,
+  disabled: e,
   bottom: b,
-  top: c,
-  activeTab: n,
-  brackets: d,
-  iconWrap: m
+  top: d,
+  activeTab: c,
+  brackets: n,
+  iconWrap: m,
+  tabsTape: l,
+  tabsWrapper: r,
+  showFadeLeft: i,
+  showFadeRight: p
 };
 export {
-  n as activeTab,
+  c as activeTab,
   b as bottom,
-  d as brackets,
+  n as brackets,
   _ as container,
-  l as default,
-  a as disabled,
+  u as default,
+  e as disabled,
   m as iconWrap,
   s as inverted,
-  e as lg,
-  o as sm,
+  o as lg,
+  i as showFadeLeft,
+  p as showFadeRight,
+  a as sm,
   t as tab,
-  c as top
+  l as tabsTape,
+  r as tabsWrapper,
+  d as top
 };

package/dist/components/Tag/Tag.d.ts

@@ -12,5 +12,5 @@ type Props = {
     iconPosition?: 'left' | 'right';
     onClick: (value: string) => void;
 };
-export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tag/Tag.es.js

@@ -6,7 +6,16 @@ import r from "./tag.module.css.es.js";
 const j = {
   md: t.labelMd,
   lg: t.labelLg
-}, S = ({ value: n, children: c, active: l, disabled: i, size: a = "md", prefixIcon: m, suffixIcon: o, onClick: p }) => /* @__PURE__ */ s.jsx(
+}, S = ({
+  value: n,
+  children: c,
+  active: l,
+  disabled: i,
+  size: a = "md",
+  prefixIcon: m,
+  suffixIcon: o,
+  onClick: p
+}) => /* @__PURE__ */ s.jsx(
   "button",
   {
     className: d(

package/dist/components/TextButton/TextButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.cjs.js"),p=require("../../utils/cn.cjs.js"),o=require("../Icon/Icon.cjs.js"),e=require("./textButton.module.css.cjs.js"),R=({size:i="sm",as:r="button",disabled:s=!1,inverted:u=!1,children:l,prefixIcon:n,suffixIcon:a,hideOn:c,...d})=>{const x=e.default[i]||"",m=u?e.default.inverted:"",j=s?e.default.disabled:"";return t.jsxRuntimeExports.jsx(r,{...d,className:p.cn(e.default.button,m,x,j),disabled:s,"data-hide-on":c,children:t.jsxRuntimeExports.jsxs("div",{className:e.default.content,children:[n&&t.jsxRuntimeExports.jsx("div",{className:e.default.iconWrap,children:t.jsxRuntimeExports.jsx(o.Icon,{name:n})}),t.jsxRuntimeExports.jsx("div",{children:l}),a&&t.jsxRuntimeExports.jsx("div",{className:e.default.iconWrap,children:t.jsxRuntimeExports.jsx(o.Icon,{name:a})})]})})};exports.TextButton=R;

package/dist/components/TextButton/TextButton.es.js

@@ -0,0 +1,39 @@
+import { j as s } from "../../_virtual/jsx-runtime.es.js";
+import { cn as v } from "../../utils/cn.es.js";
+import { Icon as o } from "../Icon/Icon.es.js";
+import t from "./textButton.module.css.es.js";
+const f = ({
+  size: r = "sm",
+  as: i = "button",
+  disabled: e = !1,
+  inverted: m = !1,
+  children: c,
+  prefixIcon: a,
+  suffixIcon: n,
+  hideOn: l,
+  ...d
+}) => {
+  const j = t[r] || "", x = m ? t.inverted : "", p = e ? t.disabled : "";
+  return /* @__PURE__ */ s.jsx(
+    i,
+    {
+      ...d,
+      className: v(
+        t.button,
+        x,
+        j,
+        p
+      ),
+      disabled: e,
+      "data-hide-on": l,
+      children: /* @__PURE__ */ s.jsxs("div", { className: t.content, children: [
+        a && /* @__PURE__ */ s.jsx("div", { className: t.iconWrap, children: /* @__PURE__ */ s.jsx(o, { name: a }) }),
+        /* @__PURE__ */ s.jsx("div", { children: c }),
+        n && /* @__PURE__ */ s.jsx("div", { className: t.iconWrap, children: /* @__PURE__ */ s.jsx(o, { name: n }) })
+      ] })
+    }
+  );
+};
+export {
+  f as TextButton
+};

package/dist/components/TextButton/textButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="textButton-module__button___z2efc",e="textButton-module__inverted___w-lX5",o="textButton-module__disabled___JLZRY",n="textButton-module__content___JEFSl",_="textButton-module__lg___IbJXd",u="textButton-module__sm___VsToN",d="textButton-module__iconWrap___0G9tV",l={button:t,inverted:e,disabled:o,content:n,lg:_,sm:u,iconWrap:d};exports.button=t;exports.content=n;exports.default=l;exports.disabled=o;exports.iconWrap=d;exports.inverted=e;exports.lg=_;exports.sm=u;

package/dist/components/TextButton/textButton.module.css.es.js

@@ -0,0 +1,19 @@
+const t = "textButton-module__button___z2efc", _ = "textButton-module__inverted___w-lX5", o = "textButton-module__disabled___JLZRY", e = "textButton-module__content___JEFSl", n = "textButton-module__lg___IbJXd", d = "textButton-module__sm___VsToN", s = "textButton-module__iconWrap___0G9tV", u = {
+  button: t,
+  inverted: _,
+  disabled: o,
+  content: e,
+  lg: n,
+  sm: d,
+  iconWrap: s
+};
+export {
+  t as button,
+  e as content,
+  u as default,
+  o as disabled,
+  s as iconWrap,
+  _ as inverted,
+  n as lg,
+  d as sm
+};

package/dist/components/TypeBadge/TypeBadge.d.ts

@@ -9,4 +9,4 @@ export declare enum ETypeBadge {
 export type TypeBadgeProps = {
     type?: ETypeBadge;
 };
-export declare const TypeBadge: ({ type, }: TypeBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TypeBadge: ({ type }: TypeBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Typography.d.ts

@@ -12,5 +12,5 @@ export interface TypographyProps {
     as?: ElementType;
     color?: string;
 }
-export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ defaultVariant, children, className, weight, emphasis, as: Component, mobileVariant, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Typography/Typography.es.js

@@ -16,7 +16,20 @@ const u = ({
   let s = e;
   r && !e && (s = "medium");
   const n = s ? t[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", h = o.startsWith("label") && r ? t.labelEmphasis : "", f = a ? t[`mobile__${a}`] : "";
-  return /* @__PURE__ */ y.jsx(i, { style: g(p), className: C(c, n, h, f, m), children: l });
+  return /* @__PURE__ */ y.jsx(
+    i,
+    {
+      style: g(p),
+      className: C(
+        c,
+        n,
+        h,
+        f,
+        m
+      ),
+      children: l
+    }
+  );
 };
 export {
   u as Typography

package/dist/components/index.d.ts

@@ -4,12 +4,14 @@ export { Button } from './Button';
 export { Label } from './Label';
 export type { LabelColor } from './Label';
 export { Tag } from './Tag';
-export { Tabs } from './Tabs';
+export { Tabs, TabsWithFade } from './Tabs';
+export type { Tab } from './Tabs';
 export { TypeBadge, ETypeBadge } from './TypeBadge';
 export { ContentTabs } from './ContentTabs';
 export type { TContentTab } from './ContentTabs';
 export { Icon, EIconName } from './Icon';
 export { ProductGalleryCard } from './ProductGalleryCard';
+export type { TProductGalleryCardView } from './ProductGalleryCard';
 export { HighlightedTitle } from './HighlightedTitle';
 export { Callback } from './Callback';
 export { IconButton } from './IconButton';
@@ -17,3 +19,8 @@ export type { CallbackSize } from './Callback';
 export { FilterMenu } from './FilterMenu';
 export { InfiniteScroll } from './InfiniteScroll';
 export type { InfiniteScrollHandle } from './InfiniteScroll';
+export { ProductGallery } from './ProductGallery';
+export type { TProductGalleryProps } from './ProductGallery';
+export { ProgressButton } from './ProgressButton';
+export type { ProgressButtonProps } from './ProgressButton';
+export { TextButton } from './TextButton';