@prokodo/ui 0.0.24 → 0.0.26

package/dist/components/headline/Headline.js

@@ -1,39 +1,39 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import { useMemo as x, useCallback as H } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useMemo as b, useCallback as p } from "react";
 import I from "react-markdown";
 import $ from "remark-breaks";
 import G from "remark-gfm";
 import { create as L } from "../../helpers/bem.js";
 import w from "./Headline.module.scss.js";
 import { AnimatedText as C } from "../animatedText/AnimatedText.js";
-const b = L(w, "Headline"), E = [
+const k = L(w, "Headline"), M = [
   "inherit",
   "primary",
   "secondary",
   "white"
 ], q = ({
-  animated: l,
-  animationProps: m = {},
-  type: t = "h3",
+  animated: m,
+  animationProps: s = {},
+  type: o = "h3",
   size: r = "md",
-  highlight: k,
+  highlight: T,
   schema: c = {},
-  className: j,
+  className: y,
   align: a,
-  isRichtext: y = !1,
-  variant: o = "inherit",
+  isRichtext: S = !1,
+  variant: t = "inherit",
   ...n
 }) => {
-  const i = !!k && E.includes(o), S = {
-    [o]: !!o,
+  const i = !!T && M.includes(t), x = {
+    [t]: !!t,
     "is-highlighted": i,
     highlighted: i,
-    [`${o}--highlighted`]: i,
+    [`${t}--highlighted`]: i,
     [r]: typeof r == "string" && !!r,
     [`${a}`]: !!a
-  }, d = b(void 0, S, j), h = x(() => typeof r == "number" ? {
+  }, d = k(void 0, x, y), h = b(() => typeof r == "number" ? {
     fontSize: `${r}em`
-  } : {}, [r]), f = typeof n.children == "string" ? n.children : void 0, u = x(
+  } : {}, [r]), f = typeof n.children == "string" ? n.children : void 0, g = b(
     () => ({
       "aria-label": f,
       className: d,
@@ -42,30 +42,30 @@ const b = L(w, "Headline"), E = [
       ...c
     }),
     [f, d, h, c]
-  ), g = H(
-    (e) => l ? /* @__PURE__ */ s.jsx(C, { ...m, children: e }) : e,
-    [l, m]
-  ), p = H(
+  ), u = p(
+    (e) => m ? /* @__PURE__ */ l(C, { ...s, children: e }) : e,
+    [m, s]
+  ), H = p(
     (e) => {
-      if (!/^h[1-6]$/.test(t)) return null;
-      const T = e.children, B = t;
-      return /* @__PURE__ */ s.jsx(B, { ...e, "aria-level": parseInt(t[1] ?? "", 10), ...u, children: g(T) });
+      if (!/^h[1-6]$/.test(o)) return null;
+      const B = e.children;
+      return /* @__PURE__ */ l(o, { ...e, "aria-level": parseInt(o[1] ?? "", 10), ...g, children: u(B) });
     },
-    [t, u, g]
+    [o, g, u]
   );
-  return y ? /* @__PURE__ */ s.jsx(
+  return S ? /* @__PURE__ */ l(
     I,
     {
-      className: b("headline"),
+      className: k("headline"),
       remarkPlugins: [G, $],
       components: {
-        p: (e) => p(e)
+        p: (e) => H(e)
       },
       children: n.children
     }
-  ) : p(n);
+  ) : H(n);
 };
 export {
   q as Headline,
-  E as POSSIBLE_HIGHLIGHTS
+  M as POSSIBLE_HIGHLIGHTS
 };

package/dist/components/icon/Icon.js

@@ -1,4 +1,4 @@
-import { j as c } from "../../_virtual/jsx-runtime.js";
+import { jsx as c } from "react/jsx-runtime";
 import { PROKODO_UI_VERSION as i } from "../../constants/project.js";
 import { create as a } from "../../helpers/bem.js";
 import m from "./Icon.module.scss.js";
@@ -17,10 +17,10 @@ const p = a(m, "Icon"), u = (e) => {
     default:
       return e ?? 16;
   }
-}, g = (e) => `https://cdn.jsdelivr.net/gh/prokodo-agency/ui@v${i}/assets/icons/${e.replace(/Icon$/, "").replace(/([a-z])([A-Z0-9])/g, "$1_$2").replace(/([0-9])([a-zA-Z])/g, "$1_$2").toLowerCase()}_icon.svg`, x = ({ name: e, size: o, label: r, className: s = "", ...n }) => {
+}, g = (e) => `https://cdn.jsdelivr.net/gh/prokodo-agency/ui@v${i}/assets/icons/${e.replace(/Icon$/, "").replace(/([a-z])([A-Z0-9])/g, "$1_$2").replace(/([0-9])([a-zA-Z])/g, "$1_$2").toLowerCase()}_icon.svg`, $ = ({ name: e, size: o, label: r, className: s = "", ...n }) => {
   if (!e) return null;
   const t = u(o);
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ c(
     "img",
     {
       alt: r ?? "",
@@ -35,6 +35,6 @@ const p = a(m, "Icon"), u = (e) => {
   );
 };
 export {
-  x as Icon,
+  $ as Icon,
   u as getIconSize
 };

package/dist/components/image/Image.js

@@ -1,29 +1,29 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import { create as g } from "../../helpers/bem.js";
-import { isString as p } from "../../helpers/validations.js";
-import d from "./Image.module.scss.js";
-const r = g(d, "Image"), u = ({
+import { jsxs as g, jsx as m } from "react/jsx-runtime";
+import { create as d } from "../../helpers/bem.js";
+import { isString as f } from "../../helpers/validations.js";
+import l from "./Image.module.scss.js";
+const e = d(l, "Image"), I = ({
   alt: o,
-  caption: i,
-  containerClassName: s,
-  captionClassName: t,
+  caption: r,
+  containerClassName: t,
+  captionClassName: s,
   className: a,
   imageComponent: n = "img",
   ...c
 }) => {
-  const m = () => /* @__PURE__ */ e.jsx(
+  const i = () => /* @__PURE__ */ m(
     n,
     {
       alt: o ?? "",
-      className: r("image", void 0, a),
+      className: e("image", void 0, a),
       ...c
     }
   );
-  return p(i) ? /* @__PURE__ */ e.jsxs("figure", { className: r(void 0, void 0, s), children: [
-    m(),
-    /* @__PURE__ */ e.jsx("figcaption", { className: r("caption", void 0, t), children: i })
-  ] }) : m();
+  return f(r) ? /* @__PURE__ */ g("figure", { className: e(void 0, void 0, t), children: [
+    i(),
+    /* @__PURE__ */ m("figcaption", { className: e("caption", void 0, s), children: r })
+  ] }) : i();
 };
 export {
-  u as Image
+  I as Image
 };

package/dist/components/image-text/ImageText.js

@@ -1,93 +1,93 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import { useState as _ } from "react";
-import { create as g } from "../../helpers/bem.js";
-import { isString as d } from "../../helpers/validations.js";
-import v from "./ImageText.module.scss.js";
-import { RichText as y } from "../rich-text/RichText.js";
-import { Grid as I } from "../grid/Grid.js";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { create as v } from "../../helpers/bem.js";
+import { isString as y } from "../../helpers/validations.js";
+import I from "./ImageText.module.scss.js";
+import { RichText as j } from "../rich-text/RichText.js";
+import { Grid as w } from "../grid/Grid.js";
 import { GridRow as o } from "../grid/GridRow.js";
 import { Animated as n } from "../animated/Animated.js";
-import { Headline as x } from "../headline/Headline.js";
-import { Button as R } from "../button/Button.js";
-import { Lottie as w } from "../lottie/Lottie.js";
-import { Image as z } from "../image/Image.js";
-const m = g(v, "ImageText"), F = ({
+import { Headline as N } from "../headline/Headline.js";
+import { Button as z } from "../button/Button.js";
+import { Lottie as A } from "../lottie/Lottie.js";
+import { Image as G } from "../image/Image.js";
+const s = v(I, "ImageText"), J = ({
   animatedBorder: a,
-  reverse: h,
-  subTitle: e,
-  title: r,
+  reverse: f,
+  subTitle: c,
+  title: e,
   content: l,
   animation: p,
   image: i,
-  button: c
+  button: r
 }) => {
-  const [N, j] = _(!1), t = i ? a ? 4 : 6 : a ? 10 : 12;
-  return /* @__PURE__ */ s.jsx("div", { className: m(), children: /* @__PURE__ */ s.jsxs(
-    I,
+  const [t, _] = d(!1), g = i ? a ? 4 : 6 : a ? 10 : 12;
+  return /* @__PURE__ */ m("div", { className: s(), children: /* @__PURE__ */ h(
+    w,
     {
-      className: m("grid", {
-        "is-reverse": !!h
+      className: s("grid", {
+        "is-reverse": !!f
       }),
       children: [
-        a && /* @__PURE__ */ s.jsx(o, { className: m("animated__border__wrapper"), sm: 2, xs: 3, children: /* @__PURE__ */ s.jsx(
+        a && /* @__PURE__ */ m(o, { className: s("animated__border__wrapper"), sm: 2, xs: 3, children: /* @__PURE__ */ m(
           n,
           {
-            className: m("animated__border", {
-              "is-visible": N,
+            className: s("animated__border", {
+              "is-visible": t,
               [`${(a == null ? void 0 : a.direction) ?? "top-to-bottom"}`]: !!(a != null && a.direction)
             }),
-            onAnimate: (f) => j(f)
+            onAnimate: (x) => _(x)
           }
         ) }),
-        /* @__PURE__ */ s.jsx(o, { className: m("content"), md: t, xs: 10, children: /* @__PURE__ */ s.jsxs(
+        /* @__PURE__ */ m(o, { className: s("content"), md: g, xs: 10, children: /* @__PURE__ */ h(
           n,
           {
             children: [
-              e && /* @__PURE__ */ s.jsx(
-                x,
+              c && /* @__PURE__ */ m(
+                N,
                 {
                   highlight: !0,
-                  className: m("sub__headline", void 0, e == null ? void 0 : e.className),
+                  className: s("sub__headline", void 0, c == null ? void 0 : c.className),
                   size: "sm",
                   type: "h3",
                   variant: "primary",
-                  ...e,
-                  children: e == null ? void 0 : e.content
+                  ...c,
+                  children: c == null ? void 0 : c.content
                 }
               ),
-              /* @__PURE__ */ s.jsx(
-                x,
+              /* @__PURE__ */ m(
+                N,
                 {
-                  className: m("headline", void 0, r == null ? void 0 : r.className),
+                  className: s("headline", void 0, e == null ? void 0 : e.className),
                   size: "lg",
                   type: "h2",
-                  ...r,
-                  children: r.content
+                  ...e,
+                  children: e.content
                 }
               ),
-              d(l) && /* @__PURE__ */ s.jsx(y, { className: m("content__paragraph"), children: l }),
-              c && /* @__PURE__ */ s.jsx(
-                R,
+              y(l) && /* @__PURE__ */ m(j, { className: s("content__paragraph"), children: l }),
+              r && /* @__PURE__ */ m(
+                z,
                 {
                   variant: "outlined",
-                  ...c,
-                  className: m("button", void 0, c == null ? void 0 : c.className)
+                  ...r,
+                  className: s("button", void 0, r == null ? void 0 : r.className)
                 }
               )
             ]
           }
         ) }),
-        i && /* @__PURE__ */ s.jsx(o, { className: m("image"), md: 6, xs: 10, children: /* @__PURE__ */ s.jsx(
+        i && /* @__PURE__ */ m(o, { className: s("image"), md: 6, xs: 10, children: /* @__PURE__ */ m(
           n,
           {
-            className: m("animated__container"),
-            children: p ? /* @__PURE__ */ s.jsx(
-              w,
+            className: s("animated__container"),
+            children: p ? /* @__PURE__ */ m(
+              A,
               {
                 animationName: p,
-                className: m("animation")
+                className: s("animation")
               }
-            ) : /* @__PURE__ */ s.jsx(z, { className: m("image__src"), ...i })
+            ) : /* @__PURE__ */ m(G, { className: s("image__src"), ...i })
           }
         ) })
       ]
@@ -95,5 +95,5 @@ const m = g(v, "ImageText"), F = ({
   ) });
 };
 export {
-  F as ImageText
+  J as ImageText
 };

package/dist/components/input/Input.js

@@ -1,54 +1,54 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
-import { Input as y } from "@mui/base";
-import { memo as L, useState as b, useEffect as P, useCallback as ee } from "react";
-import { create as re } from "../../helpers/bem.js";
-import { isNull as se, isString as u } from "../../helpers/validations.js";
-import ie from "./Input.module.scss.js";
-import { handleValidation as te } from "./InputValidation.js";
-import { Label as oe } from "../label/Label.js";
-const r = re(ie, "Input"), ae = L(
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { Input as L } from "@mui/base";
+import { memo as P, useState as x, useEffect as ee, useCallback as re } from "react";
+import { create as ie } from "../../helpers/bem.js";
+import { isNull as se, isString as v } from "../../helpers/validations.js";
+import te from "./Input.module.scss.js";
+import { handleValidation as oe } from "./InputValidation.js";
+import { Label as ae } from "../label/Label.js";
+const e = ie(te, "Input"), le = P(
   ({
-    fullWidth: k,
-    inputRef: V,
-    hideCounter: x,
-    type: o,
-    color: v = "primary",
-    value: a,
+    fullWidth: V,
+    inputRef: W,
+    hideCounter: _,
+    type: t,
+    color: f = "primary",
+    value: o,
     name: i,
-    min: W,
-    max: d,
-    multiline: n,
-    maxRows: z,
-    minRows: A,
-    rows: C,
-    disabled: g,
-    maxLength: c,
-    placeholder: w,
-    label: _,
-    customRegexPattern: D,
-    errorTranslations: G,
-    labelProps: m = {},
-    className: H,
-    fieldClassName: J,
-    inputContainerClassName: K,
-    inputClassName: M,
-    required: F,
-    hideLegend: O,
-    errorText: f,
-    helperText: p,
-    onFocus: h,
-    onBlur: N,
-    onChange: I,
-    onValidate: Q,
-    ...T
+    min: z,
+    max: n,
+    multiline: c,
+    maxRows: A,
+    minRows: C,
+    rows: D,
+    disabled: F,
+    maxLength: m,
+    placeholder: I,
+    label: $,
+    customRegexPattern: G,
+    errorTranslations: H,
+    labelProps: u = {},
+    className: J,
+    fieldClassName: K,
+    inputContainerClassName: M,
+    inputClassName: O,
+    required: R,
+    hideLegend: Q,
+    errorText: p,
+    helperText: h,
+    onFocus: N,
+    onBlur: g,
+    onChange: S,
+    onValidate: T,
+    ...U
   }) => {
-    var S, q;
-    const [l, R] = b(a), [U, $] = b(!1);
-    P(() => {
-      se(a) || R(a);
-    }, [a]);
-    const X = ee(() => {
-      switch (o) {
+    var j, E;
+    const [a, q] = x(o), [X, B] = x(!1);
+    ee(() => {
+      se(o) || q(o);
+    }, [o]);
+    const Y = re(() => {
+      switch (t) {
         case "url":
           return "www.example.com";
         case "email":
@@ -58,132 +58,132 @@ const r = re(ie, "Input"), ae = L(
         case "color":
           return "#FFFFFF";
         default:
-          return w;
+          return I;
       }
-    }, [o, w]), t = u(f), j = F === !0, Y = n ? {
-      multiline: n,
-      maxRows: z,
-      minRows: A ?? 3,
-      rows: C
+    }, [t, I]), s = v(p), w = R === !0, Z = c ? {
+      multiline: c,
+      maxRows: A,
+      minRows: C ?? 3,
+      rows: D
     } : {
       multiline: !1,
       maxRows: void 0,
       minRows: void 0,
-      type: o
+      type: t
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: r(void 0, { [v]: !!v }, H), children: [
-      u(_) && /* @__PURE__ */ e.jsx(
-        oe,
+    return /* @__PURE__ */ d("div", { className: e(void 0, { [f]: !!f }, J), children: [
+      v($) && /* @__PURE__ */ l(
+        ae,
         {
-          ...m,
-          className: r("label", void 0, m == null ? void 0 : m.className),
-          error: t,
+          ...u,
+          className: e("label", void 0, u == null ? void 0 : u.className),
+          error: s,
           htmlFor: i,
-          label: _,
-          required: j
+          label: $,
+          required: w
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: r("field", void 0, J), children: /* @__PURE__ */ e.jsx(
-        y,
+      /* @__PURE__ */ l("div", { className: e("field", void 0, K), children: /* @__PURE__ */ l(
+        L,
         {
-          "aria-required": j ? "true" : void 0,
-          color: v,
+          "aria-required": w ? "true" : void 0,
+          color: f,
           id: i,
-          ...T,
-          ...Y,
-          "aria-invalid": t,
-          disabled: g,
-          error: t,
+          ...U,
+          ...Z,
+          "aria-invalid": s,
+          disabled: F,
+          error: s,
           name: i,
-          placeholder: X(),
-          required: j,
-          value: l ?? "",
-          "aria-describedby": t ? `${i}-error` : u(p) ? `${i}-helper` : void 0,
-          className: r(
+          placeholder: Y(),
+          required: w,
+          value: a ?? "",
+          "aria-describedby": s ? `${i}-error` : v(h) ? `${i}-helper` : void 0,
+          className: e(
             "input",
             {
-              focused: U,
-              multiline: !!n,
-              disabled: !!g,
-              fullWidth: !!k
+              focused: X,
+              multiline: !!c,
+              disabled: !!F,
+              fullWidth: !!V
             },
-            K
+            M
           ),
           slotProps: {
             input: {
-              ref: V,
-              className: r(
+              ref: W,
+              className: e(
                 "input__node",
                 {
-                  multiline: !!n
+                  multiline: !!c
                 },
-                M
+                O
               )
             }
           },
-          onBlur: (s) => {
-            N == null || N(s), $(!1);
+          onBlur: (r) => {
+            g == null || g(r), B(!1);
           },
-          onChange: (s) => {
-            var B, E;
-            const { value: Z } = s.target;
-            c !== void 0 && Z.length > c || (R(s.target.value), (E = te) == null || E(
-              o === void 0 ? "text" : o,
+          onChange: (r) => {
+            var b, k;
+            const { value: y } = r.target;
+            m !== void 0 && y.length > m || (q(r.target.value), (k = oe) == null || k(
+              t === void 0 ? "text" : t,
               i,
-              (B = s == null ? void 0 : s.target) == null ? void 0 : B.value,
-              F,
-              W,
-              d,
-              D,
+              (b = r == null ? void 0 : r.target) == null ? void 0 : b.value,
+              R,
+              z,
+              n,
               G,
-              Q
-            ), I && I(s));
+              H,
+              T
+            ), S && S(r));
           },
-          onFocus: (s) => {
-            h == null || h(s), $(!0);
+          onFocus: (r) => {
+            N == null || N(r), B(!0);
           }
         }
       ) }),
-      /* @__PURE__ */ e.jsxs("div", { className: r("footer"), children: [
-        t || u(p) || d !== void 0 && l !== void 0 ? /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ d("div", { className: e("footer"), children: [
+        s || v(h) || n !== void 0 && a !== void 0 ? /* @__PURE__ */ d(
           "div",
           {
-            "aria-live": t ? "assertive" : "polite",
-            className: r("helperText"),
-            id: t ? `${i}-error` : `${i}-helper`,
-            role: t ? "alert" : void 0,
+            "aria-live": s ? "assertive" : "polite",
+            className: e("helperText"),
+            id: s ? `${i}-error` : `${i}-helper`,
+            role: s ? "alert" : void 0,
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ l(
                 "span",
                 {
                   role: "alert",
-                  className: r("helperText__content", {
-                    "is-error": !!f
+                  className: e("helperText__content", {
+                    "is-error": !!p
                   }),
-                  children: f ?? p
+                  children: p ?? h
                 }
               ),
-              d !== void 0 && l !== void 0 && O === !1 && /* @__PURE__ */ e.jsxs("span", { className: r("helperText__legend"), children: [
-                ((S = l == null ? void 0 : l.toString()) == null ? void 0 : S.length) ?? 0,
+              n !== void 0 && a !== void 0 && Q === !1 && /* @__PURE__ */ d("span", { className: e("helperText__legend"), children: [
+                ((j = a == null ? void 0 : a.toString()) == null ? void 0 : j.length) ?? 0,
                 " / ",
-                d
+                n
               ] })
             ]
           }
-        ) : /* @__PURE__ */ e.jsx("div", { className: r("helperText") }),
-        c !== void 0 && o !== "number" && (x === void 0 || x === !1) && /* @__PURE__ */ e.jsx("div", { className: r("counter"), children: /* @__PURE__ */ e.jsxs("span", { children: [
+        ) : /* @__PURE__ */ l("div", { className: e("helperText") }),
+        m !== void 0 && t !== "number" && (_ === void 0 || _ === !1) && /* @__PURE__ */ l("div", { className: e("counter"), children: /* @__PURE__ */ d("span", { children: [
           "(",
-          a !== void 0 ? ((q = String(a)) == null ? void 0 : q.length) ?? 0 : 0,
+          o !== void 0 ? ((E = String(o)) == null ? void 0 : E.length) ?? 0 : 0,
           " /",
           " ",
-          c,
+          m,
           ")"
         ] }) })
       ] })
     ] });
   }
 );
-ae.displayName = "Input";
+le.displayName = "Input";
 export {
-  ae as Input
+  le as Input
 };