@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.
- package/dist/components/Button/Button.es.js +6 -29
- package/dist/components/Callback/Callback.d.ts +1 -1
- package/dist/components/Callback/Callback.es.js +2 -16
- package/dist/components/Callback/index.d.ts +1 -1
- package/dist/components/ContentTabs/ContentTabs.d.ts +1 -1
- package/dist/components/ContentTabs/ContentTabs.es.js +18 -23
- package/dist/components/Cursor/Cursor.d.ts +2 -0
- package/dist/components/Cursor/components/ServerCursor.d.ts +3 -1
- package/dist/components/FilterMenu/FilterMenu.d.ts +1 -1
- package/dist/components/FilterMenu/FilterMenu.es.js +17 -80
- package/dist/components/HighlightedTitle/HighlightedTitle.cjs.js +1 -1
- package/dist/components/HighlightedTitle/HighlightedTitle.es.js +6 -15
- package/dist/components/Icon/Icon.cjs.js +1 -1
- package/dist/components/Icon/Icon.es.js +2 -2
- package/dist/components/IconButton/IconButton.es.js +1 -9
- package/dist/components/InfiniteScroll/InfiniteScroll.es.js +3 -41
- package/dist/components/Label/Label.d.ts +1 -1
- package/dist/components/Label/Label.es.js +5 -23
- package/dist/components/ProductGallery/ProductGallery.d.ts +1 -1
- package/dist/components/ProductGallery/ProductGallery.es.js +1 -5
- package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts +1 -1
- package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js +10 -62
- package/dist/components/ProductListing/ProductListing.d.ts +1 -1
- package/dist/components/ProgressButton/ProgressButton.d.ts +2 -2
- package/dist/components/ProgressButton/ProgressButton.es.js +5 -35
- package/dist/components/StudyGridCard/StudyGridCard.d.ts +1 -1
- package/dist/components/Tabs/Tabs.es.js +1 -8
- package/dist/components/Tabs/TabsWithFade.d.ts +1 -1
- package/dist/components/Tabs/TabsWithFade.es.js +2 -15
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.es.js +13 -27
- package/dist/components/TextButton/TextButton.es.js +1 -6
- package/dist/components/Typography/Typography.es.js +8 -21
- package/dist/components/index.d.ts +3 -3
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +39 -39
- package/dist/modules/Callback/Callback.d.ts +6 -0
- package/dist/modules/Callback/index.d.ts +1 -0
- package/dist/modules/Comparison/Comparison.d.ts +1 -1
- package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts +1 -1
- package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.d.ts +1 -1
- package/dist/modules/HowItWorks/HowItWorks.d.ts +1 -1
- package/dist/modules/OptimalHealth/OptimalHealth.d.ts +1 -1
- package/dist/modules/OurProcess/OurProcess.d.ts +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -1
- package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +5 -31
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js +1 -1
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts +1 -1
- package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js +5 -27
- package/dist/modules/ProductsDisplay/useProductsData.d.ts +1 -1
- package/dist/modules/ProductsDisplay/useProductsData.es.js +5 -12
- package/dist/modules/TotalCare/TotalCare.d.ts +1 -1
- package/dist/modules/TotalCare/TotalCare.es.js +4 -26
- package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
- package/dist/modules/YourProtocol/YourProtocol.es.js +3 -20
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.cjs.js +1 -1
- package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +9 -40
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.cjs.js +12 -4
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.es.js +550 -193
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.cjs.js +9 -0
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.es.js +28 -0
- package/dist/node_modules/react/jsx-runtime.cjs.js +1 -1
- package/dist/node_modules/react/jsx-runtime.es.js +3 -3
- package/dist/utils/useSwiper.d.ts +1 -0
- package/package.json +11 -7
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.cjs.js +0 -9
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.es.js +0 -35
- /package/dist/_virtual/{react-jsx-runtime.production.cjs.js → react-jsx-runtime.production.min.cjs.js} +0 -0
- /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
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
3
|
-
import { cn as
|
|
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
|
|
6
|
-
const
|
|
7
|
-
md:
|
|
8
|
-
lg:
|
|
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:
|
|
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: () =>
|
|
29
|
-
children: /* @__PURE__ */ s.jsxs("div", { className:
|
|
30
|
-
|
|
31
|
-
/* @__PURE__ */ s.jsx("p", { children:
|
|
32
|
-
|
|
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
|
);
|
|
@@ -1,35 +1,22 @@
|
|
|
1
|
-
import { j as
|
|
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
|
|
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:
|
|
7
|
+
children: a,
|
|
8
8
|
className: m = "",
|
|
9
9
|
weight: e,
|
|
10
|
-
emphasis:
|
|
10
|
+
emphasis: l = !1,
|
|
11
11
|
as: i = "span",
|
|
12
|
-
mobileVariant:
|
|
12
|
+
mobileVariant: r,
|
|
13
13
|
color: p
|
|
14
14
|
}) => {
|
|
15
15
|
const c = t[o] || "";
|
|
16
16
|
let s = e;
|
|
17
|
-
|
|
18
|
-
const n = s ? t[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "",
|
|
19
|
-
return /* @__PURE__ */
|
|
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/
|
|
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 {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
-
|
|
55
|
-
|
|
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 @@
|
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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")
|
|
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
|
|
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
|
-
|
|
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
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js")
|
|
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;
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts
CHANGED
|
@@ -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
|
|
9
|
+
export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export {};
|
package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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
|
|
14
|
+
export declare const useProductsData: ({ productDisplays }: UseProductsReceiveProps) => UseProductsReturnProps;
|
|
15
15
|
export {};
|