prometeo-design-system 1.7.7 → 1.8.2

package/dist/Avatar.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 { c as p } from "./cn-B6yFEsav.js";
 import { motion as f } from "framer-motion";
 import { useState as u } from "react";

package/dist/Button.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 { c as n } from "./cn-B6yFEsav.js";
 import { c as C } from "./index-BOQuZ0gG.js";
 import { useAnimationControls as N, motion as m } from "framer-motion";

package/dist/{CardProfile-BZajBGbO.js → CardProfile-Bg_q2qMm.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 l } from "./cn-B6yFEsav.js";
 import { motion as i, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-BZajBGbO.js";
+import { C as a } from "./CardProfile-Bg_q2qMm.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.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 l } from "./Icons.es.js";
 import { useId as o, useRef as d } from "react";
 const k = ({ className: s, disabled: e, ...a }) => {

package/dist/CheckboxFormik.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 x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DialogModal.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 { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
 import { c as i } from "./cn-B6yFEsav.js";
 const x = u(({

package/dist/DrawerDesktop.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 j } from "./Icons.es.js";
 import { c as m } from "./cn-B6yFEsav.js";
 import { c as d } from "./index-BOQuZ0gG.js";

package/dist/DrawerMobile.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 { 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";

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 w, { useCallback as z } from "react";
 import { useDropzone as R } 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 i } from "framer-motion";
 import { memo as m } from "react";

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as q } from "./jsx-runtime-ByW6EXIE.js";
+import { j as q } from "./jsx-runtime-DKDX3adD.js";
 const l = ({
   size: t,
   className: h,

package/dist/Input.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 z } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as oe, useState as L, useRef as ae, useCallback as ne, useEffect as B, useLayoutEffect as ue } from "react";

package/dist/InputFormik.es.js

@@ -1,57 +1,59 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
-import { c as u } from "./cn-B6yFEsav.js";
-import { useField as k, ErrorMessage as B } from "formik";
-import { useState as w } from "react";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { c as o } from "./cn-B6yFEsav.js";
+import { FastField as $, ErrorMessage as D } from "formik";
+import { memo as L, useState as w, useCallback as f } from "react";
 import { Icons as v } from "./Icons.es.js";
-const U = ({
-  icon: a,
-  iconPosition: s = "left",
-  label: c,
-  className: j,
-  containerClassName: N,
+const T = ({
+  icon: r,
+  iconPosition: a = "left",
+  label: u,
+  className: F,
+  containerClassName: I,
   id: x,
   type: p = "text",
-  labelVariant: r = "default",
-  placeholder: o,
+  labelVariant: s = "default",
+  placeholder: d,
   disabled: h = !1,
-  ...t
+  field: t,
+  form: N,
+  ...n
 }) => {
-  const [l, g] = k(t), [d, y] = w(!1), [i, E] = w(!1), f = g.touched && g.error, b = l.value && l.value.toString().length > 0, m = p === "password", F = m ? i ? "text" : "password" : p, I = () => {
-    const n = () => a ? s === "left" ? "left-9" : "left-0" : "left-2";
-    return r === "static" ? `-top-5 ${n()} scale-90 px-1` : d || b ? `-top-2 ${n()} scale-90` : `top-1/2 -translate-y-1/2 ${n()} scale-100`;
-  }, z = () => r === "static" ? "text-sm" : "text-sm peer-focus:text-sm peer-placeholder-shown:text-base", C = () => r === "static" ? o || c : o || "", K = () => m ? a ? s === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? s === "left" ? "pl-10" : "pr-10" : "", P = () => {
-    E(!i);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: u("relative w-full bg-inherit", r === "static" && "mt-2", N), children: [
+  const [i, g] = w(!1), [y, E] = w(!1), b = N.getFieldMeta(t.name), m = b.touched && b.error, j = t.value && t.value.toString().length > 0, c = p === "password", k = c ? y ? "text" : "password" : p, z = () => {
+    const l = () => r ? a === "left" ? "left-9" : "left-0" : "left-2";
+    return s === "static" ? `-top-5 ${l()} scale-90 px-1` : i || j ? `-top-2 ${l()} scale-90` : `top-1/2 -translate-y-1/2 ${l()} scale-100`;
+  }, C = () => s === "static" ? "text-sm" : "text-sm peer-focus:text-sm peer-placeholder-shown:text-base", B = () => s === "static" ? d || u : d || "", K = () => c ? r ? a === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : r ? a === "left" ? "pl-10" : "pr-10" : "", P = f(() => {
+    g(!0), n.onFocus?.();
+  }, [n]), M = f((l) => {
+    g(!1), n.onBlur?.(), t.onBlur(l);
+  }, [t, n]), S = f(() => {
+    E((l) => !l);
+  }, []);
+  return /* @__PURE__ */ e.jsxs("div", { className: o("relative w-full bg-inherit", s === "static" && "mt-2", I), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "relative bg-inherit", children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           disabled: h,
           id: x || t.name,
-          type: F,
-          name: l.name,
-          value: l.value || "",
-          placeholder: C(),
-          onChange: l.onChange,
-          onFocus: () => {
-            y(!0), t.onFocus?.();
-          },
-          onEmptied: t.onEmptied,
-          onKeyDown: t.onKeyDown,
-          onKeyUp: t.onKeyUp,
-          onBlur: (n) => {
-            y(!1), t.onBlur?.(), l.onBlur(n);
-          },
-          className: u(
+          type: k,
+          name: t.name,
+          value: t.value || "",
+          placeholder: B(),
+          onChange: t.onChange,
+          onFocus: P,
+          onEmptied: n.onEmptied,
+          onKeyDown: n.onKeyDown,
+          onKeyUp: n.onKeyUp,
+          onBlur: M,
+          className: o(
             "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
             "bg-transparent focus:outline-none",
-            r === "default" && !o && "placeholder:text-transparent",
-            r === "default" && o && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-            r === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-            d ? "border-primary-default-default border-2 text-primary-default-default" : f ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
+            s === "default" && !d && "placeholder:text-transparent",
+            s === "default" && d && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+            s === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+            i ? "border-primary-default-default border-2 text-primary-default-default" : m ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
             K(),
-            j
+            F
           )
         }
       ),
@@ -59,37 +61,37 @@ const U = ({
         "label",
         {
           htmlFor: x || t.name,
-          className: u(
+          className: o(
             "absolute transition-all duration-200 font-bold text-sm ease-in-out pointer-events-none bg-inherit px-1 z-10",
+            C(),
             z(),
-            I(),
-            b || d ? "text-primary-default-default" : f ? "text-red-500" : "text-neutral-medium-default"
+            j || i ? "text-primary-default-default" : m ? "text-red-500" : "text-neutral-medium-default"
           ),
-          children: c
+          children: u
         }
       ),
-      a && /* @__PURE__ */ e.jsx("div", { className: u(
+      r && /* @__PURE__ */ e.jsx("div", { className: o(
         "absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",
-        s === "left" ? "left-3" : "right-3"
-      ), children: a }),
-      m && /* @__PURE__ */ e.jsx(
+        a === "left" ? "left-3" : "right-3"
+      ), children: r }),
+      c && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          onClick: P,
-          className: u(
+          onClick: S,
+          className: o(
             "absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default",
             "transition-colors duration-200 focus:outline-none focus:text-primary-default-default",
-            a && s === "right" ? "right-8" : "right-3"
+            r && a === "right" ? "right-8" : "right-3"
           ),
           tabIndex: -1,
           disabled: h,
-          children: i ? /* @__PURE__ */ e.jsx(v.EyeVisibility, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ e.jsx(v.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" })
+          children: y ? /* @__PURE__ */ e.jsx(v.EyeVisibility, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ e.jsx(v.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" })
         }
       )
     ] }),
-    f && /* @__PURE__ */ e.jsx(
-      B,
+    m && /* @__PURE__ */ e.jsx(
+      D,
       {
         name: t.name,
         component: "span",
@@ -97,7 +99,7 @@ const U = ({
       }
     )
   ] });
-};
+}, U = L(T), G = (r) => /* @__PURE__ */ e.jsx($, { name: r.name, children: ({ field: a, form: u }) => /* @__PURE__ */ e.jsx(U, { ...r, field: a, form: u }) });
 export {
-  U as default
+  G as default
 };

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 E } 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";

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 n, AnimatePresence as L } from "framer-motion";
 import { useRef as B, useState as C } from "react";
 import b 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 v } from "./Icons.es.js";
 import { c as o } from "./cn-B6yFEsav.js";
 import { useField as P, ErrorMessage as M } from "formik";

package/dist/Spinner.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 { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({