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

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),j=require("../../_virtual/Popover.cjs.js"),d=require("../Icon/constants.cjs.js"),q=require("../Icon/Icon.cjs.js"),y=require("../TextButton/TextButton.cjs.js"),m=require("../Typography/Typography.cjs.js"),g=require("../../utils/cn/cn.cjs.js"),n=require("./complexTooltip.module.css.cjs.js"),I=({trigger:r,title:h,description:f,link:a,style:l="light",isBlurred:u=!1,children:x,positions:T=["top","bottom","left","right"]})=>{const[v,i]=o.useState(!1),s=o.useRef(null),c=o.useCallback(()=>{s.current&&clearTimeout(s.current),i(!0)},[]),t=o.useCallback(()=>{s.current=setTimeout(()=>i(!1),200)},[]),p=o.useCallback(()=>i(b=>!b),[]),C=o.useMemo(()=>r==="hover"?{onMouseEnter:c,onMouseLeave:t}:{onClick:p},[r,c,t,p]),_=o.useMemo(()=>r==="hover"?{onMouseEnter:c,onMouseLeave:t}:{},[r,c,t]);return o.useEffect(()=>()=>{s.current&&clearTimeout(s.current)},[]),e.jsx(j.PopoverExports.Popover,{isOpen:v,positions:T,padding:8,onClickOutside:t,content:e.jsxs("div",{className:g.cn(n.default.content,u&&n.default.blurred),"data-style":l,..._,children:[e.jsxs("div",{className:n.default.contentHeader,children:[e.jsx(m.Typography,{as:"h4",defaultVariant:"headingSm",children:h}),e.jsxs("button",{className:n.default.closeButton,onClick:t,children:["(",e.jsx(q.Icon,{name:d.EIconName.CLOSE,className:n.default.closeIcon}),")"]})]}),e.jsx(m.Typography,{as:"p",defaultVariant:"bodySm",children:f}),a&&e.jsx(y.TextButton,{suffixIcon:d.EIconName.ARROW_FORWARD,as:"a",href:a.url,inverted:l==="dark"&&!u||l==="light"&&u,children:a.label})]}),children:e.jsx("div",{className:n.default.trigger,...C,children:x})})};exports.ComplexTooltip=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),x=require("../../_virtual/Popover.cjs.js"),h=require("../../utils/useIsMobile.cjs.js"),k=require("./components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),q=({trigger:n,title:p,description:a,link:m,style:f="light",isBlurred:M=!1,children:c,positions:b=["top","bottom","left","right"],onClose:r})=>{const[v,u]=e.useState(!1),o=e.useRef(null),s=e.useCallback(()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>u(!0),200)},[]),t=e.useCallback(()=>{o.current=setTimeout(()=>{u(!1),r==null||r()},200)},[r]),l=e.useCallback(()=>u(d=>!d),[]),C=e.useMemo(()=>n==="hover"?{onMouseEnter:s,onMouseLeave:t}:{onClick:l},[n,s,t,l]),T=e.useMemo(()=>n==="hover"?{onMouseEnter:s,onMouseLeave:t}:{},[n,s,t]);return e.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),h.useIsMobile()?c:i.jsx(x.PopoverExports.Popover,{isOpen:v,positions:b,padding:8,onClickOutside:t,content:i.jsx(k.ComplexTooltipContent,{title:p,description:a,link:m,style:f,isBlurred:M,onClose:t,...T}),children:i.jsx("div",{...C,children:c})})};exports.ComplexTooltip=q;

package/dist/components/ComplexTooltip/ComplexTooltip.d.ts

@@ -1,19 +1,11 @@
-import { default as React } from 'react';
+import { ReactElement } from 'react';
 import { PopoverPosition } from 'react-tiny-popover';
-import { TColorScheme } from '../../types/common';
+import { CommonComplexTooltipProps } from './types';
 
 type ComplexTooltipProps = {
+    children: ReactElement;
     trigger: 'hover' | 'click';
-    title: string;
-    description: string;
-    link?: {
-        label: string;
-        url: string;
-    };
-    children: React.ReactElement;
-    style: Omit<TColorScheme, 'custom'>;
     positions?: Array<PopoverPosition>;
-    isBlurred?: boolean;
-};
-export declare const ComplexTooltip: ({ trigger, title, description, link, style, isBlurred, children, positions, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
+} & CommonComplexTooltipProps;
+export declare const ComplexTooltip: ({ trigger, title, description, link, style, isBlurred, children, positions, onClose, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,70 +1,60 @@
 "use client";
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useState as M, useRef as P, useCallback as u, useMemo as d, useEffect as R } from "react";
-import { P as g } from "../../_virtual/Popover.es.js";
-import { EIconName as f } from "../Icon/constants.es.js";
-import { Icon as k } from "../Icon/Icon.es.js";
-import { TextButton as I } from "../TextButton/TextButton.es.js";
-import { Typography as h } from "../Typography/Typography.es.js";
-import { cn as S } from "../../utils/cn/cn.es.js";
-import t from "./complexTooltip.module.css.es.js";
-const _ = ({
-  trigger: n,
-  title: v,
-  description: C,
-  link: a,
-  style: c = "light",
-  isBlurred: l = !1,
-  children: x,
-  positions: O = ["top", "bottom", "left", "right"]
+import { jsx as u } from "react/jsx-runtime";
+import { useState as C, useRef as P, useCallback as i, useMemo as l, useEffect as k } from "react";
+import { P as E } from "../../_virtual/Popover.es.js";
+import { useIsMobile as O } from "../../utils/useIsMobile.es.js";
+import { ComplexTooltipContent as L } from "./components/ComplexTooltipContent/ComplexTooltipContent.es.js";
+const y = ({
+  trigger: t,
+  title: m,
+  description: a,
+  link: f,
+  style: v = "light",
+  isBlurred: M = !1,
+  children: c,
+  positions: d = ["top", "bottom", "left", "right"],
+  onClose: r
 }) => {
-  const [b, i] = M(!1), r = P(null), s = u(() => {
-    r.current && clearTimeout(r.current), i(!0);
-  }, []), e = u(() => {
-    r.current = setTimeout(() => i(!1), 200);
-  }, []), p = u(() => i((T) => !T), []), E = d(() => n === "hover" ? {
-    onMouseEnter: s,
-    onMouseLeave: e
+  const [h, s] = C(!1), e = P(null), n = i(() => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(() => s(!0), 200);
+  }, []), o = i(() => {
+    e.current = setTimeout(() => {
+      s(!1), r == null || r();
+    }, 200);
+  }, [r]), p = i(() => s((x) => !x), []), T = l(() => t === "hover" ? {
+    onMouseEnter: n,
+    onMouseLeave: o
   } : {
     onClick: p
-  }, [n, s, e, p]), N = d(() => n === "hover" ? {
-    onMouseEnter: s,
-    onMouseLeave: e
-  } : {}, [n, s, e]);
-  return R(() => () => {
-    r.current && clearTimeout(r.current);
-  }, []), /* @__PURE__ */ o(
-    g.Popover,
+  }, [t, n, o, p]), b = l(() => t === "hover" ? {
+    onMouseEnter: n,
+    onMouseLeave: o
+  } : {}, [t, n, o]);
+  return k(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), O() ? c : /* @__PURE__ */ u(
+    E.Popover,
     {
-      isOpen: b,
-      positions: O,
+      isOpen: h,
+      positions: d,
       padding: 8,
-      onClickOutside: e,
-      content: /* @__PURE__ */ m("div", { className: S(t.content, l && t.blurred), "data-style": c, ...N, children: [
-        /* @__PURE__ */ m("div", { className: t.contentHeader, children: [
-          /* @__PURE__ */ o(h, { as: "h4", defaultVariant: "headingSm", children: v }),
-          /* @__PURE__ */ m("button", { className: t.closeButton, onClick: e, children: [
-            "(",
-            /* @__PURE__ */ o(k, { name: f.CLOSE, className: t.closeIcon }),
-            ")"
-          ] })
-        ] }),
-        /* @__PURE__ */ o(h, { as: "p", defaultVariant: "bodySm", children: C }),
-        a && /* @__PURE__ */ o(
-          I,
-          {
-            suffixIcon: f.ARROW_FORWARD,
-            as: "a",
-            href: a.url,
-            inverted: c === "dark" && !l || c === "light" && l,
-            children: a.label
-          }
-        )
-      ] }),
-      children: /* @__PURE__ */ o("div", { className: t.trigger, ...E, children: x })
+      onClickOutside: o,
+      content: /* @__PURE__ */ u(
+        L,
+        {
+          title: m,
+          description: a,
+          link: f,
+          style: v,
+          isBlurred: M,
+          onClose: o,
+          ...b
+        }
+      ),
+      children: /* @__PURE__ */ u("div", { ...T, children: c })
     }
   );
 };
 export {
-  _ as ComplexTooltip
+  y as ComplexTooltip
 };

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

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

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/ComplexTooltipContent.d.ts

@@ -0,0 +1,10 @@
+import { CommonComplexTooltipProps } from '../../types';
+
+type ComplexTooltipContentProps = {
+    className?: string;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    onClose?: () => void;
+} & CommonComplexTooltipProps;
+export declare const ComplexTooltipContent: ({ style, title, description, link, isBlurred, className, onMouseEnter, onMouseLeave, onClose, }: ComplexTooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="complexTooltipContent-module__content___gGk3B",e="complexTooltipContent-module__blurred___5ZgFB",t="complexTooltipContent-module__contentHeader___zWu-A",n="complexTooltipContent-module__closeButton___LvHd5",l="complexTooltipContent-module__closeIcon___8Nx3Z",c={content:o,blurred:e,contentHeader:t,closeButton:n,closeIcon:l};exports.blurred=e;exports.closeButton=n;exports.closeIcon=l;exports.content=o;exports.contentHeader=t;exports.default=c;

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/complexTooltipContent.module.css.es.js

@@ -0,0 +1,15 @@
+const o = "complexTooltipContent-module__content___gGk3B", t = "complexTooltipContent-module__blurred___5ZgFB", e = "complexTooltipContent-module__contentHeader___zWu-A", n = "complexTooltipContent-module__closeButton___LvHd5", c = "complexTooltipContent-module__closeIcon___8Nx3Z", l = {
+  content: o,
+  blurred: t,
+  contentHeader: e,
+  closeButton: n,
+  closeIcon: c
+};
+export {
+  t as blurred,
+  n as closeButton,
+  c as closeIcon,
+  o as content,
+  e as contentHeader,
+  l as default
+};

package/dist/components/ComplexTooltip/components/ComplexTooltipContent/index.d.ts

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

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

@@ -1 +1,2 @@
 export { ComplexTooltip } from './ComplexTooltip';
+export { ComplexTooltipContent } from './components/ComplexTooltipContent';

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

@@ -0,0 +1,13 @@
+import { TColorScheme } from '../../types/common';
+
+export type CommonComplexTooltipProps = {
+    title: string;
+    description: string;
+    link?: {
+        label: string;
+        url: string;
+    };
+    style: Omit<TColorScheme, 'custom'>;
+    isBlurred?: boolean;
+    onClose?: () => void;
+};

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

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

@@ -1,3 +1,7 @@
 import { TProductGalleryCardView } from './types';
 
-export declare const ProductGalleryCard: ({ name, price, image, link, buttons }: TProductGalleryCardView) => import("react/jsx-runtime").JSX.Element;
+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

@@ -1,21 +1,22 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Button as n } from "../Button/Button.es.js";
-import { Typography as s } from "../Typography/Typography.es.js";
-import l from "./productGalleryCard.module.css.es.js";
-const g = ({ name: c, price: m, image: d, link: p, buttons: i }) => {
-  const o = (e) => {
-    e.preventDefault(), e.stopPropagation();
+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__ */ t("a", { href: p, target: "_blank", rel: "noopener noreferrer", className: l.root, children: [
-    /* @__PURE__ */ t("div", { className: l.productInfo, children: [
-      /* @__PURE__ */ a(s, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: l.title, children: c }),
-      /* @__PURE__ */ a(s, { defaultVariant: "labelXl", mobileVariant: "labelLg", className: l.price, children: m })
+  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: d, alt: "product image", className: l.productImage }),
-    /* @__PURE__ */ a("div", { onClick: o, className: l.buttonContainerDesktop, children: i.map((e, r) => /* @__PURE__ */ a(n, { size: "sm", ...e, children: e.label }, r)) }),
-    /* @__PURE__ */ a("div", { onClick: o, className: l.buttonContainerMobile, children: i.map((e, r) => /* @__PURE__ */ a(n, { size: "xs", ...e, children: e.label }, r)) })
+    /* @__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 {
-  g as ProductGalleryCard
+  k as ProductGalleryCard
 };

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__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;
+"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

@@ -1,19 +1,21 @@
-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 = {
+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,
-  buttonContainerDesktop: t,
-  productInfo: r,
+  productInfo: t,
   title: e,
-  price: _,
-  buttonContainerMobile: d,
-  productImage: l
+  price: r,
+  buttonContainerDesktop: _,
+  hoverableButtons: l,
+  buttonContainerMobile: n,
+  productImage: d
 };
 export {
-  t as buttonContainerDesktop,
-  d as buttonContainerMobile,
-  n as default,
-  _ as price,
-  l as productImage,
-  r as productInfo,
+  _ 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/ProductPairs/ProductPairs.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("../../node_modules/swiper/modules/navigation.cjs.js"),s=require("../../node_modules/swiper/swiper-react.cjs.js"),h=require("../../utils/useSwiper/useSwiper.cjs.js"),w=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../ProductGalleryCard/ProductGalleryCard.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const r=require("./productPairs.module.css.cjs.js"),g=[P.default],q=({productCards:i})=>{const{isBeginning:l,isEnd:t,setIsEnd:n,handleSlideChange:a,handlePrevClick:o,handleNextClick:d,onSwiperInit:c,handleSwiperResize:u}=h.useSwiper();return e.jsxs("div",{className:r.default.root,children:[e.jsx("div",{className:r.default.carouselArea,children:e.jsx(s.Swiper,{onSwiper:c,onResize:u,onSlideChange:a,onReachEnd:()=>n(!0),modules:g,spaceBetween:0,slidesPerView:"auto",className:r.default.swiper,children:i.slice(0,2).map((p,S)=>e.jsx(s.SwiperSlide,{className:r.default.swiperSlide,children:e.jsx("div",{className:r.default.card,children:e.jsx(m.ProductGalleryCard,{...p,isHoverable:!1})})},S))})}),e.jsx("div",{className:r.default.swiperControlsMobile,children:e.jsx(w.ProgressButton,{left:{disabled:l,onClick:o},right:{disabled:t,onClick:d}})})]})};exports.ProductPairs=q;

package/dist/components/ProductPairs/ProductPairs.d.ts

@@ -0,0 +1,7 @@
+import { TProductGalleryCardView } from '../ProductGalleryCard';
+
+type ProductPairsProps = {
+    productCards: Array<TProductGalleryCardView>;
+};
+export declare const ProductPairs: ({ productCards }: ProductPairsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProductPairs/ProductPairs.es.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import S from "../../node_modules/swiper/modules/navigation.es.js";
+import { Swiper as w, SwiperSlide as u } from "../../node_modules/swiper/swiper-react.es.js";
+import { useSwiper as f } from "../../utils/useSwiper/useSwiper.es.js";
+import { ProgressButton as C } from "../ProgressButton/ProgressButton.es.js";
+import { ProductGalleryCard as N } from "../ProductGalleryCard/ProductGalleryCard.es.js";
+/* empty css                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import i from "./productPairs.module.css.es.js";
+const g = [S], y = ({ productCards: r }) => {
+  const {
+    isBeginning: s,
+    isEnd: o,
+    setIsEnd: l,
+    handleSlideChange: n,
+    handlePrevClick: a,
+    handleNextClick: t,
+    onSwiperInit: d,
+    handleSwiperResize: c
+  } = f();
+  return /* @__PURE__ */ h("div", { className: i.root, children: [
+    /* @__PURE__ */ e("div", { className: i.carouselArea, children: /* @__PURE__ */ e(
+      w,
+      {
+        onSwiper: d,
+        onResize: c,
+        onSlideChange: n,
+        onReachEnd: () => l(!0),
+        modules: g,
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        className: i.swiper,
+        children: r.slice(0, 2).map((m, p) => /* @__PURE__ */ e(u, { className: i.swiperSlide, children: /* @__PURE__ */ e("div", { className: i.card, children: /* @__PURE__ */ e(N, { ...m, isHoverable: !1 }) }) }, p))
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: i.swiperControlsMobile, children: /* @__PURE__ */ e(
+      C,
+      {
+        left: {
+          disabled: s,
+          onClick: a
+        },
+        right: {
+          disabled: o,
+          onClick: t
+        }
+      }
+    ) })
+  ] });
+};
+export {
+  y as ProductPairs
+};

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

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

package/dist/components/ProductPairs/productPairs.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="productPairs-module__root___TubBM",e="productPairs-module__carouselArea___ukTIF",o="productPairs-module__swiper___uuzGb",s="productPairs-module__swiperControlsMobile___ar7DY",_="productPairs-module__swiperSlide___fblEe",i="productPairs-module__card___n47uN",l={root:r,carouselArea:e,swiper:o,swiperControlsMobile:s,swiperSlide:_,card:i};exports.card=i;exports.carouselArea=e;exports.default=l;exports.root=r;exports.swiper=o;exports.swiperControlsMobile=s;exports.swiperSlide=_;

package/dist/components/ProductPairs/productPairs.module.css.es.js

@@ -0,0 +1,17 @@
+const o = "productPairs-module__root___TubBM", r = "productPairs-module__carouselArea___ukTIF", e = "productPairs-module__swiper___uuzGb", s = "productPairs-module__swiperControlsMobile___ar7DY", _ = "productPairs-module__swiperSlide___fblEe", t = "productPairs-module__card___n47uN", i = {
+  root: o,
+  carouselArea: r,
+  swiper: e,
+  swiperControlsMobile: s,
+  swiperSlide: _,
+  card: t
+};
+export {
+  t as card,
+  r as carouselArea,
+  i as default,
+  o as root,
+  e as swiper,
+  s as swiperControlsMobile,
+  _ as swiperSlide
+};

package/dist/components/StepsCarousel/StepsCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),d=require("../../utils/cn/cn.cjs.js"),m=require("../Label/Label.cjs.js"),h=require("../ProgressButton/ProgressButton.cjs.js"),u=require("../Typography/Typography.cjs.js"),t=require("./stepsCarousel.module.css.cjs.js"),b=({steps:p,colorScheme:l})=>{const[r,i]=o.useState(0),n=o.useRef([]);return o.useEffect(()=>{var a;n.current[r]&&((a=n.current[r])==null||a.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}))},[r]),e.jsxs("div",{className:t.default.root,"data-scheme":l,children:[e.jsx("div",{className:t.default.stepsContainer,"data-scheme":l,children:p.map((a,s)=>{const c=r===s;return e.jsxs("button",{ref:f=>{n.current.splice(s,1,f)},className:d.cn(t.default.card,c&&t.default.cardActive),onClick:()=>i(s),type:"button",children:[e.jsx("div",{className:d.cn(t.default.imageWrapper,c&&t.default.imageWrapperActive),children:e.jsx("img",{src:a.image,alt:a.title,className:t.default.image})}),e.jsx("div",{className:t.default.stepLabel,children:c?e.jsxs(e.Fragment,{children:[e.jsxs(m.Label,{size:"lg",className:t.default.desktop,color:l==="dark"?"white":"black",children:["Step ",s+1]}),e.jsxs(m.Label,{size:"sm",className:t.default.mobile,color:l==="dark"?"white":"black",children:["Step ",s+1]})]}):e.jsxs(u.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:t.default.labelText,children:["Step ",s+1]})}),e.jsxs("div",{className:t.default.textContainer,children:[e.jsx(u.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:a.title}),a.description&&e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:t.default.cardDescription,children:a.description})]})]},`step-${s}`)})}),e.jsx("div",{className:d.cn(t.default.mobile,t.default.progressButtonContainer),children:e.jsx(h.ProgressButton,{invert:l==="dark",left:{disabled:r<=0,onClick:()=>i(a=>a-1)},right:{disabled:r>=p.length-1,onClick:()=>i(a=>a+1)}})})]})};exports.StepsCarousel=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),f=require("../../utils/cn/cn.cjs.js"),p=require("../Label/Label.cjs.js"),k=require("../ProgressButton/ProgressButton.cjs.js"),m=require("../Typography/Typography.cjs.js"),a=require("./stepsCarousel.module.css.cjs.js"),T=({steps:i,colorScheme:c})=>{const[n,o]=l.useState(0),h=l.useRef([]),u=l.useRef(null),d=l.useRef(null),g=l.useCallback(e=>{u.current=e.touches[0].clientX},[]),j=l.useCallback(e=>{d.current=e.touches[0].clientX},[]),y=l.useCallback(()=>{if(u.current!==null&&d.current!==null){const e=d.current-u.current,s=50;o(r=>e>s&&r>0?r-1:e<-s&&r<i.length-1?r+1:r)}u.current=null,d.current=null},[i.length]);return l.useEffect(()=>{var e;h.current[n]&&((e=h.current[n])==null||e.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}))},[n]),t.jsxs("div",{className:a.default.root,"data-scheme":c,children:[t.jsx("div",{className:a.default.stepsContainer,"data-scheme":c,onTouchStart:g,onTouchMove:j,onTouchEnd:y,children:i.map((e,s)=>{const r=n===s;return t.jsxs("button",{ref:b=>{b&&(h.current[s]=b)},className:f.cn(a.default.card,r&&a.default.cardActive),onClick:()=>o(s),type:"button",children:[t.jsx("div",{className:f.cn(a.default.imageWrapper,r&&a.default.imageWrapperActive),children:t.jsx("img",{src:e.image,alt:e.title,className:a.default.image})}),t.jsx("div",{className:a.default.stepLabel,children:r?t.jsxs(t.Fragment,{children:[t.jsxs(p.Label,{size:"lg",className:a.default.desktop,color:c==="dark"?"white":"black",children:["Step ",s+1]}),t.jsxs(p.Label,{size:"sm",className:a.default.mobile,color:c==="dark"?"white":"black",children:["Step ",s+1]})]}):t.jsxs(m.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:a.default.labelText,children:["Step ",s+1]})}),t.jsxs("div",{className:a.default.textContainer,children:[t.jsx(m.Typography,{as:"h3",defaultVariant:"headingXs",mobileVariant:"headingXxs",children:e.title}),e.description&&t.jsx(m.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.cardDescription,children:e.description})]})]},`step-${s}`)})}),t.jsx("div",{className:f.cn(a.default.mobile,a.default.progressButtonContainer),children:t.jsx(k.ProgressButton,{invert:c==="dark",left:{disabled:n<=0,onClick:()=>o(e=>e-1)},right:{disabled:n>=i.length-1,onClick:()=>o(e=>e+1)}})})]})};exports.StepsCarousel=T;