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

package/README.md

@@ -9,6 +9,7 @@ npm install @zenpatient-org/healthspan-marketing-ui
 ```
 
 ## Development
+
 Start the storybook:
 
 ```bash
@@ -21,7 +22,16 @@ When you create a new public component, you need to add it to the `components` s
 
 Avoid using barrel exports. Instead, import the components directly from the `src` directory.
 
+We use eslint and prettier, please ensure you have these lines in your IDE settings:
+
+```
+  "eslint.useFlatConfig": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+```
+
 ## Importing the components and modules
+
 ```tsx
 import { Button } from '@zenpatient-org/healthspan-marketing-ui/Button';
 import { CallbackModule } from '@zenpatient-org/healthspan-marketing-ui/CallbackModule';
@@ -46,5 +56,5 @@ npm publish
 Design tokens (colors, spacing, etc.) are injected via CSS variables globally. Just import the global styles once:
 
 ```tsx
-import "@zenpatient-org/healthspan-marketing-ui/dist/healthspan-marketing-ui.css"
+import '@zenpatient-org/healthspan-marketing-ui/dist/healthspan-marketing-ui.css';
 ```

package/dist/components/Button/Button.es.js

@@ -4,13 +4,31 @@ import { cn as u } from "../../utils/cn/cn.es.js";
 import { Icon as n } from "../Icon/Icon.es.js";
 import s from "./button.module.css.es.js";
 const b = h(
-  ({ variant: m = "primary", size: e = "md", as: i = "button", disabled: r = !1, children: c, prefixIcon: t, suffixIcon: o, ...l }, d) => {
+  ({
+    variant: m = "primary",
+    size: e = "md",
+    as: i = "button",
+    disabled: r = !1,
+    children: c,
+    prefixIcon: t,
+    suffixIcon: o,
+    ...l
+  }, d) => {
     const p = s[m] || "", f = s[e] || "", v = r ? s.disabled : "";
-    return /* @__PURE__ */ a(i, { ref: d, ...l, className: u(s.button, p, f, v), disabled: r, children: /* @__PURE__ */ N("div", { className: s.content, children: [
-      t && /* @__PURE__ */ a("div", { className: s.iconWrap, children: /* @__PURE__ */ a(n, { name: t }) }),
-      /* @__PURE__ */ a("div", { children: c }),
-      o && /* @__PURE__ */ a("div", { className: s.iconWrap, children: /* @__PURE__ */ a(n, { name: o }) })
-    ] }) });
+    return /* @__PURE__ */ a(
+      i,
+      {
+        ref: d,
+        ...l,
+        className: u(s.button, p, f, v),
+        disabled: r,
+        children: /* @__PURE__ */ N("div", { className: s.content, children: [
+          t && /* @__PURE__ */ a("div", { className: s.iconWrap, children: /* @__PURE__ */ a(n, { name: t }) }),
+          /* @__PURE__ */ a("div", { children: c }),
+          o && /* @__PURE__ */ a("div", { className: s.iconWrap, children: /* @__PURE__ */ a(n, { name: o }) })
+        ] })
+      }
+    );
   }
 );
 b.displayName = "Button";

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../Icon/Icon.cjs.js"),r=require("../../../Icon/constants.cjs.js"),h=require("../../../TextButton/TextButton.cjs.js"),s=require("../../../Typography/Typography.cjs.js"),x=require("../../../../utils/cn/cn.cjs.js"),t=require("./complexTooltipContent.module.css.cjs.js"),_=({style:n,title:l,description:u,link:o,isBlurred:c,className:i,onMouseEnter:d,onMouseLeave:p,onClose:a})=>e.jsxs("div",{className:x.cn(t.default.content,c&&t.default.blurred,i),"data-style":n,onMouseEnter:d,onMouseLeave:p,children:[e.jsxs("div",{className:t.default.contentHeader,children:[e.jsx(s.Typography,{as:"h4",defaultVariant:"headingSm",children:l}),a&&e.jsxs("button",{className:t.default.closeButton,onClick:a,children:["(",e.jsx(m.Icon,{name:r.EIconName.CLOSE,className:t.default.closeIcon}),")"]})]}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",children:u}),o&&e.jsx(h.TextButton,{suffixIcon:r.EIconName.ARROW_FORWARD,as:"a",href:o.url,inverted:n==="dark"&&!c||n==="light"&&c,children:o.label})]});exports.ComplexTooltipContent=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("../../../Icon/Icon.cjs.js"),a=require("../../../Icon/constants.cjs.js"),h=require("../../../TextButton/TextButton.cjs.js"),s=require("../../../Typography/Typography.cjs.js"),x=require("../../../../utils/cn/cn.cjs.js"),t=require("./complexTooltipContent.module.css.cjs.js"),_=({style:n,title:l,description:u,link:o,isBlurred:r,className:i,onMouseEnter:d,onMouseLeave:p,onClose:c})=>e.jsxs("div",{className:x.cn(t.default.content,r&&t.default.blurred,i),"data-style":n,onMouseEnter:d,onMouseLeave:p,children:[e.jsxs("div",{className:t.default.contentHeader,children:[e.jsx(s.Typography,{as:"h4",defaultVariant:"headingSm",children:l}),c&&e.jsxs("button",{className:t.default.closeButton,onClick:c,children:["(",e.jsx(m.Icon,{name:a.EIconName.CLOSE,className:t.default.closeIcon}),")"]})]}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",children:u}),o&&e.jsx(h.TextButton,{suffixIcon:a.EIconName.ARROW_FORWARD,as:"a",href:o.url,target:"_blank",rel:"noopener noreferrer",inverted:n==="dark"&&!r||n==="light"&&r,children:o.label})]});exports.ComplexTooltipContent=_;

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.es.js

@@ -1,15 +1,15 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { Icon as h } from "../../../Icon/Icon.es.js";
 import { EIconName as c } from "../../../Icon/constants.es.js";
 import { TextButton as u } from "../../../TextButton/TextButton.es.js";
 import { Typography as i } from "../../../Typography/Typography.es.js";
 import { cn as x } from "../../../../utils/cn/cn.es.js";
-import o from "./complexTooltipContent.module.css.es.js";
+import r from "./complexTooltipContent.module.css.es.js";
 const C = ({
-  style: r,
+  style: o,
   title: l,
   description: s,
-  link: e,
+  link: t,
   isBlurred: a,
   className: d,
   onMouseEnter: p,
@@ -18,28 +18,30 @@ const C = ({
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: x(o.content, a && o.blurred, d),
-    "data-style": r,
+    className: x(r.content, a && r.blurred, d),
+    "data-style": o,
     onMouseEnter: p,
     onMouseLeave: f,
     children: [
-      /* @__PURE__ */ n("div", { className: o.contentHeader, children: [
-        /* @__PURE__ */ t(i, { as: "h4", defaultVariant: "headingSm", children: l }),
-        m && /* @__PURE__ */ n("button", { className: o.closeButton, onClick: m, children: [
+      /* @__PURE__ */ n("div", { className: r.contentHeader, children: [
+        /* @__PURE__ */ e(i, { as: "h4", defaultVariant: "headingSm", children: l }),
+        m && /* @__PURE__ */ n("button", { className: r.closeButton, onClick: m, children: [
           "(",
-          /* @__PURE__ */ t(h, { name: c.CLOSE, className: o.closeIcon }),
+          /* @__PURE__ */ e(h, { name: c.CLOSE, className: r.closeIcon }),
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ t(i, { as: "p", defaultVariant: "bodySm", children: s }),
-      e && /* @__PURE__ */ t(
+      /* @__PURE__ */ e(i, { as: "p", defaultVariant: "bodySm", children: s }),
+      t && /* @__PURE__ */ e(
         u,
         {
           suffixIcon: c.ARROW_FORWARD,
           as: "a",
-          href: e.url,
-          inverted: r === "dark" && !a || r === "light" && a,
-          children: e.label
+          href: t.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          inverted: o === "dark" && !a || o === "light" && a,
+          children: t.label
         }
       )
     ]

package/dist/components/FilterMenu/FilterMenu.d.ts

@@ -13,5 +13,5 @@ type FilterMenuProps<T extends string | number> = {
     options: ReadonlyArray<TOptionGroup<T>>;
     onSelect: (value: T, optionGroup: TOptionGroup<T>) => void;
 };
-export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FilterMenu/FilterMenu.es.js

@@ -6,7 +6,13 @@ import { Icon as v } from "../Icon/Icon.es.js";
 import { EIconName as m } from "../Icon/constants.es.js";
 import { Typography as o } from "../Typography/Typography.es.js";
 import e from "./filterMenu.module.css.es.js";
-function j({ label: c, open: d = !1, options: p, selectedValue: u, onSelect: h }) {
+function j({
+  label: c,
+  open: d = !1,
+  options: p,
+  selectedValue: u,
+  onSelect: h
+}) {
   const [t, f] = g(d), b = () => f((l) => !l);
   return /* @__PURE__ */ r("div", { className: e.root, children: [
     /* @__PURE__ */ r("button", { className: e.toggleButton, onClick: b, children: [
@@ -14,7 +20,16 @@ function j({ label: c, open: d = !1, options: p, selectedValue: u, onSelect: h }
       /* @__PURE__ */ a(v, { name: t ? m.REMOVE : m.PLUS, className: e.toggleIcon })
     ] }),
     /* @__PURE__ */ a("div", { className: n(e.menu, t && e.isOpen), role: "menu", children: p.map((l, s) => /* @__PURE__ */ r("ul", { className: e.subOptions, children: [
-      l.label && /* @__PURE__ */ a("li", { className: n(e.divider, s !== 0 && e.dividerLine), children: /* @__PURE__ */ a(o, { as: "div", defaultVariant: "bodyMd", weight: "medium", className: e.dividerLabel, children: l.label }) }, s),
+      l.label && /* @__PURE__ */ a("li", { className: n(e.divider, s !== 0 && e.dividerLine), children: /* @__PURE__ */ a(
+        o,
+        {
+          as: "div",
+          defaultVariant: "bodyMd",
+          weight: "medium",
+          className: e.dividerLabel,
+          children: l.label
+        }
+      ) }, s),
       l.values.map(({ value: i, label: N }) => /* @__PURE__ */ a("li", { className: e.option, onClick: () => h(i, l), children: /* @__PURE__ */ a(
         o,
         {

package/dist/components/InfiniteScroll/InfiniteScroll.es.js

@@ -51,7 +51,15 @@ function P({ items: c, speed: y = 50, contentClassName: W, itemClassName: q, roo
       const t = s + 200, e = Math.min(t, 0);
       R(e);
     }
-  })), /* @__PURE__ */ M("div", { className: w(x.root, F), onMouseEnter: N, onMouseLeave: X, children: /* @__PURE__ */ M("div", { className: w(x.content, W), style: { transform: `translate3D(${s}px, 0, 0)` }, ref: l, children: Array.from({ length: c.length * I }, (t, e) => /* @__PURE__ */ M("div", { className: w(x.item, q), children: S(c[e % c.length], e) }, e)) }) });
+  })), /* @__PURE__ */ M("div", { className: w(x.root, F), onMouseEnter: N, onMouseLeave: X, children: /* @__PURE__ */ M(
+    "div",
+    {
+      className: w(x.content, W),
+      style: { transform: `translate3D(${s}px, 0, 0)` },
+      ref: l,
+      children: Array.from({ length: c.length * I }, (t, e) => /* @__PURE__ */ M("div", { className: w(x.item, q), children: S(c[e % c.length], e) }, e))
+    }
+  ) });
 }
 const G = D(P);
 export {

package/dist/components/Label/Label.es.js

@@ -5,7 +5,15 @@ import e from "./label.module.css.es.js";
 const p = {
   sm: o.labelXs,
   lg: o.labelSm
-}, f = ({ children: m, color: t, size: r = "sm", className: a }) => /* @__PURE__ */ s("div", { className: l(e.root, o.labelEmphasis, p[r], a), "data-size": r, "data-color": t, children: m });
+}, f = ({ children: m, color: t, size: r = "sm", className: a }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: l(e.root, o.labelEmphasis, p[r], a),
+    "data-size": r,
+    "data-color": t,
+    children: m
+  }
+);
 export {
   f as Label
 };

package/dist/components/Pricing/Pricing.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../utils/cn/cn.cjs.js"),t=require("../Button/Button.cjs.js"),c=require("../Label/Label.cjs.js"),o=require("../Typography/Typography.cjs.js"),m=require("./components/BenefitItem/BenefitItem.cjs.js"),a=require("./pricing.module.css.cjs.js"),g=({label:i,price:d,items:u,link:r,button:s})=>e.jsxs("div",{className:a.default.root,children:[e.jsx(c.Label,{size:"lg",color:i.color,className:n.cn(a.default.pricingLabel,a.default.pricingLabelDesktop),children:i.label}),e.jsx(c.Label,{size:"sm",color:i.color,className:n.cn(a.default.pricingLabel,a.default.pricingLabelMobile),children:i.label}),e.jsxs("p",{className:a.default.pricing,children:[e.jsx(o.Typography,{as:"span",defaultVariant:"displayMd",mobileVariant:"displaySm",className:a.default.pricingTextPrimary,children:`$${d}`}),e.jsx(o.Typography,{as:"span",defaultVariant:"headingSm",mobileVariant:"headingXs",className:a.default.pricingTextSecondary,children:"/ mo"})]}),e.jsx("div",{className:a.default.benefits,children:u.map((l,p)=>e.jsx(m.BenefitItem,{badge:l.badge,label:l.label},p))}),e.jsx("div",{className:a.default.pricingButtonContainerDesktop,children:e.jsx(t.Button,{...s,size:"lg",as:"a",href:r,children:"GET STARTED"})}),e.jsx("div",{className:a.default.pricingButtonContainerMobile,children:e.jsx(t.Button,{...s,size:"md",as:"a",href:r,children:"GET STARTED"})}),e.jsx("div",{className:a.default.leftBorder}),e.jsx("div",{className:a.default.rightBorder})]});exports.Pricing=g;

package/dist/components/Pricing/Pricing.d.ts

@@ -0,0 +1,3 @@
+import { PricingElementView } from './types';
+
+export declare const Pricing: ({ label, price, items, link, button }: PricingElementView) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Pricing/Pricing.es.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { Button as c } from "../Button/Button.es.js";
+import { Label as m } from "../Label/Label.es.js";
+import { Typography as t } from "../Typography/Typography.es.js";
+import { BenefitItem as h } from "./components/BenefitItem/BenefitItem.es.js";
+import i from "./pricing.module.css.es.js";
+const u = ({ label: r, price: d, items: p, link: a, button: s }) => /* @__PURE__ */ o("div", { className: i.root, children: [
+  /* @__PURE__ */ e(m, { size: "lg", color: r.color, className: n(i.pricingLabel, i.pricingLabelDesktop), children: r.label }),
+  /* @__PURE__ */ e(m, { size: "sm", color: r.color, className: n(i.pricingLabel, i.pricingLabelMobile), children: r.label }),
+  /* @__PURE__ */ o("p", { className: i.pricing, children: [
+    /* @__PURE__ */ e(
+      t,
+      {
+        as: "span",
+        defaultVariant: "displayMd",
+        mobileVariant: "displaySm",
+        className: i.pricingTextPrimary,
+        children: `$${d}`
+      }
+    ),
+    /* @__PURE__ */ e(
+      t,
+      {
+        as: "span",
+        defaultVariant: "headingSm",
+        mobileVariant: "headingXs",
+        className: i.pricingTextSecondary,
+        children: "/ mo"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e("div", { className: i.benefits, children: p.map((l, g) => /* @__PURE__ */ e(h, { badge: l.badge, label: l.label }, g)) }),
+  /* @__PURE__ */ e("div", { className: i.pricingButtonContainerDesktop, children: /* @__PURE__ */ e(c, { ...s, size: "lg", as: "a", href: a, children: "GET STARTED" }) }),
+  /* @__PURE__ */ e("div", { className: i.pricingButtonContainerMobile, children: /* @__PURE__ */ e(c, { ...s, size: "md", as: "a", href: a, children: "GET STARTED" }) }),
+  /* @__PURE__ */ e("div", { className: i.leftBorder }),
+  /* @__PURE__ */ e("div", { className: i.rightBorder })
+] });
+export {
+  u as Pricing
+};

package/dist/components/Pricing/components/BenefitItem/BenefitItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../TypeBadge/TypeBadge.cjs.js"),t=require("./benefitItem.module.css.cjs.js"),i=({badge:r,label:n})=>e.jsxs("div",{className:t.default.root,children:[e.jsx(s.TypeBadge,{type:r}),e.jsx("p",{className:t.default.benefitLabel,children:n})]});exports.BenefitItem=i;

package/dist/components/Pricing/components/BenefitItem/BenefitItem.d.ts

@@ -0,0 +1,8 @@
+import { ETypeBadge } from '../../../TypeBadge';
+
+type Props = {
+    badge: ETypeBadge;
+    label: string;
+};
+export declare const BenefitItem: ({ badge, label }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Pricing/components/BenefitItem/BenefitItem.es.js

@@ -0,0 +1,10 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { TypeBadge as m } from "../../../TypeBadge/TypeBadge.es.js";
+import r from "./benefitItem.module.css.es.js";
+const l = ({ badge: t, label: o }) => /* @__PURE__ */ s("div", { className: r.root, children: [
+  /* @__PURE__ */ e(m, { type: t }),
+  /* @__PURE__ */ e("p", { className: r.benefitLabel, children: o })
+] });
+export {
+  l as BenefitItem
+};

package/dist/components/Pricing/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__root___2QX95",t={root:e};exports.default=t;exports.root=e;

package/dist/components/Pricing/components/BenefitItem/benefitItem.module.css.es.js

@@ -0,0 +1,7 @@
+const o = "benefitItem-module__root___2QX95", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/components/Pricing/components/BenefitItem/index.d.ts

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

package/dist/components/Pricing/components/index.d.ts

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

package/dist/components/Pricing/index.d.ts

@@ -0,0 +1,2 @@
+export { Pricing } from './Pricing';
+export type { PricingElementView } from './types';

package/dist/components/Pricing/pricing.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i="pricing-module__root___alGxI",e="pricing-module__pricingLabel___BrDUJ",n="pricing-module__pricingLabelDesktop___7H4iO",o="pricing-module__pricingLabelMobile___dpLsD",r="pricing-module__pricing___h1pM-",t="pricing-module__benefits___X-1Oc",_="pricing-module__pricingButtonContainerDesktop___kW7G4",c="pricing-module__pricingButtonContainerMobile___I-OGE",p="pricing-module__leftBorder___84NLl",l="pricing-module__rightBorder___50VVT",g={root:i,pricingLabel:e,pricingLabelDesktop:n,pricingLabelMobile:o,pricing:r,benefits:t,pricingButtonContainerDesktop:_,pricingButtonContainerMobile:c,leftBorder:p,rightBorder:l};exports.benefits=t;exports.default=g;exports.leftBorder=p;exports.pricing=r;exports.pricingButtonContainerDesktop=_;exports.pricingButtonContainerMobile=c;exports.pricingLabel=e;exports.pricingLabelDesktop=n;exports.pricingLabelMobile=o;exports.rightBorder=l;exports.root=i;

package/dist/components/Pricing/pricing.module.css.es.js

@@ -0,0 +1,25 @@
+const i = "pricing-module__root___alGxI", n = "pricing-module__pricingLabel___BrDUJ", o = "pricing-module__pricingLabelDesktop___7H4iO", e = "pricing-module__pricingLabelMobile___dpLsD", r = "pricing-module__pricing___h1pM-", t = "pricing-module__benefits___X-1Oc", _ = "pricing-module__pricingButtonContainerDesktop___kW7G4", c = "pricing-module__pricingButtonContainerMobile___I-OGE", p = "pricing-module__leftBorder___84NLl", l = "pricing-module__rightBorder___50VVT", g = {
+  root: i,
+  pricingLabel: n,
+  pricingLabelDesktop: o,
+  pricingLabelMobile: e,
+  pricing: r,
+  benefits: t,
+  pricingButtonContainerDesktop: _,
+  pricingButtonContainerMobile: c,
+  leftBorder: p,
+  rightBorder: l
+};
+export {
+  t as benefits,
+  g as default,
+  p as leftBorder,
+  r as pricing,
+  _ as pricingButtonContainerDesktop,
+  c as pricingButtonContainerMobile,
+  n as pricingLabel,
+  o as pricingLabelDesktop,
+  e as pricingLabelMobile,
+  l as rightBorder,
+  i as root
+};

package/dist/components/Pricing/types.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps } from '../Button';
+import { LabelColor } from '../Label';
+import { ETypeBadge } from '../TypeBadge';
+
+export type PricingElementView = {
+    label: {
+        label: string;
+        color: LabelColor;
+    };
+    items: Array<{
+        badge: ETypeBadge;
+        label: string;
+    }>;
+    price: number;
+    button: ButtonProps;
+    link: string;
+};

package/dist/components/ProductGalleryCard/ProductGalleryCard.d.ts

@@ -3,5 +3,5 @@ import { TProductGalleryCardView } from './types';
 type ProductGalleryCardProps = {
     isHoverable?: boolean;
 } & TProductGalleryCardView;
-export declare const ProductGalleryCard: ({ name, price, image, link, buttons, isHoverable }: ProductGalleryCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductGalleryCard: ({ name, price, image, link, buttons, isHoverable, }: ProductGalleryCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ProductGalleryCard/ProductGalleryCard.es.js

@@ -3,7 +3,14 @@ import { Button as s } from "../Button/Button.es.js";
 import { Typography as c } from "../Typography/Typography.es.js";
 import { cn as m } from "../../utils/cn/cn.es.js";
 import e from "./productGalleryCard.module.css.es.js";
-const k = ({ name: d, price: p, image: h, link: u, buttons: t, isHoverable: o = !0 }) => {
+const k = ({
+  name: d,
+  price: p,
+  image: h,
+  link: u,
+  buttons: t,
+  isHoverable: o = !0
+}) => {
   const i = (r) => {
     r.preventDefault(), r.stopPropagation();
   };
@@ -13,8 +20,22 @@ const k = ({ name: d, price: p, image: h, link: u, buttons: t, isHoverable: o =
       /* @__PURE__ */ a(c, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: e.price, children: p })
     ] }),
     /* @__PURE__ */ a("img", { src: h, alt: "product image", className: e.productImage }),
-    /* @__PURE__ */ a("div", { onClick: i, className: m(e.buttonContainerDesktop, o && e.hoverableButtons), children: t.map((r, l) => /* @__PURE__ */ a(s, { size: "sm", ...r, children: r.label }, l)) }),
-    /* @__PURE__ */ a("div", { onClick: i, className: m(e.buttonContainerMobile, o && e.hoverableButtons), children: t.map((r, l) => /* @__PURE__ */ a(s, { size: "xs", ...r, children: r.label }, l)) })
+    /* @__PURE__ */ a(
+      "div",
+      {
+        onClick: i,
+        className: m(e.buttonContainerDesktop, o && e.hoverableButtons),
+        children: t.map((r, l) => /* @__PURE__ */ a(s, { size: "sm", ...r, children: r.label }, l))
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        onClick: i,
+        className: m(e.buttonContainerMobile, o && e.hoverableButtons),
+        children: t.map((r, l) => /* @__PURE__ */ a(s, { size: "xs", ...r, children: r.label }, l))
+      }
+    )
   ] });
 };
 export {

package/dist/components/ProgressButton/ProgressButton.es.js

@@ -23,7 +23,15 @@ const c = ({ orientation: i, icon: e, disabled: n = !1, onClick: a }) => /* @__P
     children: [
       /* @__PURE__ */ t(c, { orientation: "left", icon: s.ARROW_BACK, disabled: e.disabled, onClick: e.onClick }),
       /* @__PURE__ */ t("div", { className: r(o.divider, { [o.inverted]: i }) }),
-      /* @__PURE__ */ t(c, { orientation: "right", icon: s.ARROW_FORWARD, disabled: n.disabled, onClick: n.onClick })
+      /* @__PURE__ */ t(
+        c,
+        {
+          orientation: "right",
+          icon: s.ARROW_FORWARD,
+          disabled: n.disabled,
+          onClick: n.onClick
+        }
+      )
     ]
   }
 );

package/dist/components/StepsCarousel/StepsCarousel.es.js

@@ -48,21 +48,55 @@ const B = ({ steps: s, colorScheme: i }) => {
               children: [
                 /* @__PURE__ */ n("div", { className: f(t.imageWrapper, a && t.imageWrapperActive), children: /* @__PURE__ */ n("img", { src: e.image, alt: e.title, className: t.image }) }),
                 /* @__PURE__ */ n("div", { className: t.stepLabel, children: a ? /* @__PURE__ */ l(T, { children: [
-                  /* @__PURE__ */ l(N, { size: "lg", className: t.desktop, color: i === "dark" ? "white" : "black", children: [
-                    "Step ",
-                    r + 1
-                  ] }),
-                  /* @__PURE__ */ l(N, { size: "sm", className: t.mobile, color: i === "dark" ? "white" : "black", children: [
-                    "Step ",
-                    r + 1
-                  ] })
-                ] }) : /* @__PURE__ */ l(p, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: t.labelText, children: [
-                  "Step ",
-                  r + 1
-                ] }) }),
+                  /* @__PURE__ */ l(
+                    N,
+                    {
+                      size: "lg",
+                      className: t.desktop,
+                      color: i === "dark" ? "white" : "black",
+                      children: [
+                        "Step ",
+                        r + 1
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ l(
+                    N,
+                    {
+                      size: "sm",
+                      className: t.mobile,
+                      color: i === "dark" ? "white" : "black",
+                      children: [
+                        "Step ",
+                        r + 1
+                      ]
+                    }
+                  )
+                ] }) : /* @__PURE__ */ l(
+                  p,
+                  {
+                    defaultVariant: "labelSm",
+                    mobileVariant: "labelXs",
+                    emphasis: !0,
+                    className: t.labelText,
+                    children: [
+                      "Step ",
+                      r + 1
+                    ]
+                  }
+                ) }),
                 /* @__PURE__ */ l("div", { className: t.textContainer, children: [
                   /* @__PURE__ */ n(p, { as: "h3", defaultVariant: "headingXs", mobileVariant: "headingXxs", children: e.title }),
-                  e.description && /* @__PURE__ */ n(p, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: t.cardDescription, children: e.description })
+                  e.description && /* @__PURE__ */ n(
+                    p,
+                    {
+                      as: "p",
+                      defaultVariant: "bodyMd",
+                      mobileVariant: "bodySm",
+                      className: t.cardDescription,
+                      children: e.description
+                    }
+                  )
                 ] })
               ]
             },

package/dist/components/StudyGridCard/StudyGridCard.es.js

@@ -17,13 +17,43 @@ function S({ title: i, link: l, inverted: o, image: c, date: u, label: n, readTi
     /* @__PURE__ */ a("div", { className: e.imagePart, style: { backgroundImage: `url(${c})` }, children: n && /* @__PURE__ */ a(f, { ...n }) }),
     /* @__PURE__ */ t("div", { className: e.dataPart, children: [
       /* @__PURE__ */ t("div", { className: e.info, children: [
-        /* @__PURE__ */ a(r, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "medium", color: "color-neutral-500", children: b(u) }),
+        /* @__PURE__ */ a(
+          r,
+          {
+            defaultVariant: "labelSm",
+            mobileVariant: "labelXs",
+            emphasis: !0,
+            weight: "medium",
+            color: "color-neutral-500",
+            children: b(u)
+          }
+        ),
         !!m && /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ a(r, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
-          /* @__PURE__ */ t(r, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
-            m,
-            " MIN READ"
-          ] })
+          /* @__PURE__ */ a(
+            r,
+            {
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "medium",
+              color: "color-neutral-500",
+              children: "•"
+            }
+          ),
+          /* @__PURE__ */ t(
+            r,
+            {
+              defaultVariant: "labelSm",
+              mobileVariant: "labelXs",
+              emphasis: !0,
+              weight: "medium",
+              color: "color-neutral-500",
+              children: [
+                m,
+                " MIN READ"
+              ]
+            }
+          )
         ] })
       ] }),
       /* @__PURE__ */ a(r, { className: e.title, defaultVariant: "headingSm", mobileVariant: "bodySm", as: "h6", children: i }),

package/dist/components/Tabs/TabsWithFade.es.js

@@ -22,7 +22,16 @@ function g({ tabs: n, activeTab: l, onTabChange: c }) {
         [r.showFadeLeft]: a,
         [r.showFadeRight]: d
       }),
-      children: /* @__PURE__ */ o("div", { ref: s, className: r.tabsTape, children: /* @__PURE__ */ o(L, { activeTab: l, tabs: n, size: "lg", activeLinePosition: "bottom", onTabClick: c }) })
+      children: /* @__PURE__ */ o("div", { ref: s, className: r.tabsTape, children: /* @__PURE__ */ o(
+        L,
+        {
+          activeTab: l,
+          tabs: n,
+          size: "lg",
+          activeLinePosition: "bottom",
+          onTabClick: c
+        }
+      ) })
     }
   );
 }

package/dist/components/Typography/Typography.es.js

@@ -16,7 +16,14 @@ const _ = ({
   let s = e;
   l && !e && (s = "medium");
   const n = s ? o[`weight${s.charAt(0).toUpperCase()}${s.slice(1)}`] : "", h = t.startsWith("label") && l ? o.labelEmphasis : "", f = r ? o[`mobile__${r}`] : "";
-  return /* @__PURE__ */ y(i, { style: g(p), className: C(c, n, h, f, m), children: a });
+  return /* @__PURE__ */ y(
+    i,
+    {
+      style: g(p),
+      className: C(c, n, h, f, m),
+      children: a
+    }
+  );
 };
 export {
   _ as Typography