prometeo-design-system 1.9.5 → 1.9.6

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.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 o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { c as N } from "./index-BOQuZ0gG.js";
 import { useAnimationControls as k, motion as y } from "framer-motion";

package/dist/{CardProfile-Bg_q2qMm.js → CardProfile-BZajBGbO.js}

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

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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,46 +1,40 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { forwardRef as f, useState as g, useCallback as x, useMemo as m, useImperativeHandle as j, useRef as D } from "react";
-import { c as d } from "./cn-B6yFEsav.js";
-const u = f(
-  ({ children: e, onClose: o, className: r }, l) => {
-    const [t, a] = g(!1), i = x(() => a(!0), []), n = () => {
-      a(!1), o?.();
-    }, c = m(
-      () => ({
-        open: i,
-        close: n,
-        isOpen: t
-      }),
-      [i, n, t]
-    );
-    return j(l, () => c, [c]), /* @__PURE__ */ s.jsx(s.Fragment, { children: t && /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
-        onClick: n,
-        children: /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: d(
-              "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
-              r
-            ),
-            onClick: (p) => p.stopPropagation(),
-            children: e
-          }
-        )
-      }
-    ) });
-  }
-), b = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: /* @__PURE__ */ s.jsx("div", { className: d("flex flex-col gap-4"), children: e }) }), h = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("h1", { className: o, children: e }), v = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: e }), C = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: e }), N = Object.assign(u, {
-  Content: b,
-  Header: v,
-  Footer: C,
-  Title: h
-});
-u.displayName = "Dialog";
-const R = () => {
-  const e = D(null);
+import { j as t } from "./jsx-runtime-ByW6EXIE.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(({
+  children: e,
+  onClose: o,
+  className: s
+}, n) => {
+  const [r, l] = p(!1), c = () => l(!0), a = () => {
+    l(!1), o?.();
+  };
+  return f(n, () => ({
+    open: c,
+    close: a,
+    isOpen: r
+  })), /* @__PURE__ */ t.jsx(t.Fragment, { children: r && /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
+      onClick: a,
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: i("bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6", s),
+          onClick: (d) => d.stopPropagation(),
+          children: e
+        }
+      )
+    }
+  ) });
+}), m = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4"), children: e }) }), j = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("h1", { className: o, children: e }), D = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), b = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), C = Object.assign(x, {
+  Content: m,
+  Header: D,
+  Footer: b,
+  Title: j
+}), k = () => {
+  const e = g(null);
   return {
     ref: e,
     open: () => {
@@ -53,6 +47,6 @@ const R = () => {
   };
 };
 export {
-  N as default,
-  R as useDialogControl
+  C as default,
+  k as useDialogControl
 };

package/dist/DrawerDesktop.es.js

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

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import w, { useCallback as z } from "react";
 import { useDropzone as R } from "react-dropzone";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as q } from "./jsx-runtime-ByW6EXIE.js";
 const l = ({
   size: t = 24,
   className: h,

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as O } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as ue, useState as N, useRef as ce, useCallback as fe, useEffect as $, useLayoutEffect as ie } from "react";

package/dist/InputFormik.es.js

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

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.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-p4Pll4Cm.js";
+import { L as f } from "./LayoutGeneric-jDE96L2N.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as p } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.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-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.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,41 +1,41 @@
-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 { j as t } from "./jsx-runtime-ByW6EXIE.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";
 import { useState as w, useRef as R, useEffect as L } from "react";
 import B from "./Spinner.es.js";
 const T = ({
   label: N,
   name: A,
-  placeholder: b = "",
-  disabled: c,
+  placeholder: v = "",
+  disabled: g,
   containerClassName: k,
   className: C,
-  options: u = [],
+  options: o = [],
   multiple: n = !1,
   emptyMessage: D = "No hay opciones disponibles",
-  labelVariant: g = "default",
+  labelVariant: b = "default",
   isFetching: O = !1
 }) => {
-  const [a, y, i] = P(A), [l, f] = w(!1), [m, j] = w(!1), x = R(null), p = y.touched && y.error, d = a.value && (Array.isArray(a.value) ? a.value.length > 0 : a.value.toString().length > 0), S = () => g === "static" || d || l || m ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", V = () => a.value ? Array.isArray(a.value) ? u.filter((e) => a.value.includes(e.id)) : u.filter((e) => e.id === a.value) : [], z = (e) => {
+  const [r, y, u] = P(A), [l, c] = w(!1), [f, j] = w(!1), m = R(null), x = y.touched && y.error, d = r.value && (Array.isArray(r.value) ? r.value.length > 0 : r.value.toString().length > 0), S = () => b === "static" || d || l || f ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", V = () => r.value ? Array.isArray(r.value) ? o.filter((e) => r.value.includes(e.id)) : o.filter((e) => e.id === r.value) : [], z = (e) => {
     if (n) {
-      const r = Array.isArray(a.value) ? a.value : [], s = r.includes(e.id) ? r.filter((h) => h !== e.id) : [...r, e.id];
-      i.setValue(s);
+      const a = Array.isArray(r.value) ? r.value : [], s = a.includes(e.id) ? a.filter((p) => p !== e.id) : [...a, e.id];
+      u.setValue(s);
     } else
-      i.setValue(e.id), f(!1);
+      u.setValue(e.id), c(!1);
   }, E = (e) => {
-    e.stopPropagation(), i.setValue(n ? [] : "");
-  }, F = (e, r) => {
-    if (r?.stopPropagation(), n && Array.isArray(a.value)) {
-      const s = a.value.filter(
-        (h) => h !== e
+    e.stopPropagation(), u.setValue(n ? [] : "");
+  }, F = (e, a) => {
+    if (a?.stopPropagation(), n && Array.isArray(r.value)) {
+      const s = r.value.filter(
+        (p) => p !== e
       );
-      i.setValue(s);
+      u.setValue(s);
     }
   };
   L(() => {
-    const e = (r) => {
-      x.current && !x.current.contains(r.target) && f(!1);
+    const e = (a) => {
+      m.current && !m.current.contains(a.target) && c(!1);
     };
     return l && document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
@@ -43,61 +43,59 @@ const T = ({
   }, [l]);
   const I = () => {
     const e = V();
-    return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : n ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((r) => /* @__PURE__ */ t.jsxs(
+    return e.length === 0 ? v ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: v }) : null : n ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: r.label }),
+          /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: a.label }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
               onMouseDown: (s) => {
-                s.preventDefault(), F(r.id, s);
+                s.preventDefault(), F(a.id, s);
               },
               className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
               type: "button",
               tabIndex: -1,
-              children: /* @__PURE__ */ t.jsx(v.Close, { size: 12, className: "" })
+              children: /* @__PURE__ */ t.jsx(h.Close, { size: 12, className: "" })
             }
           )
         ]
       },
-      r.id
+      a.id
     )) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: o("relative w-full bg-inherit", k),
-      ref: x,
+      className: i("relative w-full bg-inherit", k),
+      ref: m,
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
           /* @__PURE__ */ t.jsxs(
-            "button",
+            "div",
             {
-              type: "button",
-              disabled: c,
-              onClick: () => !c && f(!l),
+              onClick: () => !g && c(!l),
               onFocus: () => j(!0),
               onBlur: () => j(!1),
-              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",
+              className: i(
+                "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
                 "flex items-center justify-between bg-transparent focus:outline-none",
-                d || l || m ? "border-primary-default-default border-2" : p ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
-                c && "opacity-50 cursor-not-allowed",
+                d || l || f ? " border-primary-default-focused ring-primary-default-focused ring-[2px]" : x ? "ring-error-default-default ring-[2px]" : "border-neutral-default-default hover:border-primary-default-hover",
+                g && "opacity-50 cursor-not-allowed pointer-events-none",
                 C
               ),
               children: [
                 /* @__PURE__ */ t.jsx(
                   "label",
                   {
-                    className: o(
+                    className: i(
                       "absolute pointer-events-none bg-inherit px-1 z-10",
-                      g === "default" && "transition-all duration-200 ease-in-out",
+                      b === "default" && "transition-all duration-200 ease-in-out",
                       "text-md",
                       S(),
-                      d || l || m ? "text-primary-default-default" : p ? "text-red-500" : "text-neutral-medium-default",
+                      d || l || f ? "text-primary-default-default" : x ? "text-red-500" : "text-neutral-medium-default",
                       "left-3"
                     ),
                     children: N
@@ -114,14 +112,14 @@ const T = ({
                       className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
                       type: "button",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ t.jsx(v.Close, { size: 16, className: "" })
+                      children: /* @__PURE__ */ t.jsx(h.Close, { size: 16, className: "" })
                     }
                   ),
                   O ? /* @__PURE__ */ t.jsx(B, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
-                    v.ChevronDown,
+                    h.ChevronDown,
                     {
                       size: 20,
-                      className: o(
+                      className: i(
                         "transition-transform text-neutral-default-default",
                         l ? "rotate-180" : ""
                       )
@@ -131,24 +129,24 @@ const T = ({
               ]
             }
           ),
-          l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: u.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D }) : u.map((e) => {
-            const r = n ? Array.isArray(a.value) && a.value.includes(e.id) : a.value === e.id;
+          l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: o.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D }) : o.map((e) => {
+            const a = n ? Array.isArray(r.value) && r.value.includes(e.id) : r.value === e.id;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
                 onMouseDown: (s) => {
                   s.preventDefault(), z(e), s.stopPropagation();
                 },
-                className: o(
+                className: i(
                   "px-3 py-2 cursor-pointer flex items-center transition-colors",
-                  r ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
+                  a ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
                 ),
                 children: [
                   n && /* @__PURE__ */ t.jsx(
                     "input",
                     {
                       type: "checkbox",
-                      checked: r,
+                      checked: a,
                       onChange: () => {
                       },
                       className: "mr-2 pointer-events-none"
@@ -161,10 +159,10 @@ const T = ({
             );
           }) })
         ] }),
-        p && /* @__PURE__ */ t.jsx(
+        x && /* @__PURE__ */ t.jsx(
           M,
           {
-            name: a.name,
+            name: r.name,
             component: "span",
             className: "block text-error-default-default text-xs mt-1"
           }

package/dist/Spinner.es.js

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

package/dist/Steps.es.js

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

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,13 +1,13 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useRef as p } from "react";
-import { motion as u } from "framer-motion";
-const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
-  const a = p(null), d = () => {
+import { motion as l } from "framer-motion";
+const x = ({ name: c, value: o, onChange: d, disabled: e = !1 }) => {
+  const a = p(null), i = () => {
     if (!a.current || e) return;
     const m = !a.current.checked;
-    c(l, m);
-  }, i = {
+    d(c, m);
+  }, s = {
     on: {
       default: {
         container: "bg-primary-default-default",
@@ -45,20 +45,20 @@ const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
     off: {
       width: 16
     }
-  }, t = o ? "on" : "off", s = e ? "disabled" : "default";
+  }, t = o ? "on" : "off", u = e ? "disabled" : "default";
   return /* @__PURE__ */ n.jsxs("div", { children: [
-    /* @__PURE__ */ n.jsx("input", { type: "checkbox", hidden: !0, ref: a, checked: o, disabled: e }),
+    /* @__PURE__ */ n.jsx("input", { type: "checkbox", hidden: !0, ref: a, checked: o, disabled: e, onChange: i }),
     /* @__PURE__ */ n.jsx(
       "div",
       {
         className: r(
           "w-14 h-8 rounded-full relative px-2",
-          i[t][s].container
+          s[t][u].container
         ),
         children: /* @__PURE__ */ n.jsx(
-          u.span,
+          l.span,
           {
-            onClick: d,
+            onClick: i,
             animate: f[t],
             whileHover: e ? {} : {
               background: t === "off" ? "rgba(29, 27, 32, 0.08)" : "rgba(101, 85, 143, 0.12)"
@@ -69,7 +69,7 @@ const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
               "cursor-pointer"
             ),
             children: /* @__PURE__ */ n.jsx(
-              u.span,
+              l.span,
               {
                 animate: h[t],
                 whileTap: e ? {} : {
@@ -78,7 +78,7 @@ const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
                 },
                 className: r(
                   "size-4 aspect-square rounded-full z-10",
-                  i[t][s].dot
+                  s[t][u].dot
                 )
               }
             )

package/dist/TabLinks.es.js

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

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-DKDX3adD.js";
+import { j as y } from "./jsx-runtime-ByW6EXIE.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

package/dist/components/Dialog/Dialog.d.ts

@@ -1,4 +1,5 @@
 interface DialogProps {
+    title?: string;
     children: React.ReactNode;
     onClose?: () => void;
     className?: string;

package/dist/{jsx-runtime-DKDX3adD.js → jsx-runtime-ByW6EXIE.js}

@@ -1,5 +1,5 @@
-import K from "react";
-var v = { exports: {} }, m = {};
+import ee from "react";
+var v = { exports: {} }, _ = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var v = { exports: {} }, m = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var I;
-function ee() {
-  if (I) return m;
-  I = 1;
-  var l = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
-  function c(i, o, s) {
-    var f = null;
-    if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+var F;
+function re() {
+  if (F) return _;
+  F = 1;
+  var l = Symbol.for("react.transitional.element"), T = Symbol.for("react.fragment");
+  function f(d, o, s) {
+    var m = null;
+    if (s !== void 0 && (m = "" + s), o.key !== void 0 && (m = "" + o.key), "key" in o) {
       s = {};
-      for (var d in o)
-        d !== "key" && (s[d] = o[d]);
+      for (var E in o)
+        E !== "key" && (s[E] = o[E]);
     } else s = o;
     return o = s.ref, {
       $$typeof: l,
-      type: i,
-      key: f,
+      type: d,
+      key: m,
       ref: o !== void 0 ? o : null,
       props: s
     };
   }
-  return m.Fragment = b, m.jsx = c, m.jsxs = c, m;
+  return _.Fragment = T, _.jsx = f, _.jsxs = f, _;
 }
-var _ = {};
+var R = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,44 +41,44 @@ var _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $;
-function re() {
-  return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
+var D;
+function te() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
     function l(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === H ? null : e.displayName || e.name || null;
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
         case p:
           return "Fragment";
-        case U:
+        case J:
           return "Profiler";
-        case W:
+        case U:
           return "StrictMode";
-        case z:
-          return "Suspense";
         case G:
+          return "Suspense";
+        case X:
           return "SuspenseList";
-        case B:
+        case H:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case M:
+          case W:
             return "Portal";
-          case V:
-            return e.displayName || "Context";
-          case J:
-            return (e._context.displayName || "Context") + ".Consumer";
+          case z:
+            return (e.displayName || "Context") + ".Provider";
           case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case V:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case X:
+          case B:
             return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
-          case T:
+          case g:
             r = e._payload, e = e._init;
             try {
               return l(e(r));
@@ -87,10 +87,10 @@ function re() {
         }
       return null;
     }
-    function b(e) {
+    function T(e) {
       return "" + e;
     }
-    function c(e) {
+    function f(e) {
       try {
         var r = !1;
       } catch {
@@ -103,12 +103,12 @@ function re() {
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           n
-        ), b(e);
+        ), T(e);
       }
     }
-    function i(e) {
+    function d(e) {
       if (e === p) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+      if (typeof e == "object" && e !== null && e.$$typeof === g)
         return "<...>";
       try {
         var r = l(e);
@@ -124,16 +124,16 @@ function re() {
     function s() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (x.call(e, "key")) {
+    function m(e) {
+      if (h.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function d(e, r) {
+    function E(e, r) {
       function t() {
-        g || (g = !0, console.error(
+        y || (y = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
@@ -143,23 +143,22 @@ function re() {
         configurable: !0
       });
     }
-    function D() {
+    function L() {
       var e = l(this.type);
-      return h[e] || (h[e] = !0, console.error(
+      return N[e] || (N[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function L(e, r, t, n, R, A) {
-      var a = t.ref;
-      return e = {
-        $$typeof: j,
+    function M(e, r, t, n, c, u, A, S) {
+      return t = u.ref, e = {
+        $$typeof: x,
         type: e,
         key: r,
-        props: t,
-        _owner: n
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        props: u,
+        _owner: c
+      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: D
+        get: L
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,19 +173,19 @@ function re() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
+        value: A
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: S
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, r, t, n, R, A) {
+    function j(e, r, t, n, c, u, A, S) {
       var a = r.children;
       if (a !== void 0)
         if (n)
-          if (Z(a)) {
+          if (Q(a)) {
             for (n = 0; n < a.length; n++)
               w(a[n]);
             Object.freeze && Object.freeze(a);
@@ -195,12 +194,12 @@ function re() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else w(a);
-      if (x.call(r, "key")) {
+      if (h.call(r, "key")) {
         a = l(e);
-        var u = Object.keys(r).filter(function(Q) {
-          return Q !== "key";
+        var i = Object.keys(r).filter(function(K) {
+          return K !== "key";
         });
-        n = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (u = 0 < u.length ? "{" + u.join(": ..., ") + ": ...}" : "{}", console.error(
+        n = 0 < i.length ? "{key: someKey, " + i.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (i = 0 < i.length ? "{" + i.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -209,73 +208,76 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           n,
           a,
-          u,
+          i,
           a
-        ), Y[a + n] = !0);
+        ), I[a + n] = !0);
       }
-      if (a = null, t !== void 0 && (c(t), a = "" + t), f(r) && (c(r.key), a = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (f(t), a = "" + t), m(r) && (f(r.key), a = "" + r.key), "key" in r) {
         t = {};
-        for (var S in r)
-          S !== "key" && (t[S] = r[S]);
+        for (var P in r)
+          P !== "key" && (t[P] = r[P]);
       } else t = r;
-      return a && d(
+      return a && E(
         t,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), L(
+      ), M(
         e,
         a,
-        t,
+        u,
+        c,
         o(),
-        R,
-        A
+        t,
+        A,
+        S
       );
     }
     function w(e) {
-      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function y(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === j;
+      typeof e == "object" && e !== null && e.$$typeof === x && e._store && (e._store.validated = 1);
     }
-    var E = K, j = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var b = ee, x = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), z = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), k = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, h = Object.prototype.hasOwnProperty, Q = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var g, h = {}, N = E.react_stack_bottom_frame.bind(
-      E,
+    var y, N = {}, C = b.react_stack_bottom_frame.bind(
+      b,
       s
-    )(), C = O(i(s)), Y = {};
-    _.Fragment = p, _.jsx = function(e, r, t) {
-      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return P(
+    )(), Y = O(d(s)), I = {};
+    R.Fragment = p, R.jsx = function(e, r, t, n, c) {
+      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return j(
         e,
         r,
         t,
         !1,
-        n ? Error("react-stack-top-frame") : N,
-        n ? O(i(e)) : C
+        n,
+        c,
+        u ? Error("react-stack-top-frame") : C,
+        u ? O(d(e)) : Y
       );
-    }, _.jsxs = function(e, r, t) {
-      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return P(
+    }, R.jsxs = function(e, r, t, n, c) {
+      var u = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return j(
         e,
         r,
         t,
         !0,
-        n ? Error("react-stack-top-frame") : N,
-        n ? O(i(e)) : C
+        n,
+        c,
+        u ? Error("react-stack-top-frame") : C,
+        u ? O(d(e)) : Y
       );
     };
-  })()), _;
+  })()), R;
 }
-var F;
-function te() {
-  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = /* @__PURE__ */ ee() : v.exports = /* @__PURE__ */ re()), v.exports;
+var $;
+function ne() {
+  return $ || ($ = 1, process.env.NODE_ENV === "production" ? v.exports = /* @__PURE__ */ re() : v.exports = /* @__PURE__ */ te()), v.exports;
 }
-var ae = /* @__PURE__ */ te();
+var oe = /* @__PURE__ */ ne();
 export {
-  ae as j
+  oe as j
 };

package/dist/prometeo-design-system.es.js

@@ -1,6 +1,6 @@
 import { default as Ne } from "./Avatar.es.js";
 import { default as Se } from "./Button.es.js";
-import { C as Ie, a as Be } from "./CardProfile-Bg_q2qMm.js";
+import { C as Ie, a as Be } from "./CardProfile-BZajBGbO.js";
 import { default as Re } from "./CheckBox.es.js";
 import { default as Pe } from "./CheckboxFormik.es.js";
 import { default as Te, useDialogControl as ze } from "./DialogModal.es.js";
@@ -25,9 +25,9 @@ import { Table as vt, TableBody as ht, TableCaption as wt, TableCell as jt, Tabl
 import { default as Bt } from "./TabLinks.es.js";
 import { default as Rt } from "./TextArea.es.js";
 import { default as Pt } from "./Tooltip.es.js";
-import { u as j } from "./LayoutGeneric-p4Pll4Cm.js";
-import { L as Tt, S as zt } from "./LayoutGeneric-p4Pll4Cm.js";
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { u as j } from "./LayoutGeneric-jDE96L2N.js";
+import { L as Tt, S as zt } from "./LayoutGeneric-jDE96L2N.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import q, { useRef as p, useState as v, useLayoutEffect as P, createContext as D, useContext as T, forwardRef as N, useCallback as z, useEffect as C } from "react";
 import { useGSAP as S } from "@gsap/react";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "1.9.5",
+  "version": "1.9.6",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",