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

package/dist/index.cjs.js

@@ -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/Button/Button.cjs.js"),o=require("./components/Label/Label.cjs.js"),n=require("./components/Tag/Tag.cjs.js"),i=require("./components/Tabs/Tabs.cjs.js"),u=require("./components/Tabs/TabsWithFade.cjs.js"),e=require("./components/TypeBadge/TypeBadge.cjs.js"),s=require("./components/ContentTabs/ContentTabs.cjs.js"),c=require("./components/Icon/Icon.cjs.js"),a=require("./components/Icon/constants.cjs.js"),l=require("./components/ProductGalleryCard/ProductGalleryCard.cjs.js"),q=require("./components/HighlightedTitle/HighlightedTitle.cjs.js"),T=require("./components/Callback/Callback.cjs.js"),d=require("./components/IconButton/IconButton.cjs.js"),y=require("./components/FilterMenu/FilterMenu.cjs.js"),g=require("./components/InfiniteScroll/InfiniteScroll.cjs.js"),p=require("./components/ProductGallery/ProductGallery.cjs.js"),b=require("./components/ProgressButton/ProgressButton.cjs.js"),B=require("./components/TextButton/TextButton.cjs.js"),P=require("./components/Typography/Typography.cjs.js"),h=require("./modules/YourProtocol/YourProtocol.cjs.js"),I=require("./modules/TotalCare/TotalCare.cjs.js"),C=require("./modules/ProductsDisplay/ProductsDisplay.cjs.js"),f=require("./utils/cn.cjs.js"),S=require("./utils/isHsIcon.cjs.js"),m=require("./utils/formatUnits.cjs.js"),F=require("./utils/useSwiper.cjs.js");exports.typography=r.default;exports.Button=t.Button;exports.Label=o.Label;exports.Tag=n.Tag;exports.Tabs=i.Tabs;exports.TabsWithFade=u.TabsWithFade;exports.ETypeBadge=e.ETypeBadge;exports.TypeBadge=e.TypeBadge;exports.ContentTabs=s.ContentTabs;exports.Icon=c.Icon;exports.EIconName=a.EIconName;exports.ProductGalleryCard=l.ProductGalleryCard;exports.HighlightedTitle=q.HighlightedTitle;exports.Callback=T.Callback;exports.IconButton=d.IconButton;exports.FilterMenu=y.FilterMenu;exports.InfiniteScroll=g.InfiniteScroll;exports.ProductGallery=p.ProductGallery;exports.ProgressButton=b.ProgressButton;exports.TextButton=B.TextButton;exports.Typography=P.Typography;exports.YourProtocol=h.YourProtocol;exports.TotalCare=I.TotalCare;exports.ProductsDisplay=C.ProductsDisplay;exports.cn=f.cn;exports.isHsIcon=S.isHsIcon;exports.formatUnits=m.formatUnits;exports.useSwiper=F.useSwiper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                      */;/* empty css                       */;/* empty css                        */;/* empty css                      */;/* empty css                        */const e=require("./styles/typography.module.css.cjs.js");exports.typography=e.default;

package/dist/index.d.ts

@@ -1,4 +1 @@
 export * from './styles';
-export * from './components';
-export * from './modules';
-export * from './utils';

package/dist/index.es.js

@@ -3,60 +3,7 @@
 /* empty css                      */
 /* empty css                    */
 /* empty css                      */
-import { default as x } from "./styles/typography.module.css.es.js";
-import { Button as i } from "./components/Button/Button.es.js";
-import { Label as n } from "./components/Label/Label.es.js";
-import { Tag as c } from "./components/Tag/Tag.es.js";
-import { Tabs as T } from "./components/Tabs/Tabs.es.js";
-import { TabsWithFade as y } from "./components/Tabs/TabsWithFade.es.js";
-import { ETypeBadge as B, TypeBadge as b } from "./components/TypeBadge/TypeBadge.es.js";
-import { ContentTabs as I } from "./components/ContentTabs/ContentTabs.es.js";
-import { Icon as C } from "./components/Icon/Icon.es.js";
-import { EIconName as F } from "./components/Icon/constants.es.js";
-import { ProductGalleryCard as H } from "./components/ProductGalleryCard/ProductGalleryCard.es.js";
-import { HighlightedTitle as k } from "./components/HighlightedTitle/HighlightedTitle.es.js";
-import { Callback as D } from "./components/Callback/Callback.es.js";
-import { IconButton as M } from "./components/IconButton/IconButton.es.js";
-import { FilterMenu as U } from "./components/FilterMenu/FilterMenu.es.js";
-import { InfiniteScroll as Y } from "./components/InfiniteScroll/InfiniteScroll.es.js";
-import { ProductGallery as q } from "./components/ProductGallery/ProductGallery.es.js";
-import { ProgressButton as z } from "./components/ProgressButton/ProgressButton.es.js";
-import { TextButton as J } from "./components/TextButton/TextButton.es.js";
-import { Typography as O } from "./components/Typography/Typography.es.js";
-import { YourProtocol as R } from "./modules/YourProtocol/YourProtocol.es.js";
-import { TotalCare as X } from "./modules/TotalCare/TotalCare.es.js";
-import { ProductsDisplay as _ } from "./modules/ProductsDisplay/ProductsDisplay.es.js";
-import { cn as oo } from "./utils/cn.es.js";
-import { isHsIcon as to } from "./utils/isHsIcon.es.js";
-import { formatUnits as po } from "./utils/formatUnits.es.js";
-import { useSwiper as fo } from "./utils/useSwiper.es.js";
+import { default as e } from "./styles/typography.module.css.es.js";
 export {
-  i as Button,
-  D as Callback,
-  I as ContentTabs,
-  F as EIconName,
-  B as ETypeBadge,
-  U as FilterMenu,
-  k as HighlightedTitle,
-  C as Icon,
-  M as IconButton,
-  Y as InfiniteScroll,
-  n as Label,
-  q as ProductGallery,
-  H as ProductGalleryCard,
-  _ as ProductsDisplay,
-  z as ProgressButton,
-  T as Tabs,
-  y as TabsWithFade,
-  c as Tag,
-  J as TextButton,
-  X as TotalCare,
-  b as TypeBadge,
-  O as Typography,
-  R as YourProtocol,
-  oo as cn,
-  po as formatUnits,
-  to as isHsIcon,
-  x as typography,
-  fo as useSwiper
+  e as typography
 };

package/dist/modules/Benefits/Benefits.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),o=require("./components/BenefitTag/BenefitTag.cjs.js"),m=require("./components/BenefitItem/BenefitItem.cjs.js"),u=require("../../components/Typography/Typography.cjs.js"),t=require("./benefits.module.css.cjs.js"),g=({label:s,title:l,image:r,benefits:n,tags:d})=>e.jsxs("div",{className:t.default.root,children:[e.jsxs("div",{className:t.default.header,children:[e.jsx(u.Typography,{defaultVariant:"labelMd",mobileVariant:"labelSm",emphasis:!0,className:t.default.label,children:s}),e.jsx(c.HighlightedTitle,{title:l,defaultVariant:"displayMd",mobileVariant:"headingLg"})]}),e.jsxs("div",{className:t.default.content,children:[e.jsxs("div",{className:t.default.imageWrapper,children:[e.jsx("img",{src:r,alt:"image",className:t.default.image}),d.map((i,a)=>e.jsx(o.BenefitTag,{text:i,className:t.default[`tag${a+1}`]},a))]}),e.jsx("div",{className:t.default.benefits,children:n.map((i,a)=>e.jsx(m.BenefitItem,{index:a+1,title:i.title,description:i.description},a))})]})]});exports.Benefits=g;

package/dist/modules/Benefits/Benefits.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+type Props = {
+    label: string;
+    title: ReactNode;
+    image: string;
+    benefits: Array<{
+        title: string;
+        description: string;
+    }>;
+    tags: Array<string>;
+};
+export declare const Benefits: ({ label, title, image, benefits, tags }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Benefits/Benefits.es.js

@@ -0,0 +1,53 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { BenefitTag as n } from "./components/BenefitTag/BenefitTag.es.js";
+import { BenefitItem as p } from "./components/BenefitItem/BenefitItem.es.js";
+import { Typography as h } from "../../components/Typography/Typography.es.js";
+import e from "./benefits.module.css.es.js";
+const y = ({ label: l, title: m, image: s, benefits: o, tags: d }) => /* @__PURE__ */ r("div", { className: e.root, children: [
+  /* @__PURE__ */ r("div", { className: e.header, children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        defaultVariant: "labelMd",
+        mobileVariant: "labelSm",
+        emphasis: !0,
+        className: e.label,
+        children: l
+      }
+    ),
+    /* @__PURE__ */ a(
+      c,
+      {
+        title: m,
+        defaultVariant: "displayMd",
+        mobileVariant: "headingLg"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ r("div", { className: e.content, children: [
+    /* @__PURE__ */ r("div", { className: e.imageWrapper, children: [
+      /* @__PURE__ */ a("img", { src: s, alt: "image", className: e.image }),
+      d.map((t, i) => /* @__PURE__ */ a(
+        n,
+        {
+          text: t,
+          className: e[`tag${i + 1}`]
+        },
+        i
+      ))
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.benefits, children: o.map((t, i) => /* @__PURE__ */ a(
+      p,
+      {
+        index: i + 1,
+        title: t.title,
+        description: t.description
+      },
+      i
+    )) })
+  ] })
+] });
+export {
+  y as Benefits
+};

package/dist/modules/Benefits/benefits.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefits-module__root___DiO7c",t="benefits-module__header___wt7M5",_="benefits-module__label___sgWAr",o="benefits-module__content___Q1Nej",a="benefits-module__imageWrapper___Owwd8",n="benefits-module__image___Hq7o5",s="benefits-module__tag1___orgyD",i="benefits-module__tag2___49bdt",l="benefits-module__tag3___TYdET",g="benefits-module__benefits___psqX-",r={root:e,header:t,label:_,content:o,imageWrapper:a,image:n,tag1:s,tag2:i,tag3:l,benefits:g};exports.benefits=g;exports.content=o;exports.default=r;exports.header=t;exports.image=n;exports.imageWrapper=a;exports.label=_;exports.root=e;exports.tag1=s;exports.tag2=i;exports.tag3=l;

package/dist/modules/Benefits/benefits.module.css.es.js

@@ -0,0 +1,25 @@
+const e = "benefits-module__root___DiO7c", _ = "benefits-module__header___wt7M5", t = "benefits-module__label___sgWAr", o = "benefits-module__content___Q1Nej", n = "benefits-module__imageWrapper___Owwd8", s = "benefits-module__image___Hq7o5", a = "benefits-module__tag1___orgyD", i = "benefits-module__tag2___49bdt", l = "benefits-module__tag3___TYdET", b = "benefits-module__benefits___psqX-", d = {
+  root: e,
+  header: _,
+  label: t,
+  content: o,
+  imageWrapper: n,
+  image: s,
+  tag1: a,
+  tag2: i,
+  tag3: l,
+  benefits: b
+};
+export {
+  b as benefits,
+  o as content,
+  d as default,
+  _ as header,
+  s as image,
+  n as imageWrapper,
+  t as label,
+  e as root,
+  a as tag1,
+  i as tag2,
+  l as tag3
+};

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../components/Typography/Typography.cjs.js"),a=require("./benefitItem.module.css.cjs.js"),l=({index:i,title:n,description:r})=>e.jsxs("div",{className:a.default.benefit,children:[e.jsx(t.Typography,{defaultVariant:"labelXl",emphasis:!0,className:a.default.benefitIndex,children:`(0${i})`}),e.jsxs("div",{className:a.default.benefitDetails,children:[e.jsx(t.Typography,{defaultVariant:"headingLg",mobileVariant:"headingXs",className:a.default.benefitTitle,children:n}),e.jsx(t.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.benefitDesc,children:r})]})]});exports.BenefitItem=l;

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    index: number;
+    title: string;
+    description: string;
+};
+export declare const BenefitItem: ({ index, title, description }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Benefits/components/BenefitItem/BenefitItem.es.js

@@ -0,0 +1,37 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { Typography as i } from "../../../../components/Typography/Typography.es.js";
+import e from "./benefitItem.module.css.es.js";
+const o = ({ index: l, title: n, description: r }) => /* @__PURE__ */ t("div", { className: e.benefit, children: [
+  /* @__PURE__ */ a(
+    i,
+    {
+      defaultVariant: "labelXl",
+      emphasis: !0,
+      className: e.benefitIndex,
+      children: `(0${l})`
+    }
+  ),
+  /* @__PURE__ */ t("div", { className: e.benefitDetails, children: [
+    /* @__PURE__ */ a(
+      i,
+      {
+        defaultVariant: "headingLg",
+        mobileVariant: "headingXs",
+        className: e.benefitTitle,
+        children: n
+      }
+    ),
+    /* @__PURE__ */ a(
+      i,
+      {
+        defaultVariant: "bodyMd",
+        mobileVariant: "bodySm",
+        className: e.benefitDesc,
+        children: r
+      }
+    )
+  ] })
+] });
+export {
+  o as BenefitItem
+};

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitItem-module__benefit___yL87M",t="benefitItem-module__benefitIndex___I0-tr",n="benefitItem-module__benefitDetails___nw6dI",i={benefit:e,benefitIndex:t,benefitDetails:n};exports.benefit=e;exports.benefitDetails=n;exports.benefitIndex=t;exports.default=i;

package/dist/modules/Benefits/components/BenefitItem/benefitItem.module.css.es.js

@@ -0,0 +1,11 @@
+const e = "benefitItem-module__benefit___yL87M", t = "benefitItem-module__benefitIndex___I0-tr", n = "benefitItem-module__benefitDetails___nw6dI", i = {
+  benefit: e,
+  benefitIndex: t,
+  benefitDetails: n
+};
+export {
+  e as benefit,
+  n as benefitDetails,
+  t as benefitIndex,
+  i as default
+};

package/dist/modules/Benefits/components/BenefitItem/index.d.ts

@@ -0,0 +1 @@
+export { BenefitItem } from './BenefitItem';

package/dist/modules/Benefits/components/BenefitTag/BenefitTag.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./benefitTag.module.css.cjs.js"),n=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../utils/cn/cn.cjs.js"),o=({text:t,className:a})=>e.jsx("div",{className:i.cn(r.default.root,a),children:e.jsx(n.Typography,{emphasis:!0,defaultVariant:"labelLg",mobileVariant:"labelSm",className:r.default.benefitTag,children:t})});exports.BenefitTag=o;

package/dist/modules/Benefits/components/BenefitTag/BenefitTag.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    text: string;
+    className: string;
+};
+export declare const BenefitTag: ({ text, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/Benefits/components/BenefitTag/BenefitTag.es.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "./benefitTag.module.css.es.js";
+import { Typography as o } from "../../../../components/Typography/Typography.es.js";
+import { cn as i } from "../../../../utils/cn/cn.es.js";
+const p = ({ text: a, className: t }) => /* @__PURE__ */ r("div", { className: i(e.root, t), children: /* @__PURE__ */ r(
+  o,
+  {
+    emphasis: !0,
+    defaultVariant: "labelLg",
+    mobileVariant: "labelSm",
+    className: e.benefitTag,
+    children: a
+  }
+) });
+export {
+  p as BenefitTag
+};

package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="benefitTag-module__root___8-WMf",t="benefitTag-module__benefitTag___9R-qj",o={root:e,benefitTag:t};exports.benefitTag=t;exports.default=o;exports.root=e;

package/dist/modules/Benefits/components/BenefitTag/benefitTag.module.css.es.js

@@ -0,0 +1,9 @@
+const e = "benefitTag-module__root___8-WMf", t = "benefitTag-module__benefitTag___9R-qj", o = {
+  root: e,
+  benefitTag: t
+};
+export {
+  t as benefitTag,
+  o as default,
+  e as root
+};

package/dist/modules/Benefits/components/BenefitTag/index.d.ts

@@ -0,0 +1 @@
+export { BenefitTag } from './BenefitTag';

package/dist/modules/Benefits/components/index.d.ts

@@ -0,0 +1,2 @@
+export { BenefitTag } from './BenefitTag';
+export { BenefitItem } from './BenefitItem';

package/dist/modules/Benefits/index.d.ts

@@ -0,0 +1 @@
+export { Benefits } from './Benefits';

package/dist/modules/Callback/Callback.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../components/Callback/Callback.cjs.js"),s=require("../../components/Icon/Icon.cjs.js"),n=require("../../components/Icon/constants.cjs.js"),r=require("../../components/Typography/Typography.cjs.js"),c=require("./callback.module.css.cjs.js"),l=[{icon:n.EIconName.HEART,description:"No hidden fees"},{icon:n.EIconName.PROTOCOLS,description:"Personalized Protocols"},{icon:n.EIconName.PACKAGE,description:"Free Shipping"},{icon:n.EIconName.MESSAGE,description:"Doctor & Clinical Team"}];function t({callback:i}){return e.jsx("div",{className:c.default.container,children:e.jsxs("div",{className:c.default.content,children:[e.jsx(a.Callback,{...i}),e.jsx("div",{className:c.default.icons,children:l.map(o=>e.jsxs("div",{className:c.default.icon,children:[e.jsx(s.Icon,{name:o.icon}),e.jsx(r.Typography,{defaultVariant:"labelXl",children:o.description})]},o.description))})]})})}exports.CallbackModule=t;

package/dist/modules/Callback/Callback.d.ts

@@ -1,4 +1,4 @@
-import { CallbackProps } from '../../components';
+import { CallbackProps } from '../../components/Callback';
 
 export type CallbackModuleProps = {
     callback: CallbackProps;

package/dist/modules/Callback/Callback.es.js

@@ -0,0 +1,36 @@
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { Callback as a } from "../../components/Callback/Callback.es.js";
+import { Icon as s } from "../../components/Icon/Icon.es.js";
+import { EIconName as o } from "../../components/Icon/constants.es.js";
+import { Typography as l } from "../../components/Typography/Typography.es.js";
+import n from "./callback.module.css.es.js";
+const t = [
+  {
+    icon: o.HEART,
+    description: "No hidden fees"
+  },
+  {
+    icon: o.PROTOCOLS,
+    description: "Personalized Protocols"
+  },
+  {
+    icon: o.PACKAGE,
+    description: "Free Shipping"
+  },
+  {
+    icon: o.MESSAGE,
+    description: "Doctor & Clinical Team"
+  }
+];
+function N({ callback: e }) {
+  return /* @__PURE__ */ i("div", { className: n.container, children: /* @__PURE__ */ r("div", { className: n.content, children: [
+    /* @__PURE__ */ i(a, { ...e }),
+    /* @__PURE__ */ i("div", { className: n.icons, children: t.map((c) => /* @__PURE__ */ r("div", { className: n.icon, children: [
+      /* @__PURE__ */ i(s, { name: c.icon }),
+      /* @__PURE__ */ i(l, { defaultVariant: "labelXl", children: c.description })
+    ] }, c.description)) })
+  ] }) });
+}
+export {
+  N as CallbackModule
+};

package/dist/modules/Callback/callback.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="callback-module__container___DtDyZ",c="callback-module__content___f04-o",o="callback-module__icons___bhRnM",t="callback-module__icon___Q2van",e={container:n,content:c,icons:o,icon:t};exports.container=n;exports.content=c;exports.default=e;exports.icon=t;exports.icons=o;

package/dist/modules/Callback/callback.module.css.es.js

@@ -0,0 +1,13 @@
+const c = "callback-module__container___DtDyZ", n = "callback-module__content___f04-o", o = "callback-module__icons___bhRnM", _ = "callback-module__icon___Q2van", t = {
+  container: c,
+  content: n,
+  icons: o,
+  icon: _
+};
+export {
+  c as container,
+  n as content,
+  t as default,
+  _ as icon,
+  o as icons
+};

package/dist/modules/Comparison/Comparison.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("../../components/Icon/Icon.cjs.js"),u=require("../../components/Icon/constants.cjs.js"),p=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),d=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),f=require("./assets/company-logo.svg.cjs.js"),g=require("./components/ComparisonMobileView/ComparisonMobileView.cjs.js"),e=require("./comparison.module.css.cjs.js"),o=require("./utils.cjs.js"),y=({title:m,description:r,comparison:i})=>a.jsxs("div",{className:e.default.root,children:[a.jsxs("div",{className:e.default.header,children:[a.jsx(p.HighlightedTitle,{title:m,defaultVariant:"displayMd",mobileVariant:"headingXl"}),r&&a.jsx(d.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:e.default.description,children:r})]}),a.jsxs("div",{className:e.default.table,style:{gridTemplateColumns:`minmax(220px, 1fr) repeat(${i.headers.length}, minmax(220px, 270px))`},children:[a.jsx("div",{className:s.cn(e.default.emptyCell,e.default.stickyCell)}),a.jsx("div",{className:s.cn(e.default.otherEmptyCells)}),a.jsx(d.Typography,{defaultVariant:"bodyXl",as:"div",className:s.cn(e.default.cell,e.default.cellFeature,e.default.stickyCell),weight:"medium",children:"Features"}),i.headers.map(l=>a.jsx(d.Typography,{as:"div",defaultVariant:i.headers.length>2?"bodyXl":"headingLg",className:s.cn(e.default.cell,o.isHealthspan(l)?e.default.cellHighlighted:""),weight:i.headers.length>2?"medium":"regular",children:o.isHealthspan(l)?a.jsx(f.default,{className:e.default.companyLogo}):l},l)),i.rows.map((l,c)=>a.jsxs(a.Fragment,{children:[a.jsx("div",{className:s.cn(e.default.cell,e.default.cellFeature,e.default.stickyCell),children:a.jsxs("div",{className:e.default.featureContent,children:[a.jsx(d.Typography,{defaultVariant:"bodyXl",weight:"medium",children:l.feature}),l.description&&a.jsx(d.Typography,{defaultVariant:"bodyXl",className:e.default.featureDescription,children:l.description})]})},`feature-${c}`),i.headers.map((j,n)=>{const t=l.values[n];return a.jsxs("div",{className:s.cn(e.default.cell,n?"":e.default.cellHighlighted),children:[(t==null?void 0:t.type)==="boolean"&&a.jsx("div",{className:s.cn(e.default.booleanValue,!n&&t.value?e.default.booleanValueHighlighted:""),children:a.jsx(h.Icon,{name:t.value?u.EIconName.CHECK:u.EIconName.CLOSE})}),(t==null?void 0:t.type)==="string"&&a.jsx(d.Typography,{defaultVariant:"bodyXl",weight:"medium",className:e.default.stringValue,children:t.value})]},`value-${c}-${n}`)})]})),a.jsx("div",{className:s.cn(e.default.emptyCell,e.default.stickyCell)}),a.jsx("div",{className:s.cn(e.default.otherEmptyCells)}),a.jsx("div",{className:e.default.gradientBackground})]}),a.jsx(g.ComparisonMobileView,{comparison:i,className:e.default.mobileTable})]});exports.Comparison=y;

package/dist/modules/Comparison/Comparison.es.js

@@ -0,0 +1,86 @@
+import { jsxs as s, jsx as a, Fragment as g } from "react/jsx-runtime";
+import { Icon as u } from "../../components/Icon/Icon.es.js";
+import { EIconName as c } from "../../components/Icon/constants.es.js";
+import { HighlightedTitle as y } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import { cn as t } from "../../utils/cn/cn.es.js";
+import f from "./assets/company-logo.svg.es.js";
+import { ComparisonMobileView as N } from "./components/ComparisonMobileView/ComparisonMobileView.es.js";
+import e from "./comparison.module.css.es.js";
+import { isHealthspan as h } from "./utils.es.js";
+const T = ({ title: p, description: o, comparison: r }) => /* @__PURE__ */ s("div", { className: e.root, children: [
+  /* @__PURE__ */ s("div", { className: e.header, children: [
+    /* @__PURE__ */ a(y, { title: p, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
+    o && /* @__PURE__ */ a(m, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: e.description, children: o })
+  ] }),
+  /* @__PURE__ */ s(
+    "div",
+    {
+      className: e.table,
+      style: {
+        gridTemplateColumns: `minmax(220px, 1fr) repeat(${r.headers.length}, minmax(220px, 270px))`
+      },
+      children: [
+        /* @__PURE__ */ a("div", { className: t(e.emptyCell, e.stickyCell) }),
+        /* @__PURE__ */ a("div", { className: t(e.otherEmptyCells) }),
+        /* @__PURE__ */ a(
+          m,
+          {
+            defaultVariant: "bodyXl",
+            as: "div",
+            className: t(e.cell, e.cellFeature, e.stickyCell),
+            weight: "medium",
+            children: "Features"
+          }
+        ),
+        r.headers.map((l) => /* @__PURE__ */ a(
+          m,
+          {
+            as: "div",
+            defaultVariant: r.headers.length > 2 ? "bodyXl" : "headingLg",
+            className: t(e.cell, h(l) ? e.cellHighlighted : ""),
+            weight: r.headers.length > 2 ? "medium" : "regular",
+            children: h(l) ? /* @__PURE__ */ a(f, { className: e.companyLogo }) : l
+          },
+          l
+        )),
+        r.rows.map((l, n) => /* @__PURE__ */ s(g, { children: [
+          /* @__PURE__ */ a("div", { className: t(e.cell, e.cellFeature, e.stickyCell), children: /* @__PURE__ */ s("div", { className: e.featureContent, children: [
+            /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", weight: "medium", children: l.feature }),
+            l.description && /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", className: e.featureDescription, children: l.description })
+          ] }) }, `feature-${n}`),
+          r.headers.map((v, d) => {
+            const i = l.values[d];
+            return /* @__PURE__ */ s(
+              "div",
+              {
+                className: t(e.cell, d ? "" : e.cellHighlighted),
+                children: [
+                  (i == null ? void 0 : i.type) === "boolean" && /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: t(
+                        e.booleanValue,
+                        !d && i.value ? e.booleanValueHighlighted : ""
+                      ),
+                      children: /* @__PURE__ */ a(u, { name: i.value ? c.CHECK : c.CLOSE })
+                    }
+                  ),
+                  (i == null ? void 0 : i.type) === "string" && /* @__PURE__ */ a(m, { defaultVariant: "bodyXl", weight: "medium", className: e.stringValue, children: i.value })
+                ]
+              },
+              `value-${n}-${d}`
+            );
+          })
+        ] })),
+        /* @__PURE__ */ a("div", { className: t(e.emptyCell, e.stickyCell) }),
+        /* @__PURE__ */ a("div", { className: t(e.otherEmptyCells) }),
+        /* @__PURE__ */ a("div", { className: e.gradientBackground })
+      ]
+    }
+  ),
+  /* @__PURE__ */ a(N, { comparison: r, className: e.mobileTable })
+] });
+export {
+  T as Comparison
+};

package/dist/modules/Comparison/assets/company-logo.svg.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react");function r(C){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(C){for(const e in C)if(e!=="default"){const V=Object.getOwnPropertyDescriptor(C,e);Object.defineProperty(t,e,V.get?V:{enumerable:!0,get:()=>C[e]})}}return t.default=C,Object.freeze(t)}const n=r(o),H=C=>n.createElement("svg",{width:160,height:32,viewBox:"0 0 160 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...C},n.createElement("path",{d:"M51.056 6.4704C50.1504 6.4704 49.3088 6.7456 48.288 7.3888C49.7216 7.8944 50.2624 9.1328 50.2624 11.6256V11.7376L45.4848 14.4064C41.6608 16.5568 39.888 18.1056 39.888 20.9536C39.888 23.3888 42.0736 25.0336 44.4128 25.0336C46.752 25.0336 48.8736 23.7088 50.2656 20.8256V24.7616H54.0608V10.6144C54.0608 7.7984 53.0496 6.4704 51.056 6.4704ZM50.2656 20.7584C48.8096 22.1632 47.6224 22.5664 46.2496 22.5664C44.9536 22.5664 43.5936 21.5552 43.5936 19.9744C43.5936 17.728 44.5088 16.272 47.5776 14.5024L50.2656 12.9472V20.7584ZM73.6512 21.888L73.6832 21.92C72.3072 24.2016 70.9344 25.0336 68.8096 25.0336C66.528 25.0336 64.9856 23.5072 64.9856 20.6656V0H68.8064V6.7392H73.1744V8.1056H68.8064V20.1216C68.8064 21.9008 69.9936 22.8608 71.3056 22.8608C72.0864 22.8608 72.9344 22.544 73.6512 21.888ZM25.52 13.3792C25.4432 13.9488 25.4048 14.528 25.4048 15.0976C25.4048 19.6256 28.496 22.1344 32.3072 22.1344C34.7136 22.1344 36.4928 21.072 37.7728 19.3536L37.8368 19.3856C37.1168 22.1024 34.496 25.0368 30.56 25.0368C25.44 25.0368 21.568 21.2064 21.568 15.9264C21.568 10.6464 24.5984 7.504 28.72 7.504H28.9088C27.2576 8.4928 26.2656 10.1952 25.7792 12.0928H33.968C33.6544 9.2512 31.6896 7.7216 28.9088 7.504C29.8464 6.9408 30.9888 6.4672 32.3328 6.4672C35.5168 6.4672 37.8688 9.3184 37.9328 13.3792H25.52ZM14.4704 0H18.5664V24.7616H14.4704V13.3824H4.096V24.7616H0V0H4.096V12.016H14.4704V0ZM48.288 7.3888L41.7888 11.5296V8.272C42.992 7.5424 44.5696 7.1008 46.1504 7.1008C47.0208 7.1008 47.7216 7.1904 48.288 7.3888ZM57.6096 0H61.4336V24.7616H57.6096V0ZM138.976 6.4704C138.07 6.4704 137.229 6.7456 136.208 7.3888C137.642 7.8944 138.182 9.1328 138.182 11.6256V11.7376L133.405 14.4064C129.581 16.5568 127.808 18.1056 127.808 20.9536C127.808 23.3888 129.994 25.0336 132.333 25.0336C134.672 25.0336 136.794 23.7088 138.186 20.8256V24.7616H141.981V10.6144C141.981 7.7984 140.97 6.4704 138.976 6.4704ZM138.186 20.7584C136.73 22.1632 135.542 22.5664 134.17 22.5664C132.874 22.5664 131.514 21.5552 131.514 19.9744C131.514 17.728 132.429 16.272 135.498 14.5024L138.186 12.9472V20.7584ZM136.208 7.3888L129.709 11.5296V8.272C130.912 7.5424 132.49 7.1008 134.07 7.1008C134.941 7.1008 135.642 7.1904 136.208 7.3888ZM160 10.8352V24.7616H156.176V11.3824C156.176 9.5104 155.395 8.432 153.834 8.432C152.896 8.432 151.35 8.6816 149.35 9.744V24.7584H145.526V6.7392H149.35V9.68C151.568 7.152 153.994 6.4672 155.904 6.4672C158.589 6.4672 160 8.0544 160 10.8352ZM119.162 6.4672C116.726 6.4672 114.24 7.4048 112.493 9.6832V6.7392H108.669V32H112.493V24.7232C113.056 24.88 113.728 25.0336 114.355 25.0336C116.01 25.0336 117.478 24.5952 118.696 23.7872C121.819 24.6256 126.144 20.5584 126.144 14.6592C126.144 9.9744 123.411 6.4672 119.162 6.4672ZM118.696 23.7856L112.496 21.9936V9.7152C113.651 9.0272 115.011 8.4672 116.323 8.4672C120.038 8.4672 122.323 11.1232 122.323 16.0256C122.323 19.4624 120.976 22.288 118.696 23.7856ZM93.6512 21.2128L99.888 24.5152C99.0432 24.8256 97.9904 25.0336 96.928 25.0336C95.8656 25.0336 94.6816 24.8256 93.6512 24.4192V21.2128ZM90.3776 10.5632V24.7616H86.5536V11.3824C86.5536 9.5104 85.7728 8.432 84.2112 8.432C83.2736 8.432 81.728 8.6816 79.728 9.744V24.7616H75.904V0H79.728V9.68C81.9456 7.152 84.3712 6.4672 86.2816 6.4672C88.9664 6.4672 90.3776 7.7824 90.3776 10.5632ZM105.824 20.4224C105.824 23.1712 103.872 25.0336 101.654 25.0336C101.155 25.0336 100.33 24.7648 99.8912 24.5152C101.328 23.952 102.326 22.9824 102.326 21.7344C102.326 20.3936 101.67 19.456 97.984 16.5824C94.4544 13.8336 93.7056 12.672 93.7056 10.9536C93.7056 8.2336 96.3296 6.3616 98.9216 7.392C97.8912 7.8912 97.2032 8.672 97.2032 9.7024C97.2032 10.8256 97.984 11.856 101.325 14.3552C104.698 16.8544 105.824 18.2048 105.824 20.4224ZM105.12 10.288L98.9216 7.392C99.9808 6.8928 101.258 6.4672 102.662 6.4672C103.536 6.4672 104.621 6.7392 105.12 7.0176V10.288Z",fill:"#FEF38E"}));exports.default=H;

package/dist/modules/Comparison/assets/company-logo.svg.es.js

@@ -0,0 +1,5 @@
+import * as C from "react";
+const H = (V) => /* @__PURE__ */ C.createElement("svg", { width: 160, height: 32, viewBox: "0 0 160 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...V }, /* @__PURE__ */ C.createElement("path", { d: "M51.056 6.4704C50.1504 6.4704 49.3088 6.7456 48.288 7.3888C49.7216 7.8944 50.2624 9.1328 50.2624 11.6256V11.7376L45.4848 14.4064C41.6608 16.5568 39.888 18.1056 39.888 20.9536C39.888 23.3888 42.0736 25.0336 44.4128 25.0336C46.752 25.0336 48.8736 23.7088 50.2656 20.8256V24.7616H54.0608V10.6144C54.0608 7.7984 53.0496 6.4704 51.056 6.4704ZM50.2656 20.7584C48.8096 22.1632 47.6224 22.5664 46.2496 22.5664C44.9536 22.5664 43.5936 21.5552 43.5936 19.9744C43.5936 17.728 44.5088 16.272 47.5776 14.5024L50.2656 12.9472V20.7584ZM73.6512 21.888L73.6832 21.92C72.3072 24.2016 70.9344 25.0336 68.8096 25.0336C66.528 25.0336 64.9856 23.5072 64.9856 20.6656V0H68.8064V6.7392H73.1744V8.1056H68.8064V20.1216C68.8064 21.9008 69.9936 22.8608 71.3056 22.8608C72.0864 22.8608 72.9344 22.544 73.6512 21.888ZM25.52 13.3792C25.4432 13.9488 25.4048 14.528 25.4048 15.0976C25.4048 19.6256 28.496 22.1344 32.3072 22.1344C34.7136 22.1344 36.4928 21.072 37.7728 19.3536L37.8368 19.3856C37.1168 22.1024 34.496 25.0368 30.56 25.0368C25.44 25.0368 21.568 21.2064 21.568 15.9264C21.568 10.6464 24.5984 7.504 28.72 7.504H28.9088C27.2576 8.4928 26.2656 10.1952 25.7792 12.0928H33.968C33.6544 9.2512 31.6896 7.7216 28.9088 7.504C29.8464 6.9408 30.9888 6.4672 32.3328 6.4672C35.5168 6.4672 37.8688 9.3184 37.9328 13.3792H25.52ZM14.4704 0H18.5664V24.7616H14.4704V13.3824H4.096V24.7616H0V0H4.096V12.016H14.4704V0ZM48.288 7.3888L41.7888 11.5296V8.272C42.992 7.5424 44.5696 7.1008 46.1504 7.1008C47.0208 7.1008 47.7216 7.1904 48.288 7.3888ZM57.6096 0H61.4336V24.7616H57.6096V0ZM138.976 6.4704C138.07 6.4704 137.229 6.7456 136.208 7.3888C137.642 7.8944 138.182 9.1328 138.182 11.6256V11.7376L133.405 14.4064C129.581 16.5568 127.808 18.1056 127.808 20.9536C127.808 23.3888 129.994 25.0336 132.333 25.0336C134.672 25.0336 136.794 23.7088 138.186 20.8256V24.7616H141.981V10.6144C141.981 7.7984 140.97 6.4704 138.976 6.4704ZM138.186 20.7584C136.73 22.1632 135.542 22.5664 134.17 22.5664C132.874 22.5664 131.514 21.5552 131.514 19.9744C131.514 17.728 132.429 16.272 135.498 14.5024L138.186 12.9472V20.7584ZM136.208 7.3888L129.709 11.5296V8.272C130.912 7.5424 132.49 7.1008 134.07 7.1008C134.941 7.1008 135.642 7.1904 136.208 7.3888ZM160 10.8352V24.7616H156.176V11.3824C156.176 9.5104 155.395 8.432 153.834 8.432C152.896 8.432 151.35 8.6816 149.35 9.744V24.7584H145.526V6.7392H149.35V9.68C151.568 7.152 153.994 6.4672 155.904 6.4672C158.589 6.4672 160 8.0544 160 10.8352ZM119.162 6.4672C116.726 6.4672 114.24 7.4048 112.493 9.6832V6.7392H108.669V32H112.493V24.7232C113.056 24.88 113.728 25.0336 114.355 25.0336C116.01 25.0336 117.478 24.5952 118.696 23.7872C121.819 24.6256 126.144 20.5584 126.144 14.6592C126.144 9.9744 123.411 6.4672 119.162 6.4672ZM118.696 23.7856L112.496 21.9936V9.7152C113.651 9.0272 115.011 8.4672 116.323 8.4672C120.038 8.4672 122.323 11.1232 122.323 16.0256C122.323 19.4624 120.976 22.288 118.696 23.7856ZM93.6512 21.2128L99.888 24.5152C99.0432 24.8256 97.9904 25.0336 96.928 25.0336C95.8656 25.0336 94.6816 24.8256 93.6512 24.4192V21.2128ZM90.3776 10.5632V24.7616H86.5536V11.3824C86.5536 9.5104 85.7728 8.432 84.2112 8.432C83.2736 8.432 81.728 8.6816 79.728 9.744V24.7616H75.904V0H79.728V9.68C81.9456 7.152 84.3712 6.4672 86.2816 6.4672C88.9664 6.4672 90.3776 7.7824 90.3776 10.5632ZM105.824 20.4224C105.824 23.1712 103.872 25.0336 101.654 25.0336C101.155 25.0336 100.33 24.7648 99.8912 24.5152C101.328 23.952 102.326 22.9824 102.326 21.7344C102.326 20.3936 101.67 19.456 97.984 16.5824C94.4544 13.8336 93.7056 12.672 93.7056 10.9536C93.7056 8.2336 96.3296 6.3616 98.9216 7.392C97.8912 7.8912 97.2032 8.672 97.2032 9.7024C97.2032 10.8256 97.984 11.856 101.325 14.3552C104.698 16.8544 105.824 18.2048 105.824 20.4224ZM105.12 10.288L98.9216 7.392C99.9808 6.8928 101.258 6.4672 102.662 6.4672C103.536 6.4672 104.621 6.7392 105.12 7.0176V10.288Z", fill: "#FEF38E" }));
+export {
+  H as default
+};

package/dist/modules/Comparison/comparison.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="comparison-module__root___oxRMS",o="comparison-module__header___8n5Em",l="comparison-module__description___F7mAT",t="comparison-module__table___xo0kv",_="comparison-module__emptyCell___Z-HpK",a="comparison-module__otherEmptyCells___Lso-e",n="comparison-module__cell___9EubB",i="comparison-module__cellFeature___lLq8H",r="comparison-module__featureContent___Mrbek",c="comparison-module__featureDescription___8YGHq",s="comparison-module__cellHighlighted___P14Jz",u="comparison-module__booleanValue___-wG65",m="comparison-module__stringValue___-YalT",d="comparison-module__booleanValueHighlighted___NmSLw",p="comparison-module__gradientBackground___LjwhY",g="comparison-module__stickyCell___zXlQv",h="comparison-module__mobileTable___hxH2j",b={root:e,header:o,description:l,table:t,emptyCell:_,otherEmptyCells:a,cell:n,cellFeature:i,featureContent:r,featureDescription:c,cellHighlighted:s,booleanValue:u,stringValue:m,booleanValueHighlighted:d,gradientBackground:p,stickyCell:g,mobileTable:h};exports.booleanValue=u;exports.booleanValueHighlighted=d;exports.cell=n;exports.cellFeature=i;exports.cellHighlighted=s;exports.default=b;exports.description=l;exports.emptyCell=_;exports.featureContent=r;exports.featureDescription=c;exports.gradientBackground=p;exports.header=o;exports.mobileTable=h;exports.otherEmptyCells=a;exports.root=e;exports.stickyCell=g;exports.stringValue=m;exports.table=t;

package/dist/modules/Comparison/comparison.module.css.es.js

@@ -0,0 +1,39 @@
+const e = "comparison-module__root___oxRMS", o = "comparison-module__header___8n5Em", l = "comparison-module__description___F7mAT", _ = "comparison-module__table___xo0kv", t = "comparison-module__emptyCell___Z-HpK", n = "comparison-module__otherEmptyCells___Lso-e", a = "comparison-module__cell___9EubB", c = "comparison-module__cellFeature___lLq8H", s = "comparison-module__featureContent___Mrbek", i = "comparison-module__featureDescription___8YGHq", r = "comparison-module__cellHighlighted___P14Jz", m = "comparison-module__booleanValue___-wG65", u = "comparison-module__stringValue___-YalT", d = "comparison-module__booleanValueHighlighted___NmSLw", p = "comparison-module__gradientBackground___LjwhY", g = "comparison-module__stickyCell___zXlQv", h = "comparison-module__mobileTable___hxH2j", b = {
+  root: e,
+  header: o,
+  description: l,
+  table: _,
+  emptyCell: t,
+  otherEmptyCells: n,
+  cell: a,
+  cellFeature: c,
+  featureContent: s,
+  featureDescription: i,
+  cellHighlighted: r,
+  booleanValue: m,
+  stringValue: u,
+  booleanValueHighlighted: d,
+  gradientBackground: p,
+  stickyCell: g,
+  mobileTable: h
+};
+export {
+  m as booleanValue,
+  d as booleanValueHighlighted,
+  a as cell,
+  c as cellFeature,
+  r as cellHighlighted,
+  b as default,
+  l as description,
+  t as emptyCell,
+  s as featureContent,
+  i as featureDescription,
+  p as gradientBackground,
+  o as header,
+  h as mobileTable,
+  n as otherEmptyCells,
+  e as root,
+  g as stickyCell,
+  u as stringValue,
+  _ as table
+};

package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),r=require("../../../../components/Icon/constants.cjs.js"),f=require("../../../../components/FilterMenu/FilterMenu.cjs.js"),m=require("../../../../components/Icon/Icon.cjs.js"),c=require("../../../../components/Typography/Typography.cjs.js"),i=require("../../../../utils/cn/cn.cjs.js"),v=require("../../assets/company-logo.svg.cjs.js"),l=require("./comparisonMobileView.module.css.cjs.js"),d=s=>s?s.type==="string"?e.jsx(c.Typography,{defaultVariant:"bodyMd",as:"div",children:s.value}):e.jsx("div",{className:i.cn(l.default.iconCell,s.value?l.default.iconCellHighlighted:""),children:e.jsx(m.Icon,{name:s.value?r.EIconName.CHECK:r.EIconName.CLOSE,className:l.default.icon})}):null,p=s=>s.slice(1).map((t,a)=>({values:[{value:a+1,label:t}]})),g=({comparison:s,className:t})=>{const[a,o]=h.useState(1);return e.jsxs("div",{className:i.cn(l.default.root,t),children:[s.headers.length>2&&e.jsx("div",{children:e.jsx(f.FilterMenu,{options:p(s.headers),label:"Select comparison",selectedValue:a,onSelect:o})}),e.jsxs("div",{className:l.default.table,children:[e.jsxs("div",{className:l.default.headers,children:[e.jsx("div",{className:i.cn(l.default.cell,l.default.cellHighlighted),children:e.jsx(v.default,{className:l.default.companyLogo})}),e.jsx(c.Typography,{as:"div",defaultVariant:"bodyXl",className:l.default.cell,children:s.headers[a]})]}),s.rows.map((n,u)=>e.jsxs("div",{className:l.default.feature,children:[e.jsx(c.Typography,{defaultVariant:"bodyLg",as:"div",weight:"medium",children:n.feature}),e.jsxs("div",{className:l.default.row,children:[e.jsx("div",{className:l.default.cell,children:d(n.values[0])}),e.jsx("div",{className:l.default.cell,children:d(n.values[a])})]})]},`feature-${u}`))]})]})};exports.ComparisonMobileView=g;

package/dist/modules/Comparison/components/ComparisonMobileView/ComparisonMobileView.es.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { EIconName as n } from "../../../../components/Icon/constants.es.js";
+import { FilterMenu as u } from "../../../../components/FilterMenu/FilterMenu.es.js";
+import { Icon as f } from "../../../../components/Icon/Icon.es.js";
+import { Typography as d } from "../../../../components/Typography/Typography.es.js";
+import { cn as c } from "../../../../utils/cn/cn.es.js";
+import p from "../../assets/company-logo.svg.es.js";
+import e from "./comparisonMobileView.module.css.es.js";
+const o = (l) => l ? l.type === "string" ? /* @__PURE__ */ a(d, { defaultVariant: "bodyMd", as: "div", children: l.value }) : /* @__PURE__ */ a("div", { className: c(e.iconCell, l.value ? e.iconCellHighlighted : ""), children: /* @__PURE__ */ a(f, { name: l.value ? n.CHECK : n.CLOSE, className: e.icon }) }) : null, g = (l) => l.slice(1).map((t, i) => ({
+  values: [{ value: i + 1, label: t }]
+})), H = ({ comparison: l, className: t }) => {
+  const [i, m] = v(1);
+  return /* @__PURE__ */ r("div", { className: c(e.root, t), children: [
+    l.headers.length > 2 && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+      u,
+      {
+        options: g(l.headers),
+        label: "Select comparison",
+        selectedValue: i,
+        onSelect: m
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: e.table, children: [
+      /* @__PURE__ */ r("div", { className: e.headers, children: [
+        /* @__PURE__ */ a("div", { className: c(e.cell, e.cellHighlighted), children: /* @__PURE__ */ a(p, { className: e.companyLogo }) }),
+        /* @__PURE__ */ a(d, { as: "div", defaultVariant: "bodyXl", className: e.cell, children: l.headers[i] })
+      ] }),
+      l.rows.map((s, h) => /* @__PURE__ */ r("div", { className: e.feature, children: [
+        /* @__PURE__ */ a(d, { defaultVariant: "bodyLg", as: "div", weight: "medium", children: s.feature }),
+        /* @__PURE__ */ r("div", { className: e.row, children: [
+          /* @__PURE__ */ a("div", { className: e.cell, children: o(s.values[0]) }),
+          /* @__PURE__ */ a("div", { className: e.cell, children: o(s.values[i]) })
+        ] })
+      ] }, `feature-${h}`))
+    ] })
+  ] });
+};
+export {
+  H as ComparisonMobileView
+};

package/dist/modules/Comparison/components/ComparisonMobileView/comparisonMobileView.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="comparisonMobileView-module__root___sSosN",e="comparisonMobileView-module__table___2J5UL",l="comparisonMobileView-module__headers___8E-5n",i="comparisonMobileView-module__feature___ErASb",_="comparisonMobileView-module__row___0rP2u",c="comparisonMobileView-module__cell___c-kqb",n="comparisonMobileView-module__cellHighlighted___dS4jy",t="comparisonMobileView-module__companyLogo___FOuDV",s="comparisonMobileView-module__iconCell___Agxvq",r="comparisonMobileView-module__iconCellHighlighted___xVD1a",a="comparisonMobileView-module__icon___hLpTA",d={root:o,table:e,headers:l,feature:i,row:_,cell:c,cellHighlighted:n,companyLogo:t,iconCell:s,iconCellHighlighted:r,icon:a};exports.cell=c;exports.cellHighlighted=n;exports.companyLogo=t;exports.default=d;exports.feature=i;exports.headers=l;exports.icon=a;exports.iconCell=s;exports.iconCellHighlighted=r;exports.root=o;exports.row=_;exports.table=e;