prometeo-design-system 2.0.3 → 2.2.1

package/dist/DrawerMobile.es.js

@@ -1,44 +1,211 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
-import { forwardRef as O, useState as g, useRef as x, useCallback as t, useImperativeHandle as D } from "react";
-import { Drawer as n } from "vaul";
-import { c as R } from "./cn-B6yFEsav.js";
-const N = O(({ children: e, setSnap: s, snap: o, snapPoints: c, onClose: i, defaultOpen: m = !1, modal: b = !0, className: h, open: u }, w) => {
-  const [j, a] = g(m), l = u !== void 0 ? u : j, d = x(i);
-  d.current = i;
-  const f = t(() => {
-    a(!0);
-  }, []), p = t(() => {
-    a(!1);
-  }, []), v = t(() => {
-    a(!1), d.current?.();
-  }, []);
-  return D(w, () => ({
-    open: f,
-    close: p,
-    isOpen: l
-  }), [f, p, l]), /* @__PURE__ */ r.jsxs(n.Root, { snapPoints: c, activeSnapPoint: o, setActiveSnapPoint: s, onClose: v, open: l, modal: b, snapToSequentialPoint: !0, children: [
-    /* @__PURE__ */ r.jsx(n.Overlay, { className: " bg-black/40 inset-0 fixed " }),
-    /* @__PURE__ */ r.jsx(n.Portal, { children: /* @__PURE__ */ r.jsx(n.Content, { className: R(" bg-neutral-default-default z-[200] flex flex-col rounded-t-[12px] mt-24 fixed bottom-0 left-0 right-0 outline-none h-[90%] border-[1px] border-neutral-strong-default text-neutral-default-default", h), children: /* @__PURE__ */ r.jsxs("div", { className: "p-4 rounded-t-[10px] flex-1 overflow-y-auto z-[201]", children: [
-      /* @__PURE__ */ r.jsx("div", { "aria-hidden": !0, className: "mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-gray-300 mb-8 z-[201]" }),
-      e
-    ] }) }) })
+import { j as f } from "./jsx-runtime-DKDX3adD.js";
+import { c as q } from "./cn-B6yFEsav.js";
+import { forwardRef as U, useState as W, useRef as v, useEffect as M, useCallback as c, useMemo as K, useImperativeHandle as V } from "react";
+import { createPortal as X } from "react-dom";
+const N = 44, ne = U((d, r) => {
+  const { children: p, defaultOpen: o = !1, onClose: h, snapPoints: b = ["60%"], setSnap: w, snap: H, attachToParent: T = !1 } = d, [y, a] = W(H || "0%"), k = v(h), L = v(w);
+  M(() => {
+    o && g();
+  }, [o]), M(() => {
+    L.current = w;
+  }, [w]);
+  const u = c(() => {
+    a("0%"), k.current?.();
+  }, []), g = c((Y) => {
+    a(Y || b[0] || "60%");
+  }, [b]), i = K(() => y !== "0%", [y]);
+  return V(r, () => ({
+    open: g,
+    close: u,
+    isOpen: i
+  }), [g, u, i]), T ? /* @__PURE__ */ f.jsx(J, { ...d, snap: y, setSnap: a, children: p }) : X(/* @__PURE__ */ f.jsx(J, { ...d, snap: y, setSnap: a, children: p }), document.body);
+}), J = ({ children: d, attachToParent: r = !1, className: p, snap: o, snapPoints: h = ["60%"], setSnap: b, hideOnClose: w = !1, header: H, modal: T = !1, closeOnOverlayClick: y = !1 }) => {
+  const a = v(null), k = v(null), L = v(null), u = v(null), g = v(null), [i, D] = W(w ? 0 : N), [Y, S] = W(!1), R = c(() => {
+    if (!a.current) return [];
+    const e = r && a.current.parentElement?.offsetHeight || window.innerHeight;
+    return h?.map((t) => typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0) || [];
+  }, [h, r]), A = c((e, t) => {
+    const n = R();
+    if (n.length === 0) return e;
+    if (Math.abs(t) > 0.5)
+      if (t > 0) {
+        const l = n.filter((s) => s < e);
+        return l.length > 0 ? Math.max(...l) : w ? 0 : N;
+      } else {
+        const l = n.filter((s) => s > e);
+        if (l.length > 0)
+          return Math.min(...l);
+      }
+    return n.reduce((l, s) => Math.abs(s - e) < Math.abs(l - e) ? s : l);
+  }, [R]), z = c((e) => {
+    if (S(!0), D(e), b && h) {
+      const t = r && a.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= N ? "0%" : `${Math.round(e / t * 100)}%`;
+      b(n);
+    }
+    setTimeout(() => {
+      S(!1);
+    }, 300);
+  }, [b, h, r]), j = c(() => {
+    if (g.current && r) {
+      const { scrollY: e } = g.current;
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), g.current = null;
+    }
+  }, [r]);
+  M(() => () => {
+    j();
+  }, [j]), M(() => {
+    if (!a.current || !o) return;
+    S(!0);
+    const e = r && a.current.parentElement?.offsetHeight || window.innerHeight;
+    let t = 0;
+    typeof o == "string" && o.endsWith("%") ? parseFloat(o) <= 0 ? t = w ? 0 : N : t = parseFloat(o) / 100 * e : typeof o == "number" && (o >= 0 && o <= 1 ? t = o * e : t = o), D(t), setTimeout(() => {
+      S(!1);
+    }, 300);
+  }, [o, r]);
+  const C = c((e) => {
+    const t = e.touches[0];
+    u.current = {
+      isDragging: !1,
+      startY: t.clientY,
+      startHeight: i,
+      lastY: t.clientY,
+      lastTime: Date.now(),
+      velocity: 0
+    };
+  }, [i]), B = c((e) => {
+    const t = e;
+    u.current = {
+      isDragging: !1,
+      startY: t.clientY,
+      startHeight: i,
+      lastY: t.clientY,
+      lastTime: Date.now(),
+      velocity: 0
+    };
+  }, [i]), F = c((e) => {
+    if (!u.current) return;
+    const t = e.touches[0], n = u.current, x = n.startY - t.clientY, l = n.isDragging || Math.abs(x) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, r)) {
+      const s = window.scrollY;
+      g.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
+    }
+    if (l) {
+      e.preventDefault();
+      const s = Date.now(), E = s - n.lastTime;
+      if (E > 0) {
+        const G = (t.clientY - n.lastY) / E;
+        n.velocity = n.velocity * 0.8 + G * 0.2;
+      }
+      n.lastY = t.clientY, n.lastTime = s;
+      const I = n.startHeight + x, O = r && a.current?.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(I, O));
+      D($);
+    }
+  }, [r]), _ = c((e) => {
+    if (!u.current) return;
+    const t = e, n = u.current, x = n.startY - t.clientY, l = n.isDragging || Math.abs(x) > 5;
+    if (!n.isDragging && l && (n.isDragging = !0, r)) {
+      const s = window.scrollY;
+      g.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
+    }
+    if (l) {
+      e.preventDefault();
+      const s = Date.now(), E = s - n.lastTime;
+      if (E > 0) {
+        const G = (t.clientY - n.lastY) / E;
+        n.velocity = n.velocity * 0.8 + G * 0.2;
+      }
+      n.lastY = t.clientY, n.lastTime = s;
+      const I = n.startHeight + x, O = r && a.current?.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(I, O));
+      D($);
+    }
+  }, [r]), m = c(() => {
+    if (!u.current) return;
+    const e = u.current;
+    if (e.isDragging) {
+      j();
+      const t = A(i, e.velocity);
+      z(t);
+    }
+    u.current = null;
+  }, [i, A, z, j]);
+  M(() => {
+    const e = L.current;
+    if (e)
+      return e.addEventListener("touchstart", C, { passive: !1 }), e.addEventListener("touchmove", F, { passive: !1 }), e.addEventListener("touchend", m), e.addEventListener("touchcancel", m), e.addEventListener("mousedown", B, { passive: !1 }), e.addEventListener("mousemove", _, { passive: !1 }), e.addEventListener("mouseup", m), e.addEventListener("mouseleave", m), () => {
+        e.removeEventListener("touchstart", C), e.removeEventListener("touchmove", F), e.removeEventListener("touchend", m), e.removeEventListener("touchcancel", m), e.removeEventListener("mousedown", B), e.removeEventListener("mousemove", _), e.removeEventListener("mouseup", m), e.removeEventListener("mouseleave", m);
+      };
+  }, [C, F, m]);
+  const Q = K(() => o !== "0%", [o]);
+  return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+    T && /* @__PURE__ */ f.jsx(
+      "div",
+      {
+        className: q(Q ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
+        onClick: (e) => {
+          e.preventDefault(), e.stopPropagation(), y && z(0);
+        },
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ f.jsxs(
+      "div",
+      {
+        ref: a,
+        className: q(
+          r ? "absolute" : "fixed",
+          "z-60 bottom-0 w-full",
+          "bg-neutral-default-default",
+          "border-t border-neutral-strong-default rounded-t-[12px]",
+          i === 0 ? "border-none" : "",
+          p,
+          "flex flex-col items-center",
+          "touch-none select-none"
+        ),
+        style: {
+          height: i > 0 ? `${i}px` : "0px",
+          overflow: i < R()[0] || Y ? "hidden" : "auto",
+          transition: Y ? "height 0.3s cubic-bezier(0.32, 0.72, 0, 1)" : "none"
+        },
+        children: [
+          /* @__PURE__ */ f.jsx(
+            "div",
+            {
+              ref: L,
+              className: "w-full  absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-70 bg-inherit!",
+              children: /* @__PURE__ */ f.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
+            }
+          ),
+          typeof H == "string" ? /* @__PURE__ */ f.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-12 bg-inherit absolute top-11 z-70 px-4", children: H }) : H,
+          /* @__PURE__ */ f.jsx(
+            "div",
+            {
+              ref: k,
+              className: "w-full h-full overflow-y-auto pt-11 px-4 pb-4",
+              style: {
+                overscrollBehavior: "contain",
+                overflow: i < R()[0] || Y ? "hidden" : "auto"
+              },
+              children: d
+            }
+          )
+        ]
+      }
+    )
   ] });
-});
-N.displayName = "DrawerMobile";
-const S = () => {
-  const e = x(null), s = t(() => {
-    e.current?.open();
-  }, []), o = t(() => {
-    e.current?.close();
+}, re = () => {
+  const d = v(null), r = c((h) => {
+    d.current?.open(h);
+  }, []), p = c(() => {
+    d.current?.close();
   }, []);
   return {
-    isOpen: t(() => e.current?.isOpen ?? !1, []),
-    open: s,
-    close: o,
-    drawerRef: e
+    isOpen: c(() => d.current?.isOpen ?? !1, []),
+    open: r,
+    close: p,
+    drawerRef: d
   };
 };
 export {
-  N as default,
-  S as useDrawerMobile
+  ne as default,
+  re as useDrawerMobile
 };

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+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";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { motion as m } from "framer-motion";
 import { memo as i } from "react";

package/dist/Icons/Icons.d.ts

@@ -48,4 +48,5 @@ export declare const Icons: {
     readonly Pause: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
     readonly FastForward: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
     readonly Trash: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    readonly Sort: ({ size, className, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-ByW6EXIE.js";
+import { j as h } from "./jsx-runtime-DKDX3adD.js";
 const v = ({
   size: t = 24,
   className: q,
@@ -427,19 +427,19 @@ const v = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z" }) }), U = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z" }) }), S = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z" }) }), D = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z" }) }), U = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M480-80q-155 0-269-103T82-440h81q15 121 105.5 200.5T480-160q134 0 227-93t93-227q0-134-93-227t-227-93q-86 0-159.5 42.5T204-640h116v80H88q29-140 139-230t253-90q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm112-232L440-464v-216h80v184l128 128-56 56Z" }) }), F = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M480-80q-155 0-269-103T82-440h81q15 121 105.5 200.5T480-160q134 0 227-93t93-227q0-134-93-227t-227-93q-86 0-159.5 42.5T204-640h116v80H88q29-140 139-230t253-90q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm112-232L440-464v-216h80v184l128 128-56 56Z" }) }), D = ({
   size: t = 24,
   className: q,
   ...r
-}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" }) }), S = ({
+}) => /* @__PURE__ */ h.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...r, viewBox: "0 -960 960 960", width: t, height: t, fill: "currentColor", className: q, children: /* @__PURE__ */ h.jsx("path", { d: "M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" }) }), F = ({
   size: t = 24,
   className: q,
   ...r
@@ -534,7 +534,23 @@ const v = ({
     className: q,
     children: /* @__PURE__ */ h.jsx("path", { d: "M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" })
   }
-), Q = {
+), K = ({
+  size: t = 24,
+  className: q,
+  ...r
+}) => /* @__PURE__ */ h.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: t,
+    viewBox: "0 0 8 14",
+    fill: "currentColor",
+    ...r,
+    className: q,
+    children: /* @__PURE__ */ h.jsx("path", { d: "M4 13.3333L0 9.33333L0.95 8.38333L4 11.4333L7.05 8.38333L8 9.33333L4 13.3333ZM0.966667 4.93333L0 4L4 0L8 4L7.03333 4.93333L4 1.9L0.966667 4.93333Z" })
+  }
+), W = {
   Ticket: v,
   Home: T,
   Boards: w,
@@ -563,10 +579,10 @@ const v = ({
   FaLock: y,
   AccountCircle: E,
   UserAdd: A,
-  AttachFile: U,
-  HistoryActivity: D,
-  MessageSquare: F,
-  CloseNavBarDesktop: S,
+  AttachFile: S,
+  HistoryActivity: U,
+  MessageSquare: D,
+  CloseNavBarDesktop: F,
   EyeVisibility: V,
   EyeVisibilityOff: _,
   Check: b,
@@ -577,8 +593,9 @@ const v = ({
   Clock: P,
   Pause: R,
   FastForward: G,
-  Trash: J
+  Trash: J,
+  Sort: K
 };
 export {
-  Q as Icons
+  W as Icons
 };

package/dist/Input.es.js

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

package/dist/InputFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import { FastField as O, ErrorMessage as q } from "formik";
 import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";

package/dist/InputMultiple.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as C } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import S, { useRef as M, useState as x, useCallback as T, useEffect as ee } from "react";

package/dist/{LayoutGeneric-jDE96L2N.js → LayoutGeneric-p4Pll4Cm.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
 const o = i(null), l = ({ children: e }) => {
   const r = a(null), s = (n) => {

package/dist/LayoutGeneric.es.js

@@ -1,4 +1,4 @@
-import { L as f } from "./LayoutGeneric-jDE96L2N.js";
+import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as t } from "./Icons.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),

package/dist/Menu.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(

package/dist/OtpInput.es.js

@@ -1,4 +1,4 @@
-import { j as p } from "./jsx-runtime-ByW6EXIE.js";
+import { j as p } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as ve } from "./Icons.es.js";
 import { c as L } from "./cn-B6yFEsav.js";
 import * as n from "react";

package/dist/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/ProfilePictureUpload.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { motion as i, AnimatePresence as E } from "framer-motion";
 import { useRef as v, useState as R, useLayoutEffect as A } from "react";
 import H from "./Avatar.es.js";

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import u from "react";
 const j = u.forwardRef(

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as w } from "./Icons.es.js";
 import { c as o } from "./cn-B6yFEsav.js";
 import { memo as se, useState as y, useRef as re, useEffect as oe } from "react";

package/dist/SelectFormik.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as h } from "./Icons.es.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useField as P, ErrorMessage as M } from "formik";