@zenpatient-org/healthspan-marketing-ui 0.1.18 → 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.
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/StepsCarousel/StepsCarousel.cjs.js +1 -0
  27. package/dist/components/StepsCarousel/StepsCarousel.d.ts +13 -0
  28. package/dist/components/StepsCarousel/StepsCarousel.es.js +71 -0
  29. package/dist/components/StepsCarousel/index.d.ts +1 -0
  30. package/dist/components/StepsCarousel/stepsCarousel.module.css.cjs.js +1 -0
  31. package/dist/components/StepsCarousel/stepsCarousel.module.css.es.js +31 -0
  32. package/dist/components/StudyGridCard/StudyGridCard.d.ts +1 -1
  33. package/dist/components/Tabs/Tabs.es.js +1 -8
  34. package/dist/components/Tabs/TabsWithFade.d.ts +1 -1
  35. package/dist/components/Tabs/TabsWithFade.es.js +2 -15
  36. package/dist/components/Tag/Tag.d.ts +1 -1
  37. package/dist/components/Tag/Tag.es.js +13 -27
  38. package/dist/components/TextButton/TextButton.es.js +1 -6
  39. package/dist/components/Typography/Typography.es.js +8 -21
  40. package/dist/components/index.d.ts +4 -3
  41. package/dist/healthspan-marketing-ui.css +1 -1
  42. package/dist/index.cjs.js +1 -1
  43. package/dist/index.es.js +53 -51
  44. package/dist/modules/Callback/Callback.d.ts +6 -0
  45. package/dist/modules/Callback/index.d.ts +1 -0
  46. package/dist/modules/Comparison/Comparison.d.ts +1 -1
  47. package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.d.ts +1 -1
  48. package/dist/modules/FeaturesGallery/FeaturesGallery.d.ts +1 -1
  49. package/dist/modules/FollowTheScience/FollowTheScience.d.ts +1 -1
  50. package/dist/modules/HowItWorks/HowItWorks.d.ts +1 -1
  51. package/dist/modules/OptimalHealth/OptimalHealth.d.ts +1 -1
  52. package/dist/modules/OurProcess/OurProcess.d.ts +3 -3
  53. package/dist/modules/ProductsDisplay/ProductsDisplay.cjs.js +1 -1
  54. package/dist/modules/ProductsDisplay/ProductsDisplay.d.ts +1 -1
  55. package/dist/modules/ProductsDisplay/ProductsDisplay.es.js +5 -31
  56. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js +1 -1
  57. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.d.ts +1 -1
  58. package/dist/modules/ProductsDisplay/components/ProductsDisplayTabs/ProductsDisplayTabs.es.js +5 -27
  59. package/dist/modules/ProductsDisplay/useProductsData.d.ts +1 -1
  60. package/dist/modules/ProductsDisplay/useProductsData.es.js +5 -12
  61. package/dist/modules/TotalCare/TotalCare.d.ts +1 -1
  62. package/dist/modules/TotalCare/TotalCare.es.js +4 -26
  63. package/dist/modules/YourProtocol/YourProtocol.cjs.js +1 -1
  64. package/dist/modules/YourProtocol/YourProtocol.es.js +3 -20
  65. package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.cjs.js +1 -1
  66. package/dist/modules/YourProtocol/components/ProtocolTags/ProtocolTags.es.js +9 -40
  67. package/dist/utils/useSwiper.d.ts +1 -0
  68. package/package.json +8 -4
  69. package/dist/modules/OurProcess/components/StepCards/StepCards.d.ts +0 -9
  70. package/dist/modules/OurProcess/components/StepCards/index.d.ts +0 -1
  71. package/dist/modules/OurProcess/types.d.ts +0 -5
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const r=require("./styles/typography.module.css.cjs.js"),t=require("./components/Typography/Typography.cjs.js"),o=require("./components/Button/Button.cjs.js"),n=require("./components/Label/Label.cjs.js"),i=require("./components/Tag/Tag.cjs.js"),u=require("./components/Tabs/Tabs.cjs.js"),s=require("./components/Tabs/TabsWithFade.cjs.js"),e=require("./components/TypeBadge/TypeBadge.cjs.js"),c=require("./components/ContentTabs/ContentTabs.cjs.js"),a=require("./components/Icon/Icon.cjs.js"),l=require("./components/Icon/constants.cjs.js"),q=require("./components/ProductGalleryCard/ProductGalleryCard.cjs.js"),T=require("./components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("./components/Callback/Callback.cjs.js"),y=require("./components/IconButton/IconButton.cjs.js"),g=require("./components/FilterMenu/FilterMenu.cjs.js"),p=require("./components/InfiniteScroll/InfiniteScroll.cjs.js"),b=require("./components/ProductGallery/ProductGallery.cjs.js"),B=require("./components/ProgressButton/ProgressButton.cjs.js"),P=require("./components/TextButton/TextButton.cjs.js"),h=require("./modules/YourProtocol/YourProtocol.cjs.js"),I=require("./modules/TotalCare/TotalCare.cjs.js"),C=require("./modules/ProductsDisplay/ProductsDisplay.cjs.js"),f=require("./utils/cn.cjs.js"),S=require("./utils/isHsIcon.cjs.js"),m=require("./utils/formatUnits.cjs.js"),F=require("./utils/useSwiper.cjs.js");exports.typography=r.default;exports.Typography=t.Typography;exports.Button=o.Button;exports.Label=n.Label;exports.Tag=i.Tag;exports.Tabs=u.Tabs;exports.TabsWithFade=s.TabsWithFade;exports.ETypeBadge=e.ETypeBadge;exports.TypeBadge=e.TypeBadge;exports.ContentTabs=c.ContentTabs;exports.Icon=a.Icon;exports.EIconName=l.EIconName;exports.ProductGalleryCard=q.ProductGalleryCard;exports.HighlightedTitle=T.HighlightedTitle;exports.Callback=d.Callback;exports.IconButton=y.IconButton;exports.FilterMenu=g.FilterMenu;exports.InfiniteScroll=p.InfiniteScroll;exports.ProductGallery=b.ProductGallery;exports.ProgressButton=B.ProgressButton;exports.TextButton=P.TextButton;exports.YourProtocol=h.YourProtocol;exports.TotalCare=I.TotalCare;exports.ProductsDisplay=C.ProductsDisplay;exports.cn=f.cn;exports.isHsIcon=S.isHsIcon;exports.formatUnits=m.formatUnits;exports.useSwiper=F.useSwiper;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */const r=require("./styles/typography.module.css.cjs.js"),t=require("./components/Button/Button.cjs.js"),o=require("./components/Label/Label.cjs.js"),n=require("./components/Tag/Tag.cjs.js"),s=require("./components/Tabs/Tabs.cjs.js"),u=require("./components/Tabs/TabsWithFade.cjs.js"),e=require("./components/TypeBadge/TypeBadge.cjs.js"),i=require("./components/ContentTabs/ContentTabs.cjs.js"),a=require("./components/Icon/Icon.cjs.js"),c=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"),p=require("./components/InfiniteScroll/InfiniteScroll.cjs.js"),g=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"),C=require("./components/StepsCarousel/StepsCarousel.cjs.js"),h=require("./modules/YourProtocol/YourProtocol.cjs.js"),I=require("./modules/TotalCare/TotalCare.cjs.js"),S=require("./modules/ProductsDisplay/ProductsDisplay.cjs.js"),f=require("./utils/cn.cjs.js"),m=require("./utils/isHsIcon.cjs.js"),F=require("./utils/formatUnits.cjs.js"),G=require("./utils/useSwiper.cjs.js");exports.typography=r.default;exports.Button=t.Button;exports.Label=o.Label;exports.Tag=n.Tag;exports.Tabs=s.Tabs;exports.TabsWithFade=u.TabsWithFade;exports.ETypeBadge=e.ETypeBadge;exports.TypeBadge=e.TypeBadge;exports.ContentTabs=i.ContentTabs;exports.Icon=a.Icon;exports.EIconName=c.EIconName;exports.ProductGalleryCard=l.ProductGalleryCard;exports.HighlightedTitle=q.HighlightedTitle;exports.Callback=T.Callback;exports.IconButton=d.IconButton;exports.FilterMenu=y.FilterMenu;exports.InfiniteScroll=p.InfiniteScroll;exports.ProductGallery=g.ProductGallery;exports.ProgressButton=b.ProgressButton;exports.TextButton=B.TextButton;exports.Typography=P.Typography;exports.StepsCarousel=C.StepsCarousel;exports.YourProtocol=h.YourProtocol;exports.TotalCare=I.TotalCare;exports.ProductsDisplay=S.ProductsDisplay;exports.cn=f.cn;exports.isHsIcon=m.isHsIcon;exports.formatUnits=F.formatUnits;exports.useSwiper=G.useSwiper;
package/dist/index.es.js CHANGED
@@ -4,59 +4,61 @@
4
4
  /* empty css */
5
5
  /* empty css */
6
6
  import { default as x } from "./styles/typography.module.css.es.js";
7
- import { Typography as i } from "./components/Typography/Typography.es.js";
8
- import { Button as n } from "./components/Button/Button.es.js";
9
- import { Label as c } from "./components/Label/Label.es.js";
10
- import { Tag as T } from "./components/Tag/Tag.es.js";
11
- import { Tabs as y } from "./components/Tabs/Tabs.es.js";
12
- import { TabsWithFade as B } from "./components/Tabs/TabsWithFade.es.js";
13
- import { ETypeBadge as h, TypeBadge as I } from "./components/TypeBadge/TypeBadge.es.js";
7
+ import { Button as l } from "./components/Button/Button.es.js";
8
+ import { Label as n } from "./components/Label/Label.es.js";
9
+ import { Tag as u } 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";
14
13
  import { ContentTabs as C } from "./components/ContentTabs/ContentTabs.es.js";
15
- import { Icon as F } from "./components/Icon/Icon.es.js";
16
- import { EIconName as H } from "./components/Icon/constants.es.js";
17
- import { ProductGalleryCard as k } from "./components/ProductGalleryCard/ProductGalleryCard.es.js";
18
- import { HighlightedTitle as D } from "./components/HighlightedTitle/HighlightedTitle.es.js";
19
- import { Callback as M } from "./components/Callback/Callback.es.js";
20
- import { IconButton as U } from "./components/IconButton/IconButton.es.js";
21
- import { FilterMenu as Y } from "./components/FilterMenu/FilterMenu.es.js";
22
- import { InfiniteScroll as q } from "./components/InfiniteScroll/InfiniteScroll.es.js";
23
- import { ProductGallery as z } from "./components/ProductGallery/ProductGallery.es.js";
24
- import { ProgressButton as J } from "./components/ProgressButton/ProgressButton.es.js";
25
- import { TextButton as O } from "./components/TextButton/TextButton.es.js";
26
- import { YourProtocol as R } from "./modules/YourProtocol/YourProtocol.es.js";
27
- import { TotalCare as X } from "./modules/TotalCare/TotalCare.es.js";
28
- import { ProductsDisplay as _ } from "./modules/ProductsDisplay/ProductsDisplay.es.js";
29
- import { cn as oo } from "./utils/cn.es.js";
30
- import { isHsIcon as to } from "./utils/isHsIcon.es.js";
31
- import { formatUnits as po } from "./utils/formatUnits.es.js";
32
- import { useSwiper as fo } from "./utils/useSwiper.es.js";
14
+ import { Icon as P } from "./components/Icon/Icon.es.js";
15
+ import { EIconName as E } from "./components/Icon/constants.es.js";
16
+ import { ProductGalleryCard as G } 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
+ import { StepsCarousel as R } from "./components/StepsCarousel/StepsCarousel.es.js";
27
+ import { YourProtocol as X } from "./modules/YourProtocol/YourProtocol.es.js";
28
+ import { TotalCare as _ } from "./modules/TotalCare/TotalCare.es.js";
29
+ import { ProductsDisplay as oo } from "./modules/ProductsDisplay/ProductsDisplay.es.js";
30
+ import { cn as to } from "./utils/cn.es.js";
31
+ import { isHsIcon as po } from "./utils/isHsIcon.es.js";
32
+ import { formatUnits as fo } from "./utils/formatUnits.es.js";
33
+ import { useSwiper as ao } from "./utils/useSwiper.es.js";
33
34
  export {
34
- n as Button,
35
- M as Callback,
35
+ l as Button,
36
+ D as Callback,
36
37
  C as ContentTabs,
37
- H as EIconName,
38
- h as ETypeBadge,
39
- Y as FilterMenu,
40
- D as HighlightedTitle,
41
- F as Icon,
42
- U as IconButton,
43
- q as InfiniteScroll,
44
- c as Label,
45
- z as ProductGallery,
46
- k as ProductGalleryCard,
47
- _ as ProductsDisplay,
48
- J as ProgressButton,
49
- y as Tabs,
50
- B as TabsWithFade,
51
- T as Tag,
52
- O as TextButton,
53
- X as TotalCare,
54
- I as TypeBadge,
55
- i as Typography,
56
- R as YourProtocol,
57
- oo as cn,
58
- po as formatUnits,
59
- to as isHsIcon,
38
+ E as EIconName,
39
+ B as ETypeBadge,
40
+ U as FilterMenu,
41
+ k as HighlightedTitle,
42
+ P as Icon,
43
+ M as IconButton,
44
+ Y as InfiniteScroll,
45
+ n as Label,
46
+ q as ProductGallery,
47
+ G as ProductGalleryCard,
48
+ oo as ProductsDisplay,
49
+ z as ProgressButton,
50
+ R as StepsCarousel,
51
+ T as Tabs,
52
+ y as TabsWithFade,
53
+ u as Tag,
54
+ J as TextButton,
55
+ _ as TotalCare,
56
+ b as TypeBadge,
57
+ O as Typography,
58
+ X as YourProtocol,
59
+ to as cn,
60
+ fo as formatUnits,
61
+ po as isHsIcon,
60
62
  x as typography,
61
- fo as useSwiper
63
+ ao as useSwiper
62
64
  };
@@ -0,0 +1,6 @@
1
+ import { CallbackProps } from '../../components';
2
+
3
+ export type CallbackModuleProps = {
4
+ callback: CallbackProps;
5
+ };
6
+ export declare function CallbackModule({ callback }: CallbackModuleProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { CallbackModule, type CallbackModuleProps } from './Callback';
@@ -6,4 +6,4 @@ export type ComparisonProps = {
6
6
  comparison: ComparisonData;
7
7
  description?: string;
8
8
  };
9
- export declare const Comparison: ({ title, description, comparison, }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const Comparison: ({ title, description, comparison }: ComparisonProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,5 +4,5 @@ type ComparisonMobileViewProps = {
4
4
  comparison: ComparisonData;
5
5
  className?: string;
6
6
  };
7
- export declare const ComparisonMobileView: ({ comparison, className, }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const ComparisonMobileView: ({ comparison, className }: ComparisonMobileViewProps) => import("react/jsx-runtime").JSX.Element;
8
8
  export {};
@@ -10,5 +10,5 @@ type Props = {
10
10
  url: string;
11
11
  }>;
12
12
  };
13
- export declare const FeaturesGallery: ({ title, description, features, labels, }: Props) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const FeaturesGallery: ({ title, description, features, labels }: Props) => import("react/jsx-runtime").JSX.Element;
14
14
  export {};
@@ -7,4 +7,4 @@ export type TargetedProgramsProps = {
7
7
  link: string;
8
8
  }>;
9
9
  };
10
- export declare function FollowTheScience({ labelText, benefits, }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare function FollowTheScience({ labelText, benefits }: TargetedProgramsProps): import("react/jsx-runtime").JSX.Element;
@@ -7,5 +7,5 @@ type HowItWorksProps = {
7
7
  }>;
8
8
  getStartedLink?: string;
9
9
  };
10
- export declare const HowItWorks: ({ title, getStartedLink, items, }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const HowItWorks: ({ title, getStartedLink, items }: HowItWorksProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export {};
@@ -7,5 +7,5 @@ type OptimalHealthProps = {
7
7
  link: string;
8
8
  images: TClockImages;
9
9
  };
10
- export declare const OptimalHealth: ({ title, description, link, images, }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const OptimalHealth: ({ title, description, link, images }: OptimalHealthProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export {};
@@ -1,12 +1,12 @@
1
1
  import { ReactNode } from 'react';
2
+ import { TStepsCarouselView } from '../../components';
2
3
  import { TColorScheme } from '../../types/common';
3
- import { TOurProcessStep } from './types';
4
4
 
5
5
  export type OurProcessProps = {
6
6
  title: ReactNode;
7
7
  label: string;
8
8
  colorScheme: TColorScheme;
9
- steps: ReadonlyArray<TOurProcessStep>;
9
+ steps: TStepsCarouselView;
10
10
  howItWorks?: string;
11
11
  };
12
- export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps, }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const OurProcess: ({ title, label, colorScheme, howItWorks, steps }: OurProcessProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react"),l=require("../../components/Typography/Typography.cjs.js");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const q=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");const h=require("../../components/ProductGallery/ProductGallery.cjs.js"),T=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),P=require("./useProductsData.cjs.js"),g=({label_text:d,productDisplays:c})=>{var o;const{isTabbed:t,title:n,description:p,tabs:a,slidesByTabs:i}=P.useProductsData({productDisplays:c}),[r,x]=u.useState(((o=a[0])==null?void 0:o.value)??""),y=u.useMemo(()=>(i[r]??[]).map((b,j)=>e.jsxRuntimeExports.jsx(q.ProductGalleryCard,{...b},j)),[r,i]),m=t?e.jsxRuntimeExports.jsx(T.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:x}):e.jsxRuntimeExports.jsxs("div",{className:s.default.header,children:[e.jsxRuntimeExports.jsx(l.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsxRuntimeExports.jsx(l.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:p})]});return e.jsxRuntimeExports.jsx("div",{className:s.default.root,children:e.jsxRuntimeExports.jsx(h.ProductGallery,{header:m,slides:y,isTabbed:t})})};exports.ProductsDisplay=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("react");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("../../components/Icon/Icon.cjs.js");const q=require("../../components/ProductGalleryCard/ProductGalleryCard.cjs.js"),l=require("../../components/Typography/Typography.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");const h=require("../../components/ProductGallery/ProductGallery.cjs.js"),T=require("./components/ProductsDisplayTabs/ProductsDisplayTabs.cjs.js"),s=require("./productsDisplay.module.css.cjs.js"),P=require("./useProductsData.cjs.js"),g=({label_text:d,productDisplays:c})=>{var o;const{isTabbed:t,title:n,description:p,tabs:a,slidesByTabs:i}=P.useProductsData({productDisplays:c}),[r,x]=u.useState(((o=a[0])==null?void 0:o.value)??""),y=u.useMemo(()=>(i[r]??[]).map((b,j)=>e.jsxRuntimeExports.jsx(q.ProductGalleryCard,{...b},j)),[r,i]),m=t?e.jsxRuntimeExports.jsx(T.ProductsDisplayTabs,{label:d,tabs:a,activeTab:r,onTabChange:x}):e.jsxRuntimeExports.jsxs("div",{className:s.default.header,children:[e.jsxRuntimeExports.jsx(l.Typography,{className:s.default.headerTitle,defaultVariant:"displayMd",mobileVariant:"headingLg",children:n}),e.jsxRuntimeExports.jsx(l.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodySm",children:p})]});return e.jsxRuntimeExports.jsx("div",{className:s.default.root,children:e.jsxRuntimeExports.jsx(h.ProductGallery,{header:m,slides:y,isTabbed:t})})};exports.ProductsDisplay=g;
@@ -1,3 +1,3 @@
1
1
  import { TProductsDisplay } from './types';
2
2
 
3
- export declare const ProductsDisplay: ({ label_text, productDisplays, }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const ProductsDisplay: ({ label_text, productDisplays }: TProductsDisplay) => import("react/jsx-runtime").JSX.Element;
@@ -1,52 +1,26 @@
1
1
  import { j as t } from "../../_virtual/jsx-runtime.es.js";
2
2
  import { useState as h, useMemo as x } from "react";
3
- import { Typography as m } from "../../components/Typography/Typography.es.js";
4
3
  import "../../components/Button/Button.es.js";
5
4
  import "../../components/Label/Label.es.js";
6
5
  import "../../components/Tag/Tag.es.js";
7
6
  import "../../components/Tabs/Tabs.es.js";
8
7
  import "../../components/Icon/Icon.es.js";
9
8
  import { ProductGalleryCard as j } from "../../components/ProductGalleryCard/ProductGalleryCard.es.js";
9
+ import { Typography as m } from "../../components/Typography/Typography.es.js";
10
10
  import "../../components/InfiniteScroll/InfiniteScroll.es.js";
11
11
  import { ProductGallery as T } from "../../components/ProductGallery/ProductGallery.es.js";
12
12
  import { ProductsDisplayTabs as g } from "./components/ProductsDisplayTabs/ProductsDisplayTabs.es.js";
13
13
  import s from "./productsDisplay.module.css.es.js";
14
14
  import { useProductsData as v } from "./useProductsData.es.js";
15
- const w = ({
16
- label_text: l,
17
- productDisplays: d
18
- }) => {
15
+ const w = ({ label_text: l, productDisplays: d }) => {
19
16
  var i;
20
17
  const { isTabbed: o, title: p, description: c, tabs: a, slidesByTabs: e } = v({
21
18
  productDisplays: d
22
- }), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(
23
- g,
24
- {
25
- label: l,
26
- tabs: a,
27
- activeTab: r,
28
- onTabChange: n
29
- }
30
- ) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
31
- /* @__PURE__ */ t.jsx(
32
- m,
33
- {
34
- className: s.headerTitle,
35
- defaultVariant: "displayMd",
36
- mobileVariant: "headingLg",
37
- children: p
38
- }
39
- ),
19
+ }), [r, n] = h(((i = a[0]) == null ? void 0 : i.value) ?? ""), u = x(() => (e[r] ?? []).map((y, f) => /* @__PURE__ */ t.jsx(j, { ...y }, f)), [r, e]), b = o ? /* @__PURE__ */ t.jsx(g, { label: l, tabs: a, activeTab: r, onTabChange: n }) : /* @__PURE__ */ t.jsxs("div", { className: s.header, children: [
20
+ /* @__PURE__ */ t.jsx(m, { className: s.headerTitle, defaultVariant: "displayMd", mobileVariant: "headingLg", children: p }),
40
21
  /* @__PURE__ */ t.jsx(m, { defaultVariant: "bodyLg", mobileVariant: "bodySm", children: c })
41
22
  ] });
42
- return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(
43
- T,
44
- {
45
- header: b,
46
- slides: u,
47
- isTabbed: o
48
- }
49
- ) });
23
+ return /* @__PURE__ */ t.jsx("div", { className: s.root, children: /* @__PURE__ */ t.jsx(T, { header: b, slides: u, isTabbed: o }) });
50
24
  };
51
25
  export {
52
26
  w as ProductsDisplay
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const o=require("../../../../components/Tabs/TabsWithFade.cjs.js");require("react");require("../../../../components/Icon/Icon.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./productsDisplayTabs.module.css.cjs.js");function l({label:r,tabs:s,activeTab:u,onTabChange:a}){return e.jsxRuntimeExports.jsxs("div",{className:i.default.header,children:[!!r&&e.jsxRuntimeExports.jsx(t.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:i.default.label,children:r}),e.jsxRuntimeExports.jsx(o.TabsWithFade,{activeTab:u,tabs:s,onTabChange:a})]})}exports.ProductsDisplayTabs=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const t=require("../../../../components/Tabs/TabsWithFade.cjs.js");require("react");require("../../../../components/Icon/Icon.cjs.js");const o=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const i=require("./productsDisplayTabs.module.css.cjs.js");function l({label:r,tabs:s,activeTab:u,onTabChange:a}){return e.jsxRuntimeExports.jsxs("div",{className:i.default.header,children:[!!r&&e.jsxRuntimeExports.jsx(o.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:i.default.label,children:r}),e.jsxRuntimeExports.jsx(t.TabsWithFade,{activeTab:u,tabs:s,onTabChange:a})]})}exports.ProductsDisplayTabs=l;
@@ -6,5 +6,5 @@ type Props<T extends string | number> = {
6
6
  activeTab: T;
7
7
  onTabChange: (tab: T) => void;
8
8
  };
9
- export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
9
+ export declare function ProductsDisplayTabs<T extends string>({ label, tabs, activeTab, onTabChange }: Props<T>): import("react/jsx-runtime").JSX.Element;
10
10
  export {};
@@ -1,44 +1,22 @@
1
1
  import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
2
- import { Typography as a } from "../../../../components/Typography/Typography.es.js";
3
2
  import "../../../../components/Button/Button.es.js";
4
3
  import "../../../../components/Label/Label.es.js";
5
4
  import "../../../../components/Tag/Tag.es.js";
6
5
  import "../../../../components/Tabs/Tabs.es.js";
7
- import { TabsWithFade as s } from "../../../../components/Tabs/TabsWithFade.es.js";
6
+ import { TabsWithFade as a } from "../../../../components/Tabs/TabsWithFade.es.js";
8
7
  import "react";
9
8
  import "../../../../components/Icon/Icon.es.js";
9
+ import { Typography as s } from "../../../../components/Typography/Typography.es.js";
10
10
  import "../../../../components/InfiniteScroll/InfiniteScroll.es.js";
11
11
  import "../../../../node_modules/swiper/swiper-react.es.js";
12
12
  /* empty css */
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  import t from "./productsDisplayTabs.module.css.es.js";
16
- function g({
17
- label: o,
18
- tabs: i,
19
- activeTab: m,
20
- onTabChange: p
21
- }) {
16
+ function g({ label: o, tabs: i, activeTab: m, onTabChange: p }) {
22
17
  return /* @__PURE__ */ r.jsxs("div", { className: t.header, children: [
23
- !!o && /* @__PURE__ */ r.jsx(
24
- a,
25
- {
26
- as: "p",
27
- defaultVariant: "labelMd",
28
- mobileVariant: "labelSm",
29
- emphasis: !0,
30
- className: t.label,
31
- children: o
32
- }
33
- ),
34
- /* @__PURE__ */ r.jsx(
35
- s,
36
- {
37
- activeTab: m,
38
- tabs: i,
39
- onTabChange: p
40
- }
41
- )
18
+ !!o && /* @__PURE__ */ r.jsx(s, { as: "p", defaultVariant: "labelMd", mobileVariant: "labelSm", emphasis: !0, className: t.label, children: o }),
19
+ /* @__PURE__ */ r.jsx(a, { activeTab: m, tabs: i, onTabChange: p })
42
20
  ] });
43
21
  }
44
22
  export {
@@ -11,5 +11,5 @@ type UseProductsReturnProps = {
11
11
  tabs: Tab<string>[];
12
12
  slidesByTabs: Record<string, TProductGalleryCardView[]>;
13
13
  };
14
- export declare const useProductsData: ({ productDisplays, }: UseProductsReceiveProps) => UseProductsReturnProps;
14
+ export declare const useProductsData: ({ productDisplays }: UseProductsReceiveProps) => UseProductsReturnProps;
15
15
  export {};
@@ -1,18 +1,11 @@
1
- const f = ({
2
- productDisplays: t
3
- }) => {
1
+ const f = ({ productDisplays: t }) => {
4
2
  const l = t.length > 1, s = t[0], a = s.title, r = s.description ?? "", o = t.map((e) => ({
5
3
  value: e.title.replace(" ", "_").toLocaleLowerCase(),
6
4
  label: e.title
7
- })), d = o.reduce(
8
- (e, c) => {
9
- const n = t.find(
10
- (b) => b.title === c.label
11
- ), i = n == null ? void 0 : n.productCards;
12
- return i && (e[c.value] = i), e;
13
- },
14
- {}
15
- );
5
+ })), d = o.reduce((e, c) => {
6
+ const n = t.find((b) => b.title === c.label), i = n == null ? void 0 : n.productCards;
7
+ return i && (e[c.value] = i), e;
8
+ }, {});
16
9
  return {
17
10
  isTabbed: l,
18
11
  title: a,
@@ -13,4 +13,4 @@ export type TotalCareProps = {
13
13
  tabs: ReadonlyArray<TContentTab>;
14
14
  };
15
15
  };
16
- export declare const TotalCare: ({ title, label, contentTabs, colorScheme, }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;
16
+ export declare const TotalCare: ({ title, label, contentTabs, colorScheme }: TotalCareProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,25 +13,10 @@ import "../../node_modules/swiper/swiper-react.es.js";
13
13
  /* empty css */
14
14
  /* empty css */
15
15
  import s from "./totalCare.module.css.es.js";
16
- const y = ({
17
- title: r,
18
- label: m,
19
- contentTabs: i,
20
- colorScheme: e
21
- }) => {
22
- const [a, o] = c(
23
- i.tabs[0]
24
- );
16
+ const y = ({ title: r, label: m, contentTabs: i, colorScheme: e }) => {
17
+ const [a, o] = c(i.tabs[0]);
25
18
  return /* @__PURE__ */ t.jsx("section", { className: s.root, "data-scheme": e, children: /* @__PURE__ */ t.jsxs("div", { className: s.container, children: [
26
- /* @__PURE__ */ t.jsx(
27
- p,
28
- {
29
- title: r,
30
- label: m,
31
- className: s.header,
32
- colorScheme: e
33
- }
34
- ),
19
+ /* @__PURE__ */ t.jsx(p, { title: r, label: m, className: s.header, colorScheme: e }),
35
20
  /* @__PURE__ */ t.jsxs("div", { className: s.content, children: [
36
21
  /* @__PURE__ */ t.jsx("div", { className: s.tags, children: /* @__PURE__ */ t.jsx(
37
22
  l,
@@ -42,14 +27,7 @@ const y = ({
42
27
  onTabClick: o
43
28
  }
44
29
  ) }),
45
- a.image && /* @__PURE__ */ t.jsx("div", { className: s.imageWrap, children: /* @__PURE__ */ t.jsx(
46
- "img",
47
- {
48
- src: a.image,
49
- alt: "Total Care",
50
- className: s.image
51
- }
52
- ) })
30
+ a.image && /* @__PURE__ */ t.jsx("div", { className: s.imageWrap, children: /* @__PURE__ */ t.jsx("img", { src: a.image, alt: "Total Care", className: s.image }) })
53
31
  ] })
54
32
  ] }) });
55
33
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs.js"),u=require("../../utils/cn.cjs.js");require("../../components/Button/Button.cjs.js");require("../../components/Label/Label.cjs.js");require("../../components/Tag/Tag.cjs.js");require("../../components/Tabs/Tabs.cjs.js");require("react");require("../../components/Icon/Icon.cjs.js");const l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Callback/Callback.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const a=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),c=({title:i,image:s,tags:o,callbackView:r})=>e.jsxRuntimeExports.jsxs("section",{className:t.default.root,children:[e.jsxRuntimeExports.jsxs("div",{className:t.default.content,children:[e.jsxRuntimeExports.jsx(l.HighlightedTitle,{title:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsxRuntimeExports.jsx(a.ProtocolTags,{tags:o}),r&&e.jsxRuntimeExports.jsx("div",{className:t.default.callback,children:e.jsxRuntimeExports.jsx(n.Callback,{title:r.title,description:r.description??"",price:r.price??"",image:r.image,button:{href:r.signupUrl??""},size:"sm"})})]}),e.jsxRuntimeExports.jsx("img",{src:s,alt:"Your Protocol",className:u.cn(t.default.image,t.default.desktop),width:481,height:640})]});exports.YourProtocol=c;
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");require("react");const u=require("../../utils/cn.cjs.js");require("../../components/Icon/Icon.cjs.js");const l=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Callback/Callback.cjs.js");require("../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const a=require("./components/ProtocolTags/ProtocolTags.cjs.js"),t=require("./yourProtocol.module.css.cjs.js"),c=({title:i,image:s,tags:o,callbackView:r})=>e.jsxRuntimeExports.jsxs("section",{className:t.default.root,children:[e.jsxRuntimeExports.jsxs("div",{className:t.default.content,children:[e.jsxRuntimeExports.jsx(l.HighlightedTitle,{title:i,className:t.default.title,defaultVariant:"displaySm",mobileVariant:"headingXl"}),e.jsxRuntimeExports.jsx(a.ProtocolTags,{tags:o}),r&&e.jsxRuntimeExports.jsx("div",{className:t.default.callback,children:e.jsxRuntimeExports.jsx(n.Callback,{title:r.title,description:r.description??"",price:r.price??"",image:r.image,button:{href:r.signupUrl??""},size:"sm"})})]}),e.jsxRuntimeExports.jsx("img",{src:s,alt:"Your Protocol",className:u.cn(t.default.image,t.default.desktop),width:481,height:640})]});exports.YourProtocol=c;
@@ -1,10 +1,10 @@
1
1
  import { j as t } from "../../_virtual/jsx-runtime.es.js";
2
- import { cn as e } from "../../utils/cn.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
6
  import "react";
7
+ import { cn as e } from "../../utils/cn.es.js";
8
8
  import "../../components/Icon/Icon.es.js";
9
9
  import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
10
10
  import { Callback as a } from "../../components/Callback/Callback.es.js";
@@ -17,15 +17,7 @@ import { ProtocolTags as l } from "./components/ProtocolTags/ProtocolTags.es.js"
17
17
  import r from "./yourProtocol.module.css.es.js";
18
18
  const E = ({ title: i, image: m, tags: s, callbackView: o }) => /* @__PURE__ */ t.jsxs("section", { className: r.root, children: [
19
19
  /* @__PURE__ */ t.jsxs("div", { className: r.content, children: [
20
- /* @__PURE__ */ t.jsx(
21
- p,
22
- {
23
- title: i,
24
- className: r.title,
25
- defaultVariant: "displaySm",
26
- mobileVariant: "headingXl"
27
- }
28
- ),
20
+ /* @__PURE__ */ t.jsx(p, { title: i, className: r.title, defaultVariant: "displaySm", mobileVariant: "headingXl" }),
29
21
  /* @__PURE__ */ t.jsx(l, { tags: s }),
30
22
  o && /* @__PURE__ */ t.jsx("div", { className: r.callback, children: /* @__PURE__ */ t.jsx(
31
23
  a,
@@ -41,16 +33,7 @@ const E = ({ title: i, image: m, tags: s, callbackView: o }) => /* @__PURE__ */
41
33
  }
42
34
  ) })
43
35
  ] }),
44
- /* @__PURE__ */ t.jsx(
45
- "img",
46
- {
47
- src: m,
48
- alt: "Your Protocol",
49
- className: e(r.image, r.desktop),
50
- width: 481,
51
- height: 640
52
- }
53
- )
36
+ /* @__PURE__ */ t.jsx("img", { src: m, alt: "Your Protocol", className: e(r.image, r.desktop), width: 481, height: 640 })
54
37
  ] });
55
38
  export {
56
39
  E as YourProtocol
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),u=require("../../../../components/Typography/Typography.cjs.js");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");const p=require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const n=require("../../../../utils/cn.cjs.js");require("../../../../components/Icon/Icon.cjs.js");require("../../../../components/InfiniteScroll/InfiniteScroll.cjs.js");require("../../../../node_modules/swiper/swiper-react.cjs.js");;/* empty css */;/* empty css */;/* empty css */const s=require("./protocolTags.module.css.cjs.js"),x=({tags:t})=>{var a;const[i,c]=l.useState(((a=t[0])==null?void 0:a.label)||null),o=l.useMemo(()=>{var e;return(e=t.find(d=>d.label===i))==null?void 0:e.description},[i,t]);return r.jsxRuntimeExports.jsxs("div",{className:s.default.root,children:[r.jsxRuntimeExports.jsx("div",{className:s.default.tags,children:t.map(e=>r.jsxRuntimeExports.jsx(p.Tag,{value:e.label,size:"md",active:e.label===i,onClick:c,children:e.label},e.label))}),o&&r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(u.Typography,{as:"p",defaultVariant:"bodyLg",className:n.cn(s.default.description,s.default.desktop),children:o}),r.jsxRuntimeExports.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",className:n.cn(s.default.description,s.default.mobile),children:o})]})]})};exports.ProtocolTags=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react");require("../../../../components/Button/Button.cjs.js");require("../../../../components/Label/Label.cjs.js");const p=require("../../../../components/Tag/Tag.cjs.js");require("../../../../components/Tabs/Tabs.cjs.js");const u=require("../../../../utils/cn.cjs.js");require("../../../../components/Icon/Icon.cjs.js");const n=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 s=require("./protocolTags.module.css.cjs.js"),x=({tags:t})=>{var a;const[i,c]=l.useState(((a=t[0])==null?void 0:a.label)||null),o=l.useMemo(()=>{var e;return(e=t.find(d=>d.label===i))==null?void 0:e.description},[i,t]);return r.jsxRuntimeExports.jsxs("div",{className:s.default.root,children:[r.jsxRuntimeExports.jsx("div",{className:s.default.tags,children:t.map(e=>r.jsxRuntimeExports.jsx(p.Tag,{value:e.label,size:"md",active:e.label===i,onClick:c,children:e.label},e.label))}),o&&r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(n.Typography,{as:"p",defaultVariant:"bodyLg",className:u.cn(s.default.description,s.default.desktop),children:o}),r.jsxRuntimeExports.jsx(n.Typography,{as:"p",defaultVariant:"bodyMd",className:u.cn(s.default.description,s.default.mobile),children:o})]})]})};exports.ProtocolTags=x;
@@ -1,12 +1,12 @@
1
1
  import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
2
2
  import { useState as n, useMemo as d } 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 { Tag as b } from "../../../../components/Tag/Tag.es.js";
7
6
  import "../../../../components/Tabs/Tabs.es.js";
8
- import { cn as a } from "../../../../utils/cn.es.js";
7
+ import { cn as m } from "../../../../utils/cn.es.js";
9
8
  import "../../../../components/Icon/Icon.es.js";
9
+ import { Typography as a } 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 */
@@ -15,46 +15,15 @@ import "../../../../node_modules/swiper/swiper-react.es.js";
15
15
  import r from "./protocolTags.module.css.es.js";
16
16
  const C = ({ tags: e }) => {
17
17
  var l;
18
- const [t, p] = n(
19
- ((l = e[0]) == null ? void 0 : l.label) || null
20
- ), s = d(
21
- () => {
22
- var o;
23
- return (o = e.find((c) => c.label === t)) == null ? void 0 : o.description;
24
- },
25
- [t, e]
26
- );
18
+ const [t, p] = n(((l = e[0]) == null ? void 0 : l.label) || null), s = d(() => {
19
+ var o;
20
+ return (o = e.find((c) => c.label === t)) == null ? void 0 : o.description;
21
+ }, [t, e]);
27
22
  return /* @__PURE__ */ i.jsxs("div", { className: r.root, children: [
28
- /* @__PURE__ */ i.jsx("div", { className: r.tags, children: e.map((o) => /* @__PURE__ */ i.jsx(
29
- b,
30
- {
31
- value: o.label,
32
- size: "md",
33
- active: o.label === t,
34
- onClick: p,
35
- children: o.label
36
- },
37
- o.label
38
- )) }),
23
+ /* @__PURE__ */ i.jsx("div", { className: r.tags, children: e.map((o) => /* @__PURE__ */ i.jsx(b, { value: o.label, size: "md", active: o.label === t, onClick: p, children: o.label }, o.label)) }),
39
24
  s && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
40
- /* @__PURE__ */ i.jsx(
41
- m,
42
- {
43
- as: "p",
44
- defaultVariant: "bodyLg",
45
- className: a(r.description, r.desktop),
46
- children: s
47
- }
48
- ),
49
- /* @__PURE__ */ i.jsx(
50
- m,
51
- {
52
- as: "p",
53
- defaultVariant: "bodyMd",
54
- className: a(r.description, r.mobile),
55
- children: s
56
- }
57
- )
25
+ /* @__PURE__ */ i.jsx(a, { as: "p", defaultVariant: "bodyLg", className: m(r.description, r.desktop), children: s }),
26
+ /* @__PURE__ */ i.jsx(a, { as: "p", defaultVariant: "bodyMd", className: m(r.description, r.mobile), children: s })
58
27
  ] })
59
28
  ] });
60
29
  };
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { Swiper as SwiperType } from 'swiper';
2
3
 
3
4
  export type UseSwiperReturnProps = {