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

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 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;

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

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

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

@@ -0,0 +1,58 @@
+"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)
+      }
+    ) })
+  ] }) });
+};
+export {
+  S 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__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;

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

@@ -0,0 +1,24 @@
+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,
+  progressButtonContainer: r,
+  progressButton: a
+};
+export {
+  o as carouselArea,
+  e as container,
+  m as default,
+  _ as description,
+  l as descriptionItem,
+  a as progressButton,
+  r as progressButtonContainer,
+  s as slideContainer
+};

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/ComplexImageCarousel/useComplexImageCarousel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../../node_modules/@gsap/react/src/index.cjs.js"),c=require("../../node_modules/gsap/index.cjs.js"),x=require("../../node_modules/gsap/Flip.cjs.js"),r=require("react"),V=require("../../utils/debounce.cjs.js");c.gsap.registerPlugin(x.Flip);const D=({images:a})=>{const[d,E]=r.useState(0),[z,y]=r.useState(!1),W=r.useRef(null),o=r.useRef(null),f=r.useRef([]),m=r.useRef(null),q=r.useRef(null),C=r.useRef(null),R=r.useRef(null),u=["atom","small","medium","small","atom"],I=["atom","small","medium","large","x-large","large","medium","small","atom"],[l,A]=r.useState(typeof window<"u"&&window.innerWidth<=768?u:I),F=u.indexOf("medium"),P=l.indexOf("x-large"),w=r.useCallback(e=>{var L,b,v,B;if(!f.current.length)return;c.gsap.set(o.current,{height:((L=o.current)==null?void 0:L.offsetHeight)||"auto"});const g=(b=o.current)==null?void 0:b.querySelector('[data-size="x-large"]'),s=g==null?void 0:g.getBoundingClientRect(),n=(v=o.current)==null?void 0:v.querySelector('[data-size="medium"]'),h=n==null?void 0:n.getBoundingClientRect();if(window.innerWidth<=768){if(!h||!C.current)return;const t=window.innerWidth/2,i=h.left+h.width/2,p=t-i;c.gsap.set(o.current,{x:`+=${p}`});const S=C.current.querySelector(".progress-buttons");if(S){const $=S.getBoundingClientRect(),H=$.left+$.width/2,M=t-H;c.gsap.set(S,{x:`+=${M}`})}const G=t-h.width/2;c.gsap.set(m.current,{width:h.width,height:h.height/2,marginLeft:G})}else c.gsap.set(m.current,{width:s?s.width:"auto",height:s?s.height:"auto",marginLeft:s?s.left:0});(((B=m.current)==null?void 0:B.querySelectorAll(".description-item"))||[]).forEach((t,i)=>{t.style.zIndex=`${a.length-i}`}),y(!0),R.current=x.Flip.getState(f.current,{props:"width,height",simple:!0}),E(e),window.innerWidth<=768?f.current.forEach((t,i)=>{t&&i<u.length&&(u.forEach(p=>{t.classList.remove(`size-${p}`)}),t.classList.add(`size-${u[i]}`))}):f.current.forEach((t,i)=>{t&&i<l.length&&(l.forEach(p=>{t.classList.remove(`size-${p}`)}),t.classList.add(`size-${l[i]}`))}),requestAnimationFrame(()=>{x.Flip.from(R.current,{duration:.5,ease:"power3.out",targets:f.current,scale:!1,nested:!0,onComplete:()=>{y(!1)}}),c.gsap.fromTo(q.current,{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:"power3.out",onComplete:()=>{R.current=null}})})},[l,u,a.length]),k=()=>{if(z)return;const e=(d-1+a.length)%a.length;w(e)},O=()=>{if(z)return;const e=(d+1)%a.length;w(e)};function T(e,g){const s=[];if(typeof window<"u"&&window.innerWidth<=768)for(let n=0;n<u.length;n++)s.push(e[(g+n)%e.length]);else for(let n=0;n<l.length;n++)s.push(e[(g+n)%e.length]);return s}const j=T(a,d);return N.useGSAP(()=>{w(d),o.current&&c.gsap.set(o.current,{clearProps:"all"});const e=V.default(()=>{A(window.innerWidth<=768?u:I),w(d)},600);return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),{containerRef:W,carouselRef:o,imageRefs:f,descriptionRef:m,descriptionItemRef:q,progressButtonContainerRef:C,visible:j,cardSizes:l,handleCustomPrevClick:k,handleCustomNextClick:O,current:d,mobileCardIndex:F,xLargeCardIndex:P}};exports.useComplexImageCarousel=D;

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

@@ -0,0 +1,19 @@
+import { TAdvancedImageView } from './types';
+
+export declare const useComplexImageCarousel: ({ images }: {
+    images: TAdvancedImageView[];
+}) => {
+    containerRef: import('react').RefObject<HTMLDivElement>;
+    carouselRef: import('react').RefObject<HTMLDivElement>;
+    imageRefs: import('react').MutableRefObject<HTMLDivElement[]>;
+    descriptionRef: import('react').RefObject<HTMLDivElement>;
+    descriptionItemRef: import('react').RefObject<HTMLDivElement>;
+    progressButtonContainerRef: import('react').RefObject<HTMLDivElement>;
+    visible: TAdvancedImageView[];
+    cardSizes: string[];
+    handleCustomPrevClick: () => void;
+    handleCustomNextClick: () => void;
+    current: number;
+    mobileCardIndex: number;
+    xLargeCardIndex: number;
+};

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

@@ -0,0 +1,133 @@
+import { useGSAP as D } from "../../node_modules/@gsap/react/src/index.es.js";
+import { gsap as c } from "../../node_modules/gsap/index.es.js";
+import { Flip as x } from "../../node_modules/gsap/Flip.es.js";
+import { useState as S, useRef as l, useCallback as J } from "react";
+import K from "../../utils/debounce.es.js";
+c.registerPlugin(x);
+const _ = ({ images: a }) => {
+  const [d, q] = S(0), [y, L] = S(!1), A = l(null), o = l(null), f = l([]), p = l(null), I = l(null), C = l(null), z = l(null), i = ["atom", "small", "medium", "small", "atom"], B = ["atom", "small", "medium", "large", "x-large", "large", "medium", "small", "atom"], [u, k] = S(
+    typeof window < "u" && window.innerWidth <= 768 ? i : B
+  ), P = i.indexOf("medium"), O = u.indexOf("x-large"), w = J(
+    (e) => {
+      var b, v, E, W;
+      if (!f.current.length) return;
+      c.set(o.current, {
+        height: ((b = o.current) == null ? void 0 : b.offsetHeight) || "auto"
+      });
+      const h = (v = o.current) == null ? void 0 : v.querySelector('[data-size="x-large"]'), r = h == null ? void 0 : h.getBoundingClientRect(), n = (E = o.current) == null ? void 0 : E.querySelector('[data-size="medium"]'), m = n == null ? void 0 : n.getBoundingClientRect();
+      if (window.innerWidth <= 768) {
+        if (!m || !C.current) return;
+        const t = window.innerWidth / 2, s = m.left + m.width / 2, g = t - s;
+        c.set(o.current, {
+          x: `+=${g}`
+        });
+        const R = C.current.querySelector(
+          ".progress-buttons"
+        );
+        if (R) {
+          const $ = R.getBoundingClientRect(), V = $.left + $.width / 2, j = t - V;
+          c.set(R, {
+            x: `+=${j}`
+          });
+        }
+        const N = t - m.width / 2;
+        c.set(p.current, {
+          width: m.width,
+          height: m.height / 2,
+          marginLeft: N
+        });
+      } else
+        c.set(p.current, {
+          width: r ? r.width : "auto",
+          height: r ? r.height : "auto",
+          marginLeft: r ? r.left : 0
+        });
+      (((W = p.current) == null ? void 0 : W.querySelectorAll(".description-item")) || []).forEach((t, s) => {
+        t.style.zIndex = `${a.length - s}`;
+      }), L(!0), z.current = x.getState(f.current, {
+        props: "width,height",
+        simple: !0
+      }), q(e), window.innerWidth <= 768 ? f.current.forEach((t, s) => {
+        t && s < i.length && (i.forEach((g) => {
+          t.classList.remove(`size-${g}`);
+        }), t.classList.add(`size-${i[s]}`));
+      }) : f.current.forEach((t, s) => {
+        t && s < u.length && (u.forEach((g) => {
+          t.classList.remove(`size-${g}`);
+        }), t.classList.add(`size-${u[s]}`));
+      }), requestAnimationFrame(() => {
+        x.from(z.current, {
+          duration: 0.5,
+          ease: "power3.out",
+          targets: f.current,
+          scale: !1,
+          nested: !0,
+          onComplete: () => {
+            L(!1);
+          }
+        }), c.fromTo(
+          I.current,
+          {
+            opacity: 0,
+            y: 20
+          },
+          {
+            opacity: 1,
+            y: 0,
+            duration: 0.5,
+            ease: "power3.out",
+            onComplete: () => {
+              z.current = null;
+            }
+          }
+        );
+      });
+    },
+    [u, i, a.length]
+  ), F = () => {
+    if (y) return;
+    const e = (d - 1 + a.length) % a.length;
+    w(e);
+  }, T = () => {
+    if (y) return;
+    const e = (d + 1) % a.length;
+    w(e);
+  };
+  function G(e, h) {
+    const r = [];
+    if (typeof window < "u" && window.innerWidth <= 768)
+      for (let n = 0; n < i.length; n++)
+        r.push(e[(h + n) % e.length]);
+    else
+      for (let n = 0; n < u.length; n++)
+        r.push(e[(h + n) % e.length]);
+    return r;
+  }
+  const H = G(a, d);
+  return D(() => {
+    w(d), o.current && c.set(o.current, { clearProps: "all" });
+    const e = K(() => {
+      k(window.innerWidth <= 768 ? i : B), w(d);
+    }, 600);
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, []), {
+    containerRef: A,
+    carouselRef: o,
+    imageRefs: f,
+    descriptionRef: p,
+    descriptionItemRef: I,
+    progressButtonContainerRef: C,
+    visible: H,
+    cardSizes: u,
+    handleCustomPrevClick: F,
+    handleCustomNextClick: T,
+    current: d,
+    mobileCardIndex: P,
+    xLargeCardIndex: O
+  };
+};
+export {
+  _ as useComplexImageCarousel
+};

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
+};