@memobit/libs 3.11.2 → 3.11.3

package/dist/components/Dropdown/Dropdown2.js

@@ -1,25 +1,27 @@
 import './Dropdown.css';
-import { Icon as I } from "../Icon/Icon2.js";
+import { Icon as D } from "../Icon/Icon2.js";
 import { Button as ae } from "../Button/Button2.js";
-import { Tooltip as He } from "../Tooltip/Tooltip2.js";
-import { InputText as je } from "../InputText/InputText2.js";
-import { foldDiacritics as fe } from "../../helpers/Search.js";
+import { Tooltip as je } from "../Tooltip/Tooltip2.js";
+import { InputText as Ce } from "../InputText/InputText2.js";
+import { foldDiacritics as pe } from "../../helpers/Search.js";
 /* empty css         */
-import { useEffect as E, useId as Ce, useRef as D, useState as k } from "react";
+import { useEffect as k, useId as _e, useRef as L, useState as O } from "react";
 import { jsx as c, jsxs as g } from "react/jsx-runtime";
-import { createPortal as _e } from "react-dom";
-import { caretDown as ze, clear as pe } from "@memobit/icons";
-var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", disabled: x = !1, error: A, highlighted: he = !1, id: me, label: J, maxVisibleSelectedLabels: ge = 1, multilineChips: ve = !1, multiple: i = !1, name: N, onChange: u, onSearchChange: be, options: m, placeholder: H = "Select an option", searchable: f = !0, searchValue: M, selectedCountDisplay: j = "inline", showChips: C = !1, sortSelectedFirst: Q = !1, success: _, usePortal: $ = !0, value: d, valueAsChip: xe = !0 }) => {
-  const [p, v] = k(!1), [s, l] = k(M || ""), [a, X] = k(m), [L, O] = k(-1), [o, w] = k([]), [R, Ne] = k({
+import { createPortal as ze } from "react-dom";
+import { caretDown as Fe, clear as ue } from "@memobit/icons";
+var Ve = ({ allowCustomValue: h = !1, autofocus: we = !1, className: he = "", disabled: x = !1, error: A, highlighted: me = !1, id: ge, label: J, maxVisibleSelectedLabels: ve = 1, multilineChips: be = !1, multiple: i = !1, name: N, onChange: u, onSearchChange: xe, options: m, placeholder: H = "Select an option", searchable: a = !0, searchValue: M, selectedCountDisplay: j = "inline", showChips: C = !1, sortSelectedFirst: Q = !1, success: _, usePortal: $ = !0, value: d, valueAsChip: Ne = !0 }) => {
+  const [p, v] = O(!1), [s, l] = O(M || ""), [f, X] = O(m), [S, y] = O(-1), [o, w] = O([]), [R, $e] = O({
     top: 0,
     bottom: 0,
     left: 0,
     width: 0,
     maxHeight: 300
-  }), [z, $e] = k(!1), S = D(null), y = D([]), F = D(null), ke = D(null), Y = Ce(), Z = me ?? `dropdown-${Y}`, U = D(null);
-  E(() => {
+  }), [z, ke] = O(!1), I = L(null), E = L([]), F = L(null), Le = L(null), Y = _e(), Z = ge ?? `dropdown-${Y}`, U = L(null), V = L(o);
+  k(() => {
+    V.current = o;
+  }), k(() => {
     if (p && Q && i) {
-      const n = new Set(o.map((r) => r.value)), e = [], t = [];
+      const n = new Set(V.current.map((r) => r.value)), e = [], t = [];
       m.forEach((r) => (n.has(r.value) ? e : t).push(r)), U.current = [...e, ...t];
     } else p || (U.current = null);
   }, [
@@ -27,24 +29,24 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
     Q,
     i,
     m
-  ]), E(() => {
+  ]), k(() => {
     const n = U.current ?? m;
-    if (!f || !s) X(n);
+    if (!a || !s) X(n);
     else {
-      const e = fe(s), t = n.filter((r) => fe(r.label).includes(e));
+      const e = pe(s), t = n.filter((r) => pe(r.label).includes(e));
       X(t);
     }
-    O(-1);
+    y(-1);
   }, [
     s,
     m,
-    f,
+    a,
     p
   ]);
-  const V = D(d);
-  E(() => {
-    const n = V.current;
-    V.current = d;
+  const ee = L(d);
+  k(() => {
+    const n = ee.current;
+    ee.current = d;
     const e = !Object.is(n, d);
     if (d == null) {
       e && (w([]), l(""));
@@ -87,23 +89,23 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
     d,
     m,
     i,
-    f,
+    a,
     h
-  ]), E(() => {
-    f && M !== void 0 && l(M);
-  }, [M, f]), E(() => {
-    if (!p || !S.current) return;
+  ]), k(() => {
+    a && M !== void 0 && l(M);
+  }, [M, a]), k(() => {
+    if (!p || !I.current) return;
     const n = () => {
-      if (!S.current) return;
-      const t = S.current.getBoundingClientRect(), r = window.visualViewport, T = r?.offsetTop ?? 0, Me = T + (r?.height ?? window.innerHeight), ce = 300, Te = 8, G = Me - t.bottom, de = t.top - T, le = G < ce && de > G;
-      if ($e(le), $) {
-        const Ae = Math.max(0, (le ? de : G) - Te);
-        Ne({
+      if (!I.current) return;
+      const t = I.current.getBoundingClientRect(), r = window.visualViewport, T = r?.offsetTop ?? 0, Te = T + (r?.height ?? window.innerHeight), de = 300, Ae = 8, G = Te - t.bottom, le = t.top - T, fe = G < de && le > G;
+      if (ke(fe), $) {
+        const He = Math.max(0, (fe ? le : G) - Ae);
+        $e({
           top: t.bottom,
           bottom: window.innerHeight - t.top,
           left: t.left,
           width: t.width,
-          maxHeight: Math.min(ce, Ae)
+          maxHeight: Math.min(de, He)
         });
       }
     };
@@ -112,9 +114,9 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
     return window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), e?.addEventListener("resize", n), e?.addEventListener("scroll", n), () => {
       window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n), e?.removeEventListener("resize", n), e?.removeEventListener("scroll", n);
     };
-  }, [p, $]), E(() => {
+  }, [p, $]), k(() => {
     const n = (e) => {
-      if (S.current && !S.current.contains(e.target)) {
+      if (I.current && !I.current.contains(e.target)) {
         if ($ && p) {
           const t = document.querySelector(".dropdown-menu--portal");
           if (t && t.contains(e.target)) return;
@@ -128,7 +130,7 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
           w([t]), l(t.label), v(!1), u && u(t, N);
           return;
         }
-        v(!1), !i && o.length > 0 ? l(o[0].label) : i && f && l("");
+        v(!1), !i && o.length > 0 ? l(o[0].label) : i && a && l("");
       }
     };
     return document.addEventListener("mousedown", n), () => {
@@ -142,7 +144,7 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
     N,
     u,
     m,
-    f,
+    a,
     o,
     $
   ]);
@@ -151,7 +153,7 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
       if (i) {
         const e = o.some((r) => r.value === n.value);
         let t;
-        e ? t = o.filter((r) => r.value !== n.value) : t = [...o, n], w(t), f && l(""), u && u(t, N);
+        e ? t = o.filter((r) => r.value !== n.value) : t = [...o, n], w(t), a && l(""), u && u(t, N);
       } else
         l(n.label), w([n]), v(!1), u && u(n, N);
   }, P = () => {
@@ -171,18 +173,18 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
       w(t), l(""), u && u(t, N);
     } else
       w([e]), l(e.label), v(!1), u && u(e, N);
-  }, ee = (n) => {
+  }, ne = (n) => {
     const e = o.filter((t) => t.value !== n.value);
-    w(e), u && (i ? u(e, N) : (u(null, N), f || l("")));
-  }, Le = () => {
-    w([]), (!f || !i) && l(""), v(!1), u && u(i ? [] : null, N);
-  }, Oe = (n) => {
-    l(n), p || v(!0), be?.(n);
-  }, ne = () => {
-    x || (v(!0), !i && f && o.length > 0 && l(""), (i || f) && F.current?.focus());
-  }, Se = () => {
-    x || (v(!p), p || (O(-1), !i && f && o.length > 0 && l(""), (i || f) && F.current?.focus()));
-  }, ye = (n) => {
+    w(e), u && (i ? u(e, N) : (u(null, N), a || l("")));
+  }, Oe = () => {
+    w([]), (!a || !i) && l(""), v(!1), u && u(i ? [] : null, N);
+  }, Se = (n) => {
+    l(n), p || v(!0), xe?.(n);
+  }, te = () => {
+    x || (v(!0), !i && a && o.length > 0 && l(""), (i || a) && F.current?.focus());
+  }, ye = () => {
+    x || (v(!p), p || (y(-1), !i && a && o.length > 0 && l(""), (i || a) && F.current?.focus()));
+  }, Ie = (n) => {
     if (!x) {
       if (!p) {
         (n.key === "ArrowDown" || n.key === "Enter") && (v(!0), n.preventDefault());
@@ -190,42 +192,42 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
       }
       switch (n.key) {
         case "ArrowDown":
-          if (n.preventDefault(), h && s && a.length === 0) return;
-          O((e) => {
-            const t = e < (h && s && !a.some((r) => r.label.toLowerCase() === s.toLowerCase()) ? a.length : a.length - 1) ? e + 1 : 0;
-            return t < a.length && y.current[t] && y.current[t]?.scrollIntoView({ block: "nearest" }), t;
+          if (n.preventDefault(), h && s && f.length === 0) return;
+          y((e) => {
+            const t = e < (h && s && !f.some((r) => r.label.toLowerCase() === s.toLowerCase()) ? f.length : f.length - 1) ? e + 1 : 0;
+            return t < f.length && E.current[t] && E.current[t]?.scrollIntoView({ block: "nearest" }), t;
           });
           break;
         case "ArrowUp":
-          if (n.preventDefault(), h && s && a.length === 0) return;
-          O((e) => {
-            const t = h && s && !a.some((T) => T.label.toLowerCase() === s.toLowerCase()) ? a.length : a.length - 1, r = e > 0 ? e - 1 : t;
-            return r < a.length && y.current[r] && y.current[r]?.scrollIntoView({ block: "nearest" }), r;
+          if (n.preventDefault(), h && s && f.length === 0) return;
+          y((e) => {
+            const t = h && s && !f.some((T) => T.label.toLowerCase() === s.toLowerCase()) ? f.length : f.length - 1, r = e > 0 ? e - 1 : t;
+            return r < f.length && E.current[r] && E.current[r]?.scrollIntoView({ block: "nearest" }), r;
           });
           break;
         case "Enter":
-          n.preventDefault(), L >= 0 && L < a.length ? K(a[L]) : (h && s && L === a.length || h && s && a.length === 0) && P();
+          n.preventDefault(), S >= 0 && S < f.length ? K(f[S]) : (h && s && S === f.length || h && s && f.length === 0) && P();
           break;
         case "Escape":
-          n.preventDefault(), v(!1), !i && o.length > 0 ? l(o[0].label) : i && f && l("");
+          n.preventDefault(), v(!1), !i && o.length > 0 ? l(o[0].label) : i && a && l("");
           break;
         case "Backspace":
-          i && s === "" && o.length > 0 && (n.preventDefault(), ee(o[o.length - 1]));
+          i && s === "" && o.length > 0 && (n.preventDefault(), ne(o[o.length - 1]));
       }
     }
-  }, q = (n) => o.some((e) => e.value === n.value), Ie = () => {
+  }, q = (n) => o.some((e) => e.value === n.value), Ee = () => {
     if (o.length === 0) return "";
-    const n = Math.max(1, ge);
+    const n = Math.max(1, ve);
     if (o.length <= n) return o.map((r) => r.label).join(", ");
     const e = o.slice(0, n).map((r) => r.label).join(", "), t = o.length - n;
     return `${e} (+${t} ${t === 1 ? "other" : "others"})`;
-  }, Ee = () => i && C || f && p ? s : o.length > 0 ? i ? Ie() : o[0].label : "", De = () => i && C ? o.length > 0 ? "" : H : p && f ? H : o.length > 0 ? "" : H, Re = () => !i || o.length === 0 || j === "none" ? null : j === "floating" ? /* @__PURE__ */ g("div", {
+  }, De = () => i && C || a && p ? s : o.length > 0 ? i ? Ee() : o[0].label : "", Re = () => i && C ? o.length > 0 ? "" : H : p && a ? H : o.length > 0 ? "" : H, Be = () => !i || o.length === 0 || j === "none" ? null : j === "floating" ? /* @__PURE__ */ g("div", {
     className: "dropdown-selected-count",
     children: [o.length, " selected"]
-  }) : null, te = () => !!(h && s && s.trim() && !a.some((n) => n.label.toLowerCase() === s.toLowerCase() || n.value.toString() === s)), Be = () => {
+  }) : null, re = () => !!(h && s && s.trim() && !f.some((n) => n.label.toLowerCase() === s.toLowerCase() || n.value.toString() === s)), Me = () => {
     if (!p || x) return null;
     const n = /* @__PURE__ */ c("div", {
-      ref: ke,
+      ref: Le,
       className: `dropdown-menu ${$ ? "dropdown-menu--portal" : ""} ${z ? "dropdown-menu--upward" : ""}`,
       style: $ ? {
         position: "fixed",
@@ -236,15 +238,15 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
         maxHeight: `${R.maxHeight}px`,
         zIndex: 9999
       } : void 0,
-      children: a.length > 0 || te() ? /* @__PURE__ */ g("ul", {
+      children: f.length > 0 || re() ? /* @__PURE__ */ g("ul", {
         className: "dropdown-options-list",
-        children: [a.map((e, t) => /* @__PURE__ */ g("li", {
+        children: [f.map((e, t) => /* @__PURE__ */ g("li", {
           ref: (r) => {
-            y.current[t] = r;
+            E.current[t] = r;
           },
-          className: `dropdown-option ${e.className || ""} ${L === t ? "focused" : ""} ${q(e) ? "selected" : ""} ${e.disabled ? "dropdown-option--disabled" : ""}`,
+          className: `dropdown-option ${e.className || ""} ${S === t ? "focused" : ""} ${q(e) ? "selected" : ""} ${e.disabled ? "dropdown-option--disabled" : ""}`,
           onClick: () => K(e),
-          onMouseEnter: () => O(t),
+          onMouseEnter: () => y(t),
           title: e.tooltip,
           children: [i && /* @__PURE__ */ c("div", {
             className: "dropdown-option-checkbox",
@@ -273,27 +275,27 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
                   className: "dropdown-option-prefix",
                   children: e.prefix
                 }),
-                e.icon && /* @__PURE__ */ c(I, { name: e.icon }),
+                e.icon && /* @__PURE__ */ c(D, { name: e.icon }),
                 /* @__PURE__ */ c("span", { children: e.label }),
-                e.suffixIcon && /* @__PURE__ */ c(I, { name: e.suffixIcon })
+                e.suffixIcon && /* @__PURE__ */ c(D, { name: e.suffixIcon })
               ]
             }), e.details && /* @__PURE__ */ c("span", {
               className: "dropdown-option-details",
               children: e.details
             })]
           })]
-        }, `dd-option-${Y}-${t}`)), te() && /* @__PURE__ */ c("li", {
+        }, `dd-option-${Y}-${t}`)), re() && /* @__PURE__ */ c("li", {
           ref: (e) => {
-            y.current[a.length] = e;
+            E.current[f.length] = e;
           },
-          className: `dropdown-option dropdown-option--create ${L === a.length ? "focused" : ""}`,
+          className: `dropdown-option dropdown-option--create ${S === f.length ? "focused" : ""}`,
           onClick: P,
-          onMouseEnter: () => O(a.length),
+          onMouseEnter: () => y(f.length),
           children: /* @__PURE__ */ c("div", {
             className: "dropdown-option-content",
             children: /* @__PURE__ */ g("span", {
               className: "dropdown-option-label",
-              children: [/* @__PURE__ */ c(I, { name: "plus" }), /* @__PURE__ */ g("span", { children: [
+              children: [/* @__PURE__ */ c(D, { name: "plus" }), /* @__PURE__ */ g("span", { children: [
                 "Create “",
                 s,
                 "”"
@@ -306,11 +308,11 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
         children: "No options found"
       })
     });
-    return $ ? _e(n, document.body) : n;
-  }, b = !i && o.length === 1 ? o[0] : null, B = xe && !p && !i && o.length > 0, re = !!(b?.icon && !s && !B), oe = !!(b?.suffixIcon && !B), W = i && C, ie = o.length > 0, se = f || h;
+    return $ ? ze(n, document.body) : n;
+  }, b = !i && o.length === 1 ? o[0] : null, B = Ne && !p && !i && o.length > 0, oe = !!(b?.icon && !s && !B), ie = !!(b?.suffixIcon && !B), W = i && C, se = o.length > 0, ce = a || h;
   return /* @__PURE__ */ g("div", {
-    className: `dropdown-container ${A ? "dropdown-error" : ""} ${_ ? "dropdown-success" : ""} ${he ? "dropdown-highlighted" : ""} ${i ? "multiple" : ""} ${x ? "disabled" : ""} ${i ? `count-display-${j}` : ""} ${we}`,
-    ref: S,
+    className: `dropdown-container ${A ? "dropdown-error" : ""} ${_ ? "dropdown-success" : ""} ${me ? "dropdown-highlighted" : ""} ${i ? "multiple" : ""} ${x ? "disabled" : ""} ${i ? `count-display-${j}` : ""} ${he}`,
+    ref: I,
     children: [
       J && /* @__PURE__ */ c("label", {
         htmlFor: Z,
@@ -318,16 +320,16 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
         children: J
       }),
       /* @__PURE__ */ g("div", {
-        className: `dropdown-input-container ${re ? "dropdown-input-container--has-prefix-icon" : ""} ${oe ? "dropdown-input-container--has-suffix-icon" : ""} ${W ? "dropdown-input-container--chips" : ""} ${W && ve ? "dropdown-input-container--chips-multiline" : ""} ${ie ? "dropdown-input-container--clearable" : ""}`,
+        className: `dropdown-input-container ${oe ? "dropdown-input-container--has-prefix-icon" : ""} ${ie ? "dropdown-input-container--has-suffix-icon" : ""} ${W ? "dropdown-input-container--chips" : ""} ${W && be ? "dropdown-input-container--chips-multiline" : ""} ${se ? "dropdown-input-container--clearable" : ""}`,
         children: [
-          re && b?.icon && /* @__PURE__ */ c("span", {
+          oe && b?.icon && /* @__PURE__ */ c("span", {
             className: "dropdown-selected-icon dropdown-selected-icon--prefix",
-            children: /* @__PURE__ */ c(I, { name: b.icon })
+            children: /* @__PURE__ */ c(D, { name: b.icon })
           }),
           B && b && /* @__PURE__ */ g("span", {
             className: "dropdown-value-chip",
-            onClick: ne,
-            children: [b.icon && /* @__PURE__ */ c(I, { name: b.icon }), /* @__PURE__ */ c("span", {
+            onClick: te,
+            children: [b.icon && /* @__PURE__ */ c(D, { name: b.icon }), /* @__PURE__ */ c("span", {
               className: "dropdown-value-chip__label",
               children: b.label
             })]
@@ -337,63 +339,63 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
             children: [/* @__PURE__ */ c("span", {
               className: "dropdown-chip__label",
               children: n.label
-            }), /* @__PURE__ */ c(He, {
+            }), /* @__PURE__ */ c(je, {
               title: "Remove",
               children: /* @__PURE__ */ c("button", {
                 type: "button",
                 className: "dropdown-chip__remove",
                 disabled: x,
                 onClick: (e) => {
-                  e.stopPropagation(), ee(n);
+                  e.stopPropagation(), ne(n);
                 },
-                children: pe
+                children: ue
               })
             })]
           }, `dd-chip-${n.value}`)),
-          /* @__PURE__ */ c(je, {
+          /* @__PURE__ */ c(Ce, {
             ref: F,
             id: Z,
-            placeholder: B ? "" : De(),
-            value: B ? "" : Ee(),
-            onChange: se ? Oe : void 0,
-            onClick: ne,
-            onKeyDown: ye,
+            placeholder: B ? "" : Re(),
+            value: B ? "" : De(),
+            onChange: ce ? Se : void 0,
+            onClick: te,
+            onKeyDown: Ie,
             autoComplete: "off",
-            autoFocus: ue,
+            autoFocus: we,
             disabled: x,
-            readOnly: !se
+            readOnly: !ce
           }),
           /* @__PURE__ */ g("div", {
             className: "dropdown-actions-buttons",
             children: [
-              oe && b?.suffixIcon && /* @__PURE__ */ c("span", {
+              ie && b?.suffixIcon && /* @__PURE__ */ c("span", {
                 className: "dropdown-selected-icon dropdown-selected-icon--suffix",
-                children: /* @__PURE__ */ c(I, { name: b.suffixIcon })
+                children: /* @__PURE__ */ c(D, { name: b.suffixIcon })
               }),
-              ie && /* @__PURE__ */ c("span", {
+              se && /* @__PURE__ */ c("span", {
                 className: "dropdown-action-button dropdown-clear-button",
                 children: /* @__PURE__ */ c(ae, {
                   variant: "plain",
-                  onClick: Le,
+                  onClick: Oe,
                   disabled: x,
-                  children: pe
+                  children: ue
                 })
               }),
               /* @__PURE__ */ c("span", {
                 className: `dropdown-action-button dropdown-toggle-button ${p ? "open" : ""}`,
                 children: /* @__PURE__ */ c(ae, {
                   variant: "plain",
-                  onClick: Se,
+                  onClick: ye,
                   disabled: x,
-                  children: ze
+                  children: Fe
                 })
               })
             ]
           }),
-          Re()
+          Be()
         ]
       }),
-      Be(),
+      Me(),
       A && /* @__PURE__ */ c("span", {
         className: "dropdown-error-message",
         children: A
@@ -406,5 +408,5 @@ var Ze = ({ allowCustomValue: h = !1, autofocus: ue = !1, className: we = "", di
   });
 };
 export {
-  Ze as Dropdown
+  Ve as Dropdown
 };

package/dist/components/InputEmail/InputEmail2.js

@@ -1,74 +1,74 @@
 import './InputEmail.css';
 /* empty css           */
-import { forwardRef as F, useEffect as G, useState as N } from "react";
-import { jsx as n, jsxs as b } from "react/jsx-runtime";
-var L = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, M = (r) => !r || r.trim() === "" ? !0 : L.test(r.trim()), P = F(({ autoComplete: r = "on", autoFocus: I, disabled: A, error: $ = "Please enter a valid email address", highlighted: v, id: o, label: p, maxLength: x, onBlur: z, onChange: Z, onClick: j, onKeyDown: y, onKeyUp: B, onValidate: a, placeholder: C, readOnly: R = !1, required: s = !1, showValidation: h = !1, success: m, validateOn: i = "blur", value: l }, T) => {
-  const [f, u] = N(!0), [d, g] = N(!1), c = (e) => s && (!e || e.trim() === "") ? !1 : !e || e.trim() === "" ? !0 : M(e);
+import { validateEmail as z } from "./validateEmail.js";
+import { forwardRef as A, useCallback as D, useEffect as G, useState as N } from "react";
+import { jsx as m, jsxs as b } from "react/jsx-runtime";
+var H = A(({ autoComplete: E = "on", autoFocus: I, disabled: x, error: C = "Please enter a valid email address", highlighted: $, id: o, label: c, maxLength: j, onBlur: y, onChange: B, onClick: T, onKeyDown: k, onKeyUp: v, onValidate: a, placeholder: w, readOnly: F = !1, required: i = !1, showValidation: p = !1, success: n, validateOn: r = "blur", value: t }, P) => {
+  const [h, u] = N(!0), [f, d] = N(!1), l = D((e) => i && (!e || e.trim() === "") ? !1 : !e || e.trim() === "" ? !0 : z(e), [i]);
   G(() => {
-    if (l !== void 0) {
-      const e = c(l);
+    if (t !== void 0) {
+      const e = l(t);
       u(e), a?.(e);
     }
   }, [
-    l,
+    t,
     a,
-    s
+    l
   ]);
-  const _ = (e) => {
-    if (Z?.(e), i === "change" || i === "both") {
-      const t = c(e);
-      u(t), g(!0), a?.(t);
+  const R = (e) => {
+    if (B?.(e), r === "change" || r === "both") {
+      const s = l(e);
+      u(s), d(!0), a?.(s);
     }
-  }, w = (e) => {
-    if (g(!0), i === "blur" || i === "both") {
-      const t = c(e.target.value);
-      u(t), a?.(t);
+  }, S = (e) => {
+    if (d(!0), r === "blur" || r === "both") {
+      const s = l(e.target.value);
+      u(s), a?.(s);
     }
-    z?.(e);
-  }, E = h && d && !f;
+    y?.(e);
+  }, g = p && f && !h;
   return /* @__PURE__ */ b("div", {
-    className: `input-email-wrapper${v ? " input-email-highlighted" : ""}`,
+    className: `input-email-wrapper${$ ? " input-email-highlighted" : ""}`,
     children: [
-      p && /* @__PURE__ */ b("label", {
+      c && /* @__PURE__ */ b("label", {
         htmlFor: o,
         className: "input-email-label",
-        children: [p, s && /* @__PURE__ */ n("span", {
+        children: [c, i && /* @__PURE__ */ m("span", {
           className: "input-email-required",
           children: "*"
         })]
       }),
-      /* @__PURE__ */ n("input", {
-        autoComplete: r,
+      /* @__PURE__ */ m("input", {
+        autoComplete: E,
         autoFocus: I,
-        disabled: A,
+        disabled: x,
         type: "email",
-        className: `input-email${E ? " input-email--error" : ""}${m ? " input-email-success" : f && d && h ? " input-email--valid" : ""}`,
+        className: `input-email${g ? " input-email--error" : ""}${n ? " input-email-success" : h && f && p ? " input-email--valid" : ""}`,
         id: o,
-        maxLength: x,
-        placeholder: C,
-        ref: T,
-        value: l,
-        onBlur: w,
-        onChange: (e) => _(e.target.value),
-        onClick: j,
-        onKeyDown: y,
-        onKeyUp: B,
-        readOnly: R,
-        required: s
+        maxLength: j,
+        placeholder: w,
+        ref: P,
+        value: t,
+        onBlur: S,
+        onChange: (e) => R(e.target.value),
+        onClick: T,
+        onKeyDown: k,
+        onKeyUp: v,
+        readOnly: F,
+        required: i
       }),
-      E && /* @__PURE__ */ n("span", {
+      g && /* @__PURE__ */ m("span", {
         className: "input-email-error-message",
-        children: $
+        children: C
       }),
-      m && /* @__PURE__ */ n("span", {
+      n && /* @__PURE__ */ m("span", {
         className: "input-email-success-message",
-        children: m
+        children: n
       })
     ]
   });
 });
-P.displayName = "InputEmail";
+H.displayName = "InputEmail";
 export {
-  P as InputEmail,
-  M as validateEmail
+  H as InputEmail
 };

package/dist/components/InputEmail/validateEmail.js

@@ -0,0 +1,7 @@
+import './InputEmail.css';
+/* empty css           */
+var t = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, e = (r) => !r || r.trim() === "" ? !0 : t.test(r.trim());
+export {
+  t as EMAIL_REGEX,
+  e as validateEmail
+};