prometeo-design-system 2.6.8 → 2.7.0

package/dist/{Button-DsbEyjth.js → Button-CvBWH1HX.js}

@@ -2,14 +2,14 @@ import { j as f } from "./jsx-runtime-DKDX3adD.js";
 import { c as g } from "./cn-B6yFEsav.js";
 import { clsx as B } from "clsx";
 import { useAnimationControls as E, motion as j } from "framer-motion";
-import { memo as P, useCallback as w, useMemo as h } from "react";
-const C = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, V = B, _ = (l, d) => (e) => {
+import { memo as P, useCallback as C, useMemo as h } from "react";
+const V = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, w = B, _ = (l, d) => (e) => {
   var m;
-  if (d?.variants == null) return V(l, e?.class, e?.className);
+  if (d?.variants == null) return w(l, e?.class, e?.className);
   const { variants: v, defaultVariants: t } = d, n = Object.keys(v).map((s) => {
     const u = e?.[s], i = t?.[s];
     if (u === null) return null;
-    const o = C(u) || C(i);
+    const o = V(u) || V(i);
     return v[s][o];
   }), r = e && Object.entries(e).reduce((s, u) => {
     let [i, o] = u;
@@ -31,7 +31,7 @@ const C = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, V = B, _ =
       o
     ] : s;
   }, []);
-  return V(l, n, a, e?.class, e?.className);
+  return w(l, n, a, e?.class, e?.className);
 }, $ = _(
   "flex items-center justify-center cursor-pointer focus:outline-none font-semibold rounded-md transition-colors",
   {
@@ -51,7 +51,7 @@ const C = (l) => typeof l == "boolean" ? `${l}` : l === 0 ? "0" : l, V = B, _ =
         large: "h-[56px] w-[145px] w-fit px-4 py-3 text-base"
       },
       disabled: {
-        true: "opacity-50 cursor-not-allowed",
+        true: "opacity-50 cursor-default",
         false: ""
       },
       loading: {
@@ -125,9 +125,9 @@ function z({
   form: x,
   ...N
 }) {
-  const c = E(), H = w(() => {
+  const c = E(), H = C(() => {
     !t || a || r || !n || c.start({ rotate: 90 });
-  }, [t, a, r, n, c]), S = w(() => {
+  }, [t, a, r, n, c]), S = C(() => {
     !t || a || r || !n || c.start({ rotate: 0 });
   }, [t, a, r, n, c]), k = h(() => g(
     $({

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { B as f } from "./Button-DsbEyjth.js";
+import { B as f } from "./Button-CvBWH1HX.js";
 export {
   f as default
 };

package/dist/ButtonV2.es.js

@@ -17,7 +17,7 @@ const M = {
     label: "",
     icon: ""
   }
-}, l = {
+}, n = {
   filled: {
     primary: {
       container: ` bg-primary-default-default border-primary-default-default
@@ -50,7 +50,7 @@ const M = {
       icon: "text-neutral-weak-default group-hover:text-neutral-weak-hover group-active:text-neutral-weak-pressed"
     },
     disabled: {
-      container: "bg-primary-medium-disabled border-transparent cursor-not-allowed!",
+      container: "bg-primary-medium-disabled border-transparent cursor-default!",
       label: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled",
       icon: "text-neutral-strong-disabled group-hover:text-neutral-strong-disabled group-active:text-neutral-strong-disabled"
     }
@@ -85,7 +85,7 @@ const M = {
       icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
     },
     disabled: {
-      container: "bg-neutral-default-disabled border-neutral-default-disabled border cursor-not-allowed!",
+      container: "bg-neutral-default-disabled border-neutral-default-disabled border cursor-default!",
       label: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled",
       icon: "text-neutral-default-disabled group-hover:text-neutral-default-disabled group-active:text-neutral-default-disabled"
     }
@@ -117,12 +117,12 @@ const M = {
       icon: "text-warning-medium-default group-hover:text-warning-medium-hover group-active:text-warning-medium-pressed"
     },
     disabled: {
-      container: "bg-transparent border-neutral-default-disabled border-none cursor-not-allowed!",
+      container: "bg-transparent border-neutral-default-disabled border-none cursor-default! hover:bg-transparent",
       label: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused",
       icon: "text-neutral-medium-focused group-hover:text-neutral-medium-focused group-active:text-neutral-medium-focused"
     }
   }
-}, n = {
+}, l = {
   small: {
     container: "",
     label: "prometeo-fonts-label-large",
@@ -178,18 +178,18 @@ const M = {
 }) => {
   const k = f && !o && !t ? "true" : "false", j = b && !o && !t ? "true" : "false", u = o || t ? "disabled" : p, S = V(() => i || (t ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
     !h && x,
-    /* @__PURE__ */ e.jsx("span", { className: ` ${n[r].label} ${l[a][u].label} ${r === "small" ? "prometeo-fonts-label-xsmall" : ""}`, children: v })
+    /* @__PURE__ */ e.jsx("span", { className: ` ${l[r].label} ${n[a][u].label} ${r === "small" ? "prometeo-fonts-label-xsmall" : ""}`, children: v })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `flex items-center gap-1 ${s}`, children: [
     d && /* @__PURE__ */ e.jsx("span", { className: `
             ${c.icon}
-            ${l[a][u].icon} 
-            ${n[r].icon}
+            ${n[a][u].icon} 
+            ${l[r].icon}
             ${C[k].icon}
             `, children: d }),
     /* @__PURE__ */ e.jsx("span", { className: `
             ${c.label}
-            ${l[a][u].label} 
-            ${n[r].label}
+            ${n[a][u].label} 
+            ${l[r].label}
             `, children: m })
   ] })), [i, s, d, m, a, p, r]);
   return /* @__PURE__ */ e.jsx(
@@ -199,9 +199,9 @@ const M = {
       className: `
             group
             ${c.container}
-            ${n[r].container}
+            ${l[r].container}
             ${M[r].container}
-            ${l[a][u].container}
+            ${n[a][u].container}
             ${A[j].container}
             ${y}
         `,

package/dist/CheckboxFormik.es.js

@@ -3,8 +3,8 @@ import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";
 import { useState as b } from "react";
-const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n = !1, ...t }) => {
-  const [a, l] = h({ ...t, type: "checkbox" }), [u, i] = b(!1), s = l.touched && l.error;
+const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: s = !1, ...t }) => {
+  const [a, l] = h({ ...t, type: "checkbox" }), [u, i] = b(!1), n = l.touched && l.error;
   return /* @__PURE__ */ e.jsxs("div", { className: r("relative w-full", m), children: [
     /* @__PURE__ */ e.jsxs(
       "label",
@@ -12,7 +12,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
         htmlFor: o || t.name,
         className: r(
           "flex items-center gap-3 cursor-pointer transition-all duration-200 ease-in-out",
-          n ? "cursor-not-allowed opacity-60" : "hover:opacity-80",
+          s ? "cursor-default opacity-60" : "hover:opacity-80",
           d
         ),
         children: [
@@ -31,7 +31,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
                 onBlur: (f) => {
                   i(!1), t.onBlur?.(), a.onBlur(f);
                 },
-                disabled: n,
+                disabled: s,
                 className: r(
                   "sr-only"
                 )
@@ -42,8 +42,8 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
               {
                 className: r(
                   "w-5 h-5 rounded border-2 transition-all duration-200 ease-in-out flex items-center justify-center",
-                  a.value ? "bg-primary-default-default border-primary-default-default" : u ? "border-primary-default-default bg-transparent" : s ? "border-error-default-default bg-transparent" : "border-neutral-default-default bg-transparent hover:border-neutral-strong-default",
-                  n && "bg-neutral-medium-default border-neutral-medium-default"
+                  a.value ? "bg-primary-default-default border-primary-default-default" : u ? "border-primary-default-default bg-transparent" : n ? "border-error-default-default bg-transparent" : "border-neutral-default-default bg-transparent hover:border-neutral-strong-default",
+                  s && "bg-neutral-medium-default border-neutral-medium-default"
                 ),
                 children: a.value && /* @__PURE__ */ e.jsx(
                   x.Check,
@@ -51,7 +51,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
                     size: 14,
                     className: r(
                       "text-white transition-all duration-200 ease-in-out",
-                      n && "text-neutral-strong-default"
+                      s && "text-neutral-strong-default"
                     )
                   }
                 )
@@ -64,8 +64,8 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
             {
               className: r(
                 "text-sm transition-colors duration-200 ease-in-out select-none",
-                s && "text-error-default-default",
-                n && "text-neutral-medium-default"
+                n && "text-error-default-default",
+                s && "text-neutral-medium-default"
               ),
               children: c
             }
@@ -73,7 +73,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: n =
         ]
       }
     ),
-    s && /* @__PURE__ */ e.jsx(
+    n && /* @__PURE__ */ e.jsx(
       p,
       {
         name: t.name,

package/dist/DatePicker.es.js

@@ -1,11 +1,11 @@
 import { j as q } from "./jsx-runtime-DKDX3adD.js";
 import m, { createContext as mn, useContext as hn, useCallback as R, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
 import { InputMultiple as gn } from "./InputMultiple.es.js";
-import { I as wn } from "./Input-R52CsX56.js";
+import { I as wn } from "./Input-BTsR-vNF.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";
-import { B as vt } from "./Button-DsbEyjth.js";
+import { B as vt } from "./Button-CvBWH1HX.js";
 function Mn(e, t, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
     // Enforces engine to render the time. Without the option JavaScriptCore omits it.

package/dist/DrawerDesktop.es.js

@@ -1,6 +1,6 @@
 import { j as l } from "./jsx-runtime-DKDX3adD.js";
 import { c as h } from "./cn-B6yFEsav.js";
-import { c as k, B as E } from "./Button-DsbEyjth.js";
+import { c as k, B as E } from "./Button-CvBWH1HX.js";
 import { createPortal as I } from "react-dom";
 import { Icons as V } from "./Icons.es.js";
 import { forwardRef as B, useRef as u, useState as N, useEffect as d, useCallback as f, useImperativeHandle as P } from "react";

package/dist/DropZone.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
-import R, { useCallback as w } from "react";
-import { useDropzone as z } from "react-dropzone";
+import R, { useCallback as z } from "react";
+import { useDropzone as w } from "react-dropzone";
 import { Icons as u } from "./Icons.es.js";
 const E = R.forwardRef(
   ({
@@ -17,7 +17,7 @@ const E = R.forwardRef(
     maxFiles: j = 1,
     ...N
   }, b) => {
-    const y = w((s, o) => {
+    const y = z((s, o) => {
       s.length > 0 && d?.(s), o.length > 0 && m?.(o);
     }, [d, m]), {
       getRootProps: D,
@@ -25,7 +25,7 @@ const E = R.forwardRef(
       isDragActive: a,
       isDragReject: t,
       fileRejections: n
-    } = z({
+    } = w({
       onDrop: y,
       accept: g,
       maxFiles: j,
@@ -54,7 +54,7 @@ const E = R.forwardRef(
             "ring-2 ring-destructive/20"
           ],
           l && [
-            "cursor-not-allowed opacity-60",
+            "cursor-default opacity-60",
             "border-muted-foreground/20 bg-muted/30"
           ]
         ),

package/dist/FAButton.es.js

@@ -30,7 +30,7 @@ const v = {
     error: "text-error-default-default hover:text-error-default-hover active:text-error-default-pressed",
     warning: "text-warning-default-default hover:text-warning-default-hover active:text-warning-default-pressed"
   }
-}, h = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-not-allowed", g = (e) => {
+}, h = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-default", g = (e) => {
   const t = e.position || v, r = e.attachToParent || !1, o = e.color || "primary", l = e.icon || f.Add, a = e.disabled || !1, u = e.variant || "filled", d = /* @__PURE__ */ i.jsx(
     "div",
     {

package/dist/{ImageGallery-DnoRTpCr.js → ImageGallery-DKzJg3un.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import ee, { memo as D, forwardRef as L, useRef as v, useEffect as te, useCallback as i, useState as R, useImperativeHandle as ne } from "react";
 import { c as X } from "./cn-B6yFEsav.js";
 import { u as re } from "./useDragScroll-CHN9OMwn.js";
-import { B as S } from "./Button-DsbEyjth.js";
+import { B as S } from "./Button-CvBWH1HX.js";
 import { Icons as M } from "./Icons.es.js";
 const O = D(L(({ images: n, className: c }, r) => {
   const { ref: d, bind: a } = re({

package/dist/ImageGallery.es.js

@@ -1,4 +1,4 @@
-import { I as p } from "./ImageGallery-DnoRTpCr.js";
+import { I as p } from "./ImageGallery-DKzJg3un.js";
 import { useRef as u, useCallback as r } from "react";
 const g = () => {
   const e = u(null), t = r((a) => {

package/dist/Input-BTsR-vNF.js

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

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { I as f } from "./Input-R52CsX56.js";
+import { I as f } from "./Input-BTsR-vNF.js";
 export {
   f as default
 };

package/dist/InputFormikV2.es.js

@@ -1,7 +1,7 @@
 import { j as o } from "./jsx-runtime-DKDX3adD.js";
 import { FastField as u } from "formik";
 import { memo as s } from "react";
-import { I as i } from "./Input-R52CsX56.js";
+import { I as i } from "./Input-BTsR-vNF.js";
 const c = ({
   field: r,
   form: t,

package/dist/Pagination.es.js

@@ -5,7 +5,7 @@ function h({
   totalPages: l = 0,
   onPageChange: p
 }) {
-  const o = (e) => {
+  const n = (e) => {
     e >= 1 && e <= l && e !== i && p?.(e);
   }, d = (() => {
     const e = [];
@@ -35,13 +35,13 @@ function h({
       {
         whileHover: { scale: 1.05 },
         whileTap: { scale: 0.95 },
-        onClick: () => o(i - 1),
+        onClick: () => n(i - 1),
         disabled: i === 1,
-        className: "px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",
+        className: "px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-default transition-colors cursor-pointer",
         children: "Anterior"
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 select-none", children: d.map((e, n) => {
+    /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 select-none", children: d.map((e, o) => {
       if (e === "ellipsis")
         return /* @__PURE__ */ t.jsx(
           "span",
@@ -49,7 +49,7 @@ function h({
             className: "px-3 py-2 text-neutral-default-default",
             children: "..."
           },
-          `ellipsis-${n}`
+          `ellipsis-${o}`
         );
       const s = e, r = s === i;
       return /* @__PURE__ */ t.jsxs(
@@ -57,7 +57,7 @@ function h({
         {
           whileHover: r ? {} : { scale: 1.1 },
           whileTap: r ? {} : { scale: 0.9 },
-          onClick: () => o(s),
+          onClick: () => n(s),
           className: `relative px-3 py-2 min-w-[40px] text-center transition-colors ${r ? "text-primary-default-default" : "text-neutral-default-default hover:text-white cursor-pointer "}`,
           children: [
             r && /* @__PURE__ */ t.jsx(
@@ -84,9 +84,9 @@ function h({
       {
         whileHover: { scale: 1.05 },
         whileTap: { scale: 0.95 },
-        onClick: () => o(i + 1),
+        onClick: () => n(i + 1),
         disabled: i === l,
-        className: "px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-not-allowed transition-colors cursor-pointer",
+        className: "px-4 py-2 text-primary-medium-default hover:text-primary-default-default disabled:text-gray-600 disabled:cursor-default transition-colors cursor-pointer",
         children: "Siguiente"
       }
     )