@zenpatient-org/healthspan-marketing-ui 0.1.17 → 0.1.19
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.cjs.js +1 -1
- package/dist/components/ProductGallery/ProductGallery.d.ts +1 -1
- package/dist/components/ProductGallery/ProductGallery.es.js +48 -49
- 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/StepsCarousel/StepsCarousel.cjs.js +1 -0
- package/dist/components/StepsCarousel/StepsCarousel.d.ts +13 -0
- package/dist/components/StepsCarousel/StepsCarousel.es.js +71 -0
- package/dist/components/StepsCarousel/index.d.ts +1 -0
- package/dist/components/StepsCarousel/stepsCarousel.module.css.cjs.js +1 -0
- package/dist/components/StepsCarousel/stepsCarousel.module.css.es.js +31 -0
- 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 +4 -3
- package/dist/healthspan-marketing-ui.css +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +53 -51
- 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 +3 -3
- 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/utils/useSwiper.d.ts +1 -0
- package/package.json +8 -4
- package/dist/modules/OurProcess/components/StepCards/StepCards.d.ts +0 -9
- package/dist/modules/OurProcess/components/StepCards/index.d.ts +0 -1
- package/dist/modules/OurProcess/types.d.ts +0 -5
|
@@ -4,36 +4,13 @@ import { cn as u } from "../../utils/cn.es.js";
|
|
|
4
4
|
import { Icon as n } from "../Icon/Icon.es.js";
|
|
5
5
|
import a from "./button.module.css.es.js";
|
|
6
6
|
const v = f(
|
|
7
|
-
({
|
|
8
|
-
variant: m = "primary",
|
|
9
|
-
size: e = "md",
|
|
10
|
-
as: i = "button",
|
|
11
|
-
disabled: t = !1,
|
|
12
|
-
children: c,
|
|
13
|
-
prefixIcon: r,
|
|
14
|
-
suffixIcon: o,
|
|
15
|
-
...l
|
|
16
|
-
}, d) => {
|
|
7
|
+
({ variant: m = "primary", size: e = "md", as: i = "button", disabled: t = !1, children: c, prefixIcon: r, suffixIcon: o, ...l }, d) => {
|
|
17
8
|
const p = a[m] || "", j = a[e] || "", x = t ? a.disabled : "";
|
|
18
|
-
return /* @__PURE__ */ s.jsx(
|
|
19
|
-
|
|
20
|
-
{
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
className: u(
|
|
24
|
-
a.button,
|
|
25
|
-
p,
|
|
26
|
-
j,
|
|
27
|
-
x
|
|
28
|
-
),
|
|
29
|
-
disabled: t,
|
|
30
|
-
children: /* @__PURE__ */ s.jsxs("div", { className: a.content, children: [
|
|
31
|
-
r && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: r }) }),
|
|
32
|
-
/* @__PURE__ */ s.jsx("div", { children: c }),
|
|
33
|
-
o && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: o }) })
|
|
34
|
-
] })
|
|
35
|
-
}
|
|
36
|
-
);
|
|
9
|
+
return /* @__PURE__ */ s.jsx(i, { ref: d, ...l, className: u(a.button, p, j, x), disabled: t, children: /* @__PURE__ */ s.jsxs("div", { className: a.content, children: [
|
|
10
|
+
r && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: r }) }),
|
|
11
|
+
/* @__PURE__ */ s.jsx("div", { children: c }),
|
|
12
|
+
o && /* @__PURE__ */ s.jsx("div", { className: a.iconWrap, children: /* @__PURE__ */ s.jsx(n, { name: o }) })
|
|
13
|
+
] }) });
|
|
37
14
|
}
|
|
38
15
|
);
|
|
39
16
|
v.displayName = "Button";
|
|
@@ -9,4 +9,4 @@ export type CallbackProps = {
|
|
|
9
9
|
button: ButtonProps;
|
|
10
10
|
size: CallbackSize;
|
|
11
11
|
};
|
|
12
|
-
export declare const Callback: ({ image, title, description, price, button, size
|
|
12
|
+
export declare const Callback: ({ image, title, description, price, button, size }: CallbackProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,25 +5,11 @@ import { Button as d } from "../Button/Button.es.js";
|
|
|
5
5
|
import { Typography as t } from "../Typography/Typography.es.js";
|
|
6
6
|
import r from "./callback.module.css.es.js";
|
|
7
7
|
import { TITLE_BY_SIZE_MOBILE as E, TITLE_BY_SIZE_DESKTOP as _, DESC_BY_SIZE_MOBILE as p, DESC_BY_SIZE_DESKTOP as x, PRICE_BY_SIZE_MOBILE as I, PRICE_BY_SIZE_DESKTOP as j, BUTTON_BY_SIZE as S } from "./constants.es.js";
|
|
8
|
-
const v = ({
|
|
9
|
-
image: i,
|
|
10
|
-
title: e,
|
|
11
|
-
description: l,
|
|
12
|
-
price: n,
|
|
13
|
-
button: o,
|
|
14
|
-
size: s = "lg"
|
|
15
|
-
}) => {
|
|
8
|
+
const v = ({ image: i, title: e, description: l, price: n, button: o, size: s = "lg" }) => {
|
|
16
9
|
const c = r[s] || "";
|
|
17
10
|
return /* @__PURE__ */ a.jsxs("div", { className: m(r.root, c), children: [
|
|
18
11
|
/* @__PURE__ */ a.jsxs("div", { className: r.productInfo, children: [
|
|
19
|
-
/* @__PURE__ */ a.jsx(
|
|
20
|
-
"img",
|
|
21
|
-
{
|
|
22
|
-
src: i,
|
|
23
|
-
alt: "product image",
|
|
24
|
-
className: r.productImage
|
|
25
|
-
}
|
|
26
|
-
),
|
|
12
|
+
/* @__PURE__ */ a.jsx("img", { src: i, alt: "product image", className: r.productImage }),
|
|
27
13
|
/* @__PURE__ */ a.jsxs("div", { className: r.textContainer, children: [
|
|
28
14
|
/* @__PURE__ */ a.jsx("div", { className: r.titleContainer, children: /* @__PURE__ */ a.jsx(
|
|
29
15
|
t,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Callback } from './Callback';
|
|
1
|
+
export { Callback, type CallbackProps } from './Callback';
|
|
2
2
|
export type { CallbackSize } from './types';
|
|
@@ -14,5 +14,5 @@ type Props = {
|
|
|
14
14
|
colorScheme: TColorScheme;
|
|
15
15
|
onTabClick: (value: TContentTab) => void;
|
|
16
16
|
};
|
|
17
|
-
export declare function ContentTabs({ tabs, activeTab, colorScheme, onTabClick
|
|
17
|
+
export declare function ContentTabs({ tabs, activeTab, colorScheme, onTabClick }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -1,37 +1,32 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import
|
|
3
|
-
import { cn as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import
|
|
6
|
-
function h({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
colorScheme: c,
|
|
10
|
-
onTabClick: a
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ e.jsx("div", { className: o(i.root, i[c]), children: n.map((s) => /* @__PURE__ */ e.jsxs("div", { className: i.tabWrap, children: [
|
|
13
|
-
/* @__PURE__ */ e.jsxs(
|
|
1
|
+
import { j as i } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
+
import r from "../../styles/typography.module.css.es.js";
|
|
3
|
+
import { cn as l } from "../../utils/cn.es.js";
|
|
4
|
+
import { Icon as a } from "../Icon/Icon.es.js";
|
|
5
|
+
import e from "./contentTabs.module.css.es.js";
|
|
6
|
+
function h({ tabs: n, activeTab: o, colorScheme: c, onTabClick: m }) {
|
|
7
|
+
return /* @__PURE__ */ i.jsx("div", { className: l(e.root, e[c]), children: n.map((s) => /* @__PURE__ */ i.jsxs("div", { className: e.tabWrap, children: [
|
|
8
|
+
/* @__PURE__ */ i.jsxs(
|
|
14
9
|
"button",
|
|
15
10
|
{
|
|
16
|
-
className:
|
|
17
|
-
[
|
|
11
|
+
className: l(e.tab, {
|
|
12
|
+
[e.activeTab]: o.label === s.label
|
|
18
13
|
}),
|
|
19
|
-
onClick: () =>
|
|
14
|
+
onClick: () => m(s),
|
|
20
15
|
children: [
|
|
21
|
-
s.icon && /* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */
|
|
16
|
+
s.icon && /* @__PURE__ */ i.jsx("div", { className: e.icon, children: /* @__PURE__ */ i.jsx(a, { name: s.icon }) }),
|
|
17
|
+
/* @__PURE__ */ i.jsx("div", { className: r.headingXs, children: s.label })
|
|
23
18
|
]
|
|
24
19
|
}
|
|
25
20
|
),
|
|
26
|
-
/* @__PURE__ */
|
|
21
|
+
/* @__PURE__ */ i.jsx(
|
|
27
22
|
"p",
|
|
28
23
|
{
|
|
29
|
-
className:
|
|
30
|
-
|
|
24
|
+
className: l(
|
|
25
|
+
e.description,
|
|
31
26
|
{
|
|
32
|
-
[
|
|
27
|
+
[e.descriptionActive]: o.label === s.label
|
|
33
28
|
},
|
|
34
|
-
|
|
29
|
+
r.bodySm
|
|
35
30
|
),
|
|
36
31
|
children: s.description
|
|
37
32
|
}
|
|
@@ -13,5 +13,5 @@ type FilterMenuProps<T extends string | number> = {
|
|
|
13
13
|
options: ReadonlyArray<TOptionGroup<T>>;
|
|
14
14
|
onSelect: (value: T, optionGroup: TOptionGroup<T>) => void;
|
|
15
15
|
};
|
|
16
|
-
export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect
|
|
16
|
+
export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -5,88 +5,25 @@ import { EIconName as m } from "../Icon/constants.es.js";
|
|
|
5
5
|
import { Icon as x } from "../Icon/Icon.es.js";
|
|
6
6
|
import { Typography as o } from "../Typography/Typography.es.js";
|
|
7
7
|
import e from "./filterMenu.module.css.es.js";
|
|
8
|
-
function I({
|
|
9
|
-
label: n,
|
|
10
|
-
open: c = !1,
|
|
11
|
-
options: d,
|
|
12
|
-
selectedValue: p,
|
|
13
|
-
onSelect: u
|
|
14
|
-
}) {
|
|
8
|
+
function I({ label: n, open: c = !1, options: d, selectedValue: p, onSelect: u }) {
|
|
15
9
|
const [t, h] = b(c), f = () => h((l) => !l);
|
|
16
10
|
return /* @__PURE__ */ s.jsxs("div", { className: e.root, children: [
|
|
17
|
-
/* @__PURE__ */ s.jsxs(
|
|
18
|
-
"
|
|
19
|
-
{
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
),
|
|
34
|
-
/* @__PURE__ */ s.jsx(
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
className: r(e.menu, t && e.isOpen),
|
|
38
|
-
role: "menu",
|
|
39
|
-
children: d.map((l, a) => /* @__PURE__ */ s.jsxs(
|
|
40
|
-
"ul",
|
|
41
|
-
{
|
|
42
|
-
className: e.subOptions,
|
|
43
|
-
children: [
|
|
44
|
-
l.label && /* @__PURE__ */ s.jsx(
|
|
45
|
-
"li",
|
|
46
|
-
{
|
|
47
|
-
className: r(
|
|
48
|
-
e.divider,
|
|
49
|
-
a !== 0 && e.dividerLine
|
|
50
|
-
),
|
|
51
|
-
children: /* @__PURE__ */ s.jsx(
|
|
52
|
-
o,
|
|
53
|
-
{
|
|
54
|
-
as: "div",
|
|
55
|
-
defaultVariant: "bodyMd",
|
|
56
|
-
weight: "medium",
|
|
57
|
-
className: e.dividerLabel,
|
|
58
|
-
children: l.label
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
},
|
|
62
|
-
a
|
|
63
|
-
),
|
|
64
|
-
l.values.map(({ value: i, label: j }) => /* @__PURE__ */ s.jsx(
|
|
65
|
-
"li",
|
|
66
|
-
{
|
|
67
|
-
className: e.option,
|
|
68
|
-
onClick: () => u(i, l),
|
|
69
|
-
children: /* @__PURE__ */ s.jsx(
|
|
70
|
-
o,
|
|
71
|
-
{
|
|
72
|
-
as: "div",
|
|
73
|
-
defaultVariant: "bodyMd",
|
|
74
|
-
className: r(
|
|
75
|
-
e.optionLabel,
|
|
76
|
-
i === p && e.selected
|
|
77
|
-
),
|
|
78
|
-
children: j
|
|
79
|
-
}
|
|
80
|
-
)
|
|
81
|
-
},
|
|
82
|
-
i
|
|
83
|
-
))
|
|
84
|
-
]
|
|
85
|
-
},
|
|
86
|
-
`${l.label}_${a}`
|
|
87
|
-
))
|
|
88
|
-
}
|
|
89
|
-
)
|
|
11
|
+
/* @__PURE__ */ s.jsxs("button", { className: e.toggleButton, onClick: f, children: [
|
|
12
|
+
/* @__PURE__ */ s.jsx(o, { defaultVariant: "labelLg", emphasis: !0, children: n }),
|
|
13
|
+
/* @__PURE__ */ s.jsx(x, { name: t ? m.REMOVE : m.PLUS, className: e.toggleIcon })
|
|
14
|
+
] }),
|
|
15
|
+
/* @__PURE__ */ s.jsx("div", { className: r(e.menu, t && e.isOpen), role: "menu", children: d.map((l, a) => /* @__PURE__ */ s.jsxs("ul", { className: e.subOptions, children: [
|
|
16
|
+
l.label && /* @__PURE__ */ s.jsx("li", { className: r(e.divider, a !== 0 && e.dividerLine), children: /* @__PURE__ */ s.jsx(o, { as: "div", defaultVariant: "bodyMd", weight: "medium", className: e.dividerLabel, children: l.label }) }, a),
|
|
17
|
+
l.values.map(({ value: i, label: j }) => /* @__PURE__ */ s.jsx("li", { className: e.option, onClick: () => u(i, l), children: /* @__PURE__ */ s.jsx(
|
|
18
|
+
o,
|
|
19
|
+
{
|
|
20
|
+
as: "div",
|
|
21
|
+
defaultVariant: "bodyMd",
|
|
22
|
+
className: r(e.optionLabel, i === p && e.selected),
|
|
23
|
+
children: j
|
|
24
|
+
}
|
|
25
|
+
) }, i))
|
|
26
|
+
] }, `${l.label}_${a}`)) })
|
|
90
27
|
] });
|
|
91
28
|
}
|
|
92
29
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.cjs.js");require("../Button/Button.cjs.js");require("../Label/Label.cjs.js");require("../Tag/Tag.cjs.js");require("../Tabs/Tabs.cjs.js");require("react");const t=require("../../utils/cn.cjs.js");require("../Icon/Icon.cjs.js");const u=require("../Typography/Typography.cjs.js"),e=require("./highlightedTitle.module.css.cjs.js");require("../InfiniteScroll/InfiniteScroll.cjs.js");require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const h=({title:s,label:r,className:a,defaultVariant:l="displayMd",as:d="h2",mobileVariant:n="headingLg",colorScheme:o="light"})=>i.jsxRuntimeExports.jsxs("div",{"data-scheme":o,className:t.cn(e.default.root,a),children:[r&&i.jsxRuntimeExports.jsx(u.Typography,{as:"p",defaultVariant:"labelMd",emphasis:!0,className:e.default.tag,children:r}),i.jsxRuntimeExports.jsx(u.Typography,{as:d,defaultVariant:l,mobileVariant:n,className:t.cn(e.default.title,{[e.default.taggedTitle]:!!r}),children:s})]});exports.HighlightedTitle=h;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as r } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
-
import { Typography as o } from "../Typography/Typography.es.js";
|
|
3
2
|
import "../Button/Button.es.js";
|
|
4
3
|
import "../Label/Label.es.js";
|
|
5
4
|
import "../Tag/Tag.es.js";
|
|
6
5
|
import "../Tabs/Tabs.es.js";
|
|
7
6
|
import "react";
|
|
8
|
-
import { cn as
|
|
7
|
+
import { cn as o } from "../../utils/cn.es.js";
|
|
9
8
|
import "../Icon/Icon.es.js";
|
|
9
|
+
import { Typography as m } from "../Typography/Typography.es.js";
|
|
10
10
|
import t from "./highlightedTitle.module.css.es.js";
|
|
11
11
|
import "../InfiniteScroll/InfiniteScroll.es.js";
|
|
12
12
|
import "../../node_modules/swiper/swiper-react.es.js";
|
|
@@ -21,24 +21,15 @@ const H = ({
|
|
|
21
21
|
as: a = "h2",
|
|
22
22
|
mobileVariant: l = "headingLg",
|
|
23
23
|
colorScheme: d = "light"
|
|
24
|
-
}) => /* @__PURE__ */ r.jsxs("div", { "data-scheme": d, className:
|
|
25
|
-
i && /* @__PURE__ */ r.jsx(
|
|
26
|
-
o,
|
|
27
|
-
{
|
|
28
|
-
as: "p",
|
|
29
|
-
defaultVariant: "labelMd",
|
|
30
|
-
emphasis: !0,
|
|
31
|
-
className: t.tag,
|
|
32
|
-
children: i
|
|
33
|
-
}
|
|
34
|
-
),
|
|
24
|
+
}) => /* @__PURE__ */ r.jsxs("div", { "data-scheme": d, className: o(t.root, e), children: [
|
|
25
|
+
i && /* @__PURE__ */ r.jsx(m, { as: "p", defaultVariant: "labelMd", emphasis: !0, className: t.tag, children: i }),
|
|
35
26
|
/* @__PURE__ */ r.jsx(
|
|
36
|
-
|
|
27
|
+
m,
|
|
37
28
|
{
|
|
38
29
|
as: a,
|
|
39
30
|
defaultVariant: s,
|
|
40
31
|
mobileVariant: l,
|
|
41
|
-
className:
|
|
32
|
+
className: o(t.title, {
|
|
42
33
|
[t.taggedTitle]: !!i
|
|
43
34
|
}),
|
|
44
35
|
children: p
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/dynamic-import-helper.cjs.js"),l=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),v=require("../../utils/isHsIcon.cjs.js"),a=require("./constants.cjs.js"),u=r.memo(({name:e,className:s})
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/dynamic-import-helper.cjs.js"),l=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),v=require("../../utils/isHsIcon.cjs.js"),a=require("./constants.cjs.js"),u=r.memo(function({name:e,className:s}){const[o,n]=r.useState(null);return r.useLayoutEffect(()=>{let i=!0;return v.isHsIcon(e)&&t.default(Object.assign({"../../icons/action/alert-error-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/action/alert-error-fill.svg.cjs.js")),"../../icons/action/alert-error.svg":()=>Promise.resolve().then(()=>require("../../icons/action/alert-error.svg.cjs.js")),"../../icons/action/check.svg":()=>Promise.resolve().then(()=>require("../../icons/action/check.svg.cjs.js")),"../../icons/action/circle-check-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/action/circle-check-fill.svg.cjs.js")),"../../icons/action/circle-check.svg":()=>Promise.resolve().then(()=>require("../../icons/action/circle-check.svg.cjs.js")),"../../icons/action/close.svg":()=>Promise.resolve().then(()=>require("../../icons/action/close.svg.cjs.js")),"../../icons/action/help.svg":()=>Promise.resolve().then(()=>require("../../icons/action/help.svg.cjs.js")),"../../icons/action/info.svg":()=>Promise.resolve().then(()=>require("../../icons/action/info.svg.cjs.js")),"../../icons/action/menu.svg":()=>Promise.resolve().then(()=>require("../../icons/action/menu.svg.cjs.js")),"../../icons/action/plus.svg":()=>Promise.resolve().then(()=>require("../../icons/action/plus.svg.cjs.js")),"../../icons/action/remove.svg":()=>Promise.resolve().then(()=>require("../../icons/action/remove.svg.cjs.js")),"../../icons/action/search.svg":()=>Promise.resolve().then(()=>require("../../icons/action/search.svg.cjs.js")),"../../icons/action/warning.svg":()=>Promise.resolve().then(()=>require("../../icons/action/warning.svg.cjs.js")),"../../icons/arrow/arrow-back.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-back.svg.cjs.js")),"../../icons/arrow/arrow-downward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-downward.svg.cjs.js")),"../../icons/arrow/arrow-forward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-forward.svg.cjs.js")),"../../icons/arrow/arrow-insert.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-insert.svg.cjs.js")),"../../icons/arrow/arrow-outward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-outward.svg.cjs.js")),"../../icons/arrow/arrow-return.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-return.svg.cjs.js")),"../../icons/arrow/arrow-upward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/arrow-upward.svg.cjs.js")),"../../icons/arrow/chevron-back.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-back.svg.cjs.js")),"../../icons/arrow/chevron-down.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-down.svg.cjs.js")),"../../icons/arrow/chevron-forward.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-forward.svg.cjs.js")),"../../icons/arrow/chevron-up.svg":()=>Promise.resolve().then(()=>require("../../icons/arrow/chevron-up.svg.cjs.js")),"../../icons/chat/message-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/chat/message-fill.svg.cjs.js")),"../../icons/chat/message.svg":()=>Promise.resolve().then(()=>require("../../icons/chat/message.svg.cjs.js")),"../../icons/eCommerce/calendar.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/calendar.svg.cjs.js")),"../../icons/eCommerce/cart.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/cart.svg.cjs.js")),"../../icons/eCommerce/package-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/package-fill.svg.cjs.js")),"../../icons/eCommerce/package.svg":()=>Promise.resolve().then(()=>require("../../icons/eCommerce/package.svg.cjs.js")),"../../icons/faces/smile-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/faces/smile-fill.svg.cjs.js")),"../../icons/faces/smile.svg":()=>Promise.resolve().then(()=>require("../../icons/faces/smile.svg.cjs.js")),"../../icons/global/filter.svg":()=>Promise.resolve().then(()=>require("../../icons/global/filter.svg.cjs.js")),"../../icons/global/pin-drop.svg":()=>Promise.resolve().then(()=>require("../../icons/global/pin-drop.svg.cjs.js")),"../../icons/indicators/circle-dash-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/indicators/circle-dash-fill.svg.cjs.js")),"../../icons/indicators/circle-dash.svg":()=>Promise.resolve().then(()=>require("../../icons/indicators/circle-dash.svg.cjs.js")),"../../icons/map/pin-drop.svg":()=>Promise.resolve().then(()=>require("../../icons/map/pin-drop.svg.cjs.js")),"../../icons/medical/coaching.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/coaching.svg.cjs.js")),"../../icons/medical/labs.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/labs.svg.cjs.js")),"../../icons/medical/myspan.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/myspan.svg.cjs.js")),"../../icons/medical/optimizations.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/optimizations.svg.cjs.js")),"../../icons/medical/protocols.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/protocols.svg.cjs.js")),"../../icons/medical/ruler.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/ruler.svg.cjs.js")),"../../icons/medical/scale.svg":()=>Promise.resolve().then(()=>require("../../icons/medical/scale.svg.cjs.js")),"../../icons/social/facebook.svg":()=>Promise.resolve().then(()=>require("../../icons/social/facebook.svg.cjs.js")),"../../icons/social/heart-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/social/heart-fill.svg.cjs.js")),"../../icons/social/heart.svg":()=>Promise.resolve().then(()=>require("../../icons/social/heart.svg.cjs.js")),"../../icons/social/instagram.svg":()=>Promise.resolve().then(()=>require("../../icons/social/instagram.svg.cjs.js")),"../../icons/social/star-fill.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star-fill.svg.cjs.js")),"../../icons/social/star-half.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star-half.svg.cjs.js")),"../../icons/social/star-outline.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star-outline.svg.cjs.js")),"../../icons/social/star.svg":()=>Promise.resolve().then(()=>require("../../icons/social/star.svg.cjs.js")),"../../icons/social/x.svg":()=>Promise.resolve().then(()=>require("../../icons/social/x.svg.cjs.js"))}),`../../icons/${a.ICON_FOLDERS_MAP[e]}/${e}.svg`,5).then(c=>{i&&n(c)}),()=>{i=!1}},[e]),o?r.createElement(o.default,{className:s}):l.jsxRuntimeExports.jsx("div",{className:s,children:"💡"})});exports.Icon=u;
|
|
@@ -3,7 +3,7 @@ import { j as a } from "../../_virtual/jsx-runtime.es.js";
|
|
|
3
3
|
import { memo as m, useState as e, useLayoutEffect as p, createElement as l } from "react";
|
|
4
4
|
import { isHsIcon as g } from "../../utils/isHsIcon.es.js";
|
|
5
5
|
import { ICON_FOLDERS_MAP as v } from "./constants.es.js";
|
|
6
|
-
const
|
|
6
|
+
const k = m(function({ name: o, className: i }) {
|
|
7
7
|
const [r, c] = e(null);
|
|
8
8
|
return p(() => {
|
|
9
9
|
let s = !0;
|
|
@@ -15,5 +15,5 @@ const b = m(({ name: o, className: i }) => {
|
|
|
15
15
|
}, [o]), r ? l(r.default, { className: i }) : /* @__PURE__ */ a.jsx("div", { className: i, children: "💡" });
|
|
16
16
|
});
|
|
17
17
|
export {
|
|
18
|
-
|
|
18
|
+
k as Icon
|
|
19
19
|
};
|
|
@@ -12,15 +12,7 @@ const h = ({
|
|
|
12
12
|
...i
|
|
13
13
|
}) => {
|
|
14
14
|
const e = s[r] || "", c = s[n] || "";
|
|
15
|
-
return /* @__PURE__ */ o.jsx(
|
|
16
|
-
m,
|
|
17
|
-
{
|
|
18
|
-
...i,
|
|
19
|
-
className: p(s.button, e, c),
|
|
20
|
-
disabled: a,
|
|
21
|
-
children: /* @__PURE__ */ o.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ o.jsx(l, { name: t }) })
|
|
22
|
-
}
|
|
23
|
-
);
|
|
15
|
+
return /* @__PURE__ */ o.jsx(m, { ...i, className: p(s.button, e, c), disabled: a, children: /* @__PURE__ */ o.jsx("div", { className: s.iconWrap, children: /* @__PURE__ */ o.jsx(l, { name: t }) }) });
|
|
24
16
|
};
|
|
25
17
|
export {
|
|
26
18
|
h as IconButton
|
|
@@ -2,25 +2,13 @@ import { j as x } from "../../_virtual/jsx-runtime.es.js";
|
|
|
2
2
|
import { forwardRef as D, useRef as f, useState as M, useEffect as A, useCallback as h, useImperativeHandle as H } from "react";
|
|
3
3
|
import { cn as R } from "../../utils/cn.es.js";
|
|
4
4
|
import g from "./infiniteScroll.module.css.es.js";
|
|
5
|
-
function P({
|
|
6
|
-
items: c,
|
|
7
|
-
speed: w = 50,
|
|
8
|
-
contentClassName: W,
|
|
9
|
-
itemClassName: j,
|
|
10
|
-
rootClassName: q,
|
|
11
|
-
renderItem: E
|
|
12
|
-
}, F) {
|
|
5
|
+
function P({ items: c, speed: w = 50, contentClassName: W, itemClassName: j, rootClassName: q, renderItem: E }, F) {
|
|
13
6
|
const l = f(null), [s, y] = M(0), [i, S] = M(0), m = f(null), p = f(!1), u = f(performance.now()), [T, I] = M(2);
|
|
14
7
|
A(() => {
|
|
15
8
|
l.current && c.length > 0 && setTimeout(() => {
|
|
16
9
|
var o, r, a;
|
|
17
10
|
const e = ((r = (o = l.current) == null ? void 0 : o.parentElement) == null ? void 0 : r.offsetWidth) || 0, t = (((a = l.current) == null ? void 0 : a.scrollWidth) || 0) / 2, n = Math.ceil(e * 2 / t);
|
|
18
|
-
I(
|
|
19
|
-
Math.max(
|
|
20
|
-
2,
|
|
21
|
-
n % 2 === 0 ? n : n + 1
|
|
22
|
-
)
|
|
23
|
-
), S(t);
|
|
11
|
+
I(Math.max(2, n % 2 === 0 ? n : n + 1)), S(t);
|
|
24
12
|
}, 0);
|
|
25
13
|
}, [c]);
|
|
26
14
|
const d = h(
|
|
@@ -62,33 +50,7 @@ function P({
|
|
|
62
50
|
const e = s + 200, t = Math.min(e, 0);
|
|
63
51
|
C(t);
|
|
64
52
|
}
|
|
65
|
-
})), /* @__PURE__ */ x.jsx(
|
|
66
|
-
"div",
|
|
67
|
-
{
|
|
68
|
-
className: R(g.root, q),
|
|
69
|
-
onMouseEnter: L,
|
|
70
|
-
onMouseLeave: N,
|
|
71
|
-
children: /* @__PURE__ */ x.jsx(
|
|
72
|
-
"div",
|
|
73
|
-
{
|
|
74
|
-
className: R(g.content, W),
|
|
75
|
-
style: { transform: `translate3D(${s}px, 0, 0)` },
|
|
76
|
-
ref: l,
|
|
77
|
-
children: Array.from(
|
|
78
|
-
{ length: c.length * T },
|
|
79
|
-
(e, t) => /* @__PURE__ */ x.jsx(
|
|
80
|
-
"div",
|
|
81
|
-
{
|
|
82
|
-
className: R(g.item, j),
|
|
83
|
-
children: E(c[t % c.length], t)
|
|
84
|
-
},
|
|
85
|
-
t
|
|
86
|
-
)
|
|
87
|
-
)
|
|
88
|
-
}
|
|
89
|
-
)
|
|
90
|
-
}
|
|
91
|
-
);
|
|
53
|
+
})), /* @__PURE__ */ x.jsx("div", { className: R(g.root, q), onMouseEnter: L, onMouseLeave: N, children: /* @__PURE__ */ x.jsx("div", { className: R(g.content, W), style: { transform: `translate3D(${s}px, 0, 0)` }, ref: l, children: Array.from({ length: c.length * T }, (e, t) => /* @__PURE__ */ x.jsx("div", { className: R(g.item, j), children: E(c[t % c.length], t) }, t)) }) });
|
|
92
54
|
}
|
|
93
55
|
const G = D(P);
|
|
94
56
|
export {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { LabelProps } from './types';
|
|
2
2
|
|
|
3
|
-
export declare const Label: ({ children, color, size, className
|
|
3
|
+
export declare const Label: ({ children, color, size, className }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,29 +1,11 @@
|
|
|
1
1
|
import { j as a } from "../../_virtual/jsx-runtime.es.js";
|
|
2
|
-
import
|
|
2
|
+
import s from "../../styles/typography.module.css.es.js";
|
|
3
3
|
import { cn as l } from "../../utils/cn.es.js";
|
|
4
4
|
import e from "./label.module.css.es.js";
|
|
5
|
-
const
|
|
6
|
-
sm:
|
|
7
|
-
lg:
|
|
8
|
-
}, b = ({
|
|
9
|
-
children: s,
|
|
10
|
-
color: t,
|
|
11
|
-
size: r = "sm",
|
|
12
|
-
className: m
|
|
13
|
-
}) => /* @__PURE__ */ a.jsx(
|
|
14
|
-
"div",
|
|
15
|
-
{
|
|
16
|
-
className: l(
|
|
17
|
-
e.root,
|
|
18
|
-
o.labelEmphasis,
|
|
19
|
-
p[r],
|
|
20
|
-
m
|
|
21
|
-
),
|
|
22
|
-
"data-size": r,
|
|
23
|
-
"data-color": t,
|
|
24
|
-
children: s
|
|
25
|
-
}
|
|
26
|
-
);
|
|
5
|
+
const i = {
|
|
6
|
+
sm: s.labelXs,
|
|
7
|
+
lg: s.labelSm
|
|
8
|
+
}, b = ({ children: t, color: m, size: o = "sm", className: r }) => /* @__PURE__ */ a.jsx("div", { className: l(e.root, s.labelEmphasis, i[o], r), "data-size": o, "data-color": m, children: t });
|
|
27
9
|
export {
|
|
28
10
|
b as Label
|
|
29
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react"),g=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),x=require("../../utils/cn.cjs.js"),C=require("../../utils/useSwiper.cjs.js"),p=require("../ProgressButton/ProgressButton.cjs.js");;/* empty css */;/* empty css */;/* empty css */const e=require("./productGallery.module.css.cjs.js"),q=[g.default],v=({slides:t,header:m,isTabbed:i=!1})=>{const{swiper:r,activeIndex:n,isEnd:l,setIsEnd:j,hideNav:f,handleSlideChange:h,handlePrevClick:o,handleNextClick:a,onSwiperInit:R,handleSwiperResize:w,handleSlideTo:d}=C.useSwiper();return u.useEffect(()=>{r==null||r.setProgress(0,300)},[r]),u.useEffect(()=>{t.length&&d(0)},[t,d]),s.jsxRuntimeExports.jsxs("div",{className:e.default.root,children:[s.jsxRuntimeExports.jsxs("div",{className:x.cn(e.default.topRow,{[e.default.topRowTabbed]:i}),children:[s.jsxRuntimeExports.jsx("div",{className:e.default.headerWrapper,children:m}),s.jsxRuntimeExports.jsx("div",{className:x.cn(e.default.swiperControlsDesktop,{[e.default.swiperControlsHidden]:f,[e.default.swiperControlsTabbed]:i}),children:s.jsxRuntimeExports.jsx(p.ProgressButton,{left:{disabled:n<=0,onClick:o},right:{disabled:l,onClick:a}})})]}),s.jsxRuntimeExports.jsx("div",{className:e.default.carouselArea,children:s.jsxRuntimeExports.jsx(c.Swiper,{onSwiper:R,onResize:w,onSlideChange:h,onReachEnd:()=>j(!0),modules:q,spaceBetween:0,slidesPerView:"auto",className:e.default.swiper,children:t.map((E,S)=>s.jsxRuntimeExports.jsx(c.SwiperSlide,{className:e.default.swiperSlide,children:E},S))})}),s.jsxRuntimeExports.jsx("div",{className:e.default.swiperControlsMobile,children:s.jsxRuntimeExports.jsx(p.ProgressButton,{left:{disabled:n<=0,onClick:o},right:{disabled:l,onClick:a}})})]})};exports.ProductGallery=v;
|
|
@@ -5,4 +5,4 @@ export type TProductGalleryProps = {
|
|
|
5
5
|
slides: ReactNode[];
|
|
6
6
|
isTabbed?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export declare const ProductGallery: ({ slides, header, isTabbed
|
|
8
|
+
export declare const ProductGallery: ({ slides, header, isTabbed }: TProductGalleryProps) => import("react/jsx-runtime").JSX.Element;
|