@zenpatient-org/healthspan-marketing-ui 0.1.46 → 0.1.51

package/dist/components/AnchorLinks/AnchorLinks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("../Typography/Typography.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),e=require("./anchorLinks.module.css.cjs.js"),d=({links:n,activeId:s,onClick:r})=>t.jsx("div",{className:e.default.root,children:n.map(({label:c,id:a,href:l,type:o})=>t.jsx("a",{className:i.cn(e.default.linkButton,{[e.default.active]:s===a}),href:l,"data-type":o,onClick:()=>r==null?void 0:r(a),children:t.jsx(u.Typography,{className:e.default.linkLabel,defaultVariant:"labelLg",emphasis:!0,children:c})},a))});exports.AnchorLinks=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../Typography/Typography.cjs.js"),p=require("../../utils/cn/cn.cjs.js"),e=require("./anchorLinks.module.css.cjs.js"),h=({links:n,activeId:s,onClick:r})=>t.jsx("div",{className:e.default.root,children:n.map(({label:c,id:a,href:l,type:o,variant:u,emphasis:i})=>t.jsx("a",{className:p.cn(e.default.linkButton,{[e.default.active]:s===a}),href:l,"data-type":o,onClick:()=>r==null?void 0:r(a),children:t.jsx(d.Typography,{className:e.default.linkLabel,defaultVariant:u||"labelLg",emphasis:i??!0,children:c})},a))});exports.AnchorLinks=h;

package/dist/components/AnchorLinks/AnchorLinks.es.js

@@ -1,20 +1,28 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Typography as i } from "../Typography/Typography.es.js";
-import { cn as n } from "../../utils/cn/cn.es.js";
+import { Typography as c } from "../Typography/Typography.es.js";
+import { cn as h } from "../../utils/cn/cn.es.js";
 import r from "./anchorLinks.module.css.es.js";
-const u = ({ links: m, activeId: s, onClick: a }) => /* @__PURE__ */ e("div", { className: r.root, children: m.map(({ label: o, id: t, href: l, type: p }) => /* @__PURE__ */ e(
+const L = ({ links: m, activeId: s, onClick: a }) => /* @__PURE__ */ e("div", { className: r.root, children: m.map(({ label: o, id: t, href: l, type: p, variant: i, emphasis: n }) => /* @__PURE__ */ e(
   "a",
   {
-    className: n(r.linkButton, {
+    className: h(r.linkButton, {
       [r.active]: s === t
     }),
     href: l,
     "data-type": p,
     onClick: () => a == null ? void 0 : a(t),
-    children: /* @__PURE__ */ e(i, { className: r.linkLabel, defaultVariant: "labelLg", emphasis: !0, children: o })
+    children: /* @__PURE__ */ e(
+      c,
+      {
+        className: r.linkLabel,
+        defaultVariant: i || "labelLg",
+        emphasis: n ?? !0,
+        children: o
+      }
+    )
   },
   t
 )) });
 export {
-  u as AnchorLinks
+  L as AnchorLinks
 };

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

@@ -1,3 +1,5 @@
+import { TypographyVariant } from '../Typography';
+
 export declare enum EAnchorLinksTypes {
     ENERGY = "energy",
     SENESCENCE = "senescence",
@@ -9,6 +11,8 @@ export type TAnchorLink = {
     id: string;
     href: string;
     type: EAnchorLinksTypes;
+    variant?: TypographyVariant;
+    emphasis?: boolean;
 };
 export type TAnchorLinksProps = {
     links: TAnchorLink[];

package/dist/components/Button/Button.d.ts

@@ -11,5 +11,5 @@ interface BaseButtonProps {
     suffixIcon?: EIconName;
 }
 export type ButtonProps = BaseButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Button: React.ForwardRefExoticComponent<BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "className"> & React.RefAttributes<HTMLElement>>;
 export {};

package/dist/components/CircleHighlights/CircleHighlights.d.ts

@@ -3,8 +3,8 @@ export type TCircleHighlight = {
     title: string;
     description: string;
 };
-interface CircleHighlightsProps {
+type Props = {
     highlights: Array<TCircleHighlight>;
-}
-export declare const CircleHighlights: ({ highlights }: CircleHighlightsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CircleHighlights: ({ highlights }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CircleHighlights/circleHighlights.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="circleHighlights-module__root___f3uIZ",i="circleHighlights-module__wrapper___GjEnG",e="circleHighlights-module__highlight___Z43RZ",l="circleHighlights-module__image___edhyl",o="circleHighlights-module__content___UqovH",_="circleHighlights-module__description___ihvCC",c="circleHighlights-module__title___KQ7F1",g={root:t,wrapper:i,highlight:e,image:l,content:o,description:_,title:c};exports.content=o;exports.default=g;exports.description=_;exports.highlight=e;exports.image=l;exports.root=t;exports.title=c;exports.wrapper=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="circleHighlights-module__root___f3uIZ",i="circleHighlights-module__title___KQ7F1",e="circleHighlights-module__wrapper___GjEnG",l="circleHighlights-module__highlight___Z43RZ",o="circleHighlights-module__image___edhyl",_="circleHighlights-module__content___UqovH",c="circleHighlights-module__description___ihvCC",g={root:t,title:i,wrapper:e,highlight:l,image:o,content:_,description:c};exports.content=_;exports.default=g;exports.description=c;exports.highlight=l;exports.image=o;exports.root=t;exports.title=i;exports.wrapper=e;

package/dist/components/CircleHighlights/circleHighlights.module.css.es.js

@@ -1,19 +1,19 @@
-const i = "circleHighlights-module__root___f3uIZ", t = "circleHighlights-module__wrapper___GjEnG", _ = "circleHighlights-module__highlight___Z43RZ", e = "circleHighlights-module__image___edhyl", l = "circleHighlights-module__content___UqovH", o = "circleHighlights-module__description___ihvCC", c = "circleHighlights-module__title___KQ7F1", h = {
+const i = "circleHighlights-module__root___f3uIZ", t = "circleHighlights-module__title___KQ7F1", _ = "circleHighlights-module__wrapper___GjEnG", e = "circleHighlights-module__highlight___Z43RZ", l = "circleHighlights-module__image___edhyl", o = "circleHighlights-module__content___UqovH", c = "circleHighlights-module__description___ihvCC", h = {
   root: i,
-  wrapper: t,
-  highlight: _,
-  image: e,
-  content: l,
-  description: o,
-  title: c
+  title: t,
+  wrapper: _,
+  highlight: e,
+  image: l,
+  content: o,
+  description: c
 };
 export {
-  l as content,
+  o as content,
   h as default,
-  o as description,
-  _ as highlight,
-  e as image,
+  c as description,
+  e as highlight,
+  l as image,
   i as root,
-  c as title,
-  t as wrapper
+  t as title,
+  _ as wrapper
 };

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../utils/cn/cn.cjs.js"),N=require("../../ProgressButton/ProgressButton.cjs.js"),u=require("../../Typography/Typography.cjs.js"),v=require("../useComplexImageCarousel.cjs.js"),r=require("./complexImageCarousel.module.css.cjs.js"),b=({images:a})=>{const{containerRef:m,carouselRef:f,imageRefs:p,descriptionRef:g,descriptionItemRef:h,progressButtonContainerRef:C,visible:s,cardSizes:n,handleCustomPrevClick:x,handleCustomNextClick:y,current:j,mobileCardIndex:o,xLargeCardIndex:l}=v.useComplexImageCarousel({images:a});return e.jsx("div",{className:r.default.root,children:e.jsxs("div",{ref:m,className:r.default.container,children:[e.jsx("div",{ref:f,className:r.default.carouselArea,children:s.length>0&&s.map((d,t)=>e.jsx("div",{className:i.cn(r.default.slideContainer,r.default[`size-${n[t]}`]),ref:c=>{c&&(p.current[t]=c)},"data-flip-id":`slide-${(j+t)%a.length}`,"data-size":n[t],children:e.jsx("img",{src:d.image,alt:`Slide ${t+1}`,className:r.default.image})},d.name))}),e.jsx("div",{ref:g,className:r.default.description,children:e.jsxs("div",{ref:h,className:i.cn("description-item",r.default.descriptionItem),children:[e.jsx(u.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXxs",children:typeof window<"u"&&window.innerWidth<=768?s[o].title:s[l].title}),e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.text,children:typeof window<"u"&&window.innerWidth<=768?s[o].description:s[l].description})]})}),e.jsx("div",{ref:C,className:r.default.progressButtonContainer,children:e.jsx(N.ProgressButton,{left:{onClick:x},right:{onClick:y},className:i.cn("progress-buttons",r.default.progressButton)})})]})})};exports.ComplexCarousel=b;

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.d.ts

@@ -0,0 +1,5 @@
+import { TComplexImageCarouselView } from '../types';
+
+export declare const ComplexCarousel: ({ images }: {
+    images: TComplexImageCarouselView["images"];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/ComplexCarousel/ComplexCarousel.es.js

@@ -0,0 +1,57 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { cn as s } from "../../../utils/cn/cn.es.js";
+import { ProgressButton as x } from "../../ProgressButton/ProgressButton.es.js";
+import { Typography as f } from "../../Typography/Typography.es.js";
+import { useComplexImageCarousel as y } from "../useComplexImageCarousel.es.js";
+import e from "./complexImageCarousel.module.css.es.js";
+const S = ({ images: o }) => {
+  const {
+    containerRef: p,
+    carouselRef: h,
+    imageRefs: u,
+    descriptionRef: g,
+    descriptionItemRef: C,
+    progressButtonContainerRef: N,
+    visible: r,
+    cardSizes: a,
+    handleCustomPrevClick: v,
+    handleCustomNextClick: w,
+    current: b,
+    mobileCardIndex: n,
+    xLargeCardIndex: d
+  } = y({ images: o });
+  return /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ m("div", { ref: p, className: e.container, children: [
+    /* @__PURE__ */ i("div", { ref: h, className: e.carouselArea, children: r.length > 0 && r.map((l, t) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: s(e.slideContainer, e[`size-${a[t]}`]),
+        ref: (c) => {
+          c && (u.current[t] = c);
+        },
+        "data-flip-id": `slide-${(b + t) % o.length}`,
+        "data-size": a[t],
+        children: /* @__PURE__ */ i("img", { src: l.image, alt: `Slide ${t + 1}`, className: e.image })
+      },
+      l.name
+    )) }),
+    /* @__PURE__ */ i("div", { ref: g, className: e.description, children: /* @__PURE__ */ m("div", { ref: C, className: s("description-item", e.descriptionItem), children: [
+      /* @__PURE__ */ i(f, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXxs", children: typeof window < "u" && window.innerWidth <= 768 ? r[n].title : r[d].title }),
+      /* @__PURE__ */ i(f, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.text, children: typeof window < "u" && window.innerWidth <= 768 ? r[n].description : r[d].description })
+    ] }) }),
+    /* @__PURE__ */ i("div", { ref: N, className: e.progressButtonContainer, children: /* @__PURE__ */ i(
+      x,
+      {
+        left: {
+          onClick: v
+        },
+        right: {
+          onClick: w
+        },
+        className: s("progress-buttons", e.progressButton)
+      }
+    ) })
+  ] }) });
+};
+export {
+  S as ComplexCarousel
+};

package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__container___kVKDY",o="complexImageCarousel-module__carouselArea___FSZ0C",s="complexImageCarousel-module__slideContainer___qYXXM",r="complexImageCarousel-module__description___QRpoA",_="complexImageCarousel-module__descriptionItem___X0E-4",l="complexImageCarousel-module__progressButtonContainer___XSlwf",t="complexImageCarousel-module__progressButton___G93Bn",a={container:e,carouselArea:o,slideContainer:s,"size-atom":"complexImageCarousel-module__size-atom___8IEXO","size-small":"complexImageCarousel-module__size-small___8Sjr3","size-medium":"complexImageCarousel-module__size-medium___Fi4B0","size-large":"complexImageCarousel-module__size-large___Kz59p","size-x-large":"complexImageCarousel-module__size-x-large___IGMf2",description:r,descriptionItem:_,progressButtonContainer:l,progressButton:t};exports.carouselArea=o;exports.container=e;exports.default=a;exports.description=r;exports.descriptionItem=_;exports.progressButton=t;exports.progressButtonContainer=l;exports.slideContainer=s;

package/dist/components/ComplexImageCarousel/ComplexCarousel/complexImageCarousel.module.css.es.js

@@ -0,0 +1,24 @@
+const e = "complexImageCarousel-module__container___kVKDY", o = "complexImageCarousel-module__carouselArea___FSZ0C", _ = "complexImageCarousel-module__slideContainer___qYXXM", s = "complexImageCarousel-module__description___QRpoA", l = "complexImageCarousel-module__descriptionItem___X0E-4", r = "complexImageCarousel-module__progressButtonContainer___XSlwf", a = "complexImageCarousel-module__progressButton___G93Bn", m = {
+  container: e,
+  carouselArea: o,
+  slideContainer: _,
+  "size-atom": "complexImageCarousel-module__size-atom___8IEXO",
+  "size-small": "complexImageCarousel-module__size-small___8Sjr3",
+  "size-medium": "complexImageCarousel-module__size-medium___Fi4B0",
+  "size-large": "complexImageCarousel-module__size-large___Kz59p",
+  "size-x-large": "complexImageCarousel-module__size-x-large___IGMf2",
+  description: s,
+  descriptionItem: l,
+  progressButtonContainer: r,
+  progressButton: a
+};
+export {
+  o as carouselArea,
+  e as container,
+  m as default,
+  s as description,
+  l as descriptionItem,
+  a as progressButton,
+  r as progressButtonContainer,
+  _ as slideContainer
+};

package/dist/components/ComplexImageCarousel/ComplexCarousel/index.d.ts

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

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn/cn.cjs.js"),N=require("../ProgressButton/ProgressButton.cjs.js"),u=require("../Typography/Typography.cjs.js"),r=require("./complexImageCarousel.module.css.cjs.js"),v=require("./useComplexImageCarousel.cjs.js"),b=({images:i})=>{const{containerRef:m,carouselRef:f,imageRefs:p,descriptionRef:g,descriptionItemRef:h,progressButtonContainerRef:C,visible:s,cardSizes:n,handleCustomPrevClick:x,handleCustomNextClick:y,current:j,mobileCardIndex:o,xLargeCardIndex:l}=v.useComplexImageCarousel({images:i});return e.jsx("div",{className:r.default.root,children:e.jsxs("div",{ref:m,className:r.default.container,children:[e.jsx("div",{ref:f,className:r.default.carouselArea,children:s.length>0&&s.map((d,t)=>e.jsx("div",{className:a.cn(r.default.slideContainer,r.default[`size-${n[t]}`]),ref:c=>{c&&(p.current[t]=c)},"data-flip-id":`slide-${(j+t)%i.length}`,"data-size":n[t],children:e.jsx("img",{src:d.image,alt:`Slide ${t+1}`,className:r.default.image})},d.name))}),e.jsx("div",{ref:g,className:r.default.description,children:e.jsxs("div",{ref:h,className:a.cn("description-item",r.default.descriptionItem),children:[e.jsx(u.Typography,{as:"h3",defaultVariant:"headingLg",mobileVariant:"headingXxs",children:typeof window<"u"&&window.innerWidth<=768?s[o].title:s[l].title}),e.jsx(u.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:r.default.text,children:typeof window<"u"&&window.innerWidth<=768?s[o].description:s[l].description})]})}),e.jsx("div",{ref:C,className:r.default.progressButtonContainer,children:e.jsx(N.ProgressButton,{left:{onClick:x},right:{onClick:y},className:a.cn("progress-buttons",r.default.progressButton)})})]})})};exports.ComplexImageCarousel=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("./ComplexCarousel/ComplexCarousel.cjs.js"),s=require("./SimpleImageCarousel/SimpleImageCarousel.cjs.js"),u=({view:l,images:e})=>l==="simple"?r.jsx(s.SimpleImageCarousel,{images:e}):r.jsx(o.ComplexCarousel,{images:e});exports.ComplexImageCarousel=u;

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.d.ts

@@ -1,3 +1,3 @@
 import { TComplexImageCarouselView } from './types';
 
-export declare const ComplexImageCarousel: ({ images }: TComplexImageCarouselView) => import("react/jsx-runtime").JSX.Element;
+export declare const ComplexImageCarousel: ({ view, images }: TComplexImageCarouselView) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/ComplexImageCarousel.es.js

@@ -1,58 +1,8 @@
 "use client";
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { cn as s } from "../../utils/cn/cn.es.js";
-import { ProgressButton as x } from "../ProgressButton/ProgressButton.es.js";
-import { Typography as f } from "../Typography/Typography.es.js";
-import e from "./complexImageCarousel.module.css.es.js";
-import { useComplexImageCarousel as y } from "./useComplexImageCarousel.es.js";
-const S = ({ images: a }) => {
-  const {
-    containerRef: p,
-    carouselRef: h,
-    imageRefs: u,
-    descriptionRef: g,
-    descriptionItemRef: C,
-    progressButtonContainerRef: N,
-    visible: r,
-    cardSizes: n,
-    handleCustomPrevClick: v,
-    handleCustomNextClick: w,
-    current: b,
-    mobileCardIndex: o,
-    xLargeCardIndex: d
-  } = y({ images: a });
-  return /* @__PURE__ */ i("div", { className: e.root, children: /* @__PURE__ */ m("div", { ref: p, className: e.container, children: [
-    /* @__PURE__ */ i("div", { ref: h, className: e.carouselArea, children: r.length > 0 && r.map((l, t) => /* @__PURE__ */ i(
-      "div",
-      {
-        className: s(e.slideContainer, e[`size-${n[t]}`]),
-        ref: (c) => {
-          c && (u.current[t] = c);
-        },
-        "data-flip-id": `slide-${(b + t) % a.length}`,
-        "data-size": n[t],
-        children: /* @__PURE__ */ i("img", { src: l.image, alt: `Slide ${t + 1}`, className: e.image })
-      },
-      l.name
-    )) }),
-    /* @__PURE__ */ i("div", { ref: g, className: e.description, children: /* @__PURE__ */ m("div", { ref: C, className: s("description-item", e.descriptionItem), children: [
-      /* @__PURE__ */ i(f, { as: "h3", defaultVariant: "headingLg", mobileVariant: "headingXxs", children: typeof window < "u" && window.innerWidth <= 768 ? r[o].title : r[d].title }),
-      /* @__PURE__ */ i(f, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.text, children: typeof window < "u" && window.innerWidth <= 768 ? r[o].description : r[d].description })
-    ] }) }),
-    /* @__PURE__ */ i("div", { ref: N, className: e.progressButtonContainer, children: /* @__PURE__ */ i(
-      x,
-      {
-        left: {
-          onClick: v
-        },
-        right: {
-          onClick: w
-        },
-        className: s("progress-buttons", e.progressButton)
-      }
-    ) })
-  ] }) });
-};
+import { jsx as r } from "react/jsx-runtime";
+import { ComplexCarousel as m } from "./ComplexCarousel/ComplexCarousel.es.js";
+import { SimpleImageCarousel as l } from "./SimpleImageCarousel/SimpleImageCarousel.es.js";
+const i = ({ view: o, images: e }) => o === "simple" ? /* @__PURE__ */ r(l, { images: e }) : /* @__PURE__ */ r(m, { images: e });
 export {
-  S as ComplexImageCarousel
+  i as ComplexImageCarousel
 };

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),p=require("../../ComplexTooltip/ComplexTooltip.cjs.js");require("../../Icon/Icon.cjs.js");const o=require("../../Typography/Typography.cjs.js"),m=require("../../InfiniteScroll/InfiniteScroll.cjs.js"),e=require("./simpleImageCarousel.module.css.cjs.js"),d=({images:a})=>{const[l,r]=c.useState(null);return t.jsx("div",{className:e.default.simpleContainer,children:t.jsx(m.InfiniteScroll,{items:a,renderItem:(s,n)=>t.jsxs("div",{className:e.default.simpleItem,onMouseEnter:i=>{r({x:i.clientX,y:i.clientY})},onMouseMove:i=>{r({x:i.clientX,y:i.clientY})},children:[t.jsx(p.ComplexTooltip,{trigger:"hover",title:s.title||"",description:s.description||"",style:"light",transformMode:"absolute",transform:{top:(l==null?void 0:l.y)||0,left:l==null?void 0:l.x},children:t.jsx("img",{src:s.image,alt:s.title,className:e.default.simpleImage})}),t.jsx(o.Typography,{as:"h4",defaultVariant:"headingXs",mobileVariant:"bodyLg",className:e.default.simpleTitle,children:s.title}),t.jsx(o.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",className:e.default.simpleDescription,children:s.description})]},n),itemClassName:e.default.simpleItemWrapper,contentClassName:e.default.simpleContent,rootClassName:e.default.simpleRoot})})};exports.SimpleImageCarousel=d;

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.d.ts

@@ -0,0 +1,5 @@
+import { TComplexImageCarouselView } from '../types';
+
+export declare const SimpleImageCarousel: ({ images }: {
+    images: TComplexImageCarouselView["images"];
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/SimpleImageCarousel.es.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { ComplexTooltip as c } from "../../ComplexTooltip/ComplexTooltip.es.js";
+import "../../Icon/Icon.es.js";
+import { Typography as o } from "../../Typography/Typography.es.js";
+import { InfiniteScroll as d } from "../../InfiniteScroll/InfiniteScroll.es.js";
+import e from "./simpleImageCarousel.module.css.es.js";
+const b = ({ images: m }) => {
+  const [t, s] = p(null);
+  return /* @__PURE__ */ l("div", { className: e.simpleContainer, children: /* @__PURE__ */ l(
+    d,
+    {
+      items: m,
+      renderItem: (i, a) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: e.simpleItem,
+          onMouseEnter: (r) => {
+            s({
+              x: r.clientX,
+              y: r.clientY
+            });
+          },
+          onMouseMove: (r) => {
+            s({
+              x: r.clientX,
+              y: r.clientY
+            });
+          },
+          children: [
+            /* @__PURE__ */ l(
+              c,
+              {
+                trigger: "hover",
+                title: i.title || "",
+                description: i.description || "",
+                style: "light",
+                transformMode: "absolute",
+                transform: { top: (t == null ? void 0 : t.y) || 0, left: t == null ? void 0 : t.x },
+                children: /* @__PURE__ */ l("img", { src: i.image, alt: i.title, className: e.simpleImage })
+              }
+            ),
+            /* @__PURE__ */ l(
+              o,
+              {
+                as: "h4",
+                defaultVariant: "headingXs",
+                mobileVariant: "bodyLg",
+                className: e.simpleTitle,
+                children: i.title
+              }
+            ),
+            /* @__PURE__ */ l(
+              o,
+              {
+                as: "p",
+                defaultVariant: "bodyMd",
+                mobileVariant: "bodySm",
+                className: e.simpleDescription,
+                children: i.description
+              }
+            )
+          ]
+        },
+        a
+      ),
+      itemClassName: e.simpleItemWrapper,
+      contentClassName: e.simpleContent,
+      rootClassName: e.simpleRoot
+    }
+  ) });
+};
+export {
+  b as SimpleImageCarousel
+};

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/index.d.ts

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

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="simpleImageCarousel-module__simpleContainer___ic1jr",s="simpleImageCarousel-module__simpleContent___FGCNH",m="simpleImageCarousel-module__simpleItemWrapper___Z9nwO",i="simpleImageCarousel-module__simpleItem___91wGk",l="simpleImageCarousel-module__simpleDescription___dV2Sv",t={simpleContainer:e,simpleContent:s,simpleItemWrapper:m,simpleItem:i,simpleDescription:l};exports.default=t;exports.simpleContainer=e;exports.simpleContent=s;exports.simpleDescription=l;exports.simpleItem=i;exports.simpleItemWrapper=m;

package/dist/components/ComplexImageCarousel/SimpleImageCarousel/simpleImageCarousel.module.css.es.js

@@ -0,0 +1,15 @@
+const e = "simpleImageCarousel-module__simpleContainer___ic1jr", s = "simpleImageCarousel-module__simpleContent___FGCNH", m = "simpleImageCarousel-module__simpleItemWrapper___Z9nwO", l = "simpleImageCarousel-module__simpleItem___91wGk", i = "simpleImageCarousel-module__simpleDescription___dV2Sv", p = {
+  simpleContainer: e,
+  simpleContent: s,
+  simpleItemWrapper: m,
+  simpleItem: l,
+  simpleDescription: i
+};
+export {
+  p as default,
+  e as simpleContainer,
+  s as simpleContent,
+  i as simpleDescription,
+  l as simpleItem,
+  m as simpleItemWrapper
+};

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("react"),x=require("../../_virtual/Popover.cjs.js"),h=require("../../utils/useIsMobile.cjs.js"),q=require("./components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),k=require("./complexTooltip.module.css.cjs.js"),P=({trigger:r,title:p,description:a,link:m,style:f="light",isBlurred:d=!1,children:i,positions:v=["top","bottom","left","right"],onClose:n})=>{const[C,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),n==null||n()},200)},[n]),c=e.useCallback(()=>u(b=>!b),[]),M=e.useMemo(()=>r==="hover"?{onMouseEnter:s,onMouseLeave:t}:{onClick:c},[r,s,t,c]),T=e.useMemo(()=>r==="hover"?{onMouseEnter:s,onMouseLeave:t}:{},[r,s,t]);return e.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),h.useIsMobile()?i:l.jsx(x.PopoverExports.Popover,{isOpen:C,positions:v,padding:8,onClickOutside:t,containerClassName:k.default.popover,content:l.jsx(q.ComplexTooltipContent,{title:p,description:a,link:m,style:f,isBlurred:d,onClose:t,...T}),children:l.jsx("div",{...M,children:i})})};exports.ComplexTooltip=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("react"),q=require("../../_virtual/Popover.cjs.js"),k=require("../../utils/useIsMobile.cjs.js"),P=require("./components/ComplexTooltipContent/ComplexTooltipContent.cjs.js"),E=require("./complexTooltip.module.css.cjs.js"),O=({trigger:n,title:a,description:m,link:v,transformMode:u="relative",transform:b={top:0,left:0},style:f="light",isBlurred:C=!1,children:c,positions:T=["top","bottom","left","right"],onClose:r})=>{const[d,l]=e.useState(!1),o=e.useRef(null),s=e.useCallback(()=>{o.current&&clearTimeout(o.current),o.current=setTimeout(()=>l(!0),200)},[]),t=e.useCallback(()=>{o.current=setTimeout(()=>{l(!1),r==null||r()},200)},[r]),p=e.useCallback(()=>l(h=>!h),[]),x=e.useMemo(()=>n==="hover"?{onMouseEnter:s,onMouseLeave:t}:{onClick:p},[n,s,t,p]),M=e.useMemo(()=>n==="hover"?{onMouseEnter:s,onMouseLeave:t}:{},[n,s,t]);return e.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]),k.useIsMobile()?c:i.jsx(q.PopoverExports.Popover,{isOpen:d,positions:T,padding:8,onClickOutside:t,containerClassName:E.default.popover,transformMode:u,transform:u==="absolute"?b:void 0,containerStyle:{pointerEvents:u==="absolute"?"none":"auto"},content:i.jsx(P.ComplexTooltipContent,{title:a,description:m,link:v,style:f,isBlurred:C,onClose:t,...M}),children:i.jsx("div",{...x,children:c})})};exports.ComplexTooltip=O;

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

@@ -1,11 +1,14 @@
 import { ReactElement } from 'react';
-import { PopoverPosition } from 'react-tiny-popover';
+import { PopoverPosition, PositionTransform } from 'react-tiny-popover';
 import { CommonComplexTooltipProps } from './types';
 
 type ComplexTooltipProps = {
     children: ReactElement;
     trigger: 'hover' | 'click';
     positions?: Array<PopoverPosition>;
+    transformMode?: 'absolute' | 'relative';
+    transform?: PositionTransform;
+    onMouseEnter?: () => void;
 } & CommonComplexTooltipProps;
-export declare const ComplexTooltip: ({ trigger, title, description, link, style, isBlurred, children, positions, onClose, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComplexTooltip: ({ trigger, title, description, link, transformMode, transform, style, isBlurred, children, positions, onClose, }: ComplexTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,62 +1,67 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useState as x, useRef as P, useCallback as u, 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";
+import { jsx as u } from "react/jsx-runtime";
+import { useState as P, useRef as k, useCallback as l, useMemo as a, useEffect as O } from "react";
+import { P as y } from "../../_virtual/Popover.es.js";
+import { useIsMobile as L } from "../../utils/useIsMobile.es.js";
+import { ComplexTooltipContent as S } from "./components/ComplexTooltipContent/ComplexTooltipContent.es.js";
 import j from "./complexTooltip.module.css.es.js";
-const z = ({
+const B = ({
   trigger: t,
   title: m,
-  description: a,
-  link: f,
-  style: v = "light",
-  isBlurred: M = !1,
+  description: f,
+  link: v,
+  transformMode: s = "relative",
+  transform: b = { top: 0, left: 0 },
+  style: h = "light",
+  isBlurred: T = !1,
   children: p,
   positions: d = ["top", "bottom", "left", "right"],
   onClose: r
 }) => {
-  const [h, s] = x(!1), e = P(null), n = u(() => {
-    e.current && clearTimeout(e.current), e.current = setTimeout(() => s(!0), 200);
-  }, []), o = u(() => {
+  const [C, i] = P(!1), e = k(null), n = l(() => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(() => i(!0), 200);
+  }, []), o = l(() => {
     e.current = setTimeout(() => {
-      s(!1), r == null || r();
+      i(!1), r == null || r();
     }, 200);
-  }, [r]), c = u(() => s((b) => !b), []), T = l(() => t === "hover" ? {
+  }, [r]), c = l(() => i((E) => !E), []), M = a(() => t === "hover" ? {
     onMouseEnter: n,
     onMouseLeave: o
   } : {
     onClick: c
-  }, [t, n, o, c]), C = l(() => t === "hover" ? {
+  }, [t, n, o, c]), x = a(() => t === "hover" ? {
     onMouseEnter: n,
     onMouseLeave: o
   } : {}, [t, n, o]);
-  return k(() => () => {
+  return O(() => () => {
     e.current && clearTimeout(e.current);
-  }, []), O() ? p : /* @__PURE__ */ i(
-    E.Popover,
+  }, []), L() ? p : /* @__PURE__ */ u(
+    y.Popover,
     {
-      isOpen: h,
+      isOpen: C,
       positions: d,
       padding: 8,
       onClickOutside: o,
       containerClassName: j.popover,
-      content: /* @__PURE__ */ i(
-        L,
+      transformMode: s,
+      transform: s === "absolute" ? b : void 0,
+      containerStyle: { pointerEvents: s === "absolute" ? "none" : "auto" },
+      content: /* @__PURE__ */ u(
+        S,
         {
           title: m,
-          description: a,
-          link: f,
-          style: v,
-          isBlurred: M,
+          description: f,
+          link: v,
+          style: h,
+          isBlurred: T,
           onClose: o,
-          ...C
+          ...x
         }
       ),
-      children: /* @__PURE__ */ i("div", { ...T, children: p })
+      children: /* @__PURE__ */ u("div", { ...M, children: p })
     }
   );
 };
 export {
-  z as ComplexTooltip
+  B as ComplexTooltip
 };

package/dist/components/FAQComponent/FAQComponent.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),S=require("./components/FAQComponentItem/FAQComponentItem.cjs.js"),g=require("./faqComponent.module.css.cjs.js"),q=({items:c,mode:o="multiple",initialActiveIndex:r})=>{const[u,i]=l.useState(r??null),[a,m]=l.useState(new Set),p=e=>{o==="single"?i(t=>t===e?null:e):m(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},I=e=>o==="single"?u===e:a.has(e);return s.jsx("div",{className:g.default.root,children:c.map((e,t)=>s.jsx(S.FAQComponentItem,{title:e.title,content:e.content,isOpen:I(t),index:t,onClick:p},t))})};exports.FAQComponent=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),C=require("../FAQComponentItem/FAQComponentItem.cjs.js"),S=require("./faqComponent.module.css.cjs.js"),g=({items:c,mode:o="multiple",initialActiveIndex:r})=>{const[u,m]=l.useState(r??null),[i,a]=l.useState(new Set),p=e=>{o==="single"?m(t=>t===e?null:e):a(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},I=e=>o==="single"?u===e:i.has(e);return s.jsx("div",{className:S.default.root,children:c.map((e,t)=>s.jsx(C.FAQComponentItem,{title:e.title,content:e.content,isOpen:I(t),index:t,onClick:p},t))})};exports.FAQComponent=g;

package/dist/components/FAQComponent/FAQComponent.es.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { FAQComponentItem as I } from "./components/FAQComponentItem/FAQComponentItem.es.js";
+import { FAQComponentItem as I } from "../FAQComponentItem/FAQComponentItem.es.js";
 import g from "./faqComponent.module.css.es.js";
 const A = ({ items: m, mode: o = "multiple", initialActiveIndex: r }) => {
   const [c, p] = l(r ?? null), [i, a] = l(/* @__PURE__ */ new Set()), u = (t) => {

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

@@ -1 +1 @@
-export { FAQComponentItem, type TFAQComponentItem } from './FAQComponentItem';
+export { FAQComponentItem, type TFAQComponentItem } from '../../FAQComponentItem';

package/dist/components/FAQComponentItem/FAQComponentItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../Typography/Typography.cjs.js"),o=require("../Icon/Icon.cjs.js"),t=require("../Icon/constants.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),n=require("./faqComponentItem.module.css.cjs.js"),u=({title:r,content:d,isOpen:a,index:i,onClick:l})=>e.jsxs("div",{className:n.default.root,children:[e.jsxs("div",{onClick:()=>l(i??0),className:s.cn(n.default.header,{[n.default.headerSticky]:a}),children:[e.jsx(c.Typography,{defaultVariant:"headingMd",mobileVariant:"headingXxs",children:r}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(o.Icon,{name:t.EIconName.BRACKET_LEFT}),e.jsx("div",{className:s.cn(n.default.closeButton,{[n.default.closeButtonActive]:a}),children:e.jsx(o.Icon,{name:t.EIconName.PLUS_BOLD})}),e.jsx(o.Icon,{name:t.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:s.cn(n.default.description,{[n.default.descriptionShow]:a}),children:e.jsx("div",{className:n.default.descriptionInner,children:e.jsx(c.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d})})}),e.jsx("div",{className:n.default.leftBorder}),e.jsx("div",{className:n.default.rightBorder})]});exports.FAQComponentItem=u;

package/dist/components/{FAQComponent/components/FAQComponentItem → FAQComponentItem}/FAQComponentItem.es.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Typography as n } from "../../../Typography/Typography.es.js";
-import { Icon as a } from "../../../Icon/Icon.es.js";
-import { EIconName as t } from "../../../Icon/constants.es.js";
-import { cn as d } from "../../../../utils/cn/cn.es.js";
+import { Typography as n } from "../Typography/Typography.es.js";
+import { Icon as a } from "../Icon/Icon.es.js";
+import { EIconName as t } from "../Icon/constants.es.js";
+import { cn as d } from "../../utils/cn/cn.es.js";
 import e from "./faqComponentItem.module.css.es.js";
 const u = ({ title: c, content: s, isOpen: i, index: m, onClick: l }) => /* @__PURE__ */ o("div", { className: e.root, children: [
   /* @__PURE__ */ o("div", { onClick: () => l(m ?? 0), className: d(e.header, { [e.headerSticky]: i }), children: [

package/dist/components/FAQComponentItem/faqComponentItem.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faqComponentItem-module__root___qscxM",o="faqComponentItem-module__header___dmHbo",t="faqComponentItem-module__closeButtonWrapper___FcDO8",n="faqComponentItem-module__closeButton___Va-zE",r="faqComponentItem-module__closeButtonActive___T7tO4",_="faqComponentItem-module__description___V8Qa3",c="faqComponentItem-module__descriptionInner___a-wWW",d="faqComponentItem-module__descriptionShow___nR-X1",s="faqComponentItem-module__leftBorder___lWokl",i="faqComponentItem-module__rightBorder___TGNNR",l="faqComponentItem-module__headerSticky___eQzFQ",m={root:e,header:o,closeButtonWrapper:t,closeButton:n,closeButtonActive:r,description:_,descriptionInner:c,descriptionShow:d,leftBorder:s,rightBorder:i,headerSticky:l};exports.closeButton=n;exports.closeButtonActive=r;exports.closeButtonWrapper=t;exports.default=m;exports.description=_;exports.descriptionInner=c;exports.descriptionShow=d;exports.header=o;exports.headerSticky=l;exports.leftBorder=s;exports.rightBorder=i;exports.root=e;

package/dist/components/FAQComponentItem/faqComponentItem.module.css.es.js

@@ -0,0 +1,27 @@
+const o = "faqComponentItem-module__root___qscxM", e = "faqComponentItem-module__header___dmHbo", t = "faqComponentItem-module__closeButtonWrapper___FcDO8", n = "faqComponentItem-module__closeButton___Va-zE", _ = "faqComponentItem-module__closeButtonActive___T7tO4", r = "faqComponentItem-module__description___V8Qa3", c = "faqComponentItem-module__descriptionInner___a-wWW", d = "faqComponentItem-module__descriptionShow___nR-X1", m = "faqComponentItem-module__leftBorder___lWokl", s = "faqComponentItem-module__rightBorder___TGNNR", i = "faqComponentItem-module__headerSticky___eQzFQ", l = {
+  root: o,
+  header: e,
+  closeButtonWrapper: t,
+  closeButton: n,
+  closeButtonActive: _,
+  description: r,
+  descriptionInner: c,
+  descriptionShow: d,
+  leftBorder: m,
+  rightBorder: s,
+  headerSticky: i
+};
+export {
+  n as closeButton,
+  _ as closeButtonActive,
+  t as closeButtonWrapper,
+  l as default,
+  r as description,
+  c as descriptionInner,
+  d as descriptionShow,
+  e as header,
+  i as headerSticky,
+  m as leftBorder,
+  s as rightBorder,
+  o as root
+};