@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
@@ -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
- i,
20
- {
21
- ref: d,
22
- ...l,
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, }: CallbackProps) => import("react/jsx-runtime").JSX.Element;
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, }: Props): import("react/jsx-runtime").JSX.Element;
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 e } from "../../_virtual/jsx-runtime.es.js";
2
- import l from "../../styles/typography.module.css.es.js";
3
- import { cn as o } from "../../utils/cn.es.js";
4
- import { Icon as m } from "../Icon/Icon.es.js";
5
- import i from "./contentTabs.module.css.es.js";
6
- function h({
7
- tabs: n,
8
- activeTab: r,
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: o(i.tab, {
17
- [i.activeTab]: r.label === s.label
11
+ className: l(e.tab, {
12
+ [e.activeTab]: o.label === s.label
18
13
  }),
19
- onClick: () => a(s),
14
+ onClick: () => m(s),
20
15
  children: [
21
- s.icon && /* @__PURE__ */ e.jsx("div", { className: i.icon, children: /* @__PURE__ */ e.jsx(m, { name: s.icon }) }),
22
- /* @__PURE__ */ e.jsx("div", { className: l.headingXs, children: s.label })
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__ */ e.jsx(
21
+ /* @__PURE__ */ i.jsx(
27
22
  "p",
28
23
  {
29
- className: o(
30
- i.description,
24
+ className: l(
25
+ e.description,
31
26
  {
32
- [i.descriptionActive]: r.label === s.label
27
+ [e.descriptionActive]: o.label === s.label
33
28
  },
34
- l.bodySm
29
+ r.bodySm
35
30
  ),
36
31
  children: s.description
37
32
  }
@@ -1,3 +1,5 @@
1
+ import { default as React } from 'react';
2
+
1
3
  export type CursorProps = {
2
4
  label: string;
3
5
  children: React.ReactNode;
@@ -1,3 +1,5 @@
1
+ import { default as React } from 'react';
2
+
1
3
  export declare const ServerCursor: ({ children }: {
2
4
  children: React.ReactNode;
3
- }) => import('react').ReactNode;
5
+ }) => React.ReactNode;
@@ -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, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
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
- "button",
19
- {
20
- className: e.toggleButton,
21
- onClick: f,
22
- children: [
23
- /* @__PURE__ */ s.jsx(o, { defaultVariant: "labelLg", emphasis: !0, children: n }),
24
- /* @__PURE__ */ s.jsx(
25
- x,
26
- {
27
- name: t ? m.REMOVE : m.PLUS,
28
- className: e.toggleIcon
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"),t=require("../Typography/Typography.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 u=require("../../utils/cn.cjs.js");require("../Icon/Icon.cjs.js");const 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:u.cn(e.default.root,a),children:[r&&i.jsxRuntimeExports.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",emphasis:!0,className:e.default.tag,children:r}),i.jsxRuntimeExports.jsx(t.Typography,{as:d,defaultVariant:l,mobileVariant:n,className:u.cn(e.default.title,{[e.default.taggedTitle]:!!r}),children:s})]});exports.HighlightedTitle=h;
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 m } from "../../utils/cn.es.js";
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: m(t.root, e), children: [
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
- o,
27
+ m,
37
28
  {
38
29
  as: a,
39
30
  defaultVariant: s,
40
31
  mobileVariant: l,
41
- className: m(t.title, {
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})=>{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;
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 b = m(({ name: o, className: i }) => {
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
- b as Icon
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, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
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 o from "../../styles/typography.module.css.es.js";
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 p = {
6
- sm: o.labelXs,
7
- lg: o.labelSm
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
  };
@@ -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, }: TProductGalleryProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const ProductGallery: ({ slides, header, isTabbed }: TProductGalleryProps) => import("react/jsx-runtime").JSX.Element;
@@ -9,11 +9,7 @@ import { ProgressButton as m } from "../ProgressButton/ProgressButton.es.js";
9
9
  /* empty css */
10
10
  /* empty css */
11
11
  import e from "./productGallery.module.css.es.js";
12
- const k = [u], A = ({
13
- slides: s,
14
- header: h,
15
- isTabbed: o = !1
16
- }) => {
12
+ const k = [u], A = ({ slides: s, header: h, isTabbed: o = !1 }) => {
17
13
  const {
18
14
  swiper: r,
19
15
  activeIndex: l,
@@ -1,3 +1,3 @@
1
1
  import { TProductGalleryCardView } from './types';
2
2
 
3
- export declare const ProductGalleryCard: ({ name, price, image, link, buttons, }: TProductGalleryCardView) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ProductGalleryCard: ({ name, price, image, link, buttons }: TProductGalleryCardView) => import("react/jsx-runtime").JSX.Element;
@@ -2,71 +2,19 @@ import { j as e } from "../../_virtual/jsx-runtime.es.js";
2
2
  import { Button as i } from "../Button/Button.es.js";
3
3
  import { Typography as o } from "../Typography/Typography.es.js";
4
4
  import r from "./productGalleryCard.module.css.es.js";
5
- const f = ({
6
- name: n,
7
- price: c,
8
- image: m,
9
- link: d,
10
- buttons: s
11
- }) => {
5
+ const f = ({ name: n, price: c, image: m, link: d, buttons: s }) => {
12
6
  const t = (a) => {
13
7
  a.preventDefault(), a.stopPropagation();
14
8
  };
15
- return /* @__PURE__ */ e.jsxs(
16
- "a",
17
- {
18
- href: d,
19
- target: "_blank",
20
- rel: "noopener noreferrer",
21
- className: r.root,
22
- children: [
23
- /* @__PURE__ */ e.jsxs("div", { className: r.productInfo, children: [
24
- /* @__PURE__ */ e.jsx(
25
- o,
26
- {
27
- defaultVariant: "labelXl",
28
- mobileVariant: "labelLg",
29
- className: r.title,
30
- children: n
31
- }
32
- ),
33
- /* @__PURE__ */ e.jsx(
34
- o,
35
- {
36
- defaultVariant: "labelXl",
37
- mobileVariant: "labelLg",
38
- className: r.price,
39
- children: c
40
- }
41
- )
42
- ] }),
43
- /* @__PURE__ */ e.jsx(
44
- "img",
45
- {
46
- src: m,
47
- alt: "product image",
48
- className: r.productImage
49
- }
50
- ),
51
- /* @__PURE__ */ e.jsx(
52
- "div",
53
- {
54
- onClick: t,
55
- className: r.buttonContainerDesktop,
56
- children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "sm", ...a, children: a.label }, l))
57
- }
58
- ),
59
- /* @__PURE__ */ e.jsx(
60
- "div",
61
- {
62
- onClick: t,
63
- className: r.buttonContainerMobile,
64
- children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "xs", ...a, children: a.label }, l))
65
- }
66
- )
67
- ]
68
- }
69
- );
9
+ return /* @__PURE__ */ e.jsxs("a", { href: d, target: "_blank", rel: "noopener noreferrer", className: r.root, children: [
10
+ /* @__PURE__ */ e.jsxs("div", { className: r.productInfo, children: [
11
+ /* @__PURE__ */ e.jsx(o, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.title, children: n }),
12
+ /* @__PURE__ */ e.jsx(o, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: r.price, children: c })
13
+ ] }),
14
+ /* @__PURE__ */ e.jsx("img", { src: m, alt: "product image", className: r.productImage }),
15
+ /* @__PURE__ */ e.jsx("div", { onClick: t, className: r.buttonContainerDesktop, children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "sm", ...a, children: a.label }, l)) }),
16
+ /* @__PURE__ */ e.jsx("div", { onClick: t, className: r.buttonContainerMobile, children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "xs", ...a, children: a.label }, l)) })
17
+ ] });
70
18
  };
71
19
  export {
72
20
  f as ProductGalleryCard
@@ -15,5 +15,5 @@ type ProductListingProps = {
15
15
  } & ButtonProps>;
16
16
  label?: string;
17
17
  };
18
- export declare const ProductListing: ({ name, description, image, price, buttons, features, label, }: ProductListingProps) => import("react/jsx-runtime").JSX.Element;
18
+ export declare const ProductListing: ({ name, description, image, price, buttons, features, label }: ProductListingProps) => import("react/jsx-runtime").JSX.Element;
19
19
  export {};