prometeo-design-system 2.6.8 → 2.7.1

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-C22kKz7U.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-C22kKz7U.js

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

package/dist/ProfilePictureUpload.es.js

@@ -100,7 +100,7 @@ function O({
             className: l(
               I[i],
               "rounded-full overflow-hidden flex items-center justify-center relative",
-              o && "opacity-50 cursor-not-allowed"
+              o && "opacity-50 cursor-not-default"
             ),
             children: /* @__PURE__ */ n.jsx(
               M,
@@ -121,7 +121,7 @@ function O({
               "absolute bg-primary-default-default rounded-lg border-2 hover:bg-primary-default-hover cursor-pointer grid place-content-center",
               H[i],
               z[i],
-              o && "opacity-50 cursor-not-allowed"
+              o && "opacity-50 cursor-not-default"
             ),
             onClick: L,
             disabled: o,
@@ -167,7 +167,7 @@ function O({
               "transition-all duration-200 ease-out",
               W[i],
               k[i],
-              o && "opacity-50 cursor-not-allowed"
+              o && "opacity-50 cursor-default"
             ),
             disabled: o,
             onClick: N,