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

package/dist/components/Callback/constants.es.js

@@ -0,0 +1,31 @@
+const _ = {
+  sm: "headingMd",
+  lg: "headingXl"
+}, s = {
+  sm: "labelLg",
+  lg: "headingSm"
+}, E = {
+  sm: "bodyXs",
+  lg: "bodyLg"
+}, g = {
+  sm: "headingXs",
+  lg: "headingLg"
+}, I = {
+  sm: "labelLg",
+  lg: "headingXs"
+}, S = {
+  sm: "bodyXs",
+  lg: "bodySm"
+}, l = {
+  sm: "sm",
+  lg: "lg"
+};
+export {
+  l as BUTTON_BY_SIZE,
+  s as DESC_BY_SIZE_DESKTOP,
+  I as DESC_BY_SIZE_MOBILE,
+  E as PRICE_BY_SIZE_DESKTOP,
+  S as PRICE_BY_SIZE_MOBILE,
+  _ as TITLE_BY_SIZE_DESKTOP,
+  g as TITLE_BY_SIZE_MOBILE
+};

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

@@ -0,0 +1,2 @@
+export { Callback, type CallbackProps } from './Callback';
+export type { CallbackSize } from './types';

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

@@ -0,0 +1 @@
+export type CallbackSize = 'sm' | 'lg';

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

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +1,135 @@
+"use client";
+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: C
+        },
+        right: {
+          onClick: w
+        },
+        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 {
+  Q as ComplexImageCarousel
+};

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,19 @@
+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,
+  carouselArea: s,
+  swiper: _,
+  swiperSlide: l,
+  swiperSlideInner: a
+};
+export {
+  s as carouselArea,
+  n as default,
+  o as header,
+  r as progressButtonContainer,
+  e as root,
+  _ as swiper,
+  l as swiperSlide,
+  a as swiperSlideInner
+};

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

@@ -0,0 +1,2 @@
+export { ComplexImageCarousel } from './ComplexImageCarousel';
+export type { TAdvancedImageView, TComplexImageCarouselView } from './types';

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

@@ -0,0 +1,10 @@
+export type TAdvancedImageView = {
+    image: string;
+    title?: string;
+    name?: string;
+    description?: string;
+};
+export type TComplexImageCarouselView = {
+    view: 'simple' | 'complex';
+    images: Array<TAdvancedImageView>;
+};

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

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

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { PopoverPosition } from 'react-tiny-popover';
+import { CommonComplexTooltipProps } from './types';
+
+type ComplexTooltipProps = {
+    children: ReactElement;
+    trigger: 'hover' | 'click';
+    positions?: Array<PopoverPosition>;
+} & 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

@@ -0,0 +1,62 @@
+"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 j from "./complexTooltip.module.css.es.js";
+const z = ({
+  trigger: t,
+  title: m,
+  description: a,
+  link: f,
+  style: v = "light",
+  isBlurred: M = !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(() => {
+    e.current = setTimeout(() => {
+      s(!1), r == null || r();
+    }, 200);
+  }, [r]), c = u(() => s((b) => !b), []), T = l(() => t === "hover" ? {
+    onMouseEnter: n,
+    onMouseLeave: o
+  } : {
+    onClick: c
+  }, [t, n, o, c]), C = l(() => t === "hover" ? {
+    onMouseEnter: n,
+    onMouseLeave: o
+  } : {}, [t, n, o]);
+  return k(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), O() ? p : /* @__PURE__ */ i(
+    E.Popover,
+    {
+      isOpen: h,
+      positions: d,
+      padding: 8,
+      onClickOutside: o,
+      containerClassName: j.popover,
+      content: /* @__PURE__ */ i(
+        L,
+        {
+          title: m,
+          description: a,
+          link: f,
+          style: v,
+          isBlurred: M,
+          onClose: o,
+          ...C
+        }
+      ),
+      children: /* @__PURE__ */ i("div", { ...T, children: p })
+    }
+  );
+};
+export {
+  z as ComplexTooltip
+};

package/dist/components/ComplexTooltip/complexTooltip.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="complexTooltip-module__popover___nMxr-",o={popover:e};exports.default=o;exports.popover=e;

package/dist/components/ComplexTooltip/complexTooltip.module.css.es.js

@@ -0,0 +1,7 @@
+const o = "complexTooltip-module__popover___nMxr-", p = {
+  popover: o
+};
+export {
+  p as default,
+  o as popover
+};

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

@@ -0,0 +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/ContentTabs/ContentTabs.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("../../styles/typography.module.css.cjs.js"),c=require("../../utils/cn/cn.cjs.js"),r=require("../Icon/Icon.cjs.js"),n=require("./contentTabs.module.css.cjs.js");function d({tabs:i,activeTab:s,colorScheme:a,onTabClick:o}){return l.jsx("div",{className:c.cn(n.default.root,n.default[a]),children:i.map(e=>l.jsxs("div",{className:n.default.tabWrap,children:[l.jsxs("button",{className:c.cn(n.default.tab,{[n.default.activeTab]:s.label===e.label}),onClick:()=>o(e),children:[e.icon&&l.jsx("div",{className:n.default.icon,children:l.jsx(r.Icon,{name:e.icon})}),l.jsx("div",{className:t.default.headingXs,children:e.label})]}),l.jsx("p",{className:c.cn(n.default.description,{[n.default.descriptionActive]:s.label===e.label},t.default.bodySm),children:e.description})]},String(e.label)))})}exports.ContentTabs=d;

package/dist/components/ContentTabs/ContentTabs.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { EIconName } from '../Icon';
+import { TColorScheme } from '../../types/common';
+
+export type TContentTab = {
+    label: string;
+    description: ReactNode;
+    icon?: EIconName;
+    image?: string;
+};
+type Props = {
+    activeTab: TContentTab;
+    tabs: ReadonlyArray<TContentTab>;
+    colorScheme: TColorScheme;
+    onTabClick: (value: TContentTab) => void;
+};
+export declare function ContentTabs({ tabs, activeTab, colorScheme, onTabClick }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ContentTabs/ContentTabs.es.js

@@ -0,0 +1,38 @@
+import { jsx as l, jsxs as n } from "react/jsx-runtime";
+import c from "../../styles/typography.module.css.es.js";
+import { cn as o } from "../../utils/cn/cn.es.js";
+import { Icon as d } from "../Icon/Icon.es.js";
+import e from "./contentTabs.module.css.es.js";
+function v({ tabs: s, activeTab: r, colorScheme: a, onTabClick: m }) {
+  return /* @__PURE__ */ l("div", { className: o(e.root, e[a]), children: s.map((i) => /* @__PURE__ */ n("div", { className: e.tabWrap, children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        className: o(e.tab, {
+          [e.activeTab]: r.label === i.label
+        }),
+        onClick: () => m(i),
+        children: [
+          i.icon && /* @__PURE__ */ l("div", { className: e.icon, children: /* @__PURE__ */ l(d, { name: i.icon }) }),
+          /* @__PURE__ */ l("div", { className: c.headingXs, children: i.label })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      "p",
+      {
+        className: o(
+          e.description,
+          {
+            [e.descriptionActive]: r.label === i.label
+          },
+          c.bodySm
+        ),
+        children: i.description
+      }
+    )
+  ] }, String(i.label))) });
+}
+export {
+  v as ContentTabs
+};

package/dist/components/ContentTabs/contentTabs.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="contentTabs-module__root___vJVGt",o="contentTabs-module__tabWrap___jwBNf",e="contentTabs-module__tab___oMzRn",_="contentTabs-module__light___LyVtp",n="contentTabs-module__dark___-VJo6",c="contentTabs-module__activeTab___0Uvh6",a="contentTabs-module__icon___nyuv-",i="contentTabs-module__description___sM2G-",s="contentTabs-module__descriptionActive___aa8C1",d={root:t,tabWrap:o,tab:e,light:_,dark:n,activeTab:c,icon:a,description:i,descriptionActive:s};exports.activeTab=c;exports.dark=n;exports.default=d;exports.description=i;exports.descriptionActive=s;exports.icon=a;exports.light=_;exports.root=t;exports.tab=e;exports.tabWrap=o;

package/dist/components/ContentTabs/contentTabs.module.css.es.js

@@ -0,0 +1,23 @@
+const t = "contentTabs-module__root___vJVGt", o = "contentTabs-module__tabWrap___jwBNf", _ = "contentTabs-module__tab___oMzRn", n = "contentTabs-module__light___LyVtp", c = "contentTabs-module__dark___-VJo6", e = "contentTabs-module__activeTab___0Uvh6", a = "contentTabs-module__icon___nyuv-", s = "contentTabs-module__description___sM2G-", i = "contentTabs-module__descriptionActive___aa8C1", d = {
+  root: t,
+  tabWrap: o,
+  tab: _,
+  light: n,
+  dark: c,
+  activeTab: e,
+  icon: a,
+  description: s,
+  descriptionActive: i
+};
+export {
+  e as activeTab,
+  c as dark,
+  d as default,
+  s as description,
+  i as descriptionActive,
+  a as icon,
+  n as light,
+  t as root,
+  _ as tab,
+  o as tabWrap
+};

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

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

package/dist/components/Cursor/Cursor.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./components/ClientCursor.cjs.js"),n=require("./components/ServerCursor.cjs.js");function s({children:r,label:u,colorScheme:o}){return typeof window>"u"?e.jsx(n.ServerCursor,{children:r}):e.jsx(t.ClientCursor,{label:u,colorScheme:o,children:r})}exports.Cursor=s;

package/dist/components/Cursor/Cursor.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export type CursorProps = {
+    label: string;
+    children: React.ReactNode;
+    colorScheme: 'light' | 'dark';
+};
+export declare function Cursor({ children, label, colorScheme }: CursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cursor/Cursor.es.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { ClientCursor as f } from "./components/ClientCursor.es.js";
+import { ServerCursor as i } from "./components/ServerCursor.es.js";
+function p({ children: r, label: t, colorScheme: e }) {
+  return typeof window > "u" ? /* @__PURE__ */ o(i, { children: r }) : /* @__PURE__ */ o(f, { label: t, colorScheme: e, children: r });
+}
+export {
+  p as Cursor
+};

package/dist/components/Cursor/components/ClientCursor.cjs.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),x=require("react-dom"),q=require("../../../utils/cn/cn.cjs.js"),b=require("../../Typography/Typography.cjs.js"),s=require("../cursor.module.css.cjs.js");function g({children:c,label:a,colorScheme:l}){const[r,d]=e.useState({x:0,y:0}),[f,o]=e.useState(!1),m=e.useRef(null),[p,n]=e.useState(!1);e.useEffect(()=>(n(!0),()=>n(!1)),[]),e.useEffect(()=>{const u=i=>{d({x:i.clientX,y:i.clientY})};return window.addEventListener("mousemove",u),()=>window.removeEventListener("mousemove",u)},[]);const y=()=>{o(!0)},h=()=>{o(!1)},v=t.jsx("div",{ref:m,className:q.cn(s.default.cursor,{[s.default.cursorVisible]:f}),style:{left:`${r.x}px`,top:`${r.y}px`},"data-color-scheme":l,children:t.jsx(b.Typography,{as:"p",emphasis:!0,defaultVariant:"labelLg",children:a})});return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:s.default.cursorContainer,onMouseEnter:y,onMouseLeave:h,children:c}),p&&x.createPortal(v,document.body)]})}exports.ClientCursor=g;

package/dist/components/Cursor/components/ClientCursor.d.ts

@@ -0,0 +1,3 @@
+import { CursorProps } from '../Cursor';
+
+export declare function ClientCursor({ children, label, colorScheme }: CursorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Cursor/components/ClientCursor.es.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as e, jsxs as b, Fragment as E } from "react/jsx-runtime";
+import { useState as o, useRef as L, useEffect as a } from "react";
+import { createPortal as M } from "react-dom";
+import { cn as w } from "../../../utils/cn/cn.es.js";
+import { Typography as V } from "../../Typography/Typography.es.js";
+import t from "../cursor.module.css.es.js";
+function $({ children: c, label: l, colorScheme: m }) {
+  const [s, d] = o({ x: 0, y: 0 }), [f, r] = o(!1), p = L(null), [v, n] = o(!1);
+  a(() => (n(!0), () => n(!1)), []), a(() => {
+    const i = (u) => {
+      d({ x: u.clientX, y: u.clientY });
+    };
+    return window.addEventListener("mousemove", i), () => window.removeEventListener("mousemove", i);
+  }, []);
+  const h = () => {
+    r(!0);
+  }, x = () => {
+    r(!1);
+  }, y = /* @__PURE__ */ e(
+    "div",
+    {
+      ref: p,
+      className: w(t.cursor, {
+        [t.cursorVisible]: f
+      }),
+      style: {
+        left: `${s.x}px`,
+        top: `${s.y}px`
+      },
+      "data-color-scheme": m,
+      children: /* @__PURE__ */ e(V, { as: "p", emphasis: !0, defaultVariant: "labelLg", children: l })
+    }
+  );
+  return /* @__PURE__ */ b(E, { children: [
+    /* @__PURE__ */ e("div", { className: t.cursorContainer, onMouseEnter: h, onMouseLeave: x, children: c }),
+    v && M(y, document.body)
+  ] });
+}
+export {
+  $ as ClientCursor
+};

package/dist/components/Cursor/components/ServerCursor.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=({children:r})=>r;exports.ServerCursor=e;

package/dist/components/Cursor/components/ServerCursor.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export declare const ServerCursor: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactNode;

package/dist/components/Cursor/components/ServerCursor.es.js

@@ -0,0 +1,4 @@
+const e = ({ children: r }) => r;
+export {
+  e as ServerCursor
+};

package/dist/components/Cursor/cursor.module.css.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="cursor-module__cursor___5Aohf",o="cursor-module__cursorVisible___S6TYo",s="cursor-module__cursorContainer___YHR3l",e={cursor:r,cursorVisible:o,cursorContainer:s};exports.cursor=r;exports.cursorContainer=s;exports.cursorVisible=o;exports.default=e;

package/dist/components/Cursor/cursor.module.css.es.js

@@ -0,0 +1,11 @@
+const r = "cursor-module__cursor___5Aohf", o = "cursor-module__cursorVisible___S6TYo", s = "cursor-module__cursorContainer___YHR3l", c = {
+  cursor: r,
+  cursorVisible: o,
+  cursorContainer: s
+};
+export {
+  r as cursor,
+  s as cursorContainer,
+  o as cursorVisible,
+  c as default
+};

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

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