@zenpatient-org/healthspan-marketing-ui 0.1.16 → 0.1.18

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

@@ -1,62 +1,96 @@
-import { j as u } from "../../_virtual/jsx-runtime.es.js";
-import { forwardRef as I, useRef as m, useState as R, useEffect as v, useCallback as c, useImperativeHandle as L } from "react";
-import f from "./infiniteScroll.module.css.es.js";
-function N({ items: n, speed: a = 50, renderItem: A }, j) {
-  const l = m(null), [r, h] = R(0), [o, q] = R(0), s = m(null), i = m(!1);
-  v(() => {
-    if (l.current) {
-      const e = l.current.offsetWidth / 2;
-      q(e);
-    }
-  }, [n]);
-  const d = c(() => {
-    i.current || h((e) => {
-      const t = e - a / 60;
-      return Math.abs(t) >= o ? t + o : t;
-    }), s.current = requestAnimationFrame(d);
-  }, [o, a]);
-  v(() => (s.current = requestAnimationFrame(d), () => {
-    s.current && cancelAnimationFrame(s.current);
-  }), [o, a]);
-  const F = c(() => {
-    i.current = !0;
-  }, []), S = c(() => {
-    i.current = !1;
-  }, []), p = c((e, t = 300) => {
-    const x = r, w = e - x, E = performance.now(), M = (X) => {
-      const y = X - E, g = Math.min(y / t, 1), C = 1 - Math.pow(1 - g, 3);
-      h(x + w * C), g < 1 && requestAnimationFrame(M);
-    };
-    requestAnimationFrame(M);
-  }, [r]);
-  return L(j, () => ({
+import { j as x } from "../../_virtual/jsx-runtime.es.js";
+import { forwardRef as D, useRef as f, useState as M, useEffect as A, useCallback as h, useImperativeHandle as H } from "react";
+import { cn as R } from "../../utils/cn.es.js";
+import g from "./infiniteScroll.module.css.es.js";
+function P({
+  items: c,
+  speed: w = 50,
+  contentClassName: W,
+  itemClassName: j,
+  rootClassName: q,
+  renderItem: E
+}, F) {
+  const l = f(null), [s, y] = M(0), [i, S] = M(0), m = f(null), p = f(!1), u = f(performance.now()), [T, I] = M(2);
+  A(() => {
+    l.current && c.length > 0 && setTimeout(() => {
+      var o, r, a;
+      const e = ((r = (o = l.current) == null ? void 0 : o.parentElement) == null ? void 0 : r.offsetWidth) || 0, t = (((a = l.current) == null ? void 0 : a.scrollWidth) || 0) / 2, n = Math.ceil(e * 2 / t);
+      I(
+        Math.max(
+          2,
+          n % 2 === 0 ? n : n + 1
+        )
+      ), S(t);
+    }, 0);
+  }, [c]);
+  const d = h(
+    (e) => {
+      if (!p.current) {
+        const t = e ?? performance.now(), n = t - u.current || 16.67;
+        u.current = t, y((o) => {
+          const r = o - w * (n / 1e3);
+          return Math.abs(r) >= i ? r + i : r;
+        });
+      }
+      m.current = requestAnimationFrame(d);
+    },
+    [i, w]
+  );
+  A(() => (u.current = performance.now(), m.current = requestAnimationFrame(d), () => {
+    m.current && cancelAnimationFrame(m.current);
+  }), [d]);
+  const L = h(() => {
+    p.current = !0;
+  }, []), N = h(() => {
+    p.current = !1, u.current = performance.now();
+  }, []), C = h(
+    (e, t = 300) => {
+      const n = s, o = e - n, r = performance.now(), a = (X) => {
+        const b = X - r, v = Math.min(b / t, 1), k = 1 - Math.pow(1 - v, 3);
+        y(n + o * k), v < 1 && requestAnimationFrame(a);
+      };
+      requestAnimationFrame(a);
+    },
+    [s]
+  );
+  return H(F, () => ({
     scrollLeft: () => {
-      const e = r - 200, t = Math.max(e, -o);
-      p(t);
+      const e = s - 200, t = Math.max(e, -i);
+      C(t);
     },
     scrollRight: () => {
-      const e = r + 200, t = Math.min(e, 0);
-      p(t);
+      const e = s + 200, t = Math.min(e, 0);
+      C(t);
     }
-  })), /* @__PURE__ */ u.jsx(
+  })), /* @__PURE__ */ x.jsx(
     "div",
     {
-      className: f.root,
-      onMouseEnter: F,
-      onMouseLeave: S,
-      children: /* @__PURE__ */ u.jsx(
+      className: R(g.root, q),
+      onMouseEnter: L,
+      onMouseLeave: N,
+      children: /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: f.content,
-          style: { transform: `translateX(${r}px)` },
+          className: R(g.content, W),
+          style: { transform: `translate3D(${s}px, 0, 0)` },
           ref: l,
-          children: Array.from({ length: (n.length > 3 ? n.length : 5) * 10 }, (e, t) => n[t % n.length]).map((e, t) => /* @__PURE__ */ u.jsx("div", { className: f.item, children: A(e, t) }, t))
+          children: Array.from(
+            { length: c.length * T },
+            (e, t) => /* @__PURE__ */ x.jsx(
+              "div",
+              {
+                className: R(g.item, j),
+                children: E(c[t % c.length], t)
+              },
+              t
+            )
+          )
         }
       )
     }
   );
 }
-const k = I(N);
+const G = D(P);
 export {
-  k as InfiniteScroll
+  G as InfiniteScroll
 };

package/dist/components/Label/Label.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.cjs.js"),e=require("../../styles/typography.module.css.cjs.js"),o=require("../../utils/cn.cjs.js"),r=require("./label.module.css.cjs.js"),u={sm:e.default.labelXs,lg:e.default.labelSm},n=({children:l,color:a,size:t="sm"})=>s.jsxRuntimeExports.jsx("div",{className:o.cn(r.default.root,e.default.labelEmphasis,u[t]),"data-size":t,"data-color":a,children:l});exports.Label=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.cjs.js"),e=require("../../styles/typography.module.css.cjs.js"),r=require("../../utils/cn.cjs.js"),u=require("./label.module.css.cjs.js"),n={sm:e.default.labelXs,lg:e.default.labelSm},c=({children:l,color:a,size:t="sm",className:s})=>o.jsxRuntimeExports.jsx("div",{className:r.cn(u.default.root,e.default.labelEmphasis,n[t],s),"data-size":t,"data-color":a,children:l});exports.Label=c;

package/dist/components/Label/Label.d.ts

@@ -1,3 +1,3 @@
 import { LabelProps } from './types';
 
-export declare const Label: ({ children, color, size }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ children, color, size, className, }: LabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,23 @@
-import { j as m } from "../../_virtual/jsx-runtime.es.js";
+import { j as a } from "../../_virtual/jsx-runtime.es.js";
 import o from "../../styles/typography.module.css.es.js";
-import { cn as a } from "../../utils/cn.es.js";
-import l from "./label.module.css.es.js";
-const e = {
+import { cn as l } from "../../utils/cn.es.js";
+import e from "./label.module.css.es.js";
+const p = {
   sm: o.labelXs,
   lg: o.labelSm
-}, S = ({ children: s, color: t, size: r = "sm" }) => /* @__PURE__ */ m.jsx(
+}, b = ({
+  children: s,
+  color: t,
+  size: r = "sm",
+  className: m
+}) => /* @__PURE__ */ a.jsx(
   "div",
   {
-    className: a(
-      l.root,
+    className: l(
+      e.root,
       o.labelEmphasis,
-      e[r]
+      p[r],
+      m
     ),
     "data-size": r,
     "data-color": t,
@@ -19,5 +25,5 @@ const e = {
   }
 );
 export {
-  S as Label
+  b as Label
 };

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

@@ -6,4 +6,5 @@ export type LabelProps = {
     children: ReactNode;
     color: LabelColor;
     size?: LabelSize;
+    className?: string;
 };

package/dist/components/ProductGallery/ProductGallery.cjs.js

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

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

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

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

@@ -1,12 +1,3 @@
-import { ButtonProps } from '../Button/Button';
+import { TProductGalleryCardView } from './types';
 
-export type ProductGalleryCardProps = {
-    title: string;
-    price: string;
-    image: string;
-    buttons: Array<{
-        label: string;
-    } & ButtonProps>;
-    link: string;
-};
-export declare const ProductGalleryCard: ({ title, price, image, buttons, link, }: ProductGalleryCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductGalleryCard: ({ name, price, image, link, buttons, }: TProductGalleryCardView) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,26 +1,73 @@
-import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import { Typography as t } from "../Typography/Typography.es.js";
-import { Button as d } from "../Button/Button.es.js";
-import e from "./productGalleryCard.module.css.es.js";
-const h = ({
-  title: o,
-  price: s,
-  image: l,
-  buttons: n,
-  link: i
+import { j as e } from "../../_virtual/jsx-runtime.es.js";
+import { Button as i } from "../Button/Button.es.js";
+import { Typography as o } from "../Typography/Typography.es.js";
+import r from "./productGalleryCard.module.css.es.js";
+const f = ({
+  name: n,
+  price: c,
+  image: m,
+  link: d,
+  buttons: s
 }) => {
-  const c = (a) => {
+  const t = (a) => {
     a.preventDefault(), a.stopPropagation();
   };
-  return /* @__PURE__ */ r.jsxs("a", { href: i, target: "_blank", rel: "noopener noreferrer", className: e.root, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: e.productInfo, children: [
-      /* @__PURE__ */ r.jsx(t, { defaultVariant: "bodyXl", className: e.title, children: o }),
-      /* @__PURE__ */ r.jsx(t, { defaultVariant: "bodyXl", className: e.price, children: s })
-    ] }),
-    /* @__PURE__ */ r.jsx("img", { src: l, alt: "product image", className: e.productImage }),
-    /* @__PURE__ */ r.jsx("div", { onClick: c, className: e.buttonContainer, children: n.map((a, m) => /* @__PURE__ */ r.jsx(d, { ...a, children: a.label }, m)) })
-  ] });
+  return /* @__PURE__ */ e.jsxs(
+    "a",
+    {
+      href: d,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: r.root,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: r.productInfo, children: [
+          /* @__PURE__ */ e.jsx(
+            o,
+            {
+              defaultVariant: "labelXl",
+              mobileVariant: "labelLg",
+              className: r.title,
+              children: n
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            o,
+            {
+              defaultVariant: "labelXl",
+              mobileVariant: "labelLg",
+              className: r.price,
+              children: c
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: m,
+            alt: "product image",
+            className: r.productImage
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            onClick: t,
+            className: r.buttonContainerDesktop,
+            children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "sm", ...a, children: a.label }, l))
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            onClick: t,
+            className: r.buttonContainerMobile,
+            children: s.map((a, l) => /* @__PURE__ */ e.jsx(i, { size: "xs", ...a, children: a.label }, l))
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  h as ProductGalleryCard
+  f as ProductGalleryCard
 };

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

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

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

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

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

@@ -1,17 +1,19 @@
-const o = "productGalleryCard-module__root___oGJjs", t = "productGalleryCard-module__buttonContainer___0D5Ov", r = "productGalleryCard-module__productInfo___IZeoL", _ = "productGalleryCard-module__title___dnRaF", e = "productGalleryCard-module__price___dNy0O", d = "productGalleryCard-module__productImage___uSNso", l = {
+const o = "productGalleryCard-module__root___oGJjs", t = "productGalleryCard-module__buttonContainerDesktop___A9g0U", r = "productGalleryCard-module__productInfo___IZeoL", e = "productGalleryCard-module__title___dnRaF", _ = "productGalleryCard-module__price___dNy0O", d = "productGalleryCard-module__buttonContainerMobile___molmH", l = "productGalleryCard-module__productImage___uSNso", n = {
   root: o,
-  buttonContainer: t,
+  buttonContainerDesktop: t,
   productInfo: r,
-  title: _,
-  price: e,
-  productImage: d
+  title: e,
+  price: _,
+  buttonContainerMobile: d,
+  productImage: l
 };
 export {
-  t as buttonContainer,
-  l as default,
-  e as price,
-  d as productImage,
+  t as buttonContainerDesktop,
+  d as buttonContainerMobile,
+  n as default,
+  _ as price,
+  l as productImage,
   r as productInfo,
   o as root,
-  _ as title
+  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.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/index.d.ts

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

package/dist/components/ProgramCard/ProgramCard.d.ts

@@ -0,0 +1,13 @@
+type EmptyCardProps = {
+    type: 'coming_soon';
+    label?: string;
+};
+type CardProps = {
+    type: 'active';
+    label: string;
+    image?: string | null;
+    link?: string | null;
+};
+export type ProgramCardProps = EmptyCardProps | CardProps;
+export declare function ProgramCard(props: ProgramCardProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

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

package/dist/components/ProgressButton/ProgressButton.cjs.js

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

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

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

package/dist/components/ProgressButton/progressButton.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="progressButton-module__root___gKwbK",o="progressButton-module__inverted___cGydv",e="progressButton-module__icon___wJpMj",n="progressButton-module__divider___u6q7X",_="progressButton-module__button___92i5d",r="progressButton-module__buttonLeft___p3wSE",u="progressButton-module__buttonRight___keqI6",s="progressButton-module__iconWrap___hshXK",i={root:t,inverted:o,icon:e,divider:n,button:_,buttonLeft:r,buttonRight:u,iconWrap:s};exports.button=_;exports.buttonLeft=r;exports.buttonRight=u;exports.default=i;exports.divider=n;exports.icon=e;exports.iconWrap=s;exports.inverted=o;exports.root=t;