@prokodo/ui 0.0.10 → 0.0.12

package/dist/components/calendly/Calendly.js

@@ -1 +1,82 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../helpers/validations.js"),A=require("../animated/Animated.js"),k=require("../loading/Loading.js");let d=!1;const R=({calendlyId:f,data:t,color:n={text:"#4D4D4D",button:"#1E90FF",background:"#FFFFFF"},animationProps:h,hideCookieSettings:g,hideEventTypeDetails:p,hideDetails:y,...j})=>{const u=s.useRef(null),[l,w]=s.useState(!1),[x,_]=s.useState(d),c=e=>e==null?void 0:e.replaceAll("#",""),C=e=>{const o={};if(!e)return o;for(const i of["name","email","firstName","lastName"])r.isString(e[i])&&(o[i]=e[i]);return o},m=s.useMemo(()=>{const e=new URLSearchParams;return y&&e.set("hide_landing_page_details","1"),p&&e.set("hide_event_type_details","1"),g&&e.set("hide_gdpr_banner","1"),r.isString(n.background)&&e.set("background_color",c(n.background)),r.isString(n.text)&&e.set("text_color",c(n.text)),r.isString(n.button)&&e.set("primary_color",c(n.button)),r.isString(t==null?void 0:t.utm_campaign)&&e.set("utm_campaign",(t==null?void 0:t.utm_campaign)??""),r.isString(t==null?void 0:t.utm_source)&&e.set("utm_source",(t==null?void 0:t.utm_source)??""),`https://calendly.com/${f}?${e.toString()}`},[f,n,t,y,p,g]),F=s.useCallback(e=>{if(e&&x&&!l){let i=0;const b=()=>{var S;window.Calendly?((S=u.current)==null||S.setAttribute("data-url",m),window.Calendly.initInlineWidget({url:m,parentElement:u.current,prefill:C(t)}),w(!0)):i<10?(i+=1,setTimeout(b,100)):console.warn("Calendly widget failed to load.")};b()}},[x,l,m,t]);return s.useEffect(()=>{if(d||typeof document>"u"){_(!0);return}const e=document.createElement("script");e.src="https://assets.calendly.com/assets/external/widget.js",e.async=!0,e.onload=()=>{d=!0,_(!0)},document.body.appendChild(e)},[]),a.jsxRuntimeExports.jsxs(A.Animated,{...h,onAnimate:F,children:[!l&&a.jsxRuntimeExports.jsx(k.Loading,{}),a.jsxRuntimeExports.jsx("div",{...j,ref:u,style:{display:l?"block":"none",minWidth:320,height:700}})]})};R.displayName="Calendly";exports.Calendly=R;
+import { j as c } from "../../_virtual/jsx-runtime.js";
+import { useRef as A, useState as h, useMemo as R, useCallback as L, useEffect as S } from "react";
+import { isString as s } from "../../helpers/validations.js";
+import { Animated as E } from "../animated/Animated.js";
+import { Loading as B } from "../loading/Loading.js";
+let f = !1;
+const I = ({
+  calendlyId: p,
+  data: t,
+  color: n = {
+    text: "#4D4D4D",
+    button: "#1E90FF",
+    background: "#FFFFFF"
+  },
+  animationProps: w,
+  hideCookieSettings: d,
+  hideEventTypeDetails: a,
+  hideDetails: g,
+  ...C
+}) => {
+  const l = A(null), [i, F] = h(!1), [y, _] = h(f), u = (e) => e == null ? void 0 : e.replaceAll("#", ""), j = (e) => {
+    const o = {};
+    if (!e) return o;
+    for (const r of ["name", "email", "firstName", "lastName"])
+      s(e[r]) && (o[r] = e[r]);
+    return o;
+  }, m = R(() => {
+    const e = new URLSearchParams();
+    return g && e.set("hide_landing_page_details", "1"), a && e.set("hide_event_type_details", "1"), d && e.set("hide_gdpr_banner", "1"), s(n.background) && e.set("background_color", u(n.background)), s(n.text) && e.set("text_color", u(n.text)), s(n.button) && e.set("primary_color", u(n.button)), s(t == null ? void 0 : t.utm_campaign) && e.set("utm_campaign", (t == null ? void 0 : t.utm_campaign) ?? ""), s(t == null ? void 0 : t.utm_source) && e.set("utm_source", (t == null ? void 0 : t.utm_source) ?? ""), `https://calendly.com/${p}?${e.toString()}`;
+  }, [
+    p,
+    n,
+    t,
+    g,
+    a,
+    d
+  ]), k = L(
+    (e) => {
+      if (e && y && !i) {
+        let r = 0;
+        const x = () => {
+          var b;
+          window.Calendly ? ((b = l.current) == null || b.setAttribute("data-url", m), window.Calendly.initInlineWidget({
+            url: m,
+            parentElement: l.current,
+            prefill: j(t)
+          }), F(!0)) : r < 10 ? (r += 1, setTimeout(x, 100)) : console.warn("Calendly widget failed to load.");
+        };
+        x();
+      }
+    },
+    [y, i, m, t]
+  );
+  return S(() => {
+    if (f || typeof document > "u") {
+      _(!0);
+      return;
+    }
+    const e = document.createElement("script");
+    e.src = "https://assets.calendly.com/assets/external/widget.js", e.async = !0, e.onload = () => {
+      f = !0, _(!0);
+    }, document.body.appendChild(e);
+  }, []), /* @__PURE__ */ c.jsxs(E, { ...w, onAnimate: k, children: [
+    !i && /* @__PURE__ */ c.jsx(B, {}),
+    /* @__PURE__ */ c.jsx(
+      "div",
+      {
+        ...C,
+        ref: l,
+        style: {
+          display: i ? "block" : "none",
+          minWidth: 320,
+          height: 700
+        }
+      }
+    )
+  ] });
+};
+I.displayName = "Calendly";
+export {
+  I as Calendly
+};

package/dist/components/calendly/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Calendly.js");exports.Calendly=e.Calendly;
+import { Calendly as o } from "./Calendly.js";
+export {
+  o as Calendly
+};

package/dist/components/card/Card.js

@@ -1 +1,180 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.js"),u=require("react"),T=require("../../assets/images/card_background_primary_1.webp.js"),$=require("../../assets/images/card_background_primary_2.webp.js"),w=require("../../assets/images/card_background_primary_3.webp.js"),z=require("../../assets/images/card_background_primary_4.webp.js"),A=require("../../assets/images/card_background_secondary_1.webp.js"),G=require("../../assets/images/card_background_secondary_2.webp.js"),H=require("../../assets/images/card_background_secondary_3.webp.js"),J=require("../../assets/images/card_background_secondary_4.webp.js"),Q=require("../../helpers/bem.js"),U=require("../../helpers/validations.js"),V=require("../animated/Animated.js"),W=require("../image/Image.js"),X=require("../link/Link.js"),Y=require("../skeleton/Skeleton.js"),Z=require("./Card.module.scss.js"),o=Q.create(Z.default,"Card"),M=({ref:k,variant:s="white",loading:E,skeletonProps:p={},highlight:B,gradiant:x,gradiantClassName:L,enableShadow:_,animated:v=!0,customAnimation:j,className:g,contentClassName:q,background:t,backgroundProps:a,disabled:l,redirect:n,onClick:i,onKeyDown:m,onMouseEnter:C,onMouseLeave:S,children:h})=>{const f=u.useCallback(e=>!!E&&r.jsxRuntimeExports.jsx(Y.Skeleton,{className:o("skeleton",e),variant:"rectangular",...p}),[E,p]),I=u.useCallback(e=>{e.code==="Enter"&&(i==null||i()),m==null||m(e)},[i,m]),R=u.useCallback(e=>{const d=l===!0,N=typeof i=="function",c=N&&!d||U.isString(n==null?void 0:n.href),y={[s]:!0,"has-highlight":!!B,"has-gradiant":!!x,"has-background":!!t,"has-shadow":c&&_===void 0||!!_,"has-animation":v,"is-clickable":c},F={ref:k,className:o(void 0,y,g),role:c?"button":void 0,"aria-disabled":d?!0:void 0,tabIndex:c&&!d&&!n?0:-1,onMouseEnter:C,onMouseLeave:S,onKeyDown:c?I:void 0,onClick:N&&!d?i:void 0};return j?r.jsxRuntimeExports.jsxs(V.Animated,{animation:j,...F,children:[f(y),e]}):r.jsxRuntimeExports.jsxs("div",{...F,children:[f(y),e]})},[k,n,s,B,x,t,v,j,g,i,I,C,S,l,_,f]),b=u.useCallback(()=>n!==void 0?r.jsxRuntimeExports.jsx(X.Link,{disabled:l,className:o("content",{[s]:!0,"has-link":!0},q),...n,children:h}):r.jsxRuntimeExports.jsx("div",{className:o("content",void 0,q),children:h}),[q,s,n,l,h]),O=u.useCallback(()=>{let e=T;if(s==="secondary")switch(t){case 2:e=G;break;case 3:e=H;break;case 4:e=J;break;default:e=A}switch(t){case 2:e=$;break;case 3:e=w;break;case 4:e=z;break}return r.jsxRuntimeExports.jsx(W.Image,{alt:"prokodo - background image",src:typeof t=="string"?t:e,...a,className:o("background",void 0,a==null?void 0:a.className),imageComponent:(a==null?void 0:a.imageComponent)??"img"})},[s,t,a]);return R(x?r.jsxRuntimeExports.jsx("div",{className:o("gradiant",{[s]:s!=="inherit"&&s!=="white"},L),children:b()}):t!==void 0?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[b(),O()]}):b())};exports.Card=M;
+import { j as m } from "../../_virtual/jsx-runtime.js";
+import { useCallback as n } from "react";
+import O from "../../assets/images/card_background_primary_1.webp.js";
+import Q from "../../assets/images/card_background_primary_2.webp.js";
+import T from "../../assets/images/card_background_primary_3.webp.js";
+import U from "../../assets/images/card_background_primary_4.webp.js";
+import V from "../../assets/images/card_background_secondary_1.webp.js";
+import W from "../../assets/images/card_background_secondary_2.webp.js";
+import X from "../../assets/images/card_background_secondary_3.webp.js";
+import Y from "../../assets/images/card_background_secondary_4.webp.js";
+import { create as Z } from "../../helpers/bem.js";
+import { isString as _ } from "../../helpers/validations.js";
+import { Animated as $ } from "../animated/Animated.js";
+import { Image as A } from "../image/Image.js";
+import { Link as D } from "../link/Link.js";
+import { Skeleton as M } from "../skeleton/Skeleton.js";
+import K from "./Card.module.scss.js";
+const a = Z(K, "Card"), ce = ({
+  ref: I,
+  variant: t = "white",
+  loading: u,
+  skeletonProps: F = {},
+  highlight: S,
+  gradiant: c,
+  gradiantClassName: J,
+  enableShadow: h,
+  animated: E = !0,
+  customAnimation: x,
+  className: R,
+  contentClassName: j,
+  background: r,
+  backgroundProps: o,
+  disabled: l,
+  redirect: s,
+  onClick: i,
+  onKeyDown: p,
+  onMouseEnter: q,
+  onMouseLeave: w,
+  children: y
+}) => {
+  const G = n(
+    (e) => !!u && /* @__PURE__ */ m.jsx(
+      M,
+      {
+        className: a("skeleton", e),
+        variant: "rectangular",
+        ...F
+      }
+    ),
+    [u, F]
+  ), z = n(
+    (e) => {
+      e.code === "Enter" && (i == null || i()), p == null || p(e);
+    },
+    [i, p]
+  ), d = n(
+    (e) => {
+      const B = l === !0, C = typeof i == "function", f = C && !B || _(s == null ? void 0 : s.href), N = {
+        [t]: !0,
+        "has-highlight": !!S,
+        "has-gradiant": !!c,
+        "has-background": !!r,
+        "has-shadow": f && h === void 0 || !!h,
+        "has-animation": E,
+        "is-clickable": f
+      }, H = {
+        ref: I,
+        className: a(void 0, N, R),
+        role: f ? "button" : void 0,
+        "aria-disabled": B ? !0 : void 0,
+        tabIndex: f && !B && !s ? 0 : -1,
+        onMouseEnter: q,
+        onMouseLeave: w,
+        onKeyDown: f ? z : void 0,
+        onClick: C && !B ? i : void 0
+      };
+      return x ? /* @__PURE__ */ m.jsxs($, { animation: x, ...H, children: [
+        G(N),
+        e
+      ] }) : /* @__PURE__ */ m.jsxs("div", { ...H, children: [
+        G(N),
+        e
+      ] });
+    },
+    [
+      I,
+      s,
+      t,
+      S,
+      c,
+      r,
+      E,
+      x,
+      R,
+      i,
+      z,
+      q,
+      w,
+      l,
+      h,
+      G
+    ]
+  ), v = n(
+    () => s !== void 0 ? /* @__PURE__ */ m.jsx(
+      D,
+      {
+        disabled: l,
+        className: a(
+          "content",
+          {
+            [t]: !0,
+            "has-link": !0
+          },
+          j
+        ),
+        ...s,
+        children: y
+      }
+    ) : /* @__PURE__ */ m.jsx("div", { className: a("content", void 0, j), children: y }),
+    [j, t, s, l, y]
+  ), L = n(() => {
+    let e = O;
+    if (t === "secondary")
+      switch (r) {
+        case 2:
+          e = W;
+          break;
+        case 3:
+          e = X;
+          break;
+        case 4:
+          e = Y;
+          break;
+        default:
+          e = V;
+      }
+    switch (r) {
+      case 2:
+        e = Q;
+        break;
+      case 3:
+        e = T;
+        break;
+      case 4:
+        e = U;
+        break;
+    }
+    return /* @__PURE__ */ m.jsx(
+      A,
+      {
+        alt: "prokodo - background image",
+        src: typeof r == "string" ? r : e,
+        ...o,
+        className: a("background", void 0, o == null ? void 0 : o.className),
+        imageComponent: (o == null ? void 0 : o.imageComponent) ?? "img"
+      }
+    );
+  }, [t, r, o]);
+  return d(
+    c ? /* @__PURE__ */ m.jsx(
+      "div",
+      {
+        className: a(
+          "gradiant",
+          {
+            [t]: t !== "inherit" && t !== "white"
+          },
+          J
+        ),
+        children: v()
+      }
+    ) : r !== void 0 ? /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+      v(),
+      L()
+    ] }) : v()
+  );
+};
+export {
+  ce as Card
+};

package/dist/components/card/Card.module.scss.js

@@ -1 +1,38 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="fadeInMask",r="fadeInKeyframe",d="gradientMove",a={"prokodo-Card":"prokodo-Card","prokodo-Card--inherit":"prokodo-Card--inherit","prokodo-Card--white":"prokodo-Card--white","prokodo-Card__skeleton":"prokodo-Card__skeleton","prokodo-Card__background":"prokodo-Card__background","prokodo-Card__link":"prokodo-Card__link","prokodo-Card__content":"prokodo-Card__content","prokodo-Card__content--has-link":"prokodo-Card__content--has-link","prokodo-Card__content--primary":"prokodo-Card__content--primary","prokodo-Card__content--secondary":"prokodo-Card__content--secondary","prokodo-Card__content--info":"prokodo-Card__content--info","prokodo-Card__content--success":"prokodo-Card__content--success","prokodo-Card__content--warning":"prokodo-Card__content--warning","prokodo-Card__content--error":"prokodo-Card__content--error","prokodo-Card__content--white":"prokodo-Card__content--white","prokodo-Card__gradiant":"prokodo-Card__gradiant","prokodo-Card__gradiant--primary":"prokodo-Card__gradiant--primary","prokodo-Card__gradiant--secondary":"prokodo-Card__gradiant--secondary","prokodo-Card__gradiant--info":"prokodo-Card__gradiant--info","prokodo-Card__gradiant--success":"prokodo-Card__gradiant--success","prokodo-Card__gradiant--warning":"prokodo-Card__gradiant--warning","prokodo-Card--has-highlight":"prokodo-Card--has-highlight",fadeInMask:o,"prokodo-Card--has-gradiant":"prokodo-Card--has-gradiant","prokodo-Card--has-background":"prokodo-Card--has-background","prokodo-Card--has-shadow":"prokodo-Card--has-shadow","prokodo-Card--has-animation":"prokodo-Card--has-animation",fadeInKeyframe:r,"prokodo-Card--is-clickable":"prokodo-Card--is-clickable",gradientMove:d};exports.default=a;exports.fadeInKeyframe=r;exports.fadeInMask=o;exports.gradientMove=d;
+const o = "fadeInMask", r = "fadeInKeyframe", d = "gradientMove", a = {
+  "prokodo-Card": "prokodo-Card",
+  "prokodo-Card--inherit": "prokodo-Card--inherit",
+  "prokodo-Card--white": "prokodo-Card--white",
+  "prokodo-Card__skeleton": "prokodo-Card__skeleton",
+  "prokodo-Card__background": "prokodo-Card__background",
+  "prokodo-Card__link": "prokodo-Card__link",
+  "prokodo-Card__content": "prokodo-Card__content",
+  "prokodo-Card__content--has-link": "prokodo-Card__content--has-link",
+  "prokodo-Card__content--primary": "prokodo-Card__content--primary",
+  "prokodo-Card__content--secondary": "prokodo-Card__content--secondary",
+  "prokodo-Card__content--info": "prokodo-Card__content--info",
+  "prokodo-Card__content--success": "prokodo-Card__content--success",
+  "prokodo-Card__content--warning": "prokodo-Card__content--warning",
+  "prokodo-Card__content--error": "prokodo-Card__content--error",
+  "prokodo-Card__content--white": "prokodo-Card__content--white",
+  "prokodo-Card__gradiant": "prokodo-Card__gradiant",
+  "prokodo-Card__gradiant--primary": "prokodo-Card__gradiant--primary",
+  "prokodo-Card__gradiant--secondary": "prokodo-Card__gradiant--secondary",
+  "prokodo-Card__gradiant--info": "prokodo-Card__gradiant--info",
+  "prokodo-Card__gradiant--success": "prokodo-Card__gradiant--success",
+  "prokodo-Card__gradiant--warning": "prokodo-Card__gradiant--warning",
+  "prokodo-Card--has-highlight": "prokodo-Card--has-highlight",
+  fadeInMask: o,
+  "prokodo-Card--has-gradiant": "prokodo-Card--has-gradiant",
+  "prokodo-Card--has-background": "prokodo-Card--has-background",
+  "prokodo-Card--has-shadow": "prokodo-Card--has-shadow",
+  "prokodo-Card--has-animation": "prokodo-Card--has-animation",
+  fadeInKeyframe: r,
+  "prokodo-Card--is-clickable": "prokodo-Card--is-clickable",
+  gradientMove: d
+};
+export {
+  a as default,
+  r as fadeInKeyframe,
+  o as fadeInMask,
+  d as gradientMove
+};

package/dist/components/card/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Card.js");exports.Card=e.Card;
+import { Card as a } from "./Card.js";
+export {
+  a as Card
+};

package/dist/components/carousel/Carousel.js

@@ -1 +1,232 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../_virtual/jsx-runtime.js"),t=require("react"),se=require("../../helpers/bem.js"),z=require("../button/Button.js"),re=require("../lottie/Lottie.js"),ae=require("./Carousel.module.scss.js"),i=require("./Carousel.services.js"),c=se.create(ae.default,"Carousel"),H=({ref:L,autoplay:x,enableControl:k,itemsToShow:r=1,className:O,classNameControls:F,classNameButtons:g,classNameWrapper:G,classNameItem:J,classNameDots:_,classNameDot:P,onKeyDown:j,onMouseEnter:b,onMouseLeave:R,onTouchEnd:v,onTouchMove:E,onTouchStart:p,onMouseDown:C,onMouseUp:I,children:Q,...W})=>{const X=t.useRef(null),A=t.useRef(0),q=t.useRef(0),V=t.useRef(0),Y=t.useRef(0),[Z,K]=t.useState(!0),[o,d]=t.useState(r),[U,y]=t.useState(!1),[B,$]=t.useState(!!x),[m,u]=t.useState(!1),f=t.Children.toArray(Q),[h,w]=t.useState([]),a=f.length;t.useEffect(()=>{const e=[...f.slice(-r),...f,...f.slice(0,r)];e!==h&&(w(e),d(r))},[r]),t.useEffect(()=>{const e=setTimeout(()=>{K(!1)},1500);return()=>clearTimeout(e)},[]);const n=t.useCallback(e=>{if(m)return;u(!0);let s=o;e===i.NEXT?s=o+1:e===i.PREV&&(s=o-1),d(s),setTimeout(()=>{s>=a+r?(d(r),u(!1)):(s<r&&d(a),u(!1))},300)},[m,o,r,a]);t.useEffect(()=>{if(typeof x!="number"||x<=0)return;let e;return B&&(e=setInterval(()=>{n(i.NEXT)},x)),()=>{clearInterval(e)}},[n,B,x]);const N=t.useCallback(e=>{if(m)return;u(!0);const s=e+r;d(s),setTimeout(()=>{s>=a+r?(d(s-a),u(!1)):(s<r&&d(a+s),u(!1))},300)},[m,r,a]);t.useImperativeHandle(L,()=>({slidePrev:()=>n(i.PREV),slideNext:()=>n(i.NEXT),carouselContainer:X.current}));const D=t.useCallback(e=>{b==null||b(e),$(!1)},[b]),S=t.useCallback(e=>{R==null||R(e),$(!0)},[R]),T=()=>`translateX(${-o*(100/r)}%)`,M=t.useCallback(()=>a>0&&l.jsxRuntimeExports.jsx("span",{className:c("dots",void 0,_),children:f.map((e,s)=>{const ee=s===(o-r+a)%a;return l.jsxRuntimeExports.jsx("button",{tabIndex:0,className:c("dots__dot",{"is-active":ee},P),onClick:()=>N(s),onKeyDown:te=>te.key==="Enter"&&N(s)},`carousel-dot-${s}`)})}),[a,f,o,_,P,r,N]);return a===0?null:l.jsxRuntimeExports.jsxs("div",{"aria-label":"Carousel",role:"button",tabIndex:0,...W,ref:X,className:c(void 0,{"is-active":U},O),onMouseEnter:D,onMouseLeave:S,onKeyDown:e=>{switch(j==null||j(e),e.key){case"ArrowLeft":n("NEXT");break;case"ArrowRight":n("PREV");break}},onMouseDown:e=>{C==null||C(e),i.handleMouseDown(e,V),y(!0)},onMouseUp:e=>{I==null||I(e),i.handleMouseUp(e,V,Y,n),y(!1)},onTouchEnd:e=>{v==null||v(e),i.handleTouchEnd(A,q,n)},onTouchMove:e=>{E==null||E(e),i.handleTouchMove(e,q)},onTouchStart:e=>{p==null||p(e),i.handleTouchStart(e,A)},children:[l.jsxRuntimeExports.jsx("div",{className:c("wrapper",void 0,G),style:{transform:T(),transition:m?"transform 0.3s ease-in-out":"none"},children:h.map((e,s)=>l.jsxRuntimeExports.jsx("div",{className:c("item",void 0,J),style:{width:`${100/r}%`},children:e},`carousel-item-${s}`))}),l.jsxRuntimeExports.jsx("div",{className:c("mobile__tutorial",{"is-hidden":!Z}),children:l.jsxRuntimeExports.jsx("div",{className:c("mobile__tutorial__animation"),children:l.jsxRuntimeExports.jsx(re.Lottie,{animationName:"Swipe"})})}),l.jsxRuntimeExports.jsxs("footer",{className:c("controls",void 0,F),children:[!!k&&l.jsxRuntimeExports.jsx(z.Button,{"aria-label":"Swipe one slide backwards",className:c("button",void 0,g),variant:"outlined",iconProps:{name:"ArrowLeft01Icon",size:"md",color:"white"},onClick:()=>n(i.PREV)}),M(),!!k&&l.jsxRuntimeExports.jsx(z.Button,{"aria-label":"Swipe one slide forwards",className:c("button",void 0,g),variant:"outlined",iconProps:{name:"ArrowRight01Icon",size:"md",color:"white"},onClick:()=>n(i.NEXT)})]})]})};H.displayName="Carousel";exports.Carousel=H;
+import { j as i } from "../../_virtual/jsx-runtime.js";
+import { useRef as x, useState as f, Children as ae, useEffect as P, useCallback as b, useImperativeHandle as le } from "react";
+import { create as ne } from "../../helpers/bem.js";
+import { Button as J } from "../button/Button.js";
+import { Lottie as ce } from "../lottie/Lottie.js";
+import de from "./Carousel.module.scss.js";
+import { NEXT as p, PREV as R, handleTouchStart as oe, handleTouchMove as fe, handleTouchEnd as me, handleMouseUp as ue, handleMouseDown as xe } from "./Carousel.services.js";
+const l = ne(de, "Carousel"), be = ({
+  ref: L,
+  autoplay: m,
+  enableControl: X,
+  itemsToShow: s = 1,
+  className: O,
+  classNameControls: Q,
+  classNameButtons: y,
+  classNameWrapper: W,
+  classNameItem: Y,
+  classNameDots: V,
+  classNameDot: h,
+  onKeyDown: j,
+  onMouseEnter: v,
+  onMouseLeave: I,
+  onTouchEnd: N,
+  onTouchMove: C,
+  onTouchStart: g,
+  onMouseDown: k,
+  onMouseUp: A,
+  children: Z,
+  ...K
+}) => {
+  const B = x(null), E = x(0), $ = x(0), z = x(0), U = x(0), [w, D] = f(!0), [c, d] = f(s), [M, H] = f(!1), [q, F] = f(!!m), [u, n] = f(!1), o = ae.toArray(Z), [G, T] = f([]), r = o.length;
+  P(() => {
+    const e = [
+      ...o.slice(-s),
+      ...o,
+      ...o.slice(0, s)
+    ];
+    e !== G && (T(e), d(s));
+  }, [s]), P(() => {
+    const e = setTimeout(() => {
+      D(!1);
+    }, 1500);
+    return () => clearTimeout(e);
+  }, []);
+  const a = b(
+    (e) => {
+      if (u) return;
+      n(!0);
+      let t = c;
+      e === p ? t = c + 1 : e === R && (t = c - 1), d(t), setTimeout(() => {
+        t >= r + s ? (d(s), n(!1)) : (t < s && d(r), n(!1));
+      }, 300);
+    },
+    [u, c, s, r]
+  );
+  P(() => {
+    if (typeof m != "number" || m <= 0) return;
+    let e;
+    return q && (e = setInterval(() => {
+      a(p);
+    }, m)), () => {
+      clearInterval(e);
+    };
+  }, [a, q, m]);
+  const _ = b(
+    (e) => {
+      if (u) return;
+      n(!0);
+      const t = e + s;
+      d(t), setTimeout(() => {
+        t >= r + s ? (d(t - r), n(!1)) : (t < s && d(r + t), n(!1));
+      }, 300);
+    },
+    [u, s, r]
+  );
+  le(L, () => ({
+    slidePrev: () => a(R),
+    slideNext: () => a(p),
+    carouselContainer: B.current
+  }));
+  const S = b(
+    (e) => {
+      v == null || v(e), F(!1);
+    },
+    [v]
+  ), ee = b(
+    (e) => {
+      I == null || I(e), F(!0);
+    },
+    [I]
+  ), te = () => `translateX(${-c * (100 / s)}%)`, se = b(
+    () => r > 0 && /* @__PURE__ */ i.jsx("span", { className: l("dots", void 0, V), children: o.map((e, t) => {
+      const re = t === (c - s + r) % r;
+      return /* @__PURE__ */ i.jsx(
+        "button",
+        {
+          tabIndex: 0,
+          className: l(
+            "dots__dot",
+            {
+              "is-active": re
+            },
+            h
+          ),
+          onClick: () => _(t),
+          onKeyDown: (ie) => ie.key === "Enter" && _(t)
+        },
+        `carousel-dot-${t}`
+      );
+    }) }),
+    [
+      r,
+      o,
+      c,
+      V,
+      h,
+      s,
+      _
+    ]
+  );
+  return r === 0 ? null : /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      "aria-label": "Carousel",
+      role: "button",
+      tabIndex: 0,
+      ...K,
+      ref: B,
+      className: l(
+        void 0,
+        {
+          "is-active": M
+        },
+        O
+      ),
+      onMouseEnter: S,
+      onMouseLeave: ee,
+      onKeyDown: (e) => {
+        switch (j == null || j(e), e.key) {
+          case "ArrowLeft":
+            a("NEXT");
+            break;
+          case "ArrowRight":
+            a("PREV");
+            break;
+        }
+      },
+      onMouseDown: (e) => {
+        k == null || k(e), xe(e, z), H(!0);
+      },
+      onMouseUp: (e) => {
+        A == null || A(e), ue(e, z, U, a), H(!1);
+      },
+      onTouchEnd: (e) => {
+        N == null || N(e), me(E, $, a);
+      },
+      onTouchMove: (e) => {
+        C == null || C(e), fe(e, $);
+      },
+      onTouchStart: (e) => {
+        g == null || g(e), oe(e, E);
+      },
+      children: [
+        /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: l("wrapper", void 0, W),
+            style: {
+              transform: te(),
+              transition: u ? "transform 0.3s ease-in-out" : "none"
+            },
+            children: G.map((e, t) => /* @__PURE__ */ i.jsx(
+              "div",
+              {
+                className: l("item", void 0, Y),
+                style: {
+                  width: `${100 / s}%`
+                },
+                children: e
+              },
+              `carousel-item-${t}`
+            ))
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: l("mobile__tutorial", {
+              "is-hidden": !w
+            }),
+            children: /* @__PURE__ */ i.jsx("div", { className: l("mobile__tutorial__animation"), children: /* @__PURE__ */ i.jsx(ce, { animationName: "Swipe" }) })
+          }
+        ),
+        /* @__PURE__ */ i.jsxs("footer", { className: l("controls", void 0, Q), children: [
+          !!X && /* @__PURE__ */ i.jsx(
+            J,
+            {
+              "aria-label": "Swipe one slide backwards",
+              className: l("button", void 0, y),
+              variant: "outlined",
+              iconProps: {
+                name: "ArrowLeft01Icon",
+                size: "md",
+                color: "white"
+              },
+              onClick: () => a(R)
+            }
+          ),
+          se(),
+          !!X && /* @__PURE__ */ i.jsx(
+            J,
+            {
+              "aria-label": "Swipe one slide forwards",
+              className: l("button", void 0, y),
+              variant: "outlined",
+              iconProps: {
+                name: "ArrowRight01Icon",
+                size: "md",
+                color: "white"
+              },
+              onClick: () => a(p)
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+be.displayName = "Carousel";
+export {
+  be as Carousel
+};

package/dist/components/carousel/Carousel.module.scss.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",e="fadeInKeyframe",r={"prokodo-Carousel":"prokodo-Carousel","prokodo-Carousel--is-active":"prokodo-Carousel--is-active","prokodo-Carousel__wrapper":"prokodo-Carousel__wrapper","prokodo-Carousel__item":"prokodo-Carousel__item","prokodo-Carousel__mobile__tutorial":"prokodo-Carousel__mobile__tutorial","prokodo-Carousel__mobile__tutorial__animation":"prokodo-Carousel__mobile__tutorial__animation","prokodo-Carousel__mobile__tutorial--is-hidden":"prokodo-Carousel__mobile__tutorial--is-hidden","prokodo-Carousel__controls":"prokodo-Carousel__controls","prokodo-Carousel__button":"prokodo-Carousel__button","prokodo-Carousel__dots":"prokodo-Carousel__dots","prokodo-Carousel__dots__dot":"prokodo-Carousel__dots__dot","prokodo-Carousel__dots__dot--is-active":"prokodo-Carousel__dots__dot--is-active",gradientMove:o,fadeInKeyframe:e};exports.default=r;exports.fadeInKeyframe=e;exports.gradientMove=o;
+const o = "gradientMove", r = "fadeInKeyframe", _ = {
+  "prokodo-Carousel": "prokodo-Carousel",
+  "prokodo-Carousel--is-active": "prokodo-Carousel--is-active",
+  "prokodo-Carousel__wrapper": "prokodo-Carousel__wrapper",
+  "prokodo-Carousel__item": "prokodo-Carousel__item",
+  "prokodo-Carousel__mobile__tutorial": "prokodo-Carousel__mobile__tutorial",
+  "prokodo-Carousel__mobile__tutorial__animation": "prokodo-Carousel__mobile__tutorial__animation",
+  "prokodo-Carousel__mobile__tutorial--is-hidden": "prokodo-Carousel__mobile__tutorial--is-hidden",
+  "prokodo-Carousel__controls": "prokodo-Carousel__controls",
+  "prokodo-Carousel__button": "prokodo-Carousel__button",
+  "prokodo-Carousel__dots": "prokodo-Carousel__dots",
+  "prokodo-Carousel__dots__dot": "prokodo-Carousel__dots__dot",
+  "prokodo-Carousel__dots__dot--is-active": "prokodo-Carousel__dots__dot--is-active",
+  gradientMove: o,
+  fadeInKeyframe: r
+};
+export {
+  _ as default,
+  r as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/carousel/Carousel.services.js

@@ -1 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="NEXT",o="PREV",u=(c,n)=>{var e;n.current=((e=c.targetTouches[0])==null?void 0:e.clientX)??0},h=(c,n)=>{var e;n.current=((e=c.targetTouches[0])==null?void 0:e.clientX)??0},l=(c,n,e)=>{c.current-n.current>50&&e("NEXT"),c.current-n.current<-50&&e("PREV")},a=(c,n)=>{n.current=c.clientX},T=(c,n,e,t)=>{e.current=c.clientX,n.current-e.current>50&&t("NEXT"),n.current-e.current<-50&&t("PREV")};exports.NEXT=r;exports.PREV=o;exports.handleMouseDown=a;exports.handleMouseUp=T;exports.handleTouchEnd=l;exports.handleTouchMove=h;exports.handleTouchStart=u;
+const t = "NEXT", u = "PREV", o = (r, c) => {
+  var n;
+  c.current = ((n = r.targetTouches[0]) == null ? void 0 : n.clientX) ?? 0;
+}, T = (r, c) => {
+  var n;
+  c.current = ((n = r.targetTouches[0]) == null ? void 0 : n.clientX) ?? 0;
+}, h = (r, c, n) => {
+  r.current - c.current > 50 && n("NEXT"), r.current - c.current < -50 && n("PREV");
+}, l = (r, c) => {
+  c.current = r.clientX;
+}, a = (r, c, n, e) => {
+  n.current = r.clientX, c.current - n.current > 50 && e("NEXT"), c.current - n.current < -50 && e("PREV");
+};
+export {
+  t as NEXT,
+  u as PREV,
+  l as handleMouseDown,
+  a as handleMouseUp,
+  h as handleTouchEnd,
+  T as handleTouchMove,
+  o as handleTouchStart
+};

package/dist/components/carousel/index.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Carousel.js");exports.Carousel=e.Carousel;
+import { Carousel as e } from "./Carousel.js";
+export {
+  e as Carousel
+};