@zenpatient-org/healthspan-marketing-ui 0.1.37 → 0.1.39

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 n=require("react/jsx-runtime"),C=require("react"),v=require("../../node_modules/swiper/swiper-react.cjs.js"),_=require("../../node_modules/swiper/modules/navigation.cjs.js"),E=require("../ProgressButton/ProgressButton.cjs.js"),b=require("../../utils/cn/cn.cjs.js"),k=require("../../utils/useSwiper/useSwiper.cjs.js");;/* empty css                                        */;/* empty css                                                    */;/* empty css                                                    */const i=require("./complexImageCarousel.module.css.cjs.js"),A=[_.default],M=({view:$,images:f})=>{const{handleSlideChange:S,onSwiperInit:w,swiper:e,activeIndex:s}=k.useSwiper(),[o,r]=C.useState(!1);C.useEffect(()=>{e!=null&&e.el&&(o?e.el.classList.add("is-dragging"):e.el.classList.remove("is-dragging"))},[o,e]);const a=(l=!0)=>{if(!e)return;const t=e.el.closest(`.${i.default.carouselArea}`);if(!t)return;const c=t.getBoundingClientRect(),g=c.left+c.width/2;let u=0,p=1/0;e.slides.forEach((B,T)=>{const h=B.getBoundingClientRect(),j=h.left+h.width/2,m=Math.abs(j-g);m<p&&(p=m,u=T)}),e.activeIndex=u,S(e),l&&(e.updateProgress(),e.updateSlidesClasses())},d=l=>{!e||o||(e.allowSlideNext=!0,e.allowSlidePrev=!0,e.activeIndex=l,e.updateProgress(),e.updateSlidesClasses(),S(e),setTimeout(()=>{if(o)return;const t=e.slides[l];if(t){const c=e.el.closest(`.${i.default.carouselArea}`);if(c){const g=t.getBoundingClientRect(),u=c.getBoundingClientRect();(g.left<u.left||g.right>u.right)&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}}},10))},x=()=>{if(!e||s<=0)return d(f.length-1);d(s-1)},I=()=>{if(!e||s>=f.length-1)return d(0);d(s+1)},P=s-1,R=s+1,q=s-2,N=s+2;return n.jsxs("div",{className:i.default.root,children:[n.jsx("div",{className:i.default.header,children:n.jsx(E.ProgressButton,{left:{onClick:x},right:{onClick:I},className:i.default.progressButtonContainer})}),n.jsx("div",{className:i.default.carouselArea,children:n.jsx(v.Swiper,{onSwiper:w,onSlideChange:S,modules:A,slidesPerView:5,speed:300,centeredSlides:!1,className:i.default.swiper,watchSlidesProgress:!0,initialSlide:0,spaceBetween:30,threshold:100,onTouchEnd:()=>{setTimeout(()=>{r(!1),a(!0)},200)},onTouchMove:()=>{r(!0),setTimeout(()=>{o&&a(!1)},10)},onSliderMove:()=>{r(!0)},onReachBeginning:()=>{r(!1),a(!0)},onReachEnd:()=>{r(!1),a(!0)},onTransitionStart:()=>{r(!0)},onTransitionEnd:()=>{setTimeout(()=>{r(!1),a(!0)},200),e&&(e.updateSize(),e.updateSlides(),e.updateProgress(),e.updateSlidesClasses())},children:f.map((l,t)=>n.jsx(v.SwiperSlide,{className:b.cn(i.default.swiperSlide,{activeSlide:t===s,prevSlide:t===P,nextSlide:t===R,prevPrevSlide:t===q,nextNextSlide:t===N}),children:n.jsx("div",{className:i.default.swiperSlideInner,style:{backgroundImage:`url(${l.image})`}})},t))})})]})};exports.ComplexImageCarousel=M;

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,135 @@
 "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,
+import { jsxs as E, jsx as o } from "react/jsx-runtime";
+import { useState as k, useEffect as A } from "react";
+import { Swiper as b, SwiperSlide as D } from "../../node_modules/swiper/swiper-react.es.js";
+import M from "../../node_modules/swiper/modules/navigation.es.js";
+import { ProgressButton as y } from "../ProgressButton/ProgressButton.es.js";
+import { cn as L } from "../../utils/cn/cn.es.js";
+import { useSwiper as $ } from "../../utils/useSwiper/useSwiper.es.js";
+/* empty css                                      */
+/* empty css                                                  */
+/* empty css                                                  */
+import i from "./complexImageCarousel.module.css.es.js";
+const j = [M], Q = ({ view: V, images: g }) => {
+  const { handleSlideChange: m, onSwiperInit: v, swiper: e, activeIndex: s } = $(), [l, r] = k(!1);
+  A(() => {
+    e != null && e.el && (l ? e.el.classList.add("is-dragging") : e.el.classList.remove("is-dragging"));
+  }, [l, e]);
+  const a = (n = !0) => {
+    if (!e) return;
+    const t = e.el.closest(`.${i.carouselArea}`);
+    if (!t) return;
+    const c = t.getBoundingClientRect(), f = c.left + c.width / 2;
+    let d = 0, S = 1 / 0;
+    e.slides.forEach((R, T) => {
+      const p = R.getBoundingClientRect(), B = p.left + p.width / 2, h = Math.abs(B - f);
+      h < S && (S = h, d = T);
+    }), e.activeIndex = d, m(e), n && (e.updateProgress(), e.updateSlidesClasses());
+  }, u = (n) => {
+    !e || l || (e.allowSlideNext = !0, e.allowSlidePrev = !0, e.activeIndex = n, e.updateProgress(), e.updateSlidesClasses(), m(e), setTimeout(() => {
+      if (l) return;
+      const t = e.slides[n];
+      if (t) {
+        const c = e.el.closest(`.${i.carouselArea}`);
+        if (c) {
+          const f = t.getBoundingClientRect(), d = c.getBoundingClientRect();
+          (f.left < d.left || f.right > d.right) && t.scrollIntoView({
+            behavior: "smooth",
+            block: "nearest",
+            inline: "center"
+          });
+        }
+      }
+    }, 10));
+  }, C = () => {
+    if (!e || s <= 0)
+      return u(g.length - 1);
+    u(s - 1);
+  }, w = () => {
+    if (!e || s >= g.length - 1)
+      return u(0);
+    u(s + 1);
+  }, I = s - 1, N = s + 1, x = s - 2, P = s + 2;
+  return /* @__PURE__ */ E("div", { className: i.root, children: [
+    /* @__PURE__ */ o("div", { className: i.header, children: /* @__PURE__ */ o(
+      y,
       {
         left: {
-          onClick: v
+          onClick: C
         },
         right: {
           onClick: w
         },
-        className: s("progress-buttons", e.progressButton)
+        className: i.progressButtonContainer
+      }
+    ) }),
+    /* @__PURE__ */ o("div", { className: i.carouselArea, children: /* @__PURE__ */ o(
+      b,
+      {
+        onSwiper: v,
+        onSlideChange: m,
+        modules: j,
+        slidesPerView: 5,
+        speed: 300,
+        centeredSlides: !1,
+        className: i.swiper,
+        watchSlidesProgress: !0,
+        initialSlide: 0,
+        spaceBetween: 30,
+        threshold: 100,
+        onTouchEnd: () => {
+          setTimeout(() => {
+            r(!1), a(!0);
+          }, 200);
+        },
+        onTouchMove: () => {
+          r(!0), setTimeout(() => {
+            l && a(!1);
+          }, 10);
+        },
+        onSliderMove: () => {
+          r(!0);
+        },
+        onReachBeginning: () => {
+          r(!1), a(!0);
+        },
+        onReachEnd: () => {
+          r(!1), a(!0);
+        },
+        onTransitionStart: () => {
+          r(!0);
+        },
+        onTransitionEnd: () => {
+          setTimeout(() => {
+            r(!1), a(!0);
+          }, 200), e && (e.updateSize(), e.updateSlides(), e.updateProgress(), e.updateSlidesClasses());
+        },
+        children: g.map((n, t) => /* @__PURE__ */ o(
+          D,
+          {
+            className: L(i.swiperSlide, {
+              activeSlide: t === s,
+              prevSlide: t === I,
+              nextSlide: t === N,
+              prevPrevSlide: t === x,
+              nextNextSlide: t === P
+            }),
+            children: /* @__PURE__ */ o(
+              "div",
+              {
+                className: i.swiperSlideInner,
+                style: {
+                  backgroundImage: `url(${n.image})`
+                }
+              }
+            )
+          },
+          t
+        ))
       }
     ) })
-  ] }) });
+  ] });
 };
 export {
-  S as ComplexImageCarousel
+  Q as ComplexImageCarousel
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__container___uoYKj",o="complexImageCarousel-module__carouselArea___dqNWo",s="complexImageCarousel-module__slideContainer___H-r26",r="complexImageCarousel-module__description___R8XsG",t="complexImageCarousel-module__descriptionItem___SAPt8",_="complexImageCarousel-module__progressButtonContainer___l3Qih",l="complexImageCarousel-module__progressButton___b78tE",a={container:e,carouselArea:o,slideContainer:s,"size-atom":"complexImageCarousel-module__size-atom___t7PmI","size-small":"complexImageCarousel-module__size-small___mjSZM","size-medium":"complexImageCarousel-module__size-medium___M-0BQ","size-large":"complexImageCarousel-module__size-large___GITeg","size-x-large":"complexImageCarousel-module__size-x-large___e-BOY",description:r,descriptionItem:t,progressButtonContainer:_,progressButton:l};exports.carouselArea=o;exports.container=e;exports.default=a;exports.description=r;exports.descriptionItem=t;exports.progressButton=l;exports.progressButtonContainer=_;exports.slideContainer=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexImageCarousel-module__root___p3Kd-",o="complexImageCarousel-module__header___sxByG",r="complexImageCarousel-module__progressButtonContainer___l3Qih",s="complexImageCarousel-module__carouselArea___dqNWo",l="complexImageCarousel-module__swiper___W-TcF",_="complexImageCarousel-module__swiperSlide___PjBf9",a="complexImageCarousel-module__swiperSlideInner___J2B0U",t={root:e,header:o,progressButtonContainer:r,carouselArea:s,swiper:l,swiperSlide:_,swiperSlideInner:a};exports.carouselArea=s;exports.default=t;exports.header=o;exports.progressButtonContainer=r;exports.root=e;exports.swiper=l;exports.swiperSlide=_;exports.swiperSlideInner=a;

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

@@ -1,24 +1,19 @@
-const e = "complexImageCarousel-module__container___uoYKj", o = "complexImageCarousel-module__carouselArea___dqNWo", s = "complexImageCarousel-module__slideContainer___H-r26", _ = "complexImageCarousel-module__description___R8XsG", l = "complexImageCarousel-module__descriptionItem___SAPt8", r = "complexImageCarousel-module__progressButtonContainer___l3Qih", a = "complexImageCarousel-module__progressButton___b78tE", m = {
-  container: e,
-  carouselArea: o,
-  slideContainer: s,
-  "size-atom": "complexImageCarousel-module__size-atom___t7PmI",
-  "size-small": "complexImageCarousel-module__size-small___mjSZM",
-  "size-medium": "complexImageCarousel-module__size-medium___M-0BQ",
-  "size-large": "complexImageCarousel-module__size-large___GITeg",
-  "size-x-large": "complexImageCarousel-module__size-x-large___e-BOY",
-  description: _,
-  descriptionItem: l,
+const e = "complexImageCarousel-module__root___p3Kd-", o = "complexImageCarousel-module__header___sxByG", r = "complexImageCarousel-module__progressButtonContainer___l3Qih", s = "complexImageCarousel-module__carouselArea___dqNWo", _ = "complexImageCarousel-module__swiper___W-TcF", l = "complexImageCarousel-module__swiperSlide___PjBf9", a = "complexImageCarousel-module__swiperSlideInner___J2B0U", n = {
+  root: e,
+  header: o,
   progressButtonContainer: r,
-  progressButton: a
+  carouselArea: s,
+  swiper: _,
+  swiperSlide: l,
+  swiperSlideInner: a
 };
 export {
-  o as carouselArea,
-  e as container,
-  m as default,
-  _ as description,
-  l as descriptionItem,
-  a as progressButton,
+  s as carouselArea,
+  n as default,
+  o as header,
   r as progressButtonContainer,
-  s as slideContainer
+  e as root,
+  _ as swiper,
+  l as swiperSlide,
+  a as swiperSlideInner
 };

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

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../Typography/Typography.cjs.js"),t=require("../../../Icon/Icon.cjs.js"),a=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:o,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]:o}),children:[e.jsx(c.Typography,{defaultVariant:"headingMd",mobileVariant:"headingXxs",children:r}),e.jsxs("div",{className:n.default.closeButtonWrapper,children:[e.jsx(t.Icon,{name:a.EIconName.BRACKET_LEFT}),e.jsx("div",{className:s.cn(n.default.closeButton,{[n.default.closeButtonActive]:o}),children:e.jsx(t.Icon,{name:a.EIconName.PLUS})}),e.jsx(t.Icon,{name:a.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:s.cn(n.default.description,{[n.default.descriptionShow]:o}),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.es.js

@@ -1,27 +1,27 @@
-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 { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { Typography as m } from "../../../Typography/Typography.es.js";
+import { Icon as i } 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: [
-    /* @__PURE__ */ r(n, { defaultVariant: "headingMd", mobileVariant: "headingXxs", children: c }),
-    /* @__PURE__ */ o("div", { className: e.closeButtonWrapper, children: [
-      /* @__PURE__ */ r(a, { name: t.BRACKET_LEFT }),
+const u = ({ title: n, content: c, isOpen: o, index: s, onClick: l }) => /* @__PURE__ */ a("div", { className: e.root, children: [
+  /* @__PURE__ */ a("div", { onClick: () => l(s ?? 0), className: d(e.header, { [e.headerSticky]: o }), children: [
+    /* @__PURE__ */ r(m, { defaultVariant: "headingMd", mobileVariant: "headingXxs", children: n }),
+    /* @__PURE__ */ a("div", { className: e.closeButtonWrapper, children: [
+      /* @__PURE__ */ r(i, { name: t.BRACKET_LEFT }),
       /* @__PURE__ */ r(
         "div",
         {
           className: d(e.closeButton, {
-            [e.closeButtonActive]: i
+            [e.closeButtonActive]: o
           }),
-          children: /* @__PURE__ */ r(a, { name: t.PLUS_BOLD })
+          children: /* @__PURE__ */ r(i, { name: t.PLUS })
         }
       ),
-      /* @__PURE__ */ r(a, { name: t.BRACKET_RIGHT })
+      /* @__PURE__ */ r(i, { name: t.BRACKET_RIGHT })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { className: d(e.description, { [e.descriptionShow]: i }), children: /* @__PURE__ */ r("div", { className: e.descriptionInner, children: /* @__PURE__ */ r(n, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyXs", children: s }) }) }),
+  /* @__PURE__ */ r("div", { className: d(e.description, { [e.descriptionShow]: o }), children: /* @__PURE__ */ r(m, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodyXs", children: c }) }),
   /* @__PURE__ */ r("div", { className: e.leftBorder }),
   /* @__PURE__ */ r("div", { className: e.rightBorder })
 ] });

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faqComponentItem-module__root___zTwix",o="faqComponentItem-module__header___LxS2t",t="faqComponentItem-module__closeButtonWrapper___FMjQq",n="faqComponentItem-module__closeButton___yWXnz",r="faqComponentItem-module__closeButtonActive___eqfRz",_="faqComponentItem-module__description___UQs0o",c="faqComponentItem-module__descriptionInner___aC4CL",d="faqComponentItem-module__descriptionShow___DZNFQ",s="faqComponentItem-module__leftBorder___7tMoB",i="faqComponentItem-module__rightBorder___xiCjz",l="faqComponentItem-module__headerSticky___nPXFL",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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="faqComponentItem-module__root___zTwix",o="faqComponentItem-module__header___LxS2t",t="faqComponentItem-module__closeButtonWrapper___FMjQq",n="faqComponentItem-module__closeButton___yWXnz",r="faqComponentItem-module__closeButtonActive___eqfRz",_="faqComponentItem-module__description___UQs0o",c="faqComponentItem-module__descriptionShow___DZNFQ",d="faqComponentItem-module__leftBorder___7tMoB",s="faqComponentItem-module__rightBorder___xiCjz",i="faqComponentItem-module__headerSticky___nPXFL",l={root:e,header:o,closeButtonWrapper:t,closeButton:n,closeButtonActive:r,description:_,descriptionShow:c,leftBorder:d,rightBorder:s,headerSticky:i};exports.closeButton=n;exports.closeButtonActive=r;exports.closeButtonWrapper=t;exports.default=l;exports.description=_;exports.descriptionShow=c;exports.header=o;exports.headerSticky=i;exports.leftBorder=d;exports.rightBorder=s;exports.root=e;

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

@@ -1,27 +1,25 @@
-const o = "faqComponentItem-module__root___zTwix", e = "faqComponentItem-module__header___LxS2t", t = "faqComponentItem-module__closeButtonWrapper___FMjQq", n = "faqComponentItem-module__closeButton___yWXnz", _ = "faqComponentItem-module__closeButtonActive___eqfRz", r = "faqComponentItem-module__description___UQs0o", c = "faqComponentItem-module__descriptionInner___aC4CL", s = "faqComponentItem-module__descriptionShow___DZNFQ", d = "faqComponentItem-module__leftBorder___7tMoB", m = "faqComponentItem-module__rightBorder___xiCjz", i = "faqComponentItem-module__headerSticky___nPXFL", p = {
+const o = "faqComponentItem-module__root___zTwix", e = "faqComponentItem-module__header___LxS2t", t = "faqComponentItem-module__closeButtonWrapper___FMjQq", _ = "faqComponentItem-module__closeButton___yWXnz", n = "faqComponentItem-module__closeButtonActive___eqfRz", r = "faqComponentItem-module__description___UQs0o", c = "faqComponentItem-module__descriptionShow___DZNFQ", m = "faqComponentItem-module__leftBorder___7tMoB", s = "faqComponentItem-module__rightBorder___xiCjz", d = "faqComponentItem-module__headerSticky___nPXFL", l = {
   root: o,
   header: e,
   closeButtonWrapper: t,
-  closeButton: n,
-  closeButtonActive: _,
+  closeButton: _,
+  closeButtonActive: n,
   description: r,
-  descriptionInner: c,
-  descriptionShow: s,
-  leftBorder: d,
-  rightBorder: m,
-  headerSticky: i
+  descriptionShow: c,
+  leftBorder: m,
+  rightBorder: s,
+  headerSticky: d
 };
 export {
-  n as closeButton,
-  _ as closeButtonActive,
+  _ as closeButton,
+  n as closeButtonActive,
   t as closeButtonWrapper,
-  p as default,
+  l as default,
   r as description,
-  c as descriptionInner,
-  s as descriptionShow,
+  c as descriptionShow,
   e as header,
-  i as headerSticky,
-  d as leftBorder,
-  m as rightBorder,
+  d as headerSticky,
+  m as leftBorder,
+  s as rightBorder,
   o as root
 };

package/dist/components/FilterMenu/FilterMenu.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),j=require("react"),c=require("../../utils/cn/cn.cjs.js"),N=require("../Icon/Icon.cjs.js"),d=require("../Icon/constants.cjs.js"),i=require("../Typography/Typography.cjs.js"),e=require("./filterMenu.module.css.cjs.js");function _({label:u,open:m=!1,multiple:f,options:p,selectedValue:a,headerNode:r,onSelect:h}){const[o,g]=j.useState(m),y=()=>g(s=>!s);return n.jsxs("div",{className:e.default.root,children:[n.jsxs("button",{className:e.default.toggleButton,onClick:y,children:[n.jsx(i.Typography,{defaultVariant:"labelLg",emphasis:!0,children:u}),n.jsx(N.Icon,{name:o?d.EIconName.REMOVE:d.EIconName.PLUS,className:e.default.toggleIcon})]}),n.jsx("div",{className:c.cn(e.default.menu,o&&e.default.isOpen),role:"menu",children:n.jsxs("div",{className:e.default.menuContent,children:[r,p.map((s,t)=>n.jsxs("ul",{className:e.default.subOptions,children:[s.label&&n.jsx("li",{className:c.cn(e.default.divider,{[e.default.dividerLine]:!!(r||t!==0)}),children:n.jsx(i.Typography,{as:"div",defaultVariant:"bodyMd",weight:"medium",className:e.default.dividerLabel,children:s.label})},t),s.values.map(({value:l,label:b})=>n.jsx("li",{className:e.default.option,onClick:()=>h(l,s),children:n.jsx(i.Typography,{as:"div",defaultVariant:"bodyMd",className:c.cn(e.default.optionLabel,{[e.default.selected]:f?a==null?void 0:a.includes(l):l===a}),children:b})},l))]},`${s.label}_${t}`))]})})]})}exports.FilterMenu=_;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react"),t=require("../../utils/cn/cn.cjs.js"),b=require("../Icon/Icon.cjs.js"),i=require("../Icon/constants.cjs.js"),c=require("../Typography/Typography.cjs.js"),e=require("./filterMenu.module.css.cjs.js");function j({label:o,open:d=!1,options:u,selectedValue:m,onSelect:p}){const[r,f]=y.useState(d),h=()=>f(l=>!l);return a.jsxs("div",{className:e.default.root,children:[a.jsxs("button",{className:e.default.toggleButton,onClick:h,children:[a.jsx(c.Typography,{defaultVariant:"labelLg",emphasis:!0,children:o}),a.jsx(b.Icon,{name:r?i.EIconName.REMOVE:i.EIconName.PLUS,className:e.default.toggleIcon})]}),a.jsx("div",{className:t.cn(e.default.menu,r&&e.default.isOpen),role:"menu",children:u.map((l,s)=>a.jsxs("ul",{className:e.default.subOptions,children:[l.label&&a.jsx("li",{className:t.cn(e.default.divider,s!==0&&e.default.dividerLine),children:a.jsx(c.Typography,{as:"div",defaultVariant:"bodyMd",weight:"medium",className:e.default.dividerLabel,children:l.label})},s),l.values.map(({value:n,label:g})=>a.jsx("li",{className:e.default.option,onClick:()=>p(n,l),children:a.jsx(c.Typography,{as:"div",defaultVariant:"bodyMd",className:t.cn(e.default.optionLabel,n===m&&e.default.selected),children:g})},n))]},`${l.label}_${s}`))})]})}exports.FilterMenu=j;

package/dist/components/FilterMenu/FilterMenu.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 type TOption<T extends string | number> = {
     label: string;
     value: T;
@@ -10,17 +8,10 @@ export type TOptionGroup<T extends string | number> = {
 };
 type FilterMenuProps<T extends string | number> = {
     label: string;
+    selectedValue?: T;
     open?: boolean;
-    multiple?: boolean;
     options: ReadonlyArray<TOptionGroup<T>>;
-    headerNode?: React.ReactNode;
     onSelect: (value: T, optionGroup: TOptionGroup<T>) => void;
-} & ({
-    multiple: true;
-    selectedValue: Array<T>;
-} | {
-    multiple?: false;
-    selectedValue?: T;
-});
-export declare function FilterMenu<T extends string | number>({ label, open, multiple, options, selectedValue, headerNode, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
+};
+export declare function FilterMenu<T extends string | number>({ label, open, options, selectedValue, onSelect, }: FilterMenuProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FilterMenu/FilterMenu.es.js

@@ -1,63 +1,47 @@
 "use client";
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { useState as y } from "react";
-import { cn as o } from "../../utils/cn/cn.es.js";
-import { Icon as L } from "../Icon/Icon.es.js";
-import { EIconName as d } from "../Icon/constants.es.js";
-import { Typography as m } from "../Typography/Typography.es.js";
-import i from "./filterMenu.module.css.es.js";
-function w({
-  label: p,
-  open: h = !1,
-  multiple: f,
-  options: b,
-  selectedValue: l,
-  headerNode: t,
-  onSelect: u
+import { useState as g } from "react";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { Icon as v } from "../Icon/Icon.es.js";
+import { EIconName as m } from "../Icon/constants.es.js";
+import { Typography as o } from "../Typography/Typography.es.js";
+import e from "./filterMenu.module.css.es.js";
+function j({
+  label: c,
+  open: d = !1,
+  options: p,
+  selectedValue: u,
+  onSelect: h
 }) {
-  const [c, N] = y(h), g = () => N((e) => !e);
-  return /* @__PURE__ */ r("div", { className: i.root, children: [
-    /* @__PURE__ */ r("button", { className: i.toggleButton, onClick: g, children: [
-      /* @__PURE__ */ a(m, { defaultVariant: "labelLg", emphasis: !0, children: p }),
-      /* @__PURE__ */ a(L, { name: c ? d.REMOVE : d.PLUS, className: i.toggleIcon })
+  const [t, f] = g(d), b = () => f((l) => !l);
+  return /* @__PURE__ */ r("div", { className: e.root, children: [
+    /* @__PURE__ */ r("button", { className: e.toggleButton, onClick: b, children: [
+      /* @__PURE__ */ a(o, { defaultVariant: "labelLg", emphasis: !0, children: c }),
+      /* @__PURE__ */ a(v, { name: t ? m.REMOVE : m.PLUS, className: e.toggleIcon })
     ] }),
-    /* @__PURE__ */ a("div", { className: o(i.menu, c && i.isOpen), role: "menu", children: /* @__PURE__ */ r("div", { className: i.menuContent, children: [
-      t,
-      b.map((e, s) => /* @__PURE__ */ r("ul", { className: i.subOptions, children: [
-        e.label && /* @__PURE__ */ a(
-          "li",
-          {
-            className: o(i.divider, {
-              [i.dividerLine]: !!(t || s !== 0)
-            }),
-            children: /* @__PURE__ */ a(
-              m,
-              {
-                as: "div",
-                defaultVariant: "bodyMd",
-                weight: "medium",
-                className: i.dividerLabel,
-                children: e.label
-              }
-            )
-          },
-          s
-        ),
-        e.values.map(({ value: n, label: v }) => /* @__PURE__ */ a("li", { className: i.option, onClick: () => u(n, e), children: /* @__PURE__ */ a(
-          m,
-          {
-            as: "div",
-            defaultVariant: "bodyMd",
-            className: o(i.optionLabel, {
-              [i.selected]: f ? l == null ? void 0 : l.includes(n) : n === l
-            }),
-            children: v
-          }
-        ) }, n))
-      ] }, `${e.label}_${s}`))
-    ] }) })
+    /* @__PURE__ */ a("div", { className: n(e.menu, t && e.isOpen), role: "menu", children: p.map((l, s) => /* @__PURE__ */ r("ul", { className: e.subOptions, children: [
+      l.label && /* @__PURE__ */ a("li", { className: n(e.divider, s !== 0 && e.dividerLine), children: /* @__PURE__ */ a(
+        o,
+        {
+          as: "div",
+          defaultVariant: "bodyMd",
+          weight: "medium",
+          className: e.dividerLabel,
+          children: l.label
+        }
+      ) }, s),
+      l.values.map(({ value: i, label: N }) => /* @__PURE__ */ a("li", { className: e.option, onClick: () => h(i, l), children: /* @__PURE__ */ a(
+        o,
+        {
+          as: "div",
+          defaultVariant: "bodyMd",
+          className: n(e.optionLabel, i === u && e.selected),
+          children: N
+        }
+      ) }, i))
+    ] }, `${l.label}_${s}`)) })
   ] });
 }
 export {
-  w as FilterMenu
+  j as FilterMenu
 };

package/dist/components/FilterMenu/filterMenu.module.css.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="filterMenu-module__root___2bQXW",o="filterMenu-module__toggleButton___tuQZ8",t="filterMenu-module__toggleIcon___q7eVA",n="filterMenu-module__menu___a0R5E",_="filterMenu-module__subOptions___4CcnK",i="filterMenu-module__option___Qo7qU",l="filterMenu-module__selected___ixmVF",u="filterMenu-module__divider___6UuTw",d="filterMenu-module__optionLabel___C99H6",s="filterMenu-module__dividerLabel___93rPp",r="filterMenu-module__dividerLine___WPDHB",c="filterMenu-module__isOpen___65MDX",m="filterMenu-module__menuContent___a3NE8",g={root:e,toggleButton:o,toggleIcon:t,menu:n,subOptions:_,option:i,selected:l,divider:u,optionLabel:d,dividerLabel:s,dividerLine:r,isOpen:c,menuContent:m};exports.default=g;exports.divider=u;exports.dividerLabel=s;exports.dividerLine=r;exports.isOpen=c;exports.menu=n;exports.menuContent=m;exports.option=i;exports.optionLabel=d;exports.root=e;exports.selected=l;exports.subOptions=_;exports.toggleButton=o;exports.toggleIcon=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="filterMenu-module__root___2bQXW",o="filterMenu-module__toggleButton___tuQZ8",t="filterMenu-module__toggleIcon___q7eVA",_="filterMenu-module__menu___a0R5E",i="filterMenu-module__subOptions___4CcnK",n="filterMenu-module__option___Qo7qU",l="filterMenu-module__selected___ixmVF",u="filterMenu-module__divider___6UuTw",d="filterMenu-module__optionLabel___C99H6",s="filterMenu-module__dividerLabel___93rPp",r="filterMenu-module__isOpen___65MDX",c="filterMenu-module__dividerLine___WPDHB",g={root:e,toggleButton:o,toggleIcon:t,menu:_,subOptions:i,option:n,selected:l,divider:u,optionLabel:d,dividerLabel:s,isOpen:r,dividerLine:c};exports.default=g;exports.divider=u;exports.dividerLabel=s;exports.dividerLine=c;exports.isOpen=r;exports.menu=_;exports.option=n;exports.optionLabel=d;exports.root=e;exports.selected=l;exports.subOptions=i;exports.toggleButton=o;exports.toggleIcon=t;

package/dist/components/FilterMenu/filterMenu.module.css.es.js

@@ -1,4 +1,4 @@
-const e = "filterMenu-module__root___2bQXW", o = "filterMenu-module__toggleButton___tuQZ8", _ = "filterMenu-module__toggleIcon___q7eVA", t = "filterMenu-module__menu___a0R5E", n = "filterMenu-module__subOptions___4CcnK", i = "filterMenu-module__option___Qo7qU", l = "filterMenu-module__selected___ixmVF", u = "filterMenu-module__divider___6UuTw", d = "filterMenu-module__optionLabel___C99H6", s = "filterMenu-module__dividerLabel___93rPp", r = "filterMenu-module__dividerLine___WPDHB", c = "filterMenu-module__isOpen___65MDX", m = "filterMenu-module__menuContent___a3NE8", f = {
+const e = "filterMenu-module__root___2bQXW", o = "filterMenu-module__toggleButton___tuQZ8", _ = "filterMenu-module__toggleIcon___q7eVA", t = "filterMenu-module__menu___a0R5E", n = "filterMenu-module__subOptions___4CcnK", i = "filterMenu-module__option___Qo7qU", l = "filterMenu-module__selected___ixmVF", u = "filterMenu-module__divider___6UuTw", d = "filterMenu-module__optionLabel___C99H6", s = "filterMenu-module__dividerLabel___93rPp", r = "filterMenu-module__isOpen___65MDX", c = "filterMenu-module__dividerLine___WPDHB", m = {
   root: e,
   toggleButton: o,
   toggleIcon: _,
@@ -9,18 +9,16 @@ const e = "filterMenu-module__root___2bQXW", o = "filterMenu-module__toggleButto
   divider: u,
   optionLabel: d,
   dividerLabel: s,
-  dividerLine: r,
-  isOpen: c,
-  menuContent: m
+  isOpen: r,
+  dividerLine: c
 };
 export {
-  f as default,
+  m as default,
   u as divider,
   s as dividerLabel,
-  r as dividerLine,
-  c as isOpen,
+  c as dividerLine,
+  r as isOpen,
   t as menu,
-  m as menuContent,
   i as option,
   d as optionLabel,
   e as root,

package/dist/components/Pagination/Pagination.cjs.js

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