prometeo-design-system 1.9.8 → 2.0.1

package/dist/DropZone.es.js

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
-import w, { useCallback as z } from "react";
-import { useDropzone as R } from "react-dropzone";
+import R, { useCallback as w } from "react";
+import { useDropzone as z } from "react-dropzone";
 import { Icons as u } from "./Icons.es.js";
-const E = w.forwardRef(
+const E = R.forwardRef(
   ({
     onFilesAccepted: d,
     onFilesRejected: m,
@@ -17,7 +17,7 @@ const E = w.forwardRef(
     maxFiles: j = 1,
     ...N
   }, b) => {
-    const y = z((s, o) => {
+    const y = w((s, o) => {
       s.length > 0 && d?.(s), o.length > 0 && m?.(o);
     }, [d, m]), {
       getRootProps: D,
@@ -25,7 +25,7 @@ const E = w.forwardRef(
       isDragActive: a,
       isDragReject: t,
       fileRejections: n
-    } = R({
+    } = z({
       onDrop: y,
       accept: g,
       maxFiles: j,

package/dist/Input.es.js

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-ByW6EXIE.js";
-import { Icons as O } from "./Icons.es.js";
+import { Icons as J } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
-import { memo as ue, useState as N, useRef as ce, useCallback as fe, useEffect as $, useLayoutEffect as ie } from "react";
-import { useDebounce as de } from "use-debounce";
-import pe from "./Spinner.es.js";
-const j = {
+import { memo as ie, useState as v, useRef as K, useCallback as pe, useEffect as L, useLayoutEffect as xe } from "react";
+import { useDebounce as me } from "use-debounce";
+import ge from "./Spinner.es.js";
+const C = {
   default: {
     container: "",
     input: e(
@@ -53,36 +53,38 @@ const j = {
       "peer-focus:text-success-light"
     )
   }
-}, xe = ({
-  label: C,
+}, he = ({
+  label: S,
   icon: a,
-  iconPosition: m = "left",
-  onChange: S,
-  value: n = "",
-  debounceMs: u = 0,
-  name: E,
-  width: g = "100%",
-  height: s,
-  variant: c = "default",
-  labelVariant: o = "default",
-  size: T = "medium",
-  disabled: k = !1,
+  iconPosition: g = "left",
+  onChange: E,
+  value: u = "",
+  debounceMs: c = 0,
+  name: k,
+  width: h = "100%",
+  height: o,
+  variant: f = "default",
+  labelVariant: l = "default",
+  size: Q = "medium",
+  disabled: z = !1,
   type: r = "text",
-  isFetching: f,
-  errorComponent: H,
-  helperComponent: L,
-  placeholder: G,
-  required: P = !1,
-  onFocus: J,
-  onBlur: K,
-  onEmptied: D,
-  onKeyDown: Q,
-  onKeyUp: U
+  isFetching: d,
+  errorComponent: P,
+  helperComponent: R,
+  placeholder: U,
+  required: D = !1,
+  onFocus: W,
+  onBlur: X,
+  onEmptied: V,
+  onKeyDown: Y,
+  onKeyUp: Z,
+  className: _,
+  isActive: i
 }) => {
-  const [h, R] = N(n), [v] = de(h, u), [W, V] = N(!1), [z, X] = N(!1), b = ce(null);
-  let i = T;
-  s && (i = "customHeight");
-  const d = {
+  const [b, F] = v(u), [I] = me(b, c), [q, O] = v(i || !1), [B, A] = v(!1), w = K(null), $ = K(null);
+  let p = Q;
+  o && (p = "customHeight");
+  const x = {
     small: {
       container: "text-sm",
       input: "h-10 px-3 text-sm",
@@ -107,38 +109,40 @@ const j = {
       label: "text-sm peer-focus:text-sm peer-placeholder-shown:text-xs ",
       icon: "w-6 h-6 right-3"
     }
-  }, A = fe(S, [S]);
-  $(() => {
-    u > 0 && v !== n && A(v);
-  }, [v, u, A, n]), $(() => {
-    R(n);
-  }, [n]);
-  const Y = () => {
-    V(!0), J?.();
-  }, Z = () => {
-    V(!1), K?.();
-  }, _ = (p) => {
-    const x = p.target.value, B = p.target.name, l = h;
-    R(x), l.length > 0 && x.length === 0 && D?.(), (!u || u === 0) && S(x, B);
-  }, q = () => {
-    X(!z);
-  }, I = {};
-  g && g !== "100%" && (I.width = g), s && (I.height = s);
-  const M = h.length > 0, F = c === "error" && H, ee = !F && L, te = r === "password", re = () => o === "static" || W || M ? "-top-2 left-2 scale-90" : a ? `top-1/2 -translate-y-1/2 ${m === "left" ? "ml-6" : "mr-6"} scale-100 ` : "top-1/2 -translate-y-1/2 scale-100", se = () => o === "static" ? s ? "text-sm" : "text-xs" : s ? d.customHeight.label : d[i].label, oe = () => s ? { height: s } : {}, le = () => o === "default" ? C : G || C || "", ae = () => te ? a ? m === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? m === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", ne = o === "default" && "transition-all duration-200 ease-in-out";
-  return ie(() => {
-    if (b.current) {
-      const x = ((B) => {
-        let l = B;
-        for (; l && l !== document.body; ) {
-          const y = window.getComputedStyle(l).backgroundColor;
-          if (y && y !== "transparent" && y !== "rgba(0, 0, 0, 0)")
-            return y;
-          l = l.parentElement;
+  }, T = pe(E, [E]);
+  L(() => {
+    c > 0 && I !== u && T(I);
+  }, [I, c, T, u]), L(() => {
+    F(u);
+  }, [u]), L(() => {
+    i && $.current?.focus();
+  }, [i]);
+  const M = (s) => {
+    O(!0), W?.(s);
+  }, ee = (s) => {
+    i === void 0 && (O(!1), X?.(s));
+  }, te = (s) => {
+    const m = s.target.value, H = s.target.name, n = b;
+    F(m), n.length > 0 && m.length === 0 && V?.(), (!c || c === 0) && E(m, H);
+  }, re = () => {
+    A(!B);
+  }, N = {};
+  h && h !== "100%" && (N.width = h), o && (N.height = o);
+  const se = b.length > 0, G = f === "error" && P, oe = !G && R, le = r === "password", ne = () => l === "static" || i || q || se ? "-top-2 left-2 scale-90" : a ? `top-1/2 -translate-y-1/2 ${g === "left" ? "ml-6" : "mr-6"} scale-100 ` : "top-1/2 -translate-y-1/2 scale-100", ae = () => l === "static" ? o ? "text-sm" : "text-xs" : o ? x.customHeight.label : x[p].label, ue = () => o ? { height: o } : {}, ce = () => l === "default" ? S : U || S || "", fe = () => le ? a ? g === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? g === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", de = l === "default" && "transition-all duration-200 ease-in-out";
+  return xe(() => {
+    if (w.current) {
+      const m = ((H) => {
+        let n = H;
+        for (; n && n !== document.body; ) {
+          const j = window.getComputedStyle(n).backgroundColor;
+          if (j && j !== "transparent" && j !== "rgba(0, 0, 0, 0)")
+            return j;
+          n = n.parentElement;
         }
-        const w = window.getComputedStyle(document.body).backgroundColor;
-        return w && w !== "transparent" && w !== "rgba(0, 0, 0, 0)" ? w : "rgb(255, 255, 255)";
-      })(b.current.parentElement);
-      b.current.style.backgroundColor = x;
+        const y = window.getComputedStyle(document.body).backgroundColor;
+        return y && y !== "transparent" && y !== "rgba(0, 0, 0, 0)" ? y : "rgb(255, 255, 255)";
+      })(w.current.parentElement);
+      w.current.style.backgroundColor = m;
     }
   }, []), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs(
@@ -146,83 +150,85 @@ const j = {
       {
         className: e(
           "relative",
-          d[i].container,
-          !g && "w-full",
+          x[p].container,
+          !h && "w-full",
           "bg-inherit",
-          o === "static" && "mt-2"
+          l === "static" && "mt-2",
+          _
         ),
-        style: I,
+        style: N,
         children: [
           /* @__PURE__ */ t.jsx(
             "input",
             {
-              id: E,
-              name: E,
-              type: r === "password" && z ? "text" : r,
-              value: h,
-              placeholder: le(),
+              id: k,
+              name: k,
+              ref: $,
+              value: b,
+              placeholder: ce(),
+              type: r === "password" && B ? "text" : r,
               className: e(
                 "peer w-full border-1 rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
                 "focus:outline-none px-3",
-                o === "default" && "placeholder:text-transparent",
-                o === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-                d[i].input,
-                j[c].input,
+                l === "default" && "placeholder:text-transparent",
+                l === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+                x[p].input,
+                C[f].input,
                 a && "pr-10",
-                k && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
-                j[c].container,
-                ae()
+                z && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
+                C[f].container,
+                fe()
               ),
-              style: oe(),
-              onChange: _,
-              onFocus: Y,
-              onBlur: Z,
-              disabled: k,
-              required: P,
-              onEmptied: D,
-              onKeyDown: Q,
-              onKeyUp: U
+              style: ue(),
+              onChange: te,
+              onFocus: M,
+              onBlur: ee,
+              disabled: z,
+              required: D,
+              onEmptied: V,
+              onKeyDown: Y,
+              onKeyUp: Z
             }
           ),
           /* @__PURE__ */ t.jsx(
             "label",
             {
-              ref: b,
-              htmlFor: E,
+              ref: w,
+              htmlFor: k,
               className: e(
                 "absolute left-3 pointer-events-none px-1 z-10",
-                ne,
-                se(),
-                j[c].label,
-                re(),
-                P && "after:content-['*'] after:text-error-default after:ml-1",
-                k && "text-neutral-medium-disabled prometeo-fonts-label-large"
+                de,
+                ae(),
+                C[f].label,
+                ne(),
+                D && "after:content-['*'] after:text-error-default after:ml-1",
+                z && "text-neutral-medium-disabled prometeo-fonts-label-large"
               ),
-              children: C
+              children: S
             }
           ),
-          (a || r === "password" || f) && /* @__PURE__ */ t.jsx(
+          (a || r === "password" || d) && /* @__PURE__ */ t.jsx(
             "div",
             {
               className: e(
                 "absolute top-1/2 -translate-y-1/2 flex items-center justify-center z-10",
-                d[i].icon,
-                j[c].icon,
-                r === "password" && !f ? "cursor-pointer" : "pointer-events-none",
-                m === "right" ? "right-3" : "left-3"
+                x[p].icon,
+                C[f].icon,
+                r === "password" && !d ? "cursor-pointer" : "pointer-events-none",
+                g === "right" ? "right-3" : "left-3"
               ),
-              onClick: r === "password" && !f ? q : void 0,
-              onMouseDown: (p) => r === "password" && !f && p.preventDefault(),
-              children: /* @__PURE__ */ t.jsx("div", { children: f && r !== "password" ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(pe, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }) : r === "password" ? z ? /* @__PURE__ */ t.jsx(O.EyeVisibility, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(O.EyeVisibilityOff, { size: 24, className: "" }) : a })
+              onClick: r === "password" && !d ? re : void 0,
+              onMouseDown: (s) => r === "password" && !d && s.preventDefault(),
+              children: /* @__PURE__ */ t.jsx("div", { children: d && r !== "password" ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(ge, { size: 24, color: "#7c86ff", loading: !0, variant: "clip" }) }) : r === "password" ? B ? /* @__PURE__ */ t.jsx(J.EyeVisibility, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(J.EyeVisibilityOff, { size: 24, className: "" }) : a })
             }
           )
         ]
       }
     ),
-    ee && L,
-    F && H
+    oe && R,
+    G && P
   ] });
-}, Ce = ue(xe);
+}, ke = ie(he);
 export {
-  Ce as default
+  ke as default
 };

package/dist/InputMultiple.es.js

@@ -1,73 +1,76 @@
 import { j as r } from "./jsx-runtime-ByW6EXIE.js";
-import { Icons as E } from "./Icons.es.js";
+import { Icons as C } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
-import M, { useRef as D, useState as p, useCallback as W, useEffect as X } from "react";
-const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator: b = ",", variant: y = "default", placeholder: K, itemClassName: P, itemIcon: V, helperText: w, errorText: j, disabled: a, ...U }) => {
-  const o = D(null), I = D(null), [u, n] = p(""), [F, i] = p(0), [$, c] = p(!0), [N, z] = p(!1), [m, x] = p(!1), [k, v] = p(null), h = (e) => {
-    if (!e) return;
+import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";
+const te = ({ label: D, name: K, onChange: f, value: l, icon: V, valueSeparator: w = ",", variant: y = "default", placeholder: U, itemClassName: $, itemIcon: F, helperText: j, errorText: N, disabled: a, onClick: z, className: B, readonly: h, onValueDelete: O, ...q }) => {
+  const o = M(null), E = M(null), [u, n] = x(""), [P, i] = x(0), [A, c] = x(!0), [v, R] = x(!1), [m, p] = x(!1), [k, I] = x(null), g = (e) => {
+    if (h || !e) return;
     const t = e.selectionStart ?? u.length;
     i(t);
-  }, B = (e) => {
-    if (e.target.value[e.target.value.length - 1] === b && u.length > 0) {
+  }, G = (e) => {
+    if (h) return;
+    if (e.target.value[e.target.value.length - 1] === w && u.length > 0) {
       const s = u.trim();
       if (m) {
-        s.length > 0 ? (n(s), g()) : (x(!1), n(""), c(!0), i(0));
+        s.length > 0 ? (n(s), b()) : (p(!1), n(""), c(!0), i(0));
         return;
       }
       if (s.length === 0 || l.includes(s)) {
-        n(""), c(!0), h(e.target);
+        n(""), c(!0), g(e.target);
         return;
       }
       f([...l, s]), n(""), c(!0);
     } else {
-      if (e.target.value === b) return;
+      if (e.target.value === w) return;
       n(e.target.value), c(!1);
     }
-    h(e.target);
-  }, g = W(() => {
+    g(e.target);
+  }, b = T(() => {
     const e = u.trim();
     if (e.length === 0) {
-      x(!1), n(""), c(!0), i(0), v(null);
-      return;
-    }
-    x(!1), k !== null && f(H(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), v(null);
-  }, [k, u, f, l]), O = (e) => {
-    if (e.key === "Backspace" && u.length === 0) {
-      if ($) {
-        const t = l[l.length - 1];
-        t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
-      } else
-        c(!0);
+      p(!1), n(""), c(!0), i(0), I(null);
       return;
     }
-    if (e.key === "Enter") {
-      const t = u.trim();
-      if (m) {
-        t.length > 0 ? (n(t), g()) : (x(!1), n(""), c(!0), i(0));
+    p(!1), k !== null && f(W(l.map((t, s) => s === k ? e : t))), n(""), c(!0), i(0), I(null);
+  }, [k, u, f, l]), H = (e) => {
+    if (!h) {
+      if (e.key === "Backspace" && u.length === 0) {
+        if (A) {
+          const t = l[l.length - 1];
+          t && (f(l.filter((s) => s !== t)), n(t), i(t.length));
+        } else
+          c(!0);
         return;
       }
-      t.length > 0 && !l.includes(t) && t !== b && (f([...l, t]), n(""), c(!0), i(0));
+      if (e.key === "Enter") {
+        const t = u.trim();
+        if (m) {
+          t.length > 0 ? (n(t), b()) : (p(!1), n(""), c(!0), i(0));
+          return;
+        }
+        t.length > 0 && !l.includes(t) && t !== w && (f([...l, t]), n(""), c(!0), i(0));
+      }
+      e.key === "Escape" && m && (p(!1), n(""), c(!0), i(0), I(null)), g(e.currentTarget);
     }
-    e.key === "Escape" && m && (x(!1), n(""), c(!0), i(0), v(null)), h(e.currentTarget);
-  }, q = (e) => {
+  }, J = (e) => {
     const t = l.filter((s) => s !== e);
-    f(t);
-  }, A = (e) => {
-    G(e), x(!0), n(e), i(e.length), v(l.length - 1), o.current?.focus();
-  }, G = (e) => {
+    f(t), O?.(e);
+  }, L = (e) => {
+    h || (Q(e), p(!0), n(e), i(e.length), I(l.length - 1), o.current?.focus());
+  }, Q = (e) => {
     const t = l.filter((s) => s !== e);
     f([...t, e]);
-  }, H = (e) => e.filter((t, s, Q) => Q.indexOf(t) === s);
-  X(() => {
+  }, W = (e) => e.filter((t, s, Z) => Z.indexOf(t) === s);
+  ee(() => {
     o.current && (o.current.onfocus = () => {
-      z(!0);
+      R(!0);
     }, o.current.onblur = () => {
-      z(!1), m && g();
-    }), I.current && (I.current.onblur = () => {
-      m && g();
+      R(!1), m && b();
+    }), E.current && (E.current.onblur = () => {
+      m && b();
     });
-  }, [m, g]);
-  const J = {
+  }, [m, b]);
+  const X = {
     isFocused: {
       error: "border-error-default-focused ring-error-default-focused",
       success: "border-success-default-focused ring-success-default-focused",
@@ -86,7 +89,7 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
       warning: "border-warning-default-disabled",
       default: "border-neutral-default-disabled"
     }
-  }, L = {
+  }, Y = {
     default: {
       default: "text-neutral-default-default",
       isFocused: "text-neutral-default-focused",
@@ -107,26 +110,27 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
       isFocused: "text-warning-default-focused",
       disabled: "text-warning-default-disabled"
     }
-  }, _ = a ? "disabled" : N ? "isFocused" : "default";
+  }, _ = a ? "disabled" : v ? "isFocused" : "default";
   return /* @__PURE__ */ r.jsxs("div", { className: d(
-    "relative w-full"
+    "relative w-full",
+    B
   ), children: [
     /* @__PURE__ */ r.jsx("p", { className: d(
       "mb-1 px-3",
       "prometeo-fonts-label-large",
-      L?.[y || "default"]?.[_]
-    ), children: R }),
+      Y?.[y || "default"]?.[_]
+    ), children: D }),
     /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ r.jsx(
         "input",
         {
           ref: o,
           value: u,
-          onKeyUp: O,
-          onChange: B,
-          onClick: (e) => h(e.currentTarget),
-          onSelect: (e) => h(e.currentTarget),
-          name: S,
+          onKeyUp: H,
+          onChange: G,
+          onClick: (e) => g(e.currentTarget),
+          onSelect: (e) => g(e.currentTarget),
+          name: K,
           disabled: a,
           className: d(
             "absolute inset-0 w-full h-full",
@@ -139,36 +143,36 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
           autoCapitalize: "off",
           spellCheck: "false",
           inputMode: "text",
-          ...U
+          ...q
         }
       ),
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          ref: I,
+          ref: E,
           className: d(
             "border-1 border-neutral-default-default rounded-md p-3",
             "flex flex-wrap gap-1 min-h-[58px]",
             "transition-all duration-300 ease-in-out",
             "cursor-text",
-            J[_][y],
-            N ? "ring-[1px]" : "",
+            X[_][y],
+            v ? "ring-[1px]" : "",
             // 'hover:border-primary-default-hover',
             a && "hover:border-neutral-default-disabled"
           ),
           onMouseDown: (e) => {
-            e.preventDefault(), o.current?.focus();
+            e.stopPropagation(), z?.(e), o.current?.focus();
             const t = u.length;
             o.current && (o.current.selectionStart = t, o.current.selectionEnd = t), i(t);
           },
-          onClick: () => {
-            o.current?.focus();
+          onClick: (e) => {
+            e.stopPropagation(), o.current?.focus(), z?.(e);
           },
           children: [
-            C && /* @__PURE__ */ r.jsx("div", { className: d(
+            V && /* @__PURE__ */ r.jsx("div", { className: d(
               "flex items-center text-neutral-default-default",
               a && "text-neutral-default-disabled"
-            ), children: C }),
+            ), children: V }),
             l.map((e, t) => /* @__PURE__ */ r.jsxs(
               "div",
               {
@@ -178,11 +182,11 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
                   "prometeo-fonts-label-medium z-20",
                   t === l.length - 1 && m ? "opacity-0 hidden  overflow-hidden" : "",
                   a && "border-neutral-default-disabled text-neutral-default-disabled",
-                  P
+                  $
                 ),
                 children: [
-                  V && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: M.createElement(
-                    V,
+                  F && /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: S.createElement(
+                    F,
                     {
                       size: 16,
                       className: d(
@@ -194,7 +198,9 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
                   /* @__PURE__ */ r.jsx(
                     "span",
                     {
-                      onClick: () => !a && A(e),
+                      onClick: (s) => {
+                        s.stopPropagation(), !a && L(e);
+                      },
                       className: d(
                         "cursor-pointer hover:text-neutral-default-hover",
                         a && "cursor-default hover:text-neutral-default-disabled"
@@ -205,13 +211,15 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
                   /* @__PURE__ */ r.jsx(
                     "div",
                     {
-                      onClick: () => !a && q(e),
+                      onClick: (s) => {
+                        s.stopPropagation(), !a && J(e);
+                      },
                       className: d(
-                        "cursor-pointer hover:scale-105 transition-all duration-200",
+                        "cursor-pointer hover:scale-105 transition-all duration-200 ",
                         a && " cursor-default hover:scale-100 "
                       ),
                       children: /* @__PURE__ */ r.jsx(
-                        E.Close,
+                        C.Close,
                         {
                           size: 16,
                           className: d(
@@ -226,29 +234,29 @@ const Y = ({ label: R, name: S, onChange: f, value: l, icon: C, valueSeparator:
               },
               e
             )),
-            N && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center min-w-[2px]", children: [
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(0, F) }),
+            v && !h && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center min-w-[2px]", children: [
+              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(0, P) }),
               /* @__PURE__ */ r.jsx("span", { className: "animate-[cursor-intermitent_1s_ease-in-out_infinite] bg-neutral-default-pressed w-[2px] h-5 inline-block align-middle mx-[1px] z-20" }),
-              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(F) })
+              /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap break-words", children: u.slice(P) })
             ] }),
-            l.length === 0 && !N && /* @__PURE__ */ r.jsx("span", { className: d(
+            l.length === 0 && !v && /* @__PURE__ */ r.jsx("span", { className: d(
               "text-neutral-medium-default self-center",
               a && "text-neutral-default-disabled"
-            ), children: K || `Escribe los valores separados por ${b}` })
+            ), children: U || `Escribe los valores separados por ${w}` })
           ]
         }
       )
     ] }),
-    w && y !== "error" && !a && (typeof w == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(E.Info, { size: 16, className: "text-neutral-medium-default" }),
-      w
-    ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: w })),
-    j && typeof j == "string" && !a ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(E.Error, { size: 16, className: "text-error-default-default" }),
+    j && y !== "error" && !a && (typeof j == "string" ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-neutral-medium-default ml-3 mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(C.Info, { size: 16, className: "text-neutral-medium-default" }),
       j
-    ] }) : j
+    ] }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: j })),
+    N && typeof N == "string" && !a ? /* @__PURE__ */ r.jsxs("div", { className: "prometeo-fonts-body-small text-error-default-default ml-3 mt-1 flex items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(C.Error, { size: 16, className: "text-error-default-default" }),
+      N
+    ] }) : N
   ] });
-}, re = M.memo(Y);
+}, ne = S.memo(te);
 export {
-  re as InputMultiple
+  ne as InputMultiple
 };