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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/components/Button/Button.es.js +6 -29
  2. package/dist/components/Callback/Callback.d.ts +1 -1
  3. package/dist/components/Callback/Callback.es.js +2 -16
  4. package/dist/components/Callback/index.d.ts +1 -1
  5. package/dist/components/ContentTabs/ContentTabs.d.ts +1 -1
  6. package/dist/components/ContentTabs/ContentTabs.es.js +18 -23
  7. package/dist/components/Cursor/Cursor.d.ts +2 -0
  8. package/dist/components/Cursor/components/ServerCursor.d.ts +3 -1
  9. package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
  10. package/dist/components/FilterMenu/FilterMenu.es.js +17 -80
  11. package/dist/components/HighlightedTitle/HighlightedTitle.cjs.js +1 -1
  12. package/dist/components/HighlightedTitle/HighlightedTitle.es.js +6 -15
  13. package/dist/components/Icon/Icon.cjs.js +1 -1
  14. package/dist/components/Icon/Icon.es.js +2 -2
  15. package/dist/components/IconButton/IconButton.es.js +1 -9
  16. package/dist/components/InfiniteScroll/InfiniteScroll.es.js +3 -41
  17. package/dist/components/Label/Label.d.ts +1 -1
  18. package/dist/components/Label/Label.es.js +5 -23
  19. package/dist/components/ProductGallery/ProductGallery.d.ts +1 -1
  20. package/dist/components/ProductGallery/ProductGallery.es.js +1 -5
  21. package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +1 -1
  22. package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +10 -62
  23. package/dist/components/ProductListing/ProductListing.d.ts +1 -1
  24. package/dist/components/ProgressButton/ProgressButton.d.ts +2 -2
  25. package/dist/components/ProgressButton/ProgressButton.es.js +5 -35
  26. package/dist/components/StudyGridCard/StudyGridCard.d.ts +1 -1
  27. package/dist/components/Tabs/Tabs.es.js +1 -8
  28. package/dist/components/Tabs/TabsWithFade.d.ts +1 -1
  29. package/dist/components/Tabs/TabsWithFade.es.js +2 -15
  30. package/dist/components/Tag/Tag.d.ts +1 -1
  31. package/dist/components/Tag/Tag.es.js +13 -27
  32. package/dist/components/TextButton/TextButton.es.js +1 -6
  33. package/dist/components/Typography/Typography.es.js +8 -21
  34. package/dist/components/index.d.ts +3 -3
  35. package/dist/index.cjs.js +1 -1
  36. package/dist/index.es.js +39 -39
  37. package/dist/modules/Callback/Callback.d.ts +6 -0
  38. package/dist/modules/Callback/index.d.ts +1 -0
  39. package/dist/modules/Comparison/Comparison.d.ts +1 -1
  40. package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts +1 -1
  41. package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +1 -1
  42. package/dist/modules/FollowTheScience/FollowTheScience.d.ts +1 -1
  43. package/dist/modules/HowItWorks/HowItWorks.d.ts +1 -1
  44. package/dist/modules/OptimalHealth/OptimalHealth.d.ts +1 -1
  45. package/dist/modules/OurProcess/OurProcess.d.ts +1 -1
  46. package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
  47. package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -1
  48. package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +5 -31
  49. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js +1 -1
  50. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts +1 -1
  51. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js +5 -27
  52. package/dist/modules/ProductsDisplay/useProductsData.d.ts +1 -1
  53. package/dist/modules/ProductsDisplay/useProductsData.es.js +5 -12
  54. package/dist/modules/TotalCare/TotalCare.d.ts +1 -1
  55. package/dist/modules/TotalCare/TotalCare.es.js +4 -26
  56. package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
  57. package/dist/modules/YourProtocol/YourProtocol.es.js +3 -20
  58. package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.cjs.js +1 -1
  59. package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +9 -40
  60. package/dist/node_modules/react/cjs/react-jsx-runtime.development.cjs.js +12 -4
  61. package/dist/node_modules/react/cjs/react-jsx-runtime.development.es.js +550 -193
  62. package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.cjs.js +9 -0
  63. package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.es.js +28 -0
  64. package/dist/node_modules/react/jsx-runtime.cjs.js +1 -1
  65. package/dist/node_modules/react/jsx-runtime.es.js +3 -3
  66. package/dist/utils/useSwiper.d.ts +1 -0
  67. package/package.json +11 -7
  68. package/dist/node_modules/react/cjs/react-jsx-runtime.production.cjs.js +0 -9
  69. package/dist/node_modules/react/cjs/react-jsx-runtime.production.es.js +0 -35
  70. /package/dist/_virtual/{react-jsx-runtime.production.cjs.js → react-jsx-runtime.production.min.cjs.js} +0 -0
  71. /package/dist/_virtual/{react-jsx-runtime.production.es.js → react-jsx-runtime.production.min.es.js} +0 -0
@@ -1,4 +1,4 @@
1
- import { ButtonHTMLAttributes } from 'react';
1
+ import { default as React, ButtonHTMLAttributes } from 'react';
2
2
  import { TOrientation } from './types';
3
3
 
4
4
  export type PropgressButtonBaseProps = {
@@ -11,4 +11,4 @@ export type ProgressButtonProps = {
11
11
  left: ButtonHTMLAttributes<HTMLButtonElement>;
12
12
  right: ButtonHTMLAttributes<HTMLButtonElement>;
13
13
  };
14
- export declare const ProgressButton: ({ invert, left, right, }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const ProgressButton: ({ invert, left, right }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,12 +4,7 @@ import { EIconName as r } from "../Icon/constants.es.js";
4
4
  import "react";
5
5
  import { Icon as l } from "../Icon/Icon.es.js";
6
6
  import o from "./progressButton.module.css.es.js";
7
- const a = ({
8
- orientation: s,
9
- icon: i,
10
- disabled: e = !1,
11
- onClick: c
12
- }) => /* @__PURE__ */ t.jsx(
7
+ const a = ({ orientation: s, icon: i, disabled: e = !1, onClick: c }) => /* @__PURE__ */ t.jsx(
13
8
  "button",
14
9
  {
15
10
  className: n(o.button, {
@@ -20,41 +15,16 @@ const a = ({
20
15
  onClick: c,
21
16
  children: /* @__PURE__ */ t.jsx("div", { className: o.iconWrap, children: /* @__PURE__ */ t.jsx(l, { name: i, className: o.icon }) })
22
17
  }
23
- ), u = ({
24
- invert: s = !1,
25
- left: i,
26
- right: e
27
- }) => /* @__PURE__ */ t.jsxs(
18
+ ), u = ({ invert: s = !1, left: i, right: e }) => /* @__PURE__ */ t.jsxs(
28
19
  "div",
29
20
  {
30
21
  className: n(o.root, {
31
22
  [o.inverted]: s
32
23
  }),
33
24
  children: [
34
- /* @__PURE__ */ t.jsx(
35
- a,
36
- {
37
- orientation: "left",
38
- icon: r.ARROW_BACK,
39
- disabled: i.disabled,
40
- onClick: i.onClick
41
- }
42
- ),
43
- /* @__PURE__ */ t.jsx(
44
- "div",
45
- {
46
- className: n(o.divider, { [o.inverted]: s })
47
- }
48
- ),
49
- /* @__PURE__ */ t.jsx(
50
- a,
51
- {
52
- orientation: "right",
53
- icon: r.ARROW_FORWARD,
54
- disabled: e.disabled,
55
- onClick: e.onClick
56
- }
57
- )
25
+ /* @__PURE__ */ t.jsx(a, { orientation: "left", icon: r.ARROW_BACK, disabled: i.disabled, onClick: i.onClick }),
26
+ /* @__PURE__ */ t.jsx("div", { className: n(o.divider, { [o.inverted]: s }) }),
27
+ /* @__PURE__ */ t.jsx(a, { orientation: "right", icon: r.ARROW_FORWARD, disabled: e.disabled, onClick: e.onClick })
58
28
  ]
59
29
  }
60
30
  );
@@ -9,4 +9,4 @@ export type StudyGridCardProps = {
9
9
  readTime: number;
10
10
  link: string;
11
11
  };
12
- export declare function StudyGridCard({ title, link, inverted, image, date, label, readTime, }: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function StudyGridCard({ title, link, inverted, image, date, label, readTime }: StudyGridCardProps): import("react/jsx-runtime").JSX.Element;
@@ -3,14 +3,7 @@ import { forwardRef as f } from "react";
3
3
  import { cn as x } from "../../utils/cn.es.js";
4
4
  import { Icon as l } from "../Icon/Icon.es.js";
5
5
  import s from "./tabs.module.css.es.js";
6
- function p({
7
- activeTab: n,
8
- tabs: o,
9
- onTabClick: c,
10
- size: r = "sm",
11
- activeLinePosition: m = "bottom",
12
- inverted: a
13
- }, d) {
6
+ function p({ activeTab: n, tabs: o, onTabClick: c, size: r = "sm", activeLinePosition: m = "bottom", inverted: a }, d) {
14
7
  return /* @__PURE__ */ i.jsx("div", { ref: d, className: s.container, children: o.map((e) => /* @__PURE__ */ i.jsxs(
15
8
  "button",
16
9
  {
@@ -5,5 +5,5 @@ type Props<T extends string | number> = {
5
5
  activeTab: T;
6
6
  onTabChange: (tab: T) => void;
7
7
  };
8
- export declare function TabsWithFade<T extends string>({ tabs, activeTab, onTabChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
8
+ export declare function TabsWithFade<T extends string>({ tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
9
9
  export {};
@@ -3,11 +3,7 @@ import { useRef as h, useState as i, useCallback as u, useEffect as p } from "re
3
3
  import { cn as w } from "../../utils/cn.es.js";
4
4
  import { Tabs as L } from "./Tabs.es.js";
5
5
  import s from "./tabs.module.css.es.js";
6
- function j({
7
- tabs: n,
8
- activeTab: l,
9
- onTabChange: c
10
- }) {
6
+ function j({ tabs: n, activeTab: l, onTabChange: c }) {
11
7
  const r = h(null), [a, f] = i(!1), [m, d] = i(!1), t = u(() => {
12
8
  const e = r.current;
13
9
  e && (f(e.scrollLeft > 0), d(e.scrollLeft + e.clientWidth < e.scrollWidth));
@@ -25,16 +21,7 @@ function j({
25
21
  [s.showFadeLeft]: a,
26
22
  [s.showFadeRight]: m
27
23
  }),
28
- children: /* @__PURE__ */ o.jsx("div", { ref: r, className: s.tabsTape, children: /* @__PURE__ */ o.jsx(
29
- L,
30
- {
31
- activeTab: l,
32
- tabs: n,
33
- size: "lg",
34
- activeLinePosition: "bottom",
35
- onTabClick: c
36
- }
37
- ) })
24
+ 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 }) })
38
25
  }
39
26
  );
40
27
  }
@@ -12,5 +12,5 @@ type Props = {
12
12
  iconPosition?: 'left' | 'right';
13
13
  onClick: (value: string) => void;
14
14
  };
15
- export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const Tag: ({ value, children, active, disabled, size, prefixIcon, suffixIcon, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
16
16
  export {};
@@ -1,35 +1,21 @@
1
1
  import { j as s } from "../../_virtual/jsx-runtime.es.js";
2
- import t from "../../styles/typography.module.css.es.js";
3
- import { cn as d } from "../../utils/cn.es.js";
2
+ import o from "../../styles/typography.module.css.es.js";
3
+ import { cn as j } from "../../utils/cn.es.js";
4
4
  import { Icon as e } from "../Icon/Icon.es.js";
5
- import r from "./tag.module.css.es.js";
6
- const j = {
7
- md: t.labelMd,
8
- lg: t.labelLg
9
- }, S = ({
10
- value: n,
11
- children: c,
12
- active: l,
13
- disabled: i,
14
- size: a = "md",
15
- prefixIcon: m,
16
- suffixIcon: o,
17
- onClick: p
18
- }) => /* @__PURE__ */ s.jsx(
5
+ import m from "./tag.module.css.es.js";
6
+ const p = {
7
+ md: o.labelMd,
8
+ lg: o.labelLg
9
+ }, S = ({ value: l, children: n, active: c, disabled: i, size: r = "md", prefixIcon: t, suffixIcon: a, onClick: d }) => /* @__PURE__ */ s.jsx(
19
10
  "button",
20
11
  {
21
- className: d(
22
- r.tag,
23
- j[a],
24
- { [r.active]: l },
25
- r[a]
26
- ),
12
+ className: j(m.tag, p[r], { [m.active]: c }, m[r]),
27
13
  disabled: i,
28
- onClick: () => p(n),
29
- children: /* @__PURE__ */ s.jsxs("div", { className: r.content, children: [
30
- m && /* @__PURE__ */ s.jsx("div", { className: r.iconWrap, children: /* @__PURE__ */ s.jsx(e, { name: m }) }),
31
- /* @__PURE__ */ s.jsx("p", { children: c }),
32
- o && /* @__PURE__ */ s.jsx("div", { className: r.iconWrap, children: /* @__PURE__ */ s.jsx(e, { name: o }) })
14
+ onClick: () => d(l),
15
+ children: /* @__PURE__ */ s.jsxs("div", { className: m.content, children: [
16
+ t && /* @__PURE__ */ s.jsx("div", { className: m.iconWrap, children: /* @__PURE__ */ s.jsx(e, { name: t }) }),
17
+ /* @__PURE__ */ s.jsx("p", { children: n }),
18
+ a && /* @__PURE__ */ s.jsx("div", { className: m.iconWrap, children: /* @__PURE__ */ s.jsx(e, { name: a }) })
33
19
  ] })
34
20
  }
35
21
  );
@@ -18,12 +18,7 @@ const f = ({
18
18
  i,
19
19
  {
20
20
  ...d,
21
- className: v(
22
- t.button,
23
- x,
24
- j,
25
- p
26
- ),
21
+ className: v(t.button, x, j, p),
27
22
  disabled: e,
28
23
  "data-hide-on": l,
29
24
  children: /* @__PURE__ */ s.jsxs("div", { className: t.content, children: [
@@ -1,35 +1,22 @@
1
- import { j as y } from "../../_virtual/jsx-runtime.es.js";
1
+ import { j as C } from "../../_virtual/jsx-runtime.es.js";
2
2
  import t from "../../styles/typography.module.css.es.js";
3
- import { cn as C } from "../../utils/cn.es.js";
3
+ import { cn as y } from "../../utils/cn.es.js";
4
4
  import { getMemoizedColorStyles as g } from "./Typography.service.es.js";
5
5
  const u = ({
6
6
  defaultVariant: o,
7
- children: l,
7
+ children: a,
8
8
  className: m = "",
9
9
  weight: e,
10
- emphasis: r = !1,
10
+ emphasis: l = !1,
11
11
  as: i = "span",
12
- mobileVariant: a,
12
+ mobileVariant: r,
13
13
  color: p
14
14
  }) => {
15
15
  const c = t[o] || "";
16
16
  let s = e;
17
- r && !e && (s = "medium");
18
- const n = s ? t[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", h = o.startsWith("label") && r ? t.labelEmphasis : "", f = a ? t[`mobile__${a}`] : "";
19
- return /* @__PURE__ */ y.jsx(
20
- i,
21
- {
22
- style: g(p),
23
- className: C(
24
- c,
25
- n,
26
- h,
27
- f,
28
- m
29
- ),
30
- children: l
31
- }
32
- );
17
+ l && !e && (s = "medium");
18
+ const n = s ? t[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", f = o.startsWith("label") && l ? t.labelEmphasis : "", h = r ? t[`mobile__${r}`] : "";
19
+ return /* @__PURE__ */ C.jsx(i, { style: g(p), className: y(c, n, f, h, m), children: a });
33
20
  };
34
21
  export {
35
22
  u as Typography
@@ -1,5 +1,3 @@
1
- export { Typography } from './Typography';
2
- export type { TypographyVariant, TypographyProps } from './Typography';
3
1
  export { Button } from './Button';
4
2
  export { Label } from './Label';
5
3
  export type { LabelColor } from './Label';
@@ -13,7 +11,7 @@ export { Icon, EIconName } from './Icon';
13
11
  export { ProductGalleryCard } from './ProductGalleryCard';
14
12
  export type { TProductGalleryCardView } from './ProductGalleryCard';
15
13
  export { HighlightedTitle } from './HighlightedTitle';
16
- export { Callback } from './Callback';
14
+ export { Callback, type CallbackProps } from './Callback';
17
15
  export { IconButton } from './IconButton';
18
16
  export type { CallbackSize } from './Callback';
19
17
  export { FilterMenu } from './FilterMenu';
@@ -24,3 +22,5 @@ export type { TProductGalleryProps } from './ProductGallery';
24
22
  export { ProgressButton } from './ProgressButton';
25
23
  export type { ProgressButtonProps } from './ProgressButton';
26
24
  export { TextButton } from './TextButton';
25
+ export { Typography } from './Typography';
26
+ export type { TypographyVariant, TypographyProps } from './Typography';
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const r=require("./styles/typography.module.css.cjs.js"),t=require("./components/Typography/Typography.cjs.js"),o=require("./components/Button/Button.cjs.js"),n=require("./components/Label/Label.cjs.js"),i=require("./components/Tag/Tag.cjs.js"),u=require("./components/Tabs/Tabs.cjs.js"),s=require("./components/Tabs/TabsWithFade.cjs.js"),e=require("./components/TypeBadge/TypeBadge.cjs.js"),c=require("./components/ContentTabs/ContentTabs.cjs.js"),a=require("./components/Icon/Icon.cjs.js"),l=require("./components/Icon/constants.cjs.js"),q=require("./components/ProductGalleryCard/ProductGalleryCard.cjs.js"),T=require("./components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("./components/Callback/Callback.cjs.js"),y=require("./components/IconButton/IconButton.cjs.js"),g=require("./components/FilterMenu/FilterMenu.cjs.js"),p=require("./components/InfiniteScroll/InfiniteScroll.cjs.js"),b=require("./components/ProductGallery/ProductGallery.cjs.js"),B=require("./components/ProgressButton/ProgressButton.cjs.js"),P=require("./components/TextButton/TextButton.cjs.js"),h=require("./modules/YourProtocol/YourProtocol.cjs.js"),I=require("./modules/TotalCare/TotalCare.cjs.js"),C=require("./modules/ProductsDisplay/ProductsDisplay.cjs.js"),f=require("./utils/cn.cjs.js"),S=require("./utils/isHsIcon.cjs.js"),m=require("./utils/formatUnits.cjs.js"),F=require("./utils/useSwiper.cjs.js");exports.typography=r.default;exports.Typography=t.Typography;exports.Button=o.Button;exports.Label=n.Label;exports.Tag=i.Tag;exports.Tabs=u.Tabs;exports.TabsWithFade=s.TabsWithFade;exports.ETypeBadge=e.ETypeBadge;exports.TypeBadge=e.TypeBadge;exports.ContentTabs=c.ContentTabs;exports.Icon=a.Icon;exports.EIconName=l.EIconName;exports.ProductGalleryCard=q.ProductGalleryCard;exports.HighlightedTitle=T.HighlightedTitle;exports.Callback=d.Callback;exports.IconButton=y.IconButton;exports.FilterMenu=g.FilterMenu;exports.InfiniteScroll=p.InfiniteScroll;exports.ProductGallery=b.ProductGallery;exports.ProgressButton=B.ProgressButton;exports.TextButton=P.TextButton;exports.YourProtocol=h.YourProtocol;exports.TotalCare=I.TotalCare;exports.ProductsDisplay=C.ProductsDisplay;exports.cn=f.cn;exports.isHsIcon=S.isHsIcon;exports.formatUnits=m.formatUnits;exports.useSwiper=F.useSwiper;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const r=require("./styles/typography.module.css.cjs.js"),t=require("./components/Button/Button.cjs.js"),o=require("./components/Label/Label.cjs.js"),n=require("./components/Tag/Tag.cjs.js"),i=require("./components/Tabs/Tabs.cjs.js"),u=require("./components/Tabs/TabsWithFade.cjs.js"),e=require("./components/TypeBadge/TypeBadge.cjs.js"),s=require("./components/ContentTabs/ContentTabs.cjs.js"),c=require("./components/Icon/Icon.cjs.js"),a=require("./components/Icon/constants.cjs.js"),l=require("./components/ProductGalleryCard/ProductGalleryCard.cjs.js"),q=require("./components/HighlightedTitle/HighlightedTitle.cjs.js"),T=require("./components/Callback/Callback.cjs.js"),d=require("./components/IconButton/IconButton.cjs.js"),y=require("./components/FilterMenu/FilterMenu.cjs.js"),g=require("./components/InfiniteScroll/InfiniteScroll.cjs.js"),p=require("./components/ProductGallery/ProductGallery.cjs.js"),b=require("./components/ProgressButton/ProgressButton.cjs.js"),B=require("./components/TextButton/TextButton.cjs.js"),P=require("./components/Typography/Typography.cjs.js"),h=require("./modules/YourProtocol/YourProtocol.cjs.js"),I=require("./modules/TotalCare/TotalCare.cjs.js"),C=require("./modules/ProductsDisplay/ProductsDisplay.cjs.js"),f=require("./utils/cn.cjs.js"),S=require("./utils/isHsIcon.cjs.js"),m=require("./utils/formatUnits.cjs.js"),F=require("./utils/useSwiper.cjs.js");exports.typography=r.default;exports.Button=t.Button;exports.Label=o.Label;exports.Tag=n.Tag;exports.Tabs=i.Tabs;exports.TabsWithFade=u.TabsWithFade;exports.ETypeBadge=e.ETypeBadge;exports.TypeBadge=e.TypeBadge;exports.ContentTabs=s.ContentTabs;exports.Icon=c.Icon;exports.EIconName=a.EIconName;exports.ProductGalleryCard=l.ProductGalleryCard;exports.HighlightedTitle=q.HighlightedTitle;exports.Callback=T.Callback;exports.IconButton=d.IconButton;exports.FilterMenu=y.FilterMenu;exports.InfiniteScroll=g.InfiniteScroll;exports.ProductGallery=p.ProductGallery;exports.ProgressButton=b.ProgressButton;exports.TextButton=B.TextButton;exports.Typography=P.Typography;exports.YourProtocol=h.YourProtocol;exports.TotalCare=I.TotalCare;exports.ProductsDisplay=C.ProductsDisplay;exports.cn=f.cn;exports.isHsIcon=S.isHsIcon;exports.formatUnits=m.formatUnits;exports.useSwiper=F.useSwiper;
package/dist/index.es.js CHANGED
@@ -4,25 +4,25 @@
4
4
  /* empty css */
5
5
  /* empty css */
6
6
  import { default as x } from "./styles/typography.module.css.es.js";
7
- import { Typography as i } from "./components/Typography/Typography.es.js";
8
- import { Button as n } from "./components/Button/Button.es.js";
9
- import { Label as c } from "./components/Label/Label.es.js";
10
- import { Tag as T } from "./components/Tag/Tag.es.js";
11
- import { Tabs as y } from "./components/Tabs/Tabs.es.js";
12
- import { TabsWithFade as B } from "./components/Tabs/TabsWithFade.es.js";
13
- import { ETypeBadge as h, TypeBadge as I } from "./components/TypeBadge/TypeBadge.es.js";
14
- import { ContentTabs as C } from "./components/ContentTabs/ContentTabs.es.js";
15
- import { Icon as F } from "./components/Icon/Icon.es.js";
16
- import { EIconName as H } from "./components/Icon/constants.es.js";
17
- import { ProductGalleryCard as k } from "./components/ProductGalleryCard/ProductGalleryCard.es.js";
18
- import { HighlightedTitle as D } from "./components/HighlightedTitle/HighlightedTitle.es.js";
19
- import { Callback as M } from "./components/Callback/Callback.es.js";
20
- import { IconButton as U } from "./components/IconButton/IconButton.es.js";
21
- import { FilterMenu as Y } from "./components/FilterMenu/FilterMenu.es.js";
22
- import { InfiniteScroll as q } from "./components/InfiniteScroll/InfiniteScroll.es.js";
23
- import { ProductGallery as z } from "./components/ProductGallery/ProductGallery.es.js";
24
- import { ProgressButton as J } from "./components/ProgressButton/ProgressButton.es.js";
25
- import { TextButton as O } from "./components/TextButton/TextButton.es.js";
7
+ import { Button as i } from "./components/Button/Button.es.js";
8
+ import { Label as n } from "./components/Label/Label.es.js";
9
+ import { Tag as c } from "./components/Tag/Tag.es.js";
10
+ import { Tabs as T } from "./components/Tabs/Tabs.es.js";
11
+ import { TabsWithFade as y } from "./components/Tabs/TabsWithFade.es.js";
12
+ import { ETypeBadge as B, TypeBadge as b } from "./components/TypeBadge/TypeBadge.es.js";
13
+ import { ContentTabs as I } from "./components/ContentTabs/ContentTabs.es.js";
14
+ import { Icon as C } from "./components/Icon/Icon.es.js";
15
+ import { EIconName as F } from "./components/Icon/constants.es.js";
16
+ import { ProductGalleryCard as H } from "./components/ProductGalleryCard/ProductGalleryCard.es.js";
17
+ import { HighlightedTitle as k } from "./components/HighlightedTitle/HighlightedTitle.es.js";
18
+ import { Callback as D } from "./components/Callback/Callback.es.js";
19
+ import { IconButton as M } from "./components/IconButton/IconButton.es.js";
20
+ import { FilterMenu as U } from "./components/FilterMenu/FilterMenu.es.js";
21
+ import { InfiniteScroll as Y } from "./components/InfiniteScroll/InfiniteScroll.es.js";
22
+ import { ProductGallery as q } from "./components/ProductGallery/ProductGallery.es.js";
23
+ import { ProgressButton as z } from "./components/ProgressButton/ProgressButton.es.js";
24
+ import { TextButton as J } from "./components/TextButton/TextButton.es.js";
25
+ import { Typography as O } from "./components/Typography/Typography.es.js";
26
26
  import { YourProtocol as R } from "./modules/YourProtocol/YourProtocol.es.js";
27
27
  import { TotalCare as X } from "./modules/TotalCare/TotalCare.es.js";
28
28
  import { ProductsDisplay as _ } from "./modules/ProductsDisplay/ProductsDisplay.es.js";
@@ -31,28 +31,28 @@ import { isHsIcon as to } from "./utils/isHsIcon.es.js";
31
31
  import { formatUnits as po } from "./utils/formatUnits.es.js";
32
32
  import { useSwiper as fo } from "./utils/useSwiper.es.js";
33
33
  export {
34
- n as Button,
35
- M as Callback,
36
- C as ContentTabs,
37
- H as EIconName,
38
- h as ETypeBadge,
39
- Y as FilterMenu,
40
- D as HighlightedTitle,
41
- F as Icon,
42
- U as IconButton,
43
- q as InfiniteScroll,
44
- c as Label,
45
- z as ProductGallery,
46
- k as ProductGalleryCard,
34
+ i as Button,
35
+ D as Callback,
36
+ I as ContentTabs,
37
+ F as EIconName,
38
+ B as ETypeBadge,
39
+ U as FilterMenu,
40
+ k as HighlightedTitle,
41
+ C as Icon,
42
+ M as IconButton,
43
+ Y as InfiniteScroll,
44
+ n as Label,
45
+ q as ProductGallery,
46
+ H as ProductGalleryCard,
47
47
  _ as ProductsDisplay,
48
- J as ProgressButton,
49
- y as Tabs,
50
- B as TabsWithFade,
51
- T as Tag,
52
- O as TextButton,
48
+ z as ProgressButton,
49
+ T as Tabs,
50
+ y as TabsWithFade,
51
+ c as Tag,
52
+ J as TextButton,
53
53
  X as TotalCare,
54
- I as TypeBadge,
55
- i as Typography,
54
+ b as TypeBadge,
55
+ O as Typography,
56
56
  R as YourProtocol,
57
57
  oo as cn,
58
58
  po as formatUnits,
@@ -0,0 +1,6 @@
1
+ import { CallbackProps } from '../../components';
2
+
3
+ export type CallbackModuleProps = {
4
+ callback: CallbackProps;
5
+ };
6
+ export declare function CallbackModule({ callback }: CallbackModuleProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { CallbackModule, type CallbackModuleProps } from './Callback';
@@ -6,4 +6,4 @@ export type ComparisonProps = {
6
6
  comparison: ComparisonData;
7
7
  description?: string;
8
8
  };
9
- export declare const Comparison: ({ title, description, comparison, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const Comparison: ({ title, description, comparison }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,5 +4,5 @@ type ComparisonMobileViewProps = {
4
4
  comparison: ComparisonData;
5
5
  className?: string;
6
6
  };
7
- export declare const ComparisonMobileView: ({ comparison, className, }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const ComparisonMobileView: ({ comparison, className }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
8
8
  export {};
@@ -10,5 +10,5 @@ type Props = {
10
10
  url: string;
11
11
  }>;
12
12
  };
13
- export declare const FeaturesGallery: ({ title, description, features, labels, }: Props) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const FeaturesGallery: ({ title, description, features, labels }: Props) => import("react/jsx-runtime").JSX.Element;
14
14
  export {};
@@ -7,4 +7,4 @@ export type TargetedProgramsProps = {
7
7
  link: string;
8
8
  }>;
9
9
  };
10
- export declare function FollowTheScience({ labelText, benefits, }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare function FollowTheScience({ labelText, benefits }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
@@ -7,5 +7,5 @@ type HowItWorksProps = {
7
7
  }>;
8
8
  getStartedLink?: string;
9
9
  };
10
- export declare const HowItWorks: ({ title, getStartedLink, items, }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const HowItWorks: ({ title, getStartedLink, items }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export {};
@@ -7,5 +7,5 @@ type OptimalHealthProps = {
7
7
  link: string;
8
8
  images: TClockImages;
9
9
  };
10
- export declare const OptimalHealth: ({ title, description, link, images, }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const OptimalHealth: ({ title, description, link, images }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export {};
@@ -9,4 +9,4 @@ export type OurProcessProps = {
9
9
  steps: ReadonlyArray<TOurProcessStep>;
10
10
  howItWorks?: string;
11
11
  };
12
- export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps, }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react"),l=require("../../components/Typography/Typography.cjs.js");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const q=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");const h=require("../../components/ProductGallery/ProductGallery.cjs.js"),T=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),P=require("./useProductsData.cjs.js"),g=({label_text:d,productDisplays:c})=>{var o;const{isTabbed:t,title:n,description:p,tabs:a,slidesByTabs:i}=P.useProductsData({productDisplays:c}),[r,x]=u.useState(((o=a[0])==null?void 0:o.value)??""),y=u.useMemo(()=>(i[r]??[]).map((b,j)=>e.jsxRuntimeExports.jsx(q.ProductGalleryCard,{...b},j)),[r,i]),m=t?e.jsxRuntimeExports.jsx(T.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:x}):e.jsxRuntimeExports.jsxs("div",{className:s.default.header,children:[e.jsxRuntimeExports.jsx(l.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsxRuntimeExports.jsx(l.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:p})]});return e.jsxRuntimeExports.jsx("div",{className:s.default.root,children:e.jsxRuntimeExports.jsx(h.ProductGallery,{header:m,slides:y,isTabbed:t})})};exports.ProductsDisplay=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const q=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),l=require("../../components/Typography/Typography.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");const h=require("../../components/ProductGallery/ProductGallery.cjs.js"),T=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),P=require("./useProductsData.cjs.js"),g=({label_text:d,productDisplays:c})=>{var o;const{isTabbed:t,title:n,description:p,tabs:a,slidesByTabs:i}=P.useProductsData({productDisplays:c}),[r,x]=u.useState(((o=a[0])==null?void 0:o.value)??""),y=u.useMemo(()=>(i[r]??[]).map((b,j)=>e.jsxRuntimeExports.jsx(q.ProductGalleryCard,{...b},j)),[r,i]),m=t?e.jsxRuntimeExports.jsx(T.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:x}):e.jsxRuntimeExports.jsxs("div",{className:s.default.header,children:[e.jsxRuntimeExports.jsx(l.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsxRuntimeExports.jsx(l.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:p})]});return e.jsxRuntimeExports.jsx("div",{className:s.default.root,children:e.jsxRuntimeExports.jsx(h.ProductGallery,{header:m,slides:y,isTabbed:t})})};exports.ProductsDisplay=g;
@@ -1,3 +1,3 @@
1
1
  import { TProductsDisplay } from './types';
2
2
 
3
- export declare const ProductsDisplay: ({ label_text, productDisplays, }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ProductsDisplay: ({ label_text, productDisplays }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;
@@ -1,52 +1,26 @@
1
1
  import { j as t } from "../../_virtual/jsx-runtime.es.js";
2
2
  import { useState as h, useMemo as x } from "react";
3
- import { Typography as m } from "../../components/Typography/Typography.es.js";
4
3
  import "../../components/Button/Button.es.js";
5
4
  import "../../components/Label/Label.es.js";
6
5
  import "../../components/Tag/Tag.es.js";
7
6
  import "../../components/Tabs/Tabs.es.js";
8
7
  import "../../components/Icon/Icon.es.js";
9
8
  import { ProductGalleryCard as j } from "../../components/ProductGalleryCard/ProductGalleryCard.es.js";
9
+ import { Typography as m } from "../../components/Typography/Typography.es.js";
10
10
  import "../../components/InfiniteScroll/InfiniteScroll.es.js";
11
11
  import { ProductGallery as T } from "../../components/ProductGallery/ProductGallery.es.js";
12
12
  import { ProductsDisplayTabs as g } from "./components/ProductsDisplayTabs/ProductsDisplayTabs.es.js";
13
13
  import s from "./productsDisplay.module.css.es.js";
14
14
  import { useProductsData as v } from "./useProductsData.es.js";
15
- const w = ({
16
- label_text: l,
17
- productDisplays: d
18
- }) => {
15
+ const w = ({ label_text: l, productDisplays: d }) => {
19
16
  var i;
20
17
  const { isTabbed: o, title: p, description: c, tabs: a, slidesByTabs: e } = v({
21
18
  productDisplays: d
22
- }), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(
23
- g,
24
- {
25
- label: l,
26
- tabs: a,
27
- activeTab: r,
28
- onTabChange: n
29
- }
30
- ) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
31
- /* @__PURE__ */ t.jsx(
32
- m,
33
- {
34
- className: s.headerTitle,
35
- defaultVariant: "displayMd",
36
- mobileVariant: "headingLg",
37
- children: p
38
- }
39
- ),
19
+ }), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(g, { label: l, tabs: a, activeTab: r, onTabChange: n }) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
20
+ /* @__PURE__ */ t.jsx(m, { className: s.headerTitle, defaultVariant: "displayMd", mobileVariant: "headingLg", children: p }),
40
21
  /* @__PURE__ */ t.jsx(m, { defaultVariant: "bodyLg", mobileVariant: "bodySm", children: c })
41
22
  ] });
42
- return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(
43
- T,
44
- {
45
- header: b,
46
- slides: u,
47
- isTabbed: o
48
- }
49
- ) });
23
+ return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(T, { header: b, slides: u, isTabbed: o }) });
50
24
  };
51
25
  export {
52
26
  w as ProductsDisplay
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const o=require("../../../../components/Tabs/TabsWithFade.cjs.js");require("react");require("../../../../components/Icon/Icon.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./productsDisplayTabs.module.css.cjs.js");function l({label:r,tabs:s,activeTab:u,onTabChange:a}){return e.jsxRuntimeExports.jsxs("div",{className:i.default.header,children:[!!r&&e.jsxRuntimeExports.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:i.default.label,children:r}),e.jsxRuntimeExports.jsx(o.TabsWithFade,{activeTab:u,tabs:s,onTabChange:a})]})}exports.ProductsDisplayTabs=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const t=require("../../../../components/Tabs/TabsWithFade.cjs.js");require("react");require("../../../../components/Icon/Icon.cjs.js");const o=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./productsDisplayTabs.module.css.cjs.js");function l({label:r,tabs:s,activeTab:u,onTabChange:a}){return e.jsxRuntimeExports.jsxs("div",{className:i.default.header,children:[!!r&&e.jsxRuntimeExports.jsx(o.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:i.default.label,children:r}),e.jsxRuntimeExports.jsx(t.TabsWithFade,{activeTab:u,tabs:s,onTabChange:a})]})}exports.ProductsDisplayTabs=l;
@@ -6,5 +6,5 @@ type Props<T extends string | number> = {
6
6
  activeTab: T;
7
7
  onTabChange: (tab: T) => void;
8
8
  };
9
- export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
9
+ export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
10
10
  export {};
@@ -1,44 +1,22 @@
1
1
  import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
2
- import { Typography as a } from "../../../../components/Typography/Typography.es.js";
3
2
  import "../../../../components/Button/Button.es.js";
4
3
  import "../../../../components/Label/Label.es.js";
5
4
  import "../../../../components/Tag/Tag.es.js";
6
5
  import "../../../../components/Tabs/Tabs.es.js";
7
- import { TabsWithFade as s } from "../../../../components/Tabs/TabsWithFade.es.js";
6
+ import { TabsWithFade as a } from "../../../../components/Tabs/TabsWithFade.es.js";
8
7
  import "react";
9
8
  import "../../../../components/Icon/Icon.es.js";
9
+ import { Typography as s } from "../../../../components/Typography/Typography.es.js";
10
10
  import "../../../../components/InfiniteScroll/InfiniteScroll.es.js";
11
11
  import "../../../../node_modules/swiper/swiper-react.es.js";
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  import t from "./productsDisplayTabs.module.css.es.js";
16
- function g({
17
- label: o,
18
- tabs: i,
19
- activeTab: m,
20
- onTabChange: p
21
- }) {
16
+ function g({ label: o, tabs: i, activeTab: m, onTabChange: p }) {
22
17
  return /* @__PURE__ */ r.jsxs("div", { className: t.header, children: [
23
- !!o && /* @__PURE__ */ r.jsx(
24
- a,
25
- {
26
- as: "p",
27
- defaultVariant: "labelMd",
28
- mobileVariant: "labelSm",
29
- emphasis: !0,
30
- className: t.label,
31
- children: o
32
- }
33
- ),
34
- /* @__PURE__ */ r.jsx(
35
- s,
36
- {
37
- activeTab: m,
38
- tabs: i,
39
- onTabChange: p
40
- }
41
- )
18
+ !!o && /* @__PURE__ */ r.jsx(s, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: t.label, children: o }),
19
+ /* @__PURE__ */ r.jsx(a, { activeTab: m, tabs: i, onTabChange: p })
42
20
  ] });
43
21
  }
44
22
  export {
@@ -11,5 +11,5 @@ type UseProductsReturnProps = {
11
11
  tabs: Tab<string>[];
12
12
  slidesByTabs: Record<string, TProductGalleryCardView[]>;
13
13
  };
14
- export declare const useProductsData: ({ productDisplays, }: UseProductsReceiveProps) => UseProductsReturnProps;
14
+ export declare const useProductsData: ({ productDisplays }: UseProductsReceiveProps) => UseProductsReturnProps;
15
15
  export {};