prometeo-design-system 2.3.1 → 2.3.3

package/dist/SelectFormik.es.js

@@ -1,49 +1,67 @@
-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: v = "",
-  disabled: g,
-  containerClassName: k,
-  className: C,
-  options: o = [],
-  multiple: n = !1,
-  emptyMessage: D = "No hay opciones disponibles",
-  labelVariant: b = "default",
-  isFetching: O = !1
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { Icons as g } from "./Icons.es.js";
+import { c as d } from "./cn-B6yFEsav.js";
+import { useField as $, ErrorMessage as q } from "formik";
+import { memo as G, useState as k, useRef as H, useEffect as J } from "react";
+import K from "./Spinner.es.js";
+const Q = ({
+  label: C,
+  name: I,
+  placeholder: b = "",
+  disabled: j,
+  containerClassName: S,
+  className: D,
+  options: c = [],
+  multiple: i = !1,
+  emptyMessage: z = "No hay opciones disponibles",
+  labelVariant: w = "default",
+  isFetching: E = !1,
+  returnFullObject: m = !1
+  // Por defecto false para mantener compatibilidad
 }) => {
-  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 a = Array.isArray(r.value) ? r.value : [], s = a.includes(e.id) ? a.filter((p) => p !== e.id) : [...a, e.id];
-      u.setValue(s);
+  const [r, N, o] = $(I), [l, x] = k(!1), [p, A] = k(!1), h = H(null), v = N.touched && N.error, u = (e) => e ? typeof e == "object" && e.id !== void 0 ? e.id : e : null, V = () => r.value ? Array.isArray(r.value) ? r.value.map(u) : u(r.value) : i ? [] : null, f = r.value && (Array.isArray(r.value) ? r.value.length > 0 : typeof r.value == "object" ? r.value.id : r.value?.toString().length > 0), O = () => w === "static" || f || l || p ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", P = () => {
+    if (!r.value) return [];
+    const e = V();
+    return Array.isArray(e) ? c.filter((a) => e.includes(a.id)) : c.filter((a) => a.id === e);
+  }, F = (e) => {
+    if (i) {
+      const a = Array.isArray(r.value) ? r.value.map(u) : [], s = a.includes(e.id);
+      if (m) {
+        const n = Array.isArray(r.value) ? r.value : [], y = s ? n.filter((B) => u(B) !== e.id) : [...n, e];
+        o.setValue(y);
+      } else {
+        const n = s ? a.filter((y) => y !== e.id) : [...a, e.id];
+        o.setValue(n);
+      }
     } else
-      u.setValue(e.id), c(!1);
-  }, E = (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
-      );
-      u.setValue(s);
-    }
+      o.setValue(m ? e : e.id), x(!1);
+  }, M = (e) => {
+    e.stopPropagation(), o.setValue(i ? [] : "");
+  }, R = (e, a) => {
+    if (a?.stopPropagation(), i && Array.isArray(r.value))
+      if (m) {
+        const s = r.value.filter(
+          (n) => u(n) !== e
+        );
+        o.setValue(s);
+      } else {
+        const s = r.value.filter(
+          (n) => n !== e
+        );
+        o.setValue(s);
+      }
   };
-  L(() => {
+  J(() => {
     const e = (a) => {
-      m.current && !m.current.contains(a.target) && c(!1);
+      h.current && !h.current.contains(a.target) && x(!1);
     };
     return l && document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [l]);
-  const I = () => {
-    const e = V();
-    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(
+  const L = () => {
+    const e = P();
+    return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : i ? /* @__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",
@@ -53,12 +71,12 @@ const T = ({
             "button",
             {
               onMouseDown: (s) => {
-                s.preventDefault(), F(a.id, s);
+                s.preventDefault(), R(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(h.Close, { size: 12, className: "" })
+              children: /* @__PURE__ */ t.jsx(g.Close, { size: 12, className: "" })
             }
           )
         ]
@@ -69,57 +87,57 @@ const T = ({
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: i("relative w-full bg-inherit", k),
-      ref: m,
+      className: d("relative w-full bg-inherit", S),
+      ref: h,
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
           /* @__PURE__ */ t.jsxs(
             "div",
             {
-              onClick: () => !g && c(!l),
-              onFocus: () => j(!0),
-              onBlur: () => j(!1),
-              className: i(
+              onClick: () => !j && x(!l),
+              onFocus: () => A(!0),
+              onBlur: () => A(!1),
+              className: d(
                 "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 || 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
+                f || l || p ? " border-primary-default-focused ring-primary-default-focused ring-[2px]" : v ? "ring-error-default-default ring-[2px]" : "border-neutral-default-default hover:border-primary-default-hover",
+                j && "opacity-50 cursor-not-allowed pointer-events-none",
+                D
               ),
               children: [
                 /* @__PURE__ */ t.jsx(
                   "label",
                   {
-                    className: i(
+                    className: d(
                       "absolute pointer-events-none bg-inherit px-1 z-10",
-                      b === "default" && "transition-all duration-200 ease-in-out",
+                      w === "default" && "transition-all duration-200 ease-in-out",
                       "text-md",
-                      S(),
-                      d || l || f ? "text-primary-default-default" : x ? "text-red-500" : "text-neutral-medium-default",
+                      O(),
+                      f || l || p ? "text-primary-default-default" : v ? "text-red-500" : "text-neutral-medium-default",
                       "left-3"
                     ),
-                    children: N
+                    children: C
                   }
                 ),
-                /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: I() }),
+                /* @__PURE__ */ t.jsx("div", { className: "flex-1 min-w-0", children: L() }),
                 /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 ml-2", children: [
-                  d && /* @__PURE__ */ t.jsx(
+                  f && /* @__PURE__ */ t.jsx(
                     "button",
                     {
                       onMouseDown: (e) => {
-                        e.preventDefault(), e.stopPropagation(), E(e);
+                        e.preventDefault(), e.stopPropagation(), M(e);
                       },
                       className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
                       type: "button",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ t.jsx(h.Close, { size: 16, className: "" })
+                      children: /* @__PURE__ */ t.jsx(g.Close, { size: 16, className: "" })
                     }
                   ),
-                  O ? /* @__PURE__ */ t.jsx(B, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
-                    h.ChevronDown,
+                  E ? /* @__PURE__ */ t.jsx(K, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
+                    g.ChevronDown,
                     {
                       size: 20,
-                      className: i(
+                      className: d(
                         "transition-transform text-neutral-default-default",
                         l ? "rotate-180" : ""
                       )
@@ -129,24 +147,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: 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;
+          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: c.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: z }) : c.map((e) => {
+            const a = V(), s = i ? Array.isArray(a) && a.includes(e.id) : a === e.id;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
-                onMouseDown: (s) => {
-                  s.preventDefault(), z(e), s.stopPropagation();
+                onMouseDown: (n) => {
+                  n.preventDefault(), F(e), n.stopPropagation();
                 },
-                className: i(
+                className: d(
                   "px-3 py-2 cursor-pointer flex items-center transition-colors",
-                  a ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
+                  s ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
                 ),
                 children: [
-                  n && /* @__PURE__ */ t.jsx(
+                  i && /* @__PURE__ */ t.jsx(
                     "input",
                     {
                       type: "checkbox",
-                      checked: a,
+                      checked: s,
                       onChange: () => {
                       },
                       className: "mr-2 pointer-events-none"
@@ -159,8 +177,8 @@ const T = ({
             );
           }) })
         ] }),
-        x && /* @__PURE__ */ t.jsx(
-          M,
+        v && /* @__PURE__ */ t.jsx(
+          q,
           {
             name: r.name,
             component: "span",
@@ -170,7 +188,7 @@ const T = ({
       ]
     }
   );
-};
+}, _ = G(Q);
 export {
-  T as default
+  _ as default
 };

package/dist/Skeleton.es.js

@@ -1,28 +1,25 @@
-import { j as x } from "./jsx-runtime-ByW6EXIE.js";
-import { c as P } from "./cn-B6yFEsav.js";
-import { useRef as $, useCallback as B, useLayoutEffect as E } from "react";
-const A = (b) => {
-  const e = $(null), { debugMode: y = !1, className: p = "", children: f, shape: h = "rounded", animation: u = "shimmer", onlyContainer: l = !1 } = b;
+import { j as x } from "./jsx-runtime-DKDX3adD.js";
+import { c as E } from "./cn-B6yFEsav.js";
+import { memo as P, useRef as B, useCallback as R, useLayoutEffect as D } from "react";
+const b = (y) => {
+  const e = B(null), { debugMode: p = !1, className: f = "", children: h, shape: k = "rounded", animation: d = "shimmer", onlyContainer: l = !1 } = y;
   let i = "255, 255, 255", m = "255, 255, 255, 0.1";
-  const g = B(() => {
-    if (!l && e.current)
-      switch (u) {
-        case "shimmer":
-          e.current.classList.add("skeleton-shimmer-animation");
-          const n = m.split(",").map(Number);
-          n && n.length >= 3 && (e.current.style.setProperty("--shimmer-color-r", n[0].toString()), e.current.style.setProperty("--shimmer-color-g", n[1].toString()), e.current.style.setProperty("--shimmer-color-b", n[2].toString()), e.current.style.setProperty("--shimmer-color-a", n[3].toString()));
-          break;
-        case "none":
-          e.current.style.animation = "none";
-          break;
-        case "border":
-          e.current.classList.add("skeleton-border-animation"), e.current.style.backgroundColor = "transparent";
-          const c = i.match(/\d+/g);
-          c && c.length >= 3 && (e.current.style.setProperty("--border-color-r", c[0]), e.current.style.setProperty("--border-color-g", c[1]), e.current.style.setProperty("--border-color-b", c[2]));
-          break;
-      }
-  }, [u, m, i, l]);
-  E(() => {
+  const g = R(() => {
+    if (l || !e.current) return;
+    const n = m.split(",").map(Number), c = i.match(/\d+/g);
+    switch (d) {
+      case "shimmer":
+        e.current.classList.add("skeleton-shimmer-animation"), n && n.length >= 3 && (e.current.style.setProperty("--shimmer-color-r", n[0].toString()), e.current.style.setProperty("--shimmer-color-g", n[1].toString()), e.current.style.setProperty("--shimmer-color-b", n[2].toString()), e.current.style.setProperty("--shimmer-color-a", n[3].toString()));
+        break;
+      case "none":
+        e.current.style.animation = "none";
+        break;
+      case "border":
+        e.current.classList.add("skeleton-border-animation"), e.current.style.backgroundColor = "transparent", c && c.length >= 3 && (e.current.style.setProperty("--border-color-r", c[0]), e.current.style.setProperty("--border-color-g", c[1]), e.current.style.setProperty("--border-color-b", c[2]));
+        break;
+    }
+  }, [d, m, i, l]);
+  D(() => {
     if (e.current) {
       const n = (a) => {
         let r = a;
@@ -42,12 +39,14 @@ const A = (b) => {
         t.fillStyle = a, t.fillRect(0, 0, 1, 1);
         const o = t.getImageData(0, 0, 1, 1).data;
         return [o[0], o[1], o[2]];
-      }, C = n(e.current.parentElement), s = c(C), S = s.reduce((a, r) => a + r, 0) < 382;
-      let d;
-      S ? d = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (d = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, i = "115,115,115", m = "255,255,255, 0.4"), l && (d = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = d, g();
+      };
+      if (!e.current.parentElement) return;
+      const C = n(e.current.parentElement), s = c(C), w = s.reduce((a, r) => a + r, 0) < 382;
+      let u;
+      w ? u = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (u = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, i = "115,115,115", m = "255,255,255, 0.4"), l && (u = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = u, g();
     }
   }, [m, i, l, g]);
-  const k = {
+  const S = {
     circle: "rounded-full aspect-square",
     square: "rounded-none",
     rounded: "rounded"
@@ -56,17 +55,19 @@ const A = (b) => {
     "div",
     {
       ref: e,
-      className: P(
-        y && " border-red-600/20 border",
-        p,
+      className: E(
+        p && " border-red-600/20 border",
+        f,
         "skeleton-container",
-        k[h]
+        S[k]
       ),
-      children: f
+      children: h
     },
     `skeleton-${Math.random().toFixed(10)}`
   );
 };
+b.displayName = "Skeleton";
+const L = P(b);
 export {
-  A as Skeleton
+  L as Skeleton
 };

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 = ({

package/dist/Steps.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 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-ByW6EXIE.js";
+import { j as o } from "./jsx-runtime-DKDX3adD.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,14 @@
-import { j as n } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
-import { useRef as p } from "react";
-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;
-    d(c, m);
-  }, s = {
+import { memo as w, useRef as b } from "react";
+import { motion as c } from "framer-motion";
+const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
+  const n = b(null), h = (u) => {
+    if (!n.current || t) return;
+    u.preventDefault(), u.stopPropagation();
+    const g = !n.current.checked;
+    f(d, g);
+  }, i = {
     on: {
       default: {
         container: "bg-primary-default-default",
@@ -28,7 +29,7 @@ const x = ({ name: c, value: o, onChange: d, disabled: e = !1 }) => {
         dot: "bg-neutral-weak-default"
       }
     }
-  }, f = {
+  }, m = {
     on: {
       left: "unset",
       right: -4
@@ -37,7 +38,7 @@ const x = ({ name: c, value: o, onChange: d, disabled: e = !1 }) => {
       left: -4,
       right: "unset"
     }
-  }, h = {
+  }, p = {
     on: {
       width: 24,
       height: 24
@@ -45,40 +46,40 @@ const x = ({ name: c, value: o, onChange: d, disabled: e = !1 }) => {
     off: {
       width: 16
     }
-  }, 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, onChange: i }),
-    /* @__PURE__ */ n.jsx(
+  }, e = o ? "on" : "off", s = t ? "disabled" : "default";
+  return /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("input", { type: "checkbox", hidden: !0, ref: n, checked: o, disabled: t }),
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         className: r(
           "w-14 h-8 rounded-full relative px-2",
-          s[t][u].container
+          i[e][s].container
         ),
-        children: /* @__PURE__ */ n.jsx(
-          l.span,
+        children: /* @__PURE__ */ a.jsx(
+          c.span,
           {
-            onClick: i,
-            animate: f[t],
-            whileHover: e ? {} : {
-              background: t === "off" ? "rgba(29, 27, 32, 0.08)" : "rgba(101, 85, 143, 0.12)"
+            onClick: h,
+            animate: m[e],
+            whileHover: t ? {} : {
+              background: e === "off" ? "rgba(29, 27, 32, 0.08)" : "rgba(101, 85, 143, 0.12)"
             },
             className: r(
               "absolute top-1/2 -translate-y-1/2 grid place-items-center ",
               "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2",
               "cursor-pointer"
             ),
-            children: /* @__PURE__ */ n.jsx(
-              l.span,
+            children: /* @__PURE__ */ a.jsx(
+              c.span,
               {
-                animate: h[t],
-                whileTap: e ? {} : {
+                animate: p[e],
+                whileTap: t ? {} : {
                   width: 28,
                   height: 28
                 },
                 className: r(
                   "size-4 aspect-square rounded-full z-10",
-                  s[t][u].dot
+                  i[e][s].dot
                 )
               }
             )
@@ -88,6 +89,8 @@ const x = ({ name: c, value: o, onChange: d, disabled: e = !1 }) => {
     )
   ] });
 };
+l.displayName = "Switch";
+const y = w(l);
 export {
-  x as Switch
+  y as Switch
 };

package/dist/TabLinks.es.js

@@ -1,42 +1,42 @@
-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";
-const k = b(function({
-  items: s,
-  activeTab: l,
-  onTabChange: o,
-  className: n,
-  tabClassName: u,
-  activeTabClassName: f,
-  indicatorClassName: c,
-  animated: m = !0,
-  renderTab: i
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { motion as h } from "framer-motion";
+import { memo as d } from "react";
+import { c as i } from "./cn-B6yFEsav.js";
+const l = d(function({
+  items: o,
+  activeTab: n,
+  onTabChange: u,
+  className: f,
+  tabClassName: c,
+  activeTabClassName: m,
+  indicatorClassName: b,
+  animated: p = !0,
+  renderTab: r
 }) {
-  const p = (t) => {
-    t.disabled || o?.(t.id, t);
+  const x = (t) => {
+    t.disabled || u?.(t.id, t);
   };
   return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: r(
+      className: i(
         "flex flex-row justify-around items-end relative border-b-1 border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
-        n
+        f
       ),
       role: "tablist",
-      children: s?.map((t) => {
-        const e = l === t.id, d = () => p(t);
-        return i ? /* @__PURE__ */ a.jsx("div", { children: i(t, e, d) }, t.id) : /* @__PURE__ */ a.jsxs(
+      children: o?.map((t) => {
+        const e = n === t.id, s = () => x(t);
+        return r ? /* @__PURE__ */ a.jsx("div", { children: r(t, e, s) }, t.id) : /* @__PURE__ */ a.jsxs(
           "button",
           {
-            onClick: d,
+            onClick: s,
             disabled: t.disabled,
-            className: r(
+            className: i(
               "relative flex justify-center items-center h-10 px-4 font-medium focus:outline-none transition-colors",
               !t.disabled && "hover:text-primary-default-default cursor-pointer",
               t.disabled && "opacity-50 cursor-not-allowed",
-              u,
-              e && f
+              c,
+              e && m
             ),
             tabIndex: t.disabled ? -1 : 0,
             "aria-label": t.title,
@@ -44,18 +44,18 @@ const k = b(function({
             "aria-selected": e,
             title: t.description,
             children: [
-              e && m && /* @__PURE__ */ a.jsx(
-                x.div,
+              e && p && /* @__PURE__ */ a.jsx(
+                h.div,
                 {
                   layoutId: "tab-indicator",
-                  className: r(
+                  className: i(
                     "absolute -bottom-[1px] left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
-                    c
+                    b
                   ),
                   transition: {
                     type: "spring",
-                    stiffness: 300,
-                    damping: 20
+                    stiffness: 250,
+                    damping: 17
                   },
                   "aria-hidden": "true"
                 }
@@ -63,7 +63,7 @@ const k = b(function({
               /* @__PURE__ */ a.jsx(
                 "span",
                 {
-                  className: r(
+                  className: i(
                     "relative z-10",
                     e ? "text-primary-default-default font-semibold text-md" : "text-neutral-medium-default font-medium text-md"
                   ),
@@ -78,6 +78,8 @@ const k = b(function({
     }
   );
 });
+l.displayName = "TabLinks";
+const N = d(l);
 export {
-  k as default
+  N as default
 };

package/dist/Table.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 { 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-ByW6EXIE.js";
+import { j as y } from "./jsx-runtime-DKDX3adD.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-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.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,13 +1,14 @@
-interface DialogProps {
+interface DialogProps<TContext = unknown> {
     title?: string;
-    children: React.ReactNode;
-    onClose?: () => void;
+    children: React.ReactNode | ((context: TContext | null) => React.ReactNode);
+    onClose?: (context: TContext | null) => void;
     className?: string;
 }
-export interface DialogHandle {
-    open: () => void;
+export interface DialogHandle<TContext = unknown> {
+    open: (context?: TContext) => void;
     close: () => void;
     isOpen: boolean;
+    getContext: () => TContext | null;
 }
 interface DialogContentProps {
     children?: React.ReactNode;
@@ -25,7 +26,7 @@ interface DialogFooterProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare const DialogModal: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<DialogHandle>> & {
+declare const DialogModal: import('react').ForwardRefExoticComponent<DialogProps<any> & import('react').RefAttributes<DialogHandle<any>>> & {
     Content: ({ children, className }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
     Header: ({ children, className }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     Footer: ({ children, className }: DialogFooterProps) => import("react/jsx-runtime").JSX.Element;