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

package/dist/components/Icon/iconsMap.es.js

@@ -2,109 +2,115 @@ import { EIconName as r } from "./constants.es.js";
 import o from "../../icons/action/alert-error-fill.svg.es.js";
 import m from "../../icons/action/alert-error.svg.es.js";
 import S from "../../icons/action/check.svg.es.js";
-import i from "../../icons/action/circle-check-fill.svg.es.js";
-import t from "../../icons/action/circle-check.svg.es.js";
-import p from "../../icons/action/close.svg.es.js";
-import R from "../../icons/action/help.svg.es.js";
-import g from "../../icons/action/info.svg.es.js";
-import v from "../../icons/action/menu.svg.es.js";
-import f from "../../icons/action/plus.svg.es.js";
-import A from "../../icons/action/remove.svg.es.js";
-import C from "../../icons/action/search.svg.es.js";
-import E from "../../icons/action/warning.svg.es.js";
-import e from "../../icons/arrow/arrow-back.svg.es.js";
-import O from "../../icons/arrow/arrow-downward.svg.es.js";
-import a from "../../icons/arrow/arrow-forward.svg.es.js";
-import L from "../../icons/arrow/arrow-insert.svg.es.js";
-import l from "../../icons/arrow/arrow-outward.svg.es.js";
-import I from "../../icons/arrow/arrow-return.svg.es.js";
-import _ from "../../icons/arrow/arrow-upward.svg.es.js";
-import F from "../../icons/arrow/chevron-back.svg.es.js";
-import N from "../../icons/arrow/chevron-down.svg.es.js";
-import n from "../../icons/arrow/chevron-forward.svg.es.js";
-import H from "../../icons/arrow/chevron-up.svg.es.js";
-import T from "../../icons/chat/message-fill.svg.es.js";
-import c from "../../icons/chat/message.svg.es.js";
-import P from "../../icons/eCommerce/calendar.svg.es.js";
-import D from "../../icons/eCommerce/cart.svg.es.js";
-import W from "../../icons/eCommerce/package-fill.svg.es.js";
-import s from "../../icons/eCommerce/package.svg.es.js";
-import w from "../../icons/faces/smile-fill.svg.es.js";
-import M from "../../icons/faces/smile.svg.es.js";
-import h from "../../icons/indicators/circle-dash-fill.svg.es.js";
+import t from "../../icons/action/circle-check-fill.svg.es.js";
+import i from "../../icons/action/circle-check.svg.es.js";
+import R from "../../icons/action/close.svg.es.js";
+import g from "../../icons/action/bracket-left.svg.es.js";
+import p from "../../icons/action/bracket-right.svg.es.js";
+import v from "../../icons/action/help.svg.es.js";
+import f from "../../icons/action/info.svg.es.js";
+import A from "../../icons/action/menu.svg.es.js";
+import C from "../../icons/action/play.svg.es.js";
+import E from "../../icons/action/plus.svg.es.js";
+import e from "../../icons/action/remove.svg.es.js";
+import a from "../../icons/action/search.svg.es.js";
+import L from "../../icons/action/warning.svg.es.js";
+import O from "../../icons/arrow/arrow-back.svg.es.js";
+import l from "../../icons/arrow/arrow-downward.svg.es.js";
+import I from "../../icons/arrow/arrow-forward.svg.es.js";
+import _ from "../../icons/arrow/arrow-insert.svg.es.js";
+import F from "../../icons/arrow/arrow-outward.svg.es.js";
+import N from "../../icons/arrow/arrow-return.svg.es.js";
+import T from "../../icons/arrow/arrow-upward.svg.es.js";
+import n from "../../icons/arrow/chevron-back.svg.es.js";
+import c from "../../icons/arrow/chevron-down.svg.es.js";
+import H from "../../icons/arrow/chevron-forward.svg.es.js";
+import P from "../../icons/arrow/chevron-up.svg.es.js";
+import D from "../../icons/chat/message-fill.svg.es.js";
+import W from "../../icons/chat/message.svg.es.js";
+import s from "../../icons/eCommerce/calendar.svg.es.js";
+import w from "../../icons/eCommerce/cart.svg.es.js";
+import M from "../../icons/eCommerce/package-fill.svg.es.js";
+import h from "../../icons/eCommerce/package.svg.es.js";
+import k from "../../icons/faces/smile-fill.svg.es.js";
+import B from "../../icons/faces/smile.svg.es.js";
+import K from "../../icons/indicators/circle-dash-fill.svg.es.js";
 import U from "../../icons/indicators/circle-dash.svg.es.js";
-import k from "../../icons/global/pin-drop.svg.es.js";
-import K from "../../icons/global/filter.svg.es.js";
-import G from "../../icons/medical/coaching.svg.es.js";
-import d from "../../icons/medical/labs.svg.es.js";
-import u from "../../icons/medical/myspan.svg.es.js";
-import B from "../../icons/medical/optimizations.svg.es.js";
-import V from "../../icons/medical/protocols.svg.es.js";
-import b from "../../icons/medical/ruler.svg.es.js";
-import X from "../../icons/medical/scale.svg.es.js";
-import x from "../../icons/social/facebook.svg.es.js";
-import y from "../../icons/social/heart-fill.svg.es.js";
-import z from "../../icons/social/heart.svg.es.js";
-import Y from "../../icons/social/instagram.svg.es.js";
-import Z from "../../icons/social/star-fill.svg.es.js";
-import j from "../../icons/social/star-half.svg.es.js";
-import q from "../../icons/social/star-outline.svg.es.js";
-import J from "../../icons/social/star.svg.es.js";
-import Q from "../../icons/social/x.svg.es.js";
-const Qr = {
+import G from "../../icons/global/pin-drop.svg.es.js";
+import d from "../../icons/global/filter.svg.es.js";
+import u from "../../icons/medical/coaching.svg.es.js";
+import V from "../../icons/medical/labs.svg.es.js";
+import b from "../../icons/medical/myspan.svg.es.js";
+import y from "../../icons/medical/optimizations.svg.es.js";
+import X from "../../icons/medical/protocols.svg.es.js";
+import Y from "../../icons/medical/ruler.svg.es.js";
+import x from "../../icons/medical/scale.svg.es.js";
+import z from "../../icons/social/facebook.svg.es.js";
+import Z from "../../icons/social/heart-fill.svg.es.js";
+import j from "../../icons/social/heart.svg.es.js";
+import q from "../../icons/social/instagram.svg.es.js";
+import J from "../../icons/social/star-fill.svg.es.js";
+import Q from "../../icons/social/star-half.svg.es.js";
+import $ from "../../icons/social/star-outline.svg.es.js";
+import rr from "../../icons/social/star.svg.es.js";
+import or from "../../icons/social/x.svg.es.js";
+const to = {
   [r.ALERT_ERROR_FILL]: o,
   [r.ALERT_ERROR]: m,
   [r.CHECK]: S,
-  [r.CIRCLE_CHECK_FILL]: i,
-  [r.CIRCLE_CHECK]: t,
-  [r.CLOSE]: p,
-  [r.HELP]: R,
-  [r.INFO]: g,
-  [r.MENU]: v,
-  [r.PLUS]: f,
-  [r.REMOVE]: A,
-  [r.SEARCH]: C,
-  [r.WARNING]: E,
-  [r.ARROW_BACK]: e,
-  [r.ARROW_DOWNWARD]: O,
-  [r.ARROW_FORWARD]: a,
-  [r.ARROW_INSERT]: L,
-  [r.ARROW_OUTWARD]: l,
-  [r.ARROW_RETURN]: I,
-  [r.ARROW_UPWARD]: _,
-  [r.CHEVRON_BACK]: F,
-  [r.CHEVRON_DOWN]: N,
-  [r.CHEVRON_FORWARD]: n,
-  [r.CHEVRON_UP]: H,
-  [r.MESSAGE_FILL]: T,
-  [r.MESSAGE]: c,
-  [r.CALENDAR]: P,
-  [r.CART]: D,
-  [r.PACKAGE_FILL]: W,
-  [r.PACKAGE]: s,
-  [r.SMILE_FILL]: w,
-  [r.SMILE]: M,
-  [r.CIRCLE_DASH_FILL]: h,
+  [r.CIRCLE_CHECK_FILL]: t,
+  [r.CIRCLE_CHECK]: i,
+  [r.CLOSE]: R,
+  [r.BRACKET_LEFT]: g,
+  [r.BRACKET_RIGHT]: p,
+  [r.HELP]: v,
+  [r.INFO]: f,
+  [r.MENU]: A,
+  [r.PLAY]: C,
+  [r.PLUS]: E,
+  [r.REMOVE]: e,
+  [r.SEARCH]: a,
+  [r.WARNING]: L,
+  [r.ARROW_BACK]: O,
+  [r.ARROW_DOWNWARD]: l,
+  [r.ARROW_FORWARD]: I,
+  [r.ARROW_INSERT]: _,
+  [r.ARROW_OUTWARD]: F,
+  [r.ARROW_RETURN]: N,
+  [r.ARROW_UPWARD]: T,
+  [r.CHEVRON_BACK]: n,
+  [r.CHEVRON_DOWN]: c,
+  [r.CHEVRON_FORWARD]: H,
+  [r.CHEVRON_UP]: P,
+  [r.MESSAGE_FILL]: D,
+  [r.MESSAGE]: W,
+  [r.CALENDAR]: s,
+  [r.CART]: w,
+  [r.PACKAGE_FILL]: M,
+  [r.PACKAGE]: h,
+  [r.SMILE_FILL]: k,
+  [r.SMILE]: B,
+  [r.CIRCLE_DASH_FILL]: K,
   [r.CIRCLE_DASH]: U,
-  [r.PIN_DROP]: k,
-  [r.FILTER]: K,
-  [r.COACHING]: G,
-  [r.LABS]: d,
-  [r.MYSPAN]: u,
-  [r.OPTIMIZATIONS]: B,
-  [r.PROTOCOLS]: V,
-  [r.RULER]: b,
-  [r.SCALE]: X,
-  [r.FACEBOOK]: x,
-  [r.HEART_FILL]: y,
-  [r.HEART]: z,
-  [r.INSTAGRAM]: Y,
-  [r.STAR_FILL]: Z,
-  [r.STAR_HALF]: j,
-  [r.STAR_OUTLINE]: q,
-  [r.STAR]: J,
-  [r.X]: Q
+  [r.PIN_DROP]: G,
+  [r.FILTER]: d,
+  [r.COACHING]: u,
+  [r.LABS]: V,
+  [r.MYSPAN]: b,
+  [r.OPTIMIZATIONS]: y,
+  [r.PROTOCOLS]: X,
+  [r.RULER]: Y,
+  [r.SCALE]: x,
+  [r.FACEBOOK]: z,
+  [r.HEART_FILL]: Z,
+  [r.HEART]: j,
+  [r.INSTAGRAM]: q,
+  [r.STAR_FILL]: J,
+  [r.STAR_HALF]: Q,
+  [r.STAR_OUTLINE]: $,
+  [r.STAR]: rr,
+  [r.X]: or
 };
 export {
-  Qr as ICON_COMPONENTS
+  to as ICON_COMPONENTS
 };

package/dist/components/IconBracket/IconBracket.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../Icon/Icon.cjs.js"),n=require("../Icon/constants.cjs.js"),c=require("./iconBracket.module.css.cjs.js"),t={close:n.EIconName.CLOSE,plus:n.EIconName.PLUS,arrow:n.EIconName.ARROW_FORWARD},r=({style:a,size:I,variant:s})=>e.jsxs("div",{className:c.default.root,children:[e.jsx(o.Icon,{name:n.EIconName.BRACKET_LEFT}),e.jsx("div",{className:c.default.contentIcon,children:e.jsx(o.Icon,{name:t[s]})}),e.jsx(o.Icon,{name:n.EIconName.BRACKET_RIGHT})]});exports.IconBracket=r;

package/dist/components/IconBracket/IconBracket.d.ts

@@ -0,0 +1,3 @@
+import { TIconBracketProps } from './types';
+
+export declare const IconBracket: ({ style, size, variant }: TIconBracketProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/IconBracket/IconBracket.es.js

@@ -0,0 +1,16 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { Icon as e } from "../Icon/Icon.es.js";
+import { EIconName as o } from "../Icon/constants.es.js";
+import s from "./iconBracket.module.css.es.js";
+const t = {
+  close: o.CLOSE,
+  plus: o.PLUS,
+  arrow: o.ARROW_FORWARD
+}, I = ({ style: c, size: a, variant: m }) => /* @__PURE__ */ n("div", { className: s.root, children: [
+  /* @__PURE__ */ r(e, { name: o.BRACKET_LEFT }),
+  /* @__PURE__ */ r("div", { className: s.contentIcon, children: /* @__PURE__ */ r(e, { name: t[m] }) }),
+  /* @__PURE__ */ r(e, { name: o.BRACKET_RIGHT })
+] });
+export {
+  I as IconBracket
+};

package/dist/components/IconBracket/iconBracket.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="iconBracket-module__root___2YA8I",t="iconBracket-module__contentIcon___DWot0",e={root:o,contentIcon:t};exports.contentIcon=t;exports.default=e;exports.root=o;

package/dist/components/IconBracket/iconBracket.module.css.es.js

@@ -0,0 +1,9 @@
+const o = "iconBracket-module__root___2YA8I", t = "iconBracket-module__contentIcon___DWot0", n = {
+  root: o,
+  contentIcon: t
+};
+export {
+  t as contentIcon,
+  n as default,
+  o as root
+};

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

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

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

@@ -0,0 +1,8 @@
+export type TIconBracketStyle = 'light' | 'dark';
+export type TIconBracketSize = 'sm' | 'md' | 'lg';
+export type TIconBracketVariant = 'close' | 'plus' | 'arrow';
+export type TIconBracketProps = {
+    style: TIconBracketStyle;
+    size: TIconBracketSize;
+    variant: TIconBracketVariant;
+};

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/PlayButton/PlayButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),r=require("../Icon/Icon.cjs.js"),s=require("../Icon/constants.cjs.js"),n=require("./playButton.module.css.cjs.js"),u=({inverted:t,onClick:o})=>e.jsx("button",{className:c.cn(n.default.button,t&&n.default.inverted),onClick:o,children:e.jsx("div",{className:n.default.iconWrapper,children:e.jsx(r.Icon,{name:s.EIconName.PLAY})})});exports.PlayButton=u;

package/dist/components/PlayButton/PlayButton.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+type PlayButtonProps = {
+    inverted?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export declare const PlayButton: ({ inverted, onClick }: PlayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PlayButton/PlayButton.es.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { Icon as e } from "../Icon/Icon.es.js";
+import { EIconName as i } from "../Icon/constants.es.js";
+import r from "./playButton.module.css.es.js";
+const f = ({ inverted: t, onClick: m }) => /* @__PURE__ */ o("button", { className: n(r.button, t && r.inverted), onClick: m, children: /* @__PURE__ */ o("div", { className: r.iconWrapper, children: /* @__PURE__ */ o(e, { name: i.PLAY }) }) });
+export {
+  f as PlayButton
+};

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

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

package/dist/components/PlayButton/playButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="playButton-module__button___SiZc2",t="playButton-module__inverted___gjeVr",o="playButton-module__iconWrapper___1vrne",n={button:e,inverted:t,iconWrapper:o};exports.button=e;exports.default=n;exports.iconWrapper=o;exports.inverted=t;

package/dist/components/PlayButton/playButton.module.css.es.js

@@ -0,0 +1,11 @@
+const t = "playButton-module__button___SiZc2", e = "playButton-module__inverted___gjeVr", n = "playButton-module__iconWrapper___1vrne", o = {
+  button: t,
+  inverted: e,
+  iconWrapper: n
+};
+export {
+  t as button,
+  o as default,
+  n as iconWrapper,
+  e as inverted
+};

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.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),l=require("../Icon/Icon.cjs.js"),i=require("../Icon/constants.cjs.js"),e=require("./progressButton.module.css.cjs.js"),r=({orientation:n,icon:o,disabled:s=!1,onClick:a})=>t.jsx("button",{className:c.cn(e.default.button,{[e.default.buttonLeft]:n==="left",[e.default.buttonRight]:n==="right"}),disabled:s,onClick:a,children:t.jsx("div",{className:e.default.iconWrap,children:t.jsx(l.Icon,{name:o,className:e.default.icon})})}),d=({invert:n=!1,left:o,right:s})=>t.jsxs("div",{className:c.cn(e.default.root,{[e.default.inverted]:n}),children:[t.jsx(r,{orientation:"left",icon:i.EIconName.ARROW_BACK,disabled:o.disabled,onClick:o.onClick}),t.jsx("div",{className:c.cn(e.default.divider,{[e.default.inverted]:n})}),t.jsx(r,{orientation:"right",icon:i.EIconName.ARROW_FORWARD,disabled:s.disabled,onClick:s.onClick})]});exports.ProgressButton=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../utils/cn/cn.cjs.js"),l=require("../Icon/Icon.cjs.js"),r=require("../Icon/constants.cjs.js"),e=require("./progressButton.module.css.cjs.js"),a=({orientation:n,icon:o,disabled:s=!1,onClick:c})=>t.jsx("button",{className:i.cn(e.default.button,{[e.default.buttonLeft]:n==="left",[e.default.buttonRight]:n==="right"}),disabled:s,onClick:c,children:t.jsx("div",{className:e.default.iconWrap,children:t.jsx(l.Icon,{name:o,className:e.default.icon})})}),d=({invert:n=!1,left:o,right:s,className:c})=>t.jsxs("div",{className:i.cn(e.default.root,{[e.default.inverted]:n},c),children:[t.jsx(a,{orientation:"left",icon:r.EIconName.ARROW_BACK,disabled:o.disabled,onClick:o.onClick}),t.jsx("div",{className:i.cn(e.default.divider,{[e.default.inverted]:n})}),t.jsx(a,{orientation:"right",icon:r.EIconName.ARROW_FORWARD,disabled:s.disabled,onClick:s.onClick})]});exports.ProgressButton=d;

package/dist/components/ProgressButton/ProgressButton.d.ts

@@ -10,5 +10,6 @@ export type ProgressButtonProps = {
     invert?: boolean;
     left: ButtonHTMLAttributes<HTMLButtonElement>;
     right: ButtonHTMLAttributes<HTMLButtonElement>;
+    className?: string;
 };
-export declare const ProgressButton: ({ invert, left, right }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressButton: ({ invert, left, right, className }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +1,41 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { cn as r } from "../../utils/cn/cn.es.js";
+import { cn as s } from "../../utils/cn/cn.es.js";
 import { Icon as d } from "../Icon/Icon.es.js";
-import { EIconName as s } from "../Icon/constants.es.js";
+import { EIconName as c } from "../Icon/constants.es.js";
 import o from "./progressButton.module.css.es.js";
-const c = ({ orientation: i, icon: e, disabled: n = !1, onClick: a }) => /* @__PURE__ */ t(
+const a = ({ orientation: i, icon: e, disabled: n = !1, onClick: r }) => /* @__PURE__ */ t(
   "button",
   {
-    className: r(o.button, {
+    className: s(o.button, {
       [o.buttonLeft]: i === "left",
       [o.buttonRight]: i === "right"
     }),
     disabled: n,
-    onClick: a,
+    onClick: r,
     children: /* @__PURE__ */ t("div", { className: o.iconWrap, children: /* @__PURE__ */ t(d, { name: e, className: o.icon }) })
   }
-), R = ({ invert: i = !1, left: e, right: n }) => /* @__PURE__ */ l(
+), R = ({ invert: i = !1, left: e, right: n, className: r }) => /* @__PURE__ */ l(
   "div",
   {
-    className: r(o.root, {
-      [o.inverted]: i
-    }),
+    className: s(
+      o.root,
+      {
+        [o.inverted]: i
+      },
+      r
+    ),
     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(a, { orientation: "left", icon: c.ARROW_BACK, disabled: e.disabled, onClick: e.onClick }),
+      /* @__PURE__ */ t("div", { className: s(o.divider, { [o.inverted]: i }) }),
+      /* @__PURE__ */ t(
+        a,
+        {
+          orientation: "right",
+          icon: c.ARROW_FORWARD,
+          disabled: n.disabled,
+          onClick: n.onClick
+        }
+      )
     ]
   }
 );