linear-react-components-ui 1.1.26-beta-1 → 1.1.26-beta.10

package/lib/inputs/base/helpers.js

@@ -1,5 +1,5 @@
 import a from "react";
-import l from "lodash";
+import { _ as l } from "../../chunks/lodash.CIAK_hAg.js";
 const p = ({
   textAlign: r,
   readOnly: t,
@@ -19,7 +19,9 @@ const p = ({
           ${o && " -disabled"}`;
 }, c = (r, t, n) => {
   let e = n || [];
-  return t ? null : (l.isArray(e) || (e = [e]), e = e.map((s, o) => s && a.cloneElement(s, { key: `rightelement-${o + 1}` })), e);
+  return t ? null : (l.isArray(e) || (e = [e]), e = e.map((s, o) => s && a.cloneElement(s, {
+    key: `rightelement-${o + 1}`
+  })), e);
 };
 export {
   p as getInputClass,

package/lib/inputs/color/index.js

@@ -1,78 +1,57 @@
-import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as k, useRef as x, useEffect as g } from "react";
-import h from "lodash";
-import j from "../text/index.js";
-import v from "../../buttons/Button.js";
+import { j as c } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as N } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as R, useRef as S, useEffect as B } from "react";
+import { _ as F } from "../../chunks/lodash.CIAK_hAg.js";
+import T from "../text/index.js";
+import _ from "../../buttons/Button.js";
 import "../../icons/index.js";
 import '../../assets/button.css';import '../../assets/index20.css';/* empty css                           */
-const F = (u) => {
-  const {
-    asTextField: m = !0,
-    value: c = "#aaaaaa",
-    onChange: n,
-    onButtonClick: r,
-    name: s
-  } = u, [l, i] = k(c), a = x(null), p = h.debounce((o, t) => {
-    o(t);
-  }, 300), d = (o) => {
-    const { target: t } = o;
-    i(t.value), n && p(n, o);
-  }, f = (o) => {
-    const { target: t } = o;
-    i(t.value), n && (o.persist(), p(n, o));
-  }, C = () => {
-    a.current && a.current.click();
-  };
-  return g(() => {
-    i(c);
-  }, [c]), m ? /* @__PURE__ */ e.jsx(
-    j,
-    {
-      ...u,
-      value: l,
-      onChange: (o) => {
-        o && d(o);
-      },
-      leftElements: [
-        /* @__PURE__ */ e.jsx("div", { className: "colorpicker-colormirror", style: { background: l } }, "colorMirror"),
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            className: "colorpicker-hideinputcolor",
-            ref: a,
-            type: "color",
-            defaultValue: l,
-            name: s,
-            onClick: (o) => r ? r(o) : void 0,
-            onInput: f
-          },
-          "inputColor"
-        )
-      ],
-      rightElements: /* @__PURE__ */ e.jsx(
-        v,
-        {
-          className: "colorpicker-palettebutton",
-          onClick: C,
-          iconName: "pallete",
-          boxShadow: !1
-        },
-        "palettebutton"
-      )
-    }
-  ) : /* @__PURE__ */ e.jsx(
-    "input",
-    {
-      name: s,
-      ref: a,
-      type: "color",
-      defaultValue: l,
-      onClick: (o) => r ? r(o) : void 0,
-      onInput: f
-    },
-    "inputColor"
-  );
+const A = (l) => {
+  const t = N.c(17), {
+    asTextField: j,
+    value: y,
+    onChange: o,
+    onButtonClick: n,
+    name: a
+  } = l, g = j === void 0 ? !0 : j, i = y === void 0 ? "#aaaaaa" : y, [r, h] = R(i), s = S(null);
+  let u;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = F.debounce(P, 300), t[0] = u) : u = t[0];
+  const E = u;
+  let m;
+  t[1] !== o ? (m = (e) => {
+    const {
+      target: b
+    } = e;
+    h(b.value), o && E(o, e);
+  }, t[1] = o, t[2] = m) : m = t[2];
+  const v = m;
+  let f;
+  t[3] !== o ? (f = (e) => {
+    const {
+      target: b
+    } = e;
+    h(b.value), o && (e.persist(), E(o, e));
+  }, t[3] = o, t[4] = f) : f = t[4];
+  const p = f;
+  let d;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
+    s.current && s.current.click();
+  }, t[5] = d) : d = t[5];
+  const I = d;
+  let C, x;
+  t[6] !== i ? (C = () => {
+    h(i);
+  }, x = [i], t[6] = i, t[7] = C, t[8] = x) : (C = t[7], x = t[8]), B(C, x);
+  let k;
+  return t[9] !== g || t[10] !== r || t[11] !== a || t[12] !== n || t[13] !== v || t[14] !== p || t[15] !== l ? (k = g ? /* @__PURE__ */ c.jsx(T, { ...l, value: r, onChange: (e) => {
+    e && v(e);
+  }, leftElements: [/* @__PURE__ */ c.jsx("div", { className: "colorpicker-colormirror", style: {
+    background: r
+  } }, "colorMirror"), /* @__PURE__ */ c.jsx("input", { className: "colorpicker-hideinputcolor", ref: s, type: "color", defaultValue: r, name: a, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor")], rightElements: /* @__PURE__ */ c.jsx(_, { className: "colorpicker-palettebutton", onClick: I, iconName: "pallete", boxShadow: !1 }, "palettebutton") }) : /* @__PURE__ */ c.jsx("input", { name: a, ref: s, type: "color", defaultValue: r, onClick: (e) => n ? n(e) : void 0, onInput: p }, "inputColor"), t[9] = g, t[10] = r, t[11] = a, t[12] = n, t[13] = v, t[14] = p, t[15] = l, t[16] = k) : k = t[16], k;
 };
+function P(l, t) {
+  l(t);
+}
 export {
-  F as default
+  A as default
 };

package/lib/inputs/date/Dialog.js

@@ -1,18 +1,17 @@
-import { j as a } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { B as o } from "../../chunks/index.yztgndLc.js";
-const h = ({ handlerClose: e, children: t, dialogSize: s }) => /* @__PURE__ */ a.jsx(
-  o,
-  {
-    closeOnEsc: !0,
-    closeOnOutsideClick: !0,
-    handlerClose: () => e(!1),
-    wrapperClassName: "",
-    width: s.width,
-    height: s.height,
-    onOpenChange: e,
-    children: t
-  }
-);
+import { j as a } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as h } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { B as n } from "../../chunks/index.aw0XaUkg.js";
+const p = (r) => {
+  const e = h.c(8), {
+    handlerClose: t,
+    children: l,
+    dialogSize: i
+  } = r;
+  let s;
+  e[0] !== t ? (s = () => t(!1), e[0] = t, e[1] = s) : s = e[1];
+  let o;
+  return e[2] !== l || e[3] !== i.height || e[4] !== i.width || e[5] !== t || e[6] !== s ? (o = /* @__PURE__ */ a.jsx(n, { closeOnEsc: !0, closeOnOutsideClick: !0, handlerClose: s, wrapperClassName: "", width: i.width, height: i.height, onOpenChange: t, children: l }), e[2] = l, e[3] = i.height, e[4] = i.width, e[5] = t, e[6] = s, e[7] = o) : o = e[7], o;
+};
 export {
-  h as default
+  p as default
 };

package/lib/inputs/date/Dropdown.js

@@ -1,17 +1,19 @@
-import { useRef as f, useEffect as d } from "react";
-import m from "react-dom";
-const s = 24, h = 250, R = (r) => {
-  const { containerRef: c, showButtonOpen: u, dropdownRef: l, children: p, inputDimensions: e } = r, t = f(document.createElement("div")), n = e && e.width + (u ? s : 0) + 4 || h;
-  return d(() => {
-    var o;
-    return t.current.className = "datepicker-component", t.current.style.width = String(n).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px"), (o = c.current) == null || o.appendChild(t.current), l(t.current), () => {
-      var a;
-      (a = c.current) == null || a.removeChild(t.current);
-    };
-  }, []), d(() => {
-    t.current.style.width = String(n).concat("px"), t.current.style.top = String(e == null ? void 0 : e.bottom).concat("px");
-  }, [r]), m.createPortal(p, t.current);
+import { useRef as a, useEffect as o } from "react";
+import d from "react-dom";
+const p = 24, m = 250, h = (n) => {
+  const {
+    containerRef: r,
+    showButtonOpen: i,
+    dropdownRef: u,
+    children: s,
+    inputDimensions: e
+  } = n, t = a(document.createElement("div")), c = e && e.width + (i ? p : 0) + 4 || m;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(e?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e?.bottom).concat("px");
+  }, [n]), d.createPortal(s, t.current);
 };
 export {
-  R as default
+  h as default
 };

package/lib/inputs/date/helpers.js

@@ -1,10 +1,10 @@
-import e from "moment";
-const o = "DD/MM/YYYY", r = "YYYY-MM-DD", M = (n) => {
-  let t = n;
-  return e(t, o, !0).isValid() && (t = e(t, o).format(o)), typeof t == "string" ? e(t, r) : t;
+import { h as o } from "../../chunks/moment.DMLRxgRE.js";
+const e = "DD/MM/YYYY", Y = "YYYY-MM-DD", s = (r) => {
+  let t = r;
+  return o(t, e, !0).isValid() && (t = o(t, e).format(e)), typeof t == "string" ? o(t, Y) : t;
 };
 export {
-  r as EN_US_FORMAT,
-  o as PT_BR_FORMAT,
-  M as getMomentValue
+  Y as EN_US_FORMAT,
+  e as PT_BR_FORMAT,
+  s as getMomentValue
 };

package/lib/inputs/date/index.js

@@ -1,182 +1,136 @@
-import { j as d } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as m, useRef as g, useEffect as F } from "react";
-import l from "moment";
-import ce from "./Dialog.js";
-import ue from "./Dropdown.js";
-import de from "../../buttons/Button.js";
+import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as m, useRef as g, useEffect as w } from "react";
+import { h as s } from "../../chunks/moment.DMLRxgRE.js";
+import se from "./Dialog.js";
+import le from "./Dropdown.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import ce from "../../buttons/Button.js";
 import "../../icons/index.js";
 import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index21.css';/* empty css                           */
 /* empty css                               */
-import fe from "../../gridlayout/GridCol.js";
-import me from "../../calendar/base/index.js";
-import ge from "../mask/BaseMask.js";
-import { getMomentValue as Ce, EN_US_FORMAT as h, PT_BR_FORMAT as f } from "./helpers.js";
-const xe = (o) => {
+import ue from "../../gridlayout/GridCol.js";
+import de from "../../calendar/base/index.js";
+import fe from "../mask/BaseMask.js";
+import { getMomentValue as me, EN_US_FORMAT as h, PT_BR_FORMAT as f } from "./helpers.js";
+const Fe = (n) => {
   const {
-    showButtonOpen: S = !0,
+    showButtonOpen: O = !0,
     openOnFocus: q = !0,
     shouldCloseOnSelect: G = !0,
     setFocusOnSelect: U = !0,
     showCalendarInDialog: c = !1,
     required: W = !1,
-    value: i = "",
+    value: r = "",
     name: H = "",
-    inputRef: p,
-    dialogSize: J = { width: "384px", height: "384px" },
-    gridLayout: x,
+    inputRef: F,
+    dialogSize: J = {
+      width: "384px",
+      height: "384px"
+    },
+    gridLayout: S,
     shouldCloseOnEsc: Q = !0
-  } = o, [y, D] = m(i ? Ce(i) : void 0), [a, u] = m(!1), [j, V] = m(i), [X, L] = m(), [Y, v] = m(!1), [s, Z] = m({
+  } = n, [p, D] = m(r ? me(r) : void 0), [a, u] = m(!1), [x, j] = m(r), [X, V] = m(), [Y, v] = m(!1), [l, Z] = m({
     disabled: !1,
     readOnly: !1,
     unvisible: !1,
     hideContent: !1
-  }), r = g(null), $ = g(null), E = g(null), I = g(null), B = g(null), w = g(null), R = () => {
-    var e;
-    L((e = r == null ? void 0 : r.current) == null ? void 0 : e.getBoundingClientRect());
-  }, ee = () => {
+  }), i = g(null), $ = g(null), y = g(null), L = g(null), B = g(null), R = g(null), k = () => {
+    V(i?.current?.getBoundingClientRect());
+  }, _ = () => {
     u(!1), c && setTimeout(() => {
-      var e;
-      v(!1), (e = r.current) == null || e.focus();
+      v(!1), i.current?.focus();
     }, 100);
-  }, te = (e) => {
-    var n;
-    const t = !((n = w.current) != null && n.contains(e.relatedTarget));
+  }, ee = (e) => {
+    const t = !R.current?.contains(e.relatedTarget);
     !c && a && t && u(!1);
-  }, P = (e) => {
-    var t, n, C;
-    if (Q && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), (t = r.current) == null || t.focus()), a && c && e && e.key && e.key === "Tab") {
-      const k = (n = B.current) == null ? void 0 : n.getElementsByClassName("navbutton"), se = ((C = B.current) == null ? void 0 : C.getElementsByClassName("-selectedday"))[0].firstChild, O = Array.from([...k, se]), _ = O[0], K = O[O.length - 1];
-      e.shiftKey && document.activeElement === _ ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), _.focus());
+  }, I = (e) => {
+    if (Q && a && e && e.key && e.key === "Escape" && (e.preventDefault(), u(!1), i.current?.focus()), a && c && e && e.key && e.key === "Tab") {
+      const t = B.current?.getElementsByClassName("navbutton"), b = (B.current?.getElementsByClassName("-selectedday"))[0].firstChild, C = Array.from([...t, b]), M = C[0], K = C[C.length - 1];
+      e.shiftKey && document.activeElement === M ? (e.preventDefault(), K.focus()) : !e.shiftKey && document.activeElement === K && (e.preventDefault(), M.focus());
     }
     e.stopPropagation();
-  }, b = () => {
-    var n;
-    const e = (n = r.current) == null ? void 0 : n.getBoundingClientRect(), t = e && e.bottom;
-    E && E.current && e && (E.current.style.top = String(t).concat("px"));
-  }, T = () => {
-    var e;
-    u(!0), r.current && (r.current.focus(), L((e = r.current) == null ? void 0 : e.getBoundingClientRect())), c && setTimeout(() => {
-      var t;
-      (t = I.current) == null || t.focus();
+  }, E = () => {
+    const e = i.current?.getBoundingClientRect(), t = e && e.bottom;
+    y && y.current && e && (y.current.style.top = String(t).concat("px"));
+  }, P = () => {
+    u(!0), i.current && (i.current.focus(), V(i.current?.getBoundingClientRect())), c && setTimeout(() => {
+      L.current?.focus();
     }, 100);
+  }, te = (e) => {
+    n.onFocus && n.onFocus(e), q && !a && !Y && P();
   }, ne = (e) => {
-    o.onFocus && o.onFocus(e), q && !a && !Y && T();
+    n.onBlur && n.onBlur(e);
   }, oe = (e) => {
-    o.onBlur && o.onBlur(e);
-  }, re = (e) => {
     if (typeof e == "object" && !(e instanceof Date)) {
-      const t = l(e.initial, f, !0).isValid(), n = l(e.final, f, !0).isValid();
-      return t && n;
+      const t = s(e.initial, f, !0).isValid(), o = s(e.final, f, !0).isValid();
+      return t && o;
     }
-    return l(e, f, !0).isValid();
-  }, N = (e, t = "") => {
+    return s(e, f, !0).isValid();
+  }, T = (e, t = "") => {
     if (typeof t == "string") {
-      const n = e.target.value ?? "";
-      if (o.onChange) {
-        if (re(n)) {
-          const k = { target: { value: l(n, f).format(h), name: e.target.name } };
-          o.onChange(k, n);
+      const o = e.target.value ?? "";
+      if (n.onChange) {
+        if (oe(o)) {
+          const C = {
+            target: {
+              value: s(o, f).format(h),
+              name: e.target.name
+            }
+          };
+          n.onChange(C, o);
         } else if (e.target.value === "") {
-          const C = { target: { value: "", name: e.target.name } };
-          o.onChange(C, n), u(!1), D(void 0);
+          const b = {
+            target: {
+              value: "",
+              name: e.target.name
+            }
+          };
+          n.onChange(b, o), u(!1), D(void 0);
         }
       }
     }
-  }, A = (e, t) => {
-    var n;
-    a && U && ((n = r.current) == null || n.focus()), o.onComplete && o.onComplete(t, e), o.onChange && N({ target: { value: e, name: H } }, e), G && u(!1), D(l(e, f));
-  }, ie = () => o.disabled || s && (s.disabled || s.hideContent), ae = () => {
-    if (S)
-      return /* @__PURE__ */ d.jsx(
-        de,
-        {
-          disabled: ie(),
-          tabIndex: -1,
-          customClass: "calendar-button",
-          iconName: "calendar",
-          title: a ? "Fechar Calendário" : "Abrir Calendário",
-          onClick: () => {
-            a ? u(!1) : T();
-          },
-          targetRef: (e) => {
-            $.current = e;
-          }
-        },
-        "button-open-date-picker"
-      );
-  }, z = (e, t) => /* @__PURE__ */ d.jsx(
-    me,
-    {
-      colorStyle: t,
-      currentDate: e !== void 0 ? e : l(),
-      onDateChange: (n) => {
-        A(n.format(f), void 0), c && v(!1);
-      },
-      currentDateButton: (n) => I.current = n,
-      calendarContainer: (n) => {
-        B.current = n;
-      }
-    }
-  ), le = () => s && s.readOnly ? null : c ? /* @__PURE__ */ d.jsx(
-    ce,
-    {
-      dialogSize: J,
-      handlerClose: ee,
-      children: z(y, o == null ? void 0 : o.calendarColorStyle)
-    }
-  ) : /* @__PURE__ */ d.jsx(
-    ue,
-    {
-      showButtonOpen: S,
-      inputDimensions: X,
-      containerRef: w,
-      dropdownRef: (e) => {
-        E.current = e;
-      },
-      children: z(y, o == null ? void 0 : o.calendarColorStyle)
-    }
-  );
-  if (F(() => {
-    i && l(i, h).format() !== "Invalid date" && l(j, h).format() !== l(i, h).format() ? (D(l(i, h)), V(i)) : !i && i !== j && (D(void 0), V(i));
-  }, [i]), F(() => (window.addEventListener("resize", R), document.addEventListener("keydown", P), r.current && R(), a && c && v(!0), () => {
-    window.removeEventListener("resize", R), document.removeEventListener("keydown", P);
-  }), [r.current, a]), F(() => {
-    var e;
-    return document.addEventListener("scroll", b), (e = document.getElementById("modal-dialog-content")) == null || e.addEventListener("scroll", b), () => {
-      var t;
-      document.removeEventListener("scroll", b), (t = document.getElementById("modal-dialog-content")) == null || t.removeEventListener("scroll", b);
-    };
-  }, []), s && s.unvisible) return null;
-  const M = () => /* @__PURE__ */ d.jsxs("div", { ref: w, onBlur: te, className: "datepicker-container", children: [
-    /* @__PURE__ */ d.jsx(
-      ge,
-      {
-        ...o,
-        gridLayout: void 0,
-        value: y ? y.format(f) : " ",
-        mask: "00/00/0000",
-        onComplete: (e, t) => {
-          t && A(t, e);
-        },
-        onBlur: oe,
-        onFocus: (e) => {
-          ne(e);
-        },
-        onChange: (e, t) => {
-          t && N(e, t);
-        },
-        inputRef: (e) => {
-          r.current = e, p && (p.current = e);
-        },
-        rightElements: ae(),
-        required: W,
-        handlerSetOnDenied: () => Z(s)
+  }, N = (e, t) => {
+    a && U && i.current?.focus(), n.onComplete && n.onComplete(t, e), n.onChange && T({
+      target: {
+        value: e,
+        name: H
       }
-    ),
-    a && le()
+    }, e), G && u(!1), D(s(e, f));
+  }, re = () => n.disabled || l && (l.disabled || l.hideContent), ie = () => {
+    if (O)
+      return /* @__PURE__ */ d.jsx(ce, { disabled: re(), tabIndex: -1, customClass: "calendar-button", iconName: "calendar", title: a ? "Fechar Calendário" : "Abrir Calendário", onClick: () => {
+        a ? u(!1) : P();
+      }, targetRef: (e) => {
+        $.current = e;
+      } }, "button-open-date-picker");
+  }, A = (e, t) => /* @__PURE__ */ d.jsx(de, { colorStyle: t, currentDate: e !== void 0 ? e : s(), onDateChange: (o) => {
+    N(o.format(f), void 0), c && v(!1);
+  }, currentDateButton: (o) => L.current = o, calendarContainer: (o) => {
+    B.current = o;
+  } }), ae = () => l && l.readOnly ? null : c ? /* @__PURE__ */ d.jsx(se, { dialogSize: J, handlerClose: _, children: A(p, n?.calendarColorStyle) }) : /* @__PURE__ */ d.jsx(le, { showButtonOpen: O, inputDimensions: X, containerRef: R, dropdownRef: (e) => {
+    y.current = e;
+  }, children: A(p, n?.calendarColorStyle) });
+  if (w(() => {
+    r && s(r, h).format() !== "Invalid date" && s(x, h).format() !== s(r, h).format() ? (D(s(r, h)), j(r)) : !r && r !== x && (D(void 0), j(r));
+  }, [r]), w(() => (window.addEventListener("resize", k), document.addEventListener("keydown", I), i.current && k(), a && c && v(!0), () => {
+    window.removeEventListener("resize", k), document.removeEventListener("keydown", I);
+  }), [i.current, a]), w(() => (document.addEventListener("scroll", E), document.getElementById("modal-dialog-content")?.addEventListener("scroll", E), () => {
+    document.removeEventListener("scroll", E), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", E);
+  }), []), l && l.unvisible) return null;
+  const z = () => /* @__PURE__ */ d.jsxs("div", { ref: R, onBlur: ee, className: "datepicker-container", children: [
+    /* @__PURE__ */ d.jsx(fe, { ...n, gridLayout: void 0, value: p ? p.format(f) : " ", mask: "00/00/0000", onComplete: (e, t) => {
+      t && N(t, e);
+    }, onBlur: ne, onFocus: (e) => {
+      te(e);
+    }, onChange: (e, t) => {
+      t && T(e, t);
+    }, inputRef: (e) => {
+      i.current = e, F && (F.current = e);
+    }, rightElements: ie(), required: W, handlerSetOnDenied: () => Z(l) }),
+    a && ae()
   ] });
-  return x ? /* @__PURE__ */ d.jsx(fe, { customClass: "-withinput", cols: x, children: M() }) : M();
+  return S ? /* @__PURE__ */ d.jsx(ue, { customClass: "-withinput", cols: S, children: z() }) : z();
 };
 export {
-  xe as default
+  Fe as default
 };

package/lib/inputs/errorMessage/index.js

@@ -1,16 +1,24 @@
-import { j as n } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { forwardRef as o } from "react";
-import '../../assets/index7.css';const i = o(({
-  customClass: e = "",
-  messages: r,
-  style: s
-}, t) => {
-  if (!r || r.length === 0) return null;
-  const a = Array.isArray(r) ? r : [r];
-  return /* @__PURE__ */ n.jsx("p", { ref: t, style: s, className: `errormessages-component ${e}`, children: a.join(", ") });
+import { j as f } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as u } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { forwardRef as g } from "react";
+import '../../assets/index7.css';const d = g((c, a) => {
+  const s = u.c(9), {
+    customClass: i,
+    messages: e,
+    style: m
+  } = c, p = i === void 0 ? "" : i;
+  if (!e || e.length === 0)
+    return null;
+  let r;
+  s[0] !== e ? (r = Array.isArray(e) ? e : [e], s[0] = e, s[1] = r) : r = s[1];
+  const l = r, n = `errormessages-component ${p}`;
+  let t;
+  s[2] !== l ? (t = l.join(", "), s[2] = l, s[3] = t) : t = s[3];
+  let o;
+  return s[4] !== a || s[5] !== m || s[6] !== n || s[7] !== t ? (o = /* @__PURE__ */ f.jsx("p", { ref: a, style: m, className: n, children: t }), s[4] = a, s[5] = m, s[6] = n, s[7] = t, s[8] = o) : o = s[8], o;
 });
-i.displayName = "ErrorMessage";
+d.displayName = "ErrorMessage";
 export {
-  i as ErrorMessage,
-  i as default
+  d as ErrorMessage,
+  d as default
 };