@zenpatient-org/healthspan-marketing-ui 0.1.32 → 0.1.34

package/dist/components/Pagination/Pagination.es.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { cn as s } from "../../utils/cn/cn.es.js";
+import { Icon as d } from "../Icon/Icon.es.js";
+import { EIconName as i } from "../Icon/constants.es.js";
+import { Typography as x } from "../Typography/Typography.es.js";
+import o from "./pagination.module.css.es.js";
+const A = (r, t, a) => {
+  if (t <= a)
+    return Array.from({ length: t }, (c, f) => f + 1);
+  const n = Math.floor(a / 2);
+  let l = Math.max(1, r - n), m = l + a - 1;
+  return m > t && (m = t, l = m - a + 1), Array.from({ length: a }, (c, f) => l + f);
+}, k = ({ page: r, pagesCount: t, visiblePagesLimit: a, disabled: n, onPageChange: l }) => {
+  const m = h(
+    () => A(r, t, a),
+    [r, t, a]
+  );
+  return /* @__PURE__ */ N("div", { className: o.root, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.arrow, o.arrowPrev),
+        onClick: () => l(r - 1),
+        disabled: n || r <= 1,
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ e(d, { name: i.ARROW_BACK, className: o.icon })
+      }
+    ),
+    m.map((c) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.page, c === r && o.activePage),
+        onClick: () => l(c),
+        children: /* @__PURE__ */ e(x, { defaultVariant: "labelXl", weight: "regular", children: c.toString().padStart(2, "0") })
+      },
+      c
+    )),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: s(o.arrow, o.arrowNext),
+        onClick: () => l(r + 1),
+        disabled: n || r >= t,
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ e(d, { name: i.ARROW_FORWARD, className: o.icon })
+      }
+    )
+  ] });
+};
+export {
+  k as Pagination
+};

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

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

package/dist/components/Pagination/pagination.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="pagination-module__root___fzvDV",a="pagination-module__page___rz1y4",e="pagination-module__activePage___hjPRG",r="pagination-module__arrow___zwrJW",_="pagination-module__arrowPrev___-IjY3",t="pagination-module__arrowNext___wvIaz",n="pagination-module__icon___4HqmM",i={root:o,page:a,activePage:e,arrow:r,arrowPrev:_,arrowNext:t,icon:n};exports.activePage=e;exports.arrow=r;exports.arrowNext=t;exports.arrowPrev=_;exports.default=i;exports.icon=n;exports.page=a;exports.root=o;

package/dist/components/Pagination/pagination.module.css.es.js

@@ -0,0 +1,19 @@
+const o = "pagination-module__root___fzvDV", a = "pagination-module__page___rz1y4", _ = "pagination-module__activePage___hjPRG", r = "pagination-module__arrow___zwrJW", t = "pagination-module__arrowPrev___-IjY3", e = "pagination-module__arrowNext___wvIaz", n = "pagination-module__icon___4HqmM", i = {
+  root: o,
+  page: a,
+  activePage: _,
+  arrow: r,
+  arrowPrev: t,
+  arrowNext: e,
+  icon: n
+};
+export {
+  _ as activePage,
+  r as arrow,
+  e as arrowNext,
+  t as arrowPrev,
+  i as default,
+  n as icon,
+  a as page,
+  o as root
+};

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"),o=require("../../../TypeBadge/TypeBadge.cjs.js"),n=require("../../../Typography/Typography.cjs.js"),a=require("./benefitItem.module.css.cjs.js"),i=({badge:t,label:r})=>e.jsxs("div",{className:a.default.root,children:[e.jsx(o.TypeBadge,{type:t}),e.jsx(n.Typography,{defaultVariant:"labelLg",mobileVariant:"labelMd",children:r})]});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,11 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { TypeBadge as a } from "../../../TypeBadge/TypeBadge.es.js";
+import { Typography as i } from "../../../Typography/Typography.es.js";
+import m from "./benefitItem.module.css.es.js";
+const d = ({ badge: e, label: t }) => /* @__PURE__ */ o("div", { className: m.root, children: [
+  /* @__PURE__ */ r(a, { type: e }),
+  /* @__PURE__ */ r(i, { defaultVariant: "labelLg", mobileVariant: "labelMd", children: t })
+] });
+export {
+  d 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/ProductGallery/ProductGallery.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),j=require("../../node_modules/swiper/modules/navigation.cjs.js"),u=require("../../node_modules/swiper/swiper-react.cjs.js"),p=require("../../utils/cn/cn.cjs.js"),v=require("../../utils/useSwiper/useSwiper.cjs.js"),f=require("../ProgressButton/ProgressButton.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const e=require("./productGallery.module.css.cjs.js"),P=[j.default],N=({slides:i,header:h,isTabbed:l=!1})=>{const{swiper:s,activeIndex:t,isEnd:n,setIsEnd:w,hideNav:S,handleSlideChange:g,handlePrevClick:a,handleNextClick:o,onSwiperInit:m,handleSwiperResize:q,handleSlideTo:d}=v.useSwiper();return c.useEffect(()=>{s==null||s.setProgress(0,300)},[s]),c.useEffect(()=>{i.length&&d(0)},[i,d]),r.jsxs("div",{className:e.default.root,children:[r.jsxs("div",{className:p.cn(e.default.topRow,{[e.default.topRowTabbed]:l}),children:[r.jsx("div",{className:e.default.headerWrapper,children:h}),r.jsx("div",{className:p.cn(e.default.swiperControlsDesktop,{[e.default.swiperControlsHidden]:S,[e.default.swiperControlsTabbed]:l}),children:r.jsx(f.ProgressButton,{left:{disabled:t<=0,onClick:a},right:{disabled:n,onClick:o}})})]}),r.jsx("div",{className:e.default.carouselArea,children:r.jsx(u.Swiper,{onSwiper:m,onResize:q,onSlideChange:g,onReachEnd:()=>w(!0),modules:P,spaceBetween:0,slidesPerView:"auto",className:e.default.swiper,children:i.map((x,C)=>r.jsx(u.SwiperSlide,{className:e.default.swiperSlide,children:x},C))})}),r.jsx("div",{className:e.default.swiperControlsMobile,children:r.jsx(f.ProgressButton,{left:{disabled:t<=0,onClick:a},right:{disabled:n,onClick:o}})})]})};exports.ProductGallery=N;

package/dist/components/ProductGallery/ProductGallery.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export type TProductGalleryProps = {
+    header: ReactNode;
+    slides: ReactNode[];
+    isTabbed?: boolean;
+};
+export declare const ProductGallery: ({ slides, header, isTabbed }: TProductGalleryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProductGallery/ProductGallery.es.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { useEffect as p } from "react";
+import b from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as k, SwiperSlide as E } from "../../node_modules/swiper/swiper-react.es.js";
+import { cn as m } from "../../utils/cn/cn.es.js";
+import { useSwiper as P } from "../../utils/useSwiper/useSwiper.es.js";
+import { ProgressButton as h } from "../ProgressButton/ProgressButton.es.js";
+/* empty css                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import e from "./productGallery.module.css.es.js";
+const R = [b], G = ({ slides: o, header: w, isTabbed: s = !1 }) => {
+  const {
+    swiper: r,
+    activeIndex: l,
+    isEnd: n,
+    setIsEnd: f,
+    hideNav: S,
+    handleSlideChange: C,
+    handlePrevClick: t,
+    handleNextClick: a,
+    onSwiperInit: N,
+    handleSwiperResize: u,
+    handleSlideTo: d
+  } = P();
+  return p(() => {
+    r == null || r.setProgress(0, 300);
+  }, [r]), p(() => {
+    o.length && d(0);
+  }, [o, d]), /* @__PURE__ */ c("div", { className: e.root, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: m(e.topRow, {
+          [e.topRowTabbed]: s
+        }),
+        children: [
+          /* @__PURE__ */ i("div", { className: e.headerWrapper, children: w }),
+          /* @__PURE__ */ i(
+            "div",
+            {
+              className: m(e.swiperControlsDesktop, {
+                [e.swiperControlsHidden]: S,
+                [e.swiperControlsTabbed]: s
+              }),
+              children: /* @__PURE__ */ i(
+                h,
+                {
+                  left: {
+                    disabled: l <= 0,
+                    onClick: t
+                  },
+                  right: {
+                    disabled: n,
+                    onClick: a
+                  }
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: e.carouselArea, children: /* @__PURE__ */ i(
+      k,
+      {
+        onSwiper: N,
+        onResize: u,
+        onSlideChange: C,
+        onReachEnd: () => f(!0),
+        modules: R,
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        className: e.swiper,
+        children: o.map((v, g) => /* @__PURE__ */ i(E, { className: e.swiperSlide, children: v }, g))
+      }
+    ) }),
+    /* @__PURE__ */ i("div", { className: e.swiperControlsMobile, children: /* @__PURE__ */ i(
+      h,
+      {
+        left: {
+          disabled: l <= 0,
+          onClick: t
+        },
+        right: {
+          disabled: n,
+          onClick: a
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  G as ProductGallery
+};

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

@@ -0,0 +1,2 @@
+export { ProductGallery } from './ProductGallery';
+export type { TProductGalleryProps } from './ProductGallery';

package/dist/components/ProductGallery/productGallery.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="productGallery-module__root___tLADj",e="productGallery-module__topRow___Ko-SW",r="productGallery-module__topRowTabbed___rmjsc",l="productGallery-module__headerWrapper___sI0NZ",s="productGallery-module__carouselArea___7c5E5",t="productGallery-module__swiper___6D4n5",p="productGallery-module__swiperControlsTabbed___ESyKj",_="productGallery-module__swiperControlsHidden___IFD8m",d="productGallery-module__swiperControlsDesktop___tpIvz",i="productGallery-module__swiperControlsMobile___rTXjU",a="productGallery-module__swiperSlide___ieRKo",n={root:o,topRow:e,topRowTabbed:r,headerWrapper:l,carouselArea:s,swiper:t,swiperControlsTabbed:p,swiperControlsHidden:_,swiperControlsDesktop:d,swiperControlsMobile:i,swiperSlide:a};exports.carouselArea=s;exports.default=n;exports.headerWrapper=l;exports.root=o;exports.swiper=t;exports.swiperControlsDesktop=d;exports.swiperControlsHidden=_;exports.swiperControlsMobile=i;exports.swiperControlsTabbed=p;exports.swiperSlide=a;exports.topRow=e;exports.topRowTabbed=r;

package/dist/components/ProductGallery/productGallery.module.css.es.js

@@ -0,0 +1,27 @@
+const o = "productGallery-module__root___tLADj", e = "productGallery-module__topRow___Ko-SW", r = "productGallery-module__topRowTabbed___rmjsc", l = "productGallery-module__headerWrapper___sI0NZ", _ = "productGallery-module__carouselArea___7c5E5", s = "productGallery-module__swiper___6D4n5", t = "productGallery-module__swiperControlsTabbed___ESyKj", p = "productGallery-module__swiperControlsHidden___IFD8m", d = "productGallery-module__swiperControlsDesktop___tpIvz", a = "productGallery-module__swiperControlsMobile___rTXjU", c = "productGallery-module__swiperSlide___ieRKo", i = {
+  root: o,
+  topRow: e,
+  topRowTabbed: r,
+  headerWrapper: l,
+  carouselArea: _,
+  swiper: s,
+  swiperControlsTabbed: t,
+  swiperControlsHidden: p,
+  swiperControlsDesktop: d,
+  swiperControlsMobile: a,
+  swiperSlide: c
+};
+export {
+  _ as carouselArea,
+  i as default,
+  l as headerWrapper,
+  o as root,
+  s as swiper,
+  d as swiperControlsDesktop,
+  p as swiperControlsHidden,
+  a as swiperControlsMobile,
+  t as swiperControlsTabbed,
+  c as swiperSlide,
+  e as topRow,
+  r as topRowTabbed
+};

package/dist/components/ProductGalleryCard/ProductGalleryCard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../Button/Button.cjs.js"),c=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),a=require("./productGalleryCard.module.css.cjs.js"),f=({name:u,price:d,image:p,link:m,buttons:r,isHoverable:n=!0})=>{const o=t=>{t.preventDefault(),t.stopPropagation()};return e.jsxs("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:a.default.root,children:[e.jsxs("div",{className:a.default.productInfo,children:[e.jsx(c.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:a.default.title,children:u}),e.jsx(c.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:a.default.price,children:d})]}),e.jsx("img",{src:p,alt:"product image",className:a.default.productImage}),e.jsx("div",{onClick:o,className:i.cn(a.default.buttonContainerDesktop,n&&a.default.hoverableButtons),children:r.map((t,l)=>e.jsx(s.Button,{size:"sm",...t,children:t.label},l))}),e.jsx("div",{onClick:o,className:i.cn(a.default.buttonContainerMobile,n&&a.default.hoverableButtons),children:r.map((t,l)=>e.jsx(s.Button,{size:"xs",...t,children:t.label},l))})]})};exports.ProductGalleryCard=f;

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

@@ -0,0 +1,7 @@
+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 {};

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

@@ -0,0 +1,43 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+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 i = (r) => {
+    r.preventDefault(), r.stopPropagation();
+  };
+  return /* @__PURE__ */ n("a", { href: u, target: "_blank", rel: "noopener noreferrer", className: e.root, children: [
+    /* @__PURE__ */ n("div", { className: e.productInfo, children: [
+      /* @__PURE__ */ a(c, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: e.title, children: d }),
+      /* @__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))
+      }
+    )
+  ] });
+};
+export {
+  k as ProductGalleryCard
+};

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

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

package/dist/components/ProductGalleryCard/productGalleryCard.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="productGalleryCard-module__root___oGJjs",t="productGalleryCard-module__productInfo___IZeoL",e="productGalleryCard-module__title___dnRaF",r="productGalleryCard-module__price___dNy0O",l="productGalleryCard-module__buttonContainerDesktop___A9g0U",n="productGalleryCard-module__hoverableButtons___9AE80",u="productGalleryCard-module__buttonContainerMobile___molmH",_="productGalleryCard-module__productImage___uSNso",d={root:o,productInfo:t,title:e,price:r,buttonContainerDesktop:l,hoverableButtons:n,buttonContainerMobile:u,productImage:_};exports.buttonContainerDesktop=l;exports.buttonContainerMobile=u;exports.default=d;exports.hoverableButtons=n;exports.price=r;exports.productImage=_;exports.productInfo=t;exports.root=o;exports.title=e;

package/dist/components/ProductGalleryCard/productGalleryCard.module.css.es.js

@@ -0,0 +1,21 @@
+const o = "productGalleryCard-module__root___oGJjs", t = "productGalleryCard-module__productInfo___IZeoL", e = "productGalleryCard-module__title___dnRaF", r = "productGalleryCard-module__price___dNy0O", _ = "productGalleryCard-module__buttonContainerDesktop___A9g0U", l = "productGalleryCard-module__hoverableButtons___9AE80", n = "productGalleryCard-module__buttonContainerMobile___molmH", d = "productGalleryCard-module__productImage___uSNso", u = {
+  root: o,
+  productInfo: t,
+  title: e,
+  price: r,
+  buttonContainerDesktop: _,
+  hoverableButtons: l,
+  buttonContainerMobile: n,
+  productImage: d
+};
+export {
+  _ as buttonContainerDesktop,
+  n as buttonContainerMobile,
+  u as default,
+  l as hoverableButtons,
+  r as price,
+  d as productImage,
+  t as productInfo,
+  o as root,
+  e as title
+};

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

@@ -0,0 +1,11 @@
+import { ButtonProps } from '../Button';
+
+export type TProductGalleryCardView = {
+    name: string;
+    price: string;
+    image: string;
+    link: string;
+    buttons: Array<{
+        label: string;
+    } & ButtonProps>;
+};

package/dist/components/ProductListing/ProductListing.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"),n=require("../Button/Button.cjs.js"),h=require("../Label/Label.cjs.js"),y=require("../TypeBadge/TypeBadge.cjs.js"),t=require("../Typography/Typography.cjs.js"),a=require("./productListing.module.css.cjs.js"),g=({name:d,description:o,image:u,price:p,buttons:i,features:m,label:r})=>e.jsxs("section",{className:a.default.root,children:[e.jsxs("div",{className:a.default.imageWrapper,children:[e.jsx("img",{src:u,alt:d,className:a.default.image}),r&&e.jsx(h.Label,{color:"black",size:"sm",className:a.default.label,children:r})]}),e.jsxs("div",{className:a.default.content,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx(t.Typography,{as:"h3",defaultVariant:"headingXl",mobileVariant:"headingMd",children:d}),e.jsx(t.Typography,{as:"p",defaultVariant:"bodySm",children:o})]}),e.jsx("div",{className:a.default.features,children:m.map((s,l)=>e.jsxs("div",{className:a.default.feature,children:[e.jsx(y.TypeBadge,{type:s.type},l),e.jsx(t.Typography,{as:"span",defaultVariant:"bodyMd",className:a.default.featureLabel,children:s.label})]},`${s.label}-${l}`))}),e.jsx("div",{className:a.default.divider}),e.jsx(t.Typography,{defaultVariant:"bodyLg",mobileVariant:"bodyMd",emphasis:!0,children:p}),e.jsx("div",{className:c.cn(a.default.actions,a.default.desktop),children:i.map((s,l)=>e.jsx(n.Button,{...s,size:"lg",children:s.label},l))}),e.jsx("div",{className:c.cn(a.default.actions,a.default.mobile),children:i.map((s,l)=>e.jsx(n.Button,{...s,size:"md",children:s.label},l))})]})]});exports.ProductListing=g;

package/dist/components/ProductListing/ProductListing.d.ts

@@ -0,0 +1,19 @@
+import { ButtonProps } from '../Button';
+import { ETypeBadge } from '../TypeBadge';
+
+type ProductListingProps = {
+    name: string;
+    description: string;
+    image: string;
+    price: string;
+    features: Array<{
+        label: string;
+        type: ETypeBadge;
+    }>;
+    buttons: Array<{
+        label: string;
+    } & ButtonProps>;
+    label?: string;
+};
+export declare const ProductListing: ({ name, description, image, price, buttons, features, label }: ProductListingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProductListing/ProductListing.es.js

@@ -0,0 +1,30 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn/cn.es.js";
+import { Button as t } from "../Button/Button.es.js";
+import { Label as N } from "../Label/Label.es.js";
+import { TypeBadge as b } from "../TypeBadge/TypeBadge.es.js";
+import { Typography as s } from "../Typography/Typography.es.js";
+import a from "./productListing.module.css.es.js";
+const M = ({ name: d, description: n, image: p, price: h, buttons: m, features: f, label: c }) => /* @__PURE__ */ r("section", { className: a.root, children: [
+  /* @__PURE__ */ r("div", { className: a.imageWrapper, children: [
+    /* @__PURE__ */ e("img", { src: p, alt: d, className: a.image }),
+    c && /* @__PURE__ */ e(N, { color: "black", size: "sm", className: a.label, children: c })
+  ] }),
+  /* @__PURE__ */ r("div", { className: a.content, children: [
+    /* @__PURE__ */ r("div", { className: a.header, children: [
+      /* @__PURE__ */ e(s, { as: "h3", defaultVariant: "headingXl", mobileVariant: "headingMd", children: d }),
+      /* @__PURE__ */ e(s, { as: "p", defaultVariant: "bodySm", children: n })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.features, children: f.map((i, l) => /* @__PURE__ */ r("div", { className: a.feature, children: [
+      /* @__PURE__ */ e(b, { type: i.type }, l),
+      /* @__PURE__ */ e(s, { as: "span", defaultVariant: "bodyMd", className: a.featureLabel, children: i.label })
+    ] }, `${i.label}-${l}`)) }),
+    /* @__PURE__ */ e("div", { className: a.divider }),
+    /* @__PURE__ */ e(s, { defaultVariant: "bodyLg", mobileVariant: "bodyMd", emphasis: !0, children: h }),
+    /* @__PURE__ */ e("div", { className: o(a.actions, a.desktop), children: m.map((i, l) => /* @__PURE__ */ e(t, { ...i, size: "lg", children: i.label }, l)) }),
+    /* @__PURE__ */ e("div", { className: o(a.actions, a.mobile), children: m.map((i, l) => /* @__PURE__ */ e(t, { ...i, size: "md", children: i.label }, l)) })
+  ] })
+] });
+export {
+  M as ProductListing
+};

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

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

package/dist/components/ProductListing/productListing.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="productListing-module__root___wKekh",t="productListing-module__imageWrapper___1Ng1A",o="productListing-module__label___RmnsZ",_="productListing-module__image___c7PjO",i="productListing-module__content___8mUJb",r="productListing-module__header___0p-91",d="productListing-module__features___65QFU",s="productListing-module__feature___qDenI",n="productListing-module__divider___JqTo6",u="productListing-module__actions___Hvth9",a="productListing-module__mobile___q5MBB",c="productListing-module__desktop___tRyUV",l={root:e,imageWrapper:t,label:o,image:_,content:i,header:r,features:d,feature:s,divider:n,actions:u,mobile:a,desktop:c};exports.actions=u;exports.content=i;exports.default=l;exports.desktop=c;exports.divider=n;exports.feature=s;exports.features=d;exports.header=r;exports.image=_;exports.imageWrapper=t;exports.label=o;exports.mobile=a;exports.root=e;

package/dist/components/ProductListing/productListing.module.css.es.js

@@ -0,0 +1,29 @@
+const t = "productListing-module__root___wKekh", _ = "productListing-module__imageWrapper___1Ng1A", e = "productListing-module__label___RmnsZ", o = "productListing-module__image___c7PjO", i = "productListing-module__content___8mUJb", s = "productListing-module__header___0p-91", d = "productListing-module__features___65QFU", n = "productListing-module__feature___qDenI", r = "productListing-module__divider___JqTo6", c = "productListing-module__actions___Hvth9", u = "productListing-module__mobile___q5MBB", a = "productListing-module__desktop___tRyUV", l = {
+  root: t,
+  imageWrapper: _,
+  label: e,
+  image: o,
+  content: i,
+  header: s,
+  features: d,
+  feature: n,
+  divider: r,
+  actions: c,
+  mobile: u,
+  desktop: a
+};
+export {
+  c as actions,
+  i as content,
+  l as default,
+  a as desktop,
+  r as divider,
+  n as feature,
+  d as features,
+  s as header,
+  o as image,
+  _ as imageWrapper,
+  e as label,
+  u as mobile,
+  t as root
+};