@prokodo/ui 0.0.7 → 0.0.9

package/dist/components/Carousel-DpO4a3lm.js

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

package/dist/components/Chip-BmBxJH5M.js

@@ -1,80 +0,0 @@
-import { j as p } from "./jsx-runtime-C5mzlN2N.js";
-import { memo as k, useCallback as f } from "react";
-import { c } from "./bem-CYKrPjje.js";
-const u = "gradientMove", m = "fadeInKeyframe", y = {
-  "prokodo-Chip": "prokodo-Chip",
-  "prokodo-Chip--filled": "prokodo-Chip--filled",
-  "prokodo-Chip--filled--primary": "prokodo-Chip--filled--primary",
-  "prokodo-Chip--filled--secondary": "prokodo-Chip--filled--secondary",
-  "prokodo-Chip--filled--info": "prokodo-Chip--filled--info",
-  "prokodo-Chip--filled--success": "prokodo-Chip--filled--success",
-  "prokodo-Chip--filled--error": "prokodo-Chip--filled--error",
-  "prokodo-Chip--filled--warning": "prokodo-Chip--filled--warning",
-  "prokodo-Chip--outlined": "prokodo-Chip--outlined",
-  "prokodo-Chip--outlined--primary": "prokodo-Chip--outlined--primary",
-  "prokodo-Chip--outlined--secondary": "prokodo-Chip--outlined--secondary",
-  "prokodo-Chip--outlined--info": "prokodo-Chip--outlined--info",
-  "prokodo-Chip--outlined--success": "prokodo-Chip--outlined--success",
-  "prokodo-Chip--outlined--error": "prokodo-Chip--outlined--error",
-  "prokodo-Chip--outlined--warning": "prokodo-Chip--outlined--warning",
-  "prokodo-Chip__label": "prokodo-Chip__label",
-  "prokodo-Chip__delete": "prokodo-Chip__delete",
-  gradientMove: u,
-  fadeInKeyframe: m
-}, l = c(y, "Chip"), b = k(
-  ({
-    label: e,
-    icon: n,
-    variant: t = "filled",
-    color: a = "primary",
-    className: h,
-    onDelete: s,
-    onClick: r,
-    onKeyDown: i
-  }) => {
-    const C = f(
-      (o) => {
-        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), i == null || i(o));
-      },
-      [i]
-    ), d = !!r;
-    return (
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      /* @__PURE__ */ p.jsxs(
-        "div",
-        {
-          "aria-label": typeof e == "string" ? e : void 0,
-          role: d ? "button" : void 0,
-          tabIndex: d ? 0 : -1,
-          className: l(
-            void 0,
-            { [t]: !!t, [a]: !!a },
-            h
-          ),
-          onClick: (o) => d && (r == null ? void 0 : r(o)),
-          onKeyDown: d || i ? C : void 0,
-          children: [
-            n,
-            /* @__PURE__ */ p.jsx("span", { className: l("label"), children: e }),
-            s && /* @__PURE__ */ p.jsx(
-              "button",
-              {
-                "aria-label": "delete",
-                className: l("delete"),
-                type: "button",
-                onClick: (o) => {
-                  o.stopPropagation(), s(o);
-                },
-                children: "× "
-              }
-            )
-          ]
-        }
-      )
-    );
-  }
-);
-b.displayName = "Chip";
-export {
-  b as C
-};

package/dist/components/Chip-Q2ttDAQn.js

@@ -1 +0,0 @@
-"use strict";const p=require("./jsx-runtime-CITbqOLs.js"),a=require("react"),c=require("./bem-DC5wv0dD.js"),f="gradientMove",m="fadeInKeyframe",y={"prokodo-Chip":"prokodo-Chip","prokodo-Chip--filled":"prokodo-Chip--filled","prokodo-Chip--filled--primary":"prokodo-Chip--filled--primary","prokodo-Chip--filled--secondary":"prokodo-Chip--filled--secondary","prokodo-Chip--filled--info":"prokodo-Chip--filled--info","prokodo-Chip--filled--success":"prokodo-Chip--filled--success","prokodo-Chip--filled--error":"prokodo-Chip--filled--error","prokodo-Chip--filled--warning":"prokodo-Chip--filled--warning","prokodo-Chip--outlined":"prokodo-Chip--outlined","prokodo-Chip--outlined--primary":"prokodo-Chip--outlined--primary","prokodo-Chip--outlined--secondary":"prokodo-Chip--outlined--secondary","prokodo-Chip--outlined--info":"prokodo-Chip--outlined--info","prokodo-Chip--outlined--success":"prokodo-Chip--outlined--success","prokodo-Chip--outlined--error":"prokodo-Chip--outlined--error","prokodo-Chip--outlined--warning":"prokodo-Chip--outlined--warning","prokodo-Chip__label":"prokodo-Chip__label","prokodo-Chip__delete":"prokodo-Chip__delete",gradientMove:f,fadeInKeyframe:m},l=c.create(y,"Chip"),h=a.memo(({label:d,icon:C,variant:t="filled",color:s="primary",className:k,onDelete:n,onClick:e,onKeyDown:i})=>{const u=a.useCallback(o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),i==null||i(o))},[i]),r=!!e;return p.jsxRuntimeExports.jsxs("div",{"aria-label":typeof d=="string"?d:void 0,role:r?"button":void 0,tabIndex:r?0:-1,className:l(void 0,{[t]:!!t,[s]:!!s},k),onClick:o=>r&&(e==null?void 0:e(o)),onKeyDown:r||i?u:void 0,children:[C,p.jsxRuntimeExports.jsx("span",{className:l("label"),children:d}),n&&p.jsxRuntimeExports.jsx("button",{"aria-label":"delete",className:l("delete"),type:"button",onClick:o=>{o.stopPropagation(),n(o)},children:"× "})]})});h.displayName="Chip";exports.Chip=h;