@prokodo/ui 0.0.25 → 0.0.26

package/dist/components/accordion/Accordion.js

@@ -1,115 +1,115 @@
-import { j as n } from "../../_virtual/jsx-runtime.js";
-import { useState as C, useCallback as j } from "react";
-import { create as E } from "../../helpers/bem.js";
-import { isNull as N } from "../../helpers/validations.js";
-import w from "./Accordion.module.scss.js";
-import { Headline as S } from "../headline/Headline.js";
-import { Animated as z } from "../animated/Animated.js";
-import { Button as B } from "../button/Button.js";
-import { Icon as H } from "../icon/Icon.js";
-const a = E(w, "Accordion"), D = ({
-  id: f,
-  expanded: y,
-  className: I,
-  variant: $ = "primary",
-  titleOptions: b,
-  iconProps: l,
-  items: v,
-  onChange: m,
-  ...g
+import { jsx as d, jsxs as l } from "react/jsx-runtime";
+import { useState as E, useCallback as f } from "react";
+import { create as S } from "../../helpers/bem.js";
+import { isNull as y } from "../../helpers/validations.js";
+import j from "./Accordion.module.scss.js";
+import { Headline as z } from "../headline/Headline.js";
+import { Animated as B } from "../animated/Animated.js";
+import { Button as H } from "../button/Button.js";
+import { Icon as D } from "../icon/Icon.js";
+const a = S(j, "Accordion"), K = ({
+  id: I,
+  expanded: $,
+  className: b,
+  variant: v = "primary",
+  titleOptions: g,
+  iconProps: m,
+  items: k,
+  onChange: p,
+  ...A
 }) => {
-  const [d, k] = C(y), p = j(
+  const [s, C] = E($), h = f(
     (e, r) => {
-      const t = d === e ? null : e;
-      k(t), m(e, r, t !== null);
+      const i = s === e ? null : e;
+      C(i), p(e, r, i !== null);
     },
-    [d, m]
-  ), x = j(
-    (e, r, t) => /* @__PURE__ */ n.jsx(
-      H,
+    [s, p]
+  ), u = f(
+    (e, r, i) => /* @__PURE__ */ d(
+      D,
       {
-        className: a("icon", { "is-hidden": !!t }),
+        className: a("icon", { "is-hidden": !!i }),
         color: r,
         name: e,
         size: "sm",
-        ...l
+        ...m
       }
     ),
-    [l]
+    [m]
   );
-  return /* @__PURE__ */ n.jsx("div", { className: a(void 0, { [$]: !0 }, I), ...g, children: v.map((e, r) => {
+  return /* @__PURE__ */ d("div", { className: a(void 0, { [v]: !0 }, b), ...A, children: k.map((e, r) => {
     const {
-      className: t,
-      title: A,
-      renderHeader: h,
-      renderContent: u,
+      className: i,
+      title: w,
+      renderHeader: x,
+      renderContent: N,
       actions: c
-    } = e, i = `${f}-${e.title}`, s = d === r;
-    return /* @__PURE__ */ n.jsxs(
+    } = e, t = `${I}-${e.title}`, n = s === r;
+    return /* @__PURE__ */ l(
       "div",
       {
         className: a(
           "item",
-          { "is-expanded": s },
-          t
+          { "is-expanded": n },
+          i
         ),
         children: [
-          /* @__PURE__ */ n.jsxs(
+          /* @__PURE__ */ l(
             "div",
             {
-              "aria-controls": `${i}-content`,
-              "aria-expanded": s,
-              className: a("header", { "is-expanded": s }),
-              id: `${i}-header`,
+              "aria-controls": `${t}-content`,
+              "aria-expanded": n,
+              className: a("header", { "is-expanded": n }),
+              id: `${t}-header`,
               role: "button",
               tabIndex: 0,
-              onClick: (o) => p(r, o),
+              onClick: (o) => h(r, o),
               onKeyDown: (o) => {
-                (o.key === "Enter" || o.key === " ") && p(r, o);
+                (o.key === "Enter" || o.key === " ") && h(r, o);
               },
               children: [
-                N(h) ? /* @__PURE__ */ n.jsx(
-                  S,
+                y(x) ? /* @__PURE__ */ d(
+                  z,
                   {
-                    className: a("title", { "is-expanded": s }),
+                    className: a("title", { "is-expanded": n }),
                     size: "sm",
                     type: "h3",
-                    ...(e == null ? void 0 : e.titleOptions) ?? b,
-                    children: A
+                    ...(e == null ? void 0 : e.titleOptions) ?? g,
+                    children: w
                   }
-                ) : h,
-                x("PlusSignIcon", "primary", s),
-                x("MinusSignIcon", "white", !s)
+                ) : x,
+                u("PlusSignIcon", "primary", n),
+                u("MinusSignIcon", "white", !n)
               ]
             }
           ),
-          /* @__PURE__ */ n.jsxs(
+          /* @__PURE__ */ l(
             "div",
             {
-              "aria-labelledby": `${i}-header`,
-              className: a("content", { "is-expanded": s }),
-              hidden: !s,
-              id: `${i}-content`,
+              "aria-labelledby": `${t}-header`,
+              className: a("content", { "is-expanded": n }),
+              hidden: !n,
+              id: `${t}-content`,
               role: "region",
               children: [
-                !N(u) && /* @__PURE__ */ n.jsx(z, { children: u }),
-                c && c.length > 0 && /* @__PURE__ */ n.jsx("div", { className: a("actions"), children: c.map((o) => /* @__PURE__ */ n.jsx(
-                  B,
+                !y(N) && /* @__PURE__ */ d(B, { children: N }),
+                c && c.length > 0 && /* @__PURE__ */ d("div", { className: a("actions"), children: c.map((o) => /* @__PURE__ */ d(
+                  H,
                   {
                     ...o
                   },
-                  `${i}-action-${o.id}`
+                  `${t}-action-${o.id}`
                 )) })
               ]
             }
           )
         ]
       },
-      i
+      t
     );
   }) });
 };
-D.displayName = "Accordion";
+K.displayName = "Accordion";
 export {
-  D as Accordion
+  K as Accordion
 };

package/dist/components/animated/Animated.js

@@ -1,9 +1,9 @@
-import { j as I } from "../../_virtual/jsx-runtime.js";
-import { useState as j, useRef as u, useEffect as w } from "react";
-import { create as T } from "../../helpers/bem.js";
+import { jsx as w } from "react/jsx-runtime";
+import { useState as T, useRef as u, useEffect as g } from "react";
+import { create as x } from "../../helpers/bem.js";
 import { isNumber as d } from "../../helpers/validations.js";
-import g from "./Animated.module.scss.js";
-const E = T(g, "Animated"), q = ({
+import N from "./Animated.module.scss.js";
+const V = x(N, "Animated"), q = ({
   className: b,
   disabled: p = !1,
   delay: i = 0,
@@ -12,28 +12,28 @@ const E = T(g, "Animated"), q = ({
   children: v,
   intersectionObserverOptions: f = {},
   onAnimate: r,
-  ...R
+  ...h
 }) => {
-  const [t, m] = j(!1), n = u(null), e = u(null), s = u(null);
-  return w(() => {
-    if (!n.current) return;
-    const h = (x) => {
-      const [c] = x, a = (c == null ? void 0 : c.isIntersecting) ?? !1;
+  const [t, m] = T(!1), c = u(null), e = u(null), s = u(null);
+  return g(() => {
+    if (!c.current) return;
+    const I = (R) => {
+      const [n] = R, a = (n == null ? void 0 : n.isIntersecting) ?? !1;
       a && !t && (e.current !== null && d(e.current) && clearTimeout(e.current), e.current = window.setTimeout(() => {
         m(!0), r == null || r(!0);
       }, i)), !a && t && m(!1);
     };
-    return s.current = new IntersectionObserver(h, {
+    return s.current = new IntersectionObserver(I, {
       threshold: 0.1,
       ...f
-    }), s.current.observe(n.current), () => {
+    }), s.current.observe(c.current), () => {
       s.current && s.current.disconnect(), e.current !== null && d(e.current) && clearTimeout(e.current);
     };
-  }, [r, i, f, t]), /* @__PURE__ */ I.jsx(
+  }, [r, i, f, t]), /* @__PURE__ */ w(
     "div",
     {
-      ref: n,
-      className: E(
+      ref: c,
+      className: V(
         void 0,
         {
           "is-visible": !!t,
@@ -43,7 +43,7 @@ const E = T(g, "Animated"), q = ({
         },
         b
       ),
-      ...R,
+      ...h,
       children: v
     }
   );

package/dist/components/animatedText/AnimatedText.js

@@ -1,6 +1,6 @@
-import { j as v } from "../../_virtual/jsx-runtime.js";
+import { jsx as v } from "react/jsx-runtime";
 import { useRef as b, useState as n, useEffect as f } from "react";
-const E = ({
+const C = ({
   speed: o = 30,
   delay: s = 0,
   disabled: u,
@@ -24,8 +24,8 @@ const E = ({
       p((e) => e + t[r]), I((e) => e + 1);
     }, o);
     return () => clearTimeout(m);
-  }, [i, r, t, o]), /* @__PURE__ */ v.jsx("span", { ...T, ref: c, children: x });
+  }, [i, r, t, o]), /* @__PURE__ */ v("span", { ...T, ref: c, children: x });
 };
 export {
-  E as AnimatedText
+  C as AnimatedText
 };

package/dist/components/avatar/Avatar.js

@@ -1,71 +1,71 @@
-import { j as m } from "../../_virtual/jsx-runtime.js";
+import { jsx as s } from "react/jsx-runtime";
 import { useMemo as d, useCallback as f } from "react";
-import { create as x } from "../../helpers/bem.js";
-import p from "./Avatar.module.scss.js";
-import { Image as h } from "../image/Image.js";
-import { Icon as j, getIconSize as u } from "../icon/Icon.js";
-import { Link as I } from "../link/Link.js";
-const t = x(p, "Avatar"), y = ({
-  className: a,
+import { create as p } from "../../helpers/bem.js";
+import h from "./Avatar.module.scss.js";
+import { Image as I } from "../image/Image.js";
+import { Icon as u, getIconSize as N } from "../icon/Icon.js";
+import { Link as b } from "../link/Link.js";
+const t = p(h, "Avatar"), j = ({
+  className: n,
   variant: o = "primary",
-  size: s = "sm",
-  image: r,
+  size: r = "sm",
+  image: e,
   redirect: i,
-  ...c
+  ...a
 }) => {
-  const e = d(
+  const m = d(
     () => ({
       [o]: !!o
     }),
     [o]
-  ), n = d(
+  ), c = d(
     () => ({
-      [`has-size-${s}`]: !!s
+      [`has-size-${r}`]: !!r
     }),
-    [s]
+    [r]
   ), l = f(
-    () => /* @__PURE__ */ m.jsx(
+    () => /* @__PURE__ */ s(
       "div",
       {
-        ...c,
+        ...a,
         tabIndex: -1,
         className: t(
           void 0,
           {
-            ...e,
-            ...n
+            ...m,
+            ...c
           },
-          a
+          n
         ),
-        children: r ? /* @__PURE__ */ m.jsx(
-          h,
+        children: e ? /* @__PURE__ */ s(
+          I,
           {
-            ...r,
-            className: t("image", void 0, r.className),
+            ...e,
+            className: t("image", void 0, e.className),
             tabIndex: 0
           }
-        ) : /* @__PURE__ */ m.jsx(
-          j,
+        ) : /* @__PURE__ */ s(
+          u,
           {
-            className: t("icon", e),
+            className: t("icon", m),
             name: "UserIcon",
-            size: u(s) * 2,
+            size: N(r) * 2,
             color: ["inherit", "white"].includes(o) ? void 0 : "white"
           }
         )
       }
     ),
-    [n, e, a, r, o, s, c]
+    [c, m, n, e, o, r, a]
   );
-  return i ? /* @__PURE__ */ m.jsx(
-    I,
+  return i ? /* @__PURE__ */ s(
+    b,
     {
       ...i,
       className: t(
         "link",
         {
-          ...e,
-          ...n
+          ...m,
+          ...c
         },
         i.className
       ),
@@ -74,5 +74,5 @@ const t = x(p, "Avatar"), y = ({
   ) : l();
 };
 export {
-  y as Avatar
+  j as Avatar
 };

package/dist/components/base-link/BaseLink.js

@@ -1,30 +1,30 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import { isNull as c } from "../../helpers/validations.js";
-const E = ({
+import { jsx as c } from "react/jsx-runtime";
+import { isNull as r } from "../../helpers/validations.js";
+const x = ({
   href: o,
   children: s,
   disabled: i,
   linkComponent: e,
-  style: a,
+  style: l,
   target: d,
   rel: m,
   ...t
 }) => {
-  const u = { pointerEvents: "none" }, n = o == null ? void 0 : o.startsWith("http"), v = t.download !== void 0, x = /^\w+:/.test(o), j = d ?? (n ? "_blank" : void 0), k = m ?? (n ? "noopener noreferrer" : void 0), l = c(i) ? void 0 : -1, p = c(i) ? a : { ...u, ...a };
-  return n || v || x || e === void 0 ? /* @__PURE__ */ r.jsx(
+  const u = { pointerEvents: "none" }, n = o == null ? void 0 : o.startsWith("http"), v = t.download !== void 0, k = /^\w+:/.test(o), S = d ?? (n ? "_blank" : void 0), w = m ?? (n ? "noopener noreferrer" : void 0), a = r(i) ? void 0 : -1, p = r(i) ? l : { ...u, ...l };
+  return n || v || k || e === void 0 ? /* @__PURE__ */ c(
     "a",
     {
       ...t,
       href: o,
-      rel: k,
+      rel: w,
       style: p,
-      tabIndex: l,
-      target: j,
+      tabIndex: a,
+      target: S,
       children: s
     }
-  ) : /* @__PURE__ */ r.jsx(e, { ...t, href: o, style: p, tabIndex: l, children: s });
+  ) : /* @__PURE__ */ c(e, { ...t, href: o, style: p, tabIndex: a, children: s });
 };
-E.displayName = "BaseLink";
+x.displayName = "BaseLink";
 export {
-  E as BaseLink
+  x as BaseLink
 };

package/dist/components/button/Button.js

@@ -1,84 +1,84 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
-import { useId as C, useRef as g, useMemo as v } from "react";
-import { create as w } from "../../helpers/bem.js";
-import { isString as D } from "../../helpers/validations.js";
-import E from "./Button.module.scss.js";
-import { Link as K } from "../link/Link.js";
-import { Loading as L } from "../loading/Loading.js";
-import { Icon as R } from "../icon/Icon.js";
-const l = w(E, "Button"), M = {}, O = {}, H = ({
-  id: d,
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { useId as v, useRef as w, useMemo as D } from "react";
+import { create as K } from "../../helpers/bem.js";
+import { isString as L } from "../../helpers/validations.js";
+import j from "./Button.module.scss.js";
+import { Link as E } from "../link/Link.js";
+import { Loading as M } from "../loading/Loading.js";
+import { Icon as O } from "../icon/Icon.js";
+const o = K(j, "Button"), R = {}, q = {}, J = ({
+  id: u,
   fullWidth: f,
-  color: i = "primary",
+  color: t = "primary",
   iconProps: m = {},
-  loading: x,
+  loading: h,
   variant: e = "contained",
-  className: h,
-  contentClassName: y,
-  disabled: a,
-  redirect: u,
+  className: B,
+  contentClassName: s,
+  disabled: i,
+  redirect: d,
   ...n
 }) => {
-  const I = C(), k = g(null), s = `Button-${I}`, N = e === "outlined", B = m == null ? void 0 : m.name, $ = B && !(n != null && n.title), c = v(
+  const k = v(), N = w(null), x = `Button-${k}`, C = e === "outlined", $ = m == null ? void 0 : m.name, b = $ && !(n != null && n.title), c = D(
     () => ({
-      "icon-only": !!$
+      "icon-only": !!b
     }),
-    [$]
-  ), r = () => /* @__PURE__ */ t.jsxs("span", { ref: k, "aria-labelledby": s, className: l("title"), children: [
-    B && /* @__PURE__ */ t.jsx(R, { className: l("icon", c), ...m }),
+    [b]
+  ), g = () => /* @__PURE__ */ r("span", { ref: N, "aria-labelledby": x, className: o("title"), children: [
+    $ && /* @__PURE__ */ l(O, { className: o("icon", c), ...m }),
     n == null ? void 0 : n.title
-  ] }), b = () => x ? /* @__PURE__ */ t.jsx(L, { size: "xs" }) : r(), j = () => N ? /* @__PURE__ */ t.jsx("div", { className: l("content", c, y), children: b() }) : b();
-  return u ? /* @__PURE__ */ t.jsx(
-    K,
+  ] }), y = () => h ? /* @__PURE__ */ l(M, { size: "xs" }) : g(), I = () => C ? /* @__PURE__ */ l("div", { className: o("content", c, s), children: y() }) : y();
+  return d ? /* @__PURE__ */ l(
+    E,
     {
-      disabled: a,
-      href: u.href,
-      className: l(
+      disabled: i,
+      href: d.href,
+      className: o(
         void 0,
         {
           "has-fullWidth": !!f,
           [`has-variant-${e}`]: !0,
-          [`has-bg-${i}`]: e === "contained",
-          [`has-text-${i}`]: e === "text",
-          "is-disabled": !!a,
+          [`has-bg-${t}`]: e === "contained",
+          [`has-text-${t}`]: e === "text",
+          "is-disabled": !!i,
           ...c
         },
-        h
+        B
       ),
       onClick: () => {
-        var o;
-        return (o = n == null ? void 0 : n.onClick) == null ? void 0 : o.call(n, M);
+        var a;
+        return (a = n == null ? void 0 : n.onClick) == null ? void 0 : a.call(n, R);
       },
       onKeyDown: () => {
-        var o;
-        return (o = n == null ? void 0 : n.onKeyDown) == null ? void 0 : o.call(n, O);
+        var a;
+        return (a = n == null ? void 0 : n.onKeyDown) == null ? void 0 : a.call(n, q);
       },
-      children: j()
+      children: I()
     }
-  ) : /* @__PURE__ */ t.jsx(
+  ) : /* @__PURE__ */ l(
     "button",
     {
       ...n,
-      color: i,
-      disabled: !!a || !!x,
-      id: `${s}${D(d) ? ` ${d}` : ""}`,
-      className: l(
+      color: t,
+      disabled: !!i || !!h,
+      id: `${x}${L(u) ? ` ${u}` : ""}`,
+      className: o(
         void 0,
         {
           "has-fullWidth": !!f,
           [`has-variant-${e}`]: !0,
-          [`has-bg-${i}`]: e === "contained",
-          [`has-text-${i}`]: e === "text",
-          "is-disabled": !!a,
+          [`has-bg-${t}`]: e === "contained",
+          [`has-text-${t}`]: e === "text",
+          "is-disabled": !!i,
           ...c
         },
-        h
+        B
       ),
-      tabIndex: u !== void 0 || a ? -1 : (n == null ? void 0 : n.tabIndex) ?? void 0,
-      children: j()
+      tabIndex: d !== void 0 || i ? -1 : (n == null ? void 0 : n.tabIndex) ?? void 0,
+      children: I()
     }
   );
 };
 export {
-  H as Button
+  J as Button
 };