prometeo-design-system 2.8.7 → 2.8.9

package/dist/{components/SwipeContainer/SwipeContainer.js → SwipeContainer.es.js}

@@ -1,94 +1,94 @@
-import { jsxs as D, jsx as o } from "react/jsx-runtime";
-import { cn as i } from "../../lib/cn.js";
-import { useState as d, useRef as L, useEffect as P } from "react";
-const Q = ({
-  children: m,
-  className: W,
+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 = ({
+  children: x,
+  className: P,
   showIndicators: R = !0,
-  showControls: Y = !0,
+  showControls: W = !0,
   // Por defecto mostrar controles
-  autoPlay: $ = !1,
-  autoPlayInterval: N = 3e3,
-  onSwipe: p,
-  threshold: B = 50,
+  autoPlay: k = !1,
+  autoPlayInterval: $ = 3e3,
+  onSwipe: m,
+  threshold: Y = 50,
   disabled: l = !1,
   cardWidth: f,
   // Ancho personalizado de tarjetas
   visibleCards: r,
   // Número de tarjetas visibles
-  width: x = "100%",
+  width: p = "100%",
   // Ancho por defecto
   height: v = "300px",
   // Alto por defecto
   gap: g = 16
   // Separación por defecto entre cards
 }) => {
-  const [n, h] = d(0), [u, T] = d(!1), [I, C] = d({ x: 0, y: 0 }), [S, w] = d({ x: 0, y: 0 }), y = L(null), c = L(null), s = m.length, U = f ? typeof f == "number" ? `${f}px` : f : r && r > 0 ? `${100 / r}%` : "100%";
-  P(() => ($ && s > 1 && !u && (c.current = setInterval(() => {
+  const [n, h] = d(0), [u, N] = d(!1), [T, B] = d({ x: 0, y: 0 }), [I, w] = d({ x: 0, y: 0 }), y = D(null), c = D(null), s = x.length, C = f ? typeof f == "number" ? `${f}px` : f : r && r > 0 ? `${100 / r}%` : "100%";
+  L(() => (k && s > 1 && !u && (c.current = setInterval(() => {
     h((e) => (e + 1) % s);
-  }, N)), () => {
+  }, $)), () => {
     c.current && clearInterval(c.current);
-  }), [$, N, s, u]), P(() => {
+  }), [k, $, s, u]), L(() => {
     u && c.current && clearInterval(c.current);
   }, [u]);
-  const X = (e, t) => {
-    l || (T(!0), C({ x: e, y: t }), w({ x: e, y: t }));
-  }, b = (e, t) => {
+  const S = (e, t) => {
+    l || (N(!0), B({ x: e, y: t }), w({ x: e, y: t }));
+  }, E = (e, t) => {
     !u || l || w({ x: e, y: t });
-  }, E = () => {
+  }, X = () => {
     if (!u || l) return;
-    const e = S.x - I.x;
-    if (Math.abs(e) > B) {
+    const e = I.x - T.x;
+    if (Math.abs(e) > Y) {
       if (e > 0 && n > 0) {
         const a = n - 1;
-        h(a), p?.(a);
+        h(a), m?.(a);
       } else if (e < 0 && n < s - 1) {
         const a = n + 1;
-        h(a), p?.(a);
+        h(a), m?.(a);
       }
     }
-    T(!1), w({ x: 0, y: 0 });
+    N(!1), w({ x: 0, y: 0 });
+  }, U = (e) => {
+    e.preventDefault(), S(e.clientX, e.clientY);
   }, _ = (e) => {
-    e.preventDefault(), X(e.clientX, e.clientY);
+    E(e.clientX, e.clientY);
+  }, b = () => {
+    X();
   }, q = (e) => {
-    b(e.clientX, e.clientY);
-  }, j = () => {
-    E();
-  }, z = (e) => {
     const t = e.touches[0];
-    X(t.clientX, t.clientY);
-  }, A = (e) => {
+    S(t.clientX, t.clientY);
+  }, z = (e) => {
     const t = e.touches[0];
-    b(t.clientX, t.clientY);
+    E(t.clientX, t.clientY);
+  }, A = () => {
+    X();
+  }, j = (e) => {
+    l || e < 0 || e >= s || (h(e), m?.(e));
   }, F = () => {
-    E();
-  }, M = (e) => {
-    l || e < 0 || e >= s || (h(e), p?.(e));
-  }, G = () => {
-    const e = S.x - I.x;
+    const e = I.x - T.x;
     let t = 0;
     if (r && r > 0) {
-      const k = y.current ? (y.current.offsetWidth - g * (r - 1)) / r : 0;
-      t = n * (k + g);
+      const M = y.current ? (y.current.offsetWidth - g * (r - 1)) / r : 0;
+      t = n * (M + g);
     } else
       t = n * 100;
     const a = r && r > 0 ? `translateX(-${t}px)` : `translateX(-${n * 100}%)`;
     if (u) {
-      const k = `translateX(${e}px)`;
-      return `${a} ${k}`;
+      const M = `translateX(${e}px)`;
+      return `${a} ${M}`;
     }
     return a;
   };
-  return s === 0 ? null : /* @__PURE__ */ D(
+  return s === 0 ? null : /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: i("relative overflow-hidden", W),
+      className: i("relative overflow-hidden", P),
       style: {
-        width: typeof x == "number" ? `${x}px` : x,
+        width: typeof p == "number" ? `${p}px` : p,
         height: typeof v == "number" ? `${v}px` : v
       },
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ o.jsx(
           "div",
           {
             ref: y,
@@ -97,22 +97,22 @@ const Q = ({
               l && "pointer-events-none opacity-50"
             ),
             style: {
-              transform: G(),
+              transform: F(),
               gap: `${g}px`
             },
-            onMouseDown: _,
-            onMouseMove: q,
-            onMouseUp: j,
-            onMouseLeave: j,
-            onTouchStart: z,
-            onTouchMove: A,
-            onTouchEnd: F,
-            children: m.map((e, t) => /* @__PURE__ */ o(
+            onMouseDown: U,
+            onMouseMove: _,
+            onMouseUp: b,
+            onMouseLeave: b,
+            onTouchStart: q,
+            onTouchMove: z,
+            onTouchEnd: A,
+            children: x.map((e, t) => /* @__PURE__ */ o.jsx(
               "div",
               {
                 className: "flex-shrink-0 h-full",
                 style: {
-                  width: U
+                  width: C
                 },
                 children: e
               },
@@ -120,10 +120,10 @@ const Q = ({
             ))
           }
         ),
-        R && s > 1 && /* @__PURE__ */ o("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: m.map((e, t) => /* @__PURE__ */ o(
+        R && s > 1 && /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: x.map((e, t) => /* @__PURE__ */ o.jsx(
           "button",
           {
-            onClick: () => M(t),
+            onClick: () => j(t),
             className: i(
               "w-2 h-2 rounded-full transition-all duration-200",
               t === n ? "bg-primary-default-default" : "bg-neutral-medium-default hover:bg-neutral-default-default"
@@ -132,45 +132,45 @@ const Q = ({
           },
           t
         )) }),
-        Y && s > 1 && /* @__PURE__ */ D("div", { className: "absolute inset-0 flex items-center justify-between pointer-events-none", children: [
-          n > 0 && /* @__PURE__ */ o(
+        W && s > 1 && /* @__PURE__ */ o.jsxs("div", { className: "absolute inset-0 flex items-center justify-between pointer-events-none", children: [
+          n > 0 && /* @__PURE__ */ o.jsx(
             "button",
             {
-              onClick: () => M(n - 1),
+              onClick: () => j(n - 1),
               className: i(
                 "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
                 l && "pointer-events-none opacity-50"
               ),
               "aria-label": "Elemento anterior",
-              children: /* @__PURE__ */ o(
+              children: /* @__PURE__ */ o.jsx(
                 "svg",
                 {
                   className: "w-4 h-4 text-neutral-default-default rotate-180",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
                 }
               )
             }
           ),
-          n < s - 1 && /* @__PURE__ */ o(
+          n < s - 1 && /* @__PURE__ */ o.jsx(
             "button",
             {
-              onClick: () => M(n + 1),
+              onClick: () => j(n + 1),
               className: i(
                 "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
                 l && "pointer-events-none opacity-50"
               ),
               "aria-label": "Elemento siguiente",
-              children: /* @__PURE__ */ o(
+              children: /* @__PURE__ */ o.jsx(
                 "svg",
                 {
                   className: "w-4 h-4 text-neutral-default-default",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
                 }
               )
             }
@@ -181,5 +181,5 @@ const Q = ({
   );
 };
 export {
-  Q as default
+  O as default
 };

package/dist/{components/Switch/Switch.js → Switch.es.js}

@@ -1,11 +1,11 @@
-import { jsxs as w, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../lib/cn.js";
-import { memo as b, useRef as k } from "react";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { c as r } from "./cn-B6yFEsav.js";
+import { memo as w, useRef as b } from "react";
 import { motion as c } from "framer-motion";
-const s = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
-  const n = k(null), h = (l) => {
+const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
+  const n = b(null), h = (u) => {
     if (!n.current || t) return;
-    l.preventDefault(), l.stopPropagation();
+    u.preventDefault(), u.stopPropagation();
     const g = !n.current.checked;
     f(d, g);
   }, i = {
@@ -46,19 +46,19 @@ const s = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     off: {
       width: 16
     }
-  }, e = o ? "on" : "off", u = t ? "disabled" : "default";
-  return /* @__PURE__ */ w("div", { children: [
-    /* @__PURE__ */ a("input", { type: "checkbox", hidden: !0, ref: n, checked: o, disabled: t }),
-    /* @__PURE__ */ a(
+  }, 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",
       {
         onClick: h,
         className: r(
           "w-14 h-8 rounded-full relative px-2 cursor-pointer",
           t && "cursor-default",
-          i[e][u].container
+          i[e][s].container
         ),
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ a.jsx(
           c.span,
           {
             animate: m[e],
@@ -69,7 +69,7 @@ const s = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
               "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"
             ),
-            children: /* @__PURE__ */ a(
+            children: /* @__PURE__ */ a.jsx(
               c.span,
               {
                 animate: p[e],
@@ -79,7 +79,7 @@ const s = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
                 },
                 className: r(
                   "size-4 aspect-square rounded-full z-10",
-                  i[e][u].dot
+                  i[e][s].dot
                 )
               }
             )
@@ -89,8 +89,9 @@ const s = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     )
   ] });
 };
-s.displayName = "Switch";
-const N = b(s);
+l.displayName = "Switch";
+const y = w(l);
 export {
-  N as default
+  y as Switch,
+  y as default
 };

package/dist/{components/TabLinks/TabLinks.js → TabLinks.es.js}

@@ -1,7 +1,7 @@
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
-import { motion as g } from "framer-motion";
-import { memo as T } from "react";
-import { cn as r } from "../../lib/cn.js";
+import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { motion as x } from "framer-motion";
+import { memo as N } from "react";
+import { c as r } from "./cn-B6yFEsav.js";
 function o({
   items: t,
   activeTab: e,
@@ -16,7 +16,7 @@ function o({
   const h = (a) => {
     a.disabled || i?.(a.id, a);
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ n.jsx(
     "div",
     {
       className: r(
@@ -26,7 +26,7 @@ function o({
       role: "tablist",
       children: t?.map((a) => {
         const s = e === a.id, c = () => h(a);
-        return m ? /* @__PURE__ */ n("div", { children: m(a, s, c) }, a.id) : /* @__PURE__ */ N(
+        return m ? /* @__PURE__ */ n.jsx("div", { children: m(a, s, c) }, a.id) : /* @__PURE__ */ n.jsxs(
           "button",
           {
             onClick: c,
@@ -44,8 +44,8 @@ function o({
             "aria-selected": s,
             title: a.description,
             children: [
-              s && b && /* @__PURE__ */ n(
-                g.div,
+              s && b && /* @__PURE__ */ n.jsx(
+                x.div,
                 {
                   layoutId: "tab-indicator",
                   className: r(
@@ -60,7 +60,7 @@ function o({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ n.jsx(
                 "span",
                 {
                   className: r(
@@ -79,7 +79,7 @@ function o({
   );
 }
 o.displayName = "TabLinks";
-const k = T(o, (t, e) => {
+const C = N(o, (t, e) => {
   if (t.activeTab !== e.activeTab || t.className !== e.className || t.tabClassName !== e.tabClassName || t.activeTabClassName !== e.activeTabClassName || t.indicatorClassName !== e.indicatorClassName || t.animated !== e.animated || t.onTabChange !== e.onTabChange || t.renderTab !== e.renderTab || t.items.length !== e.items.length)
     return !1;
   for (let i = 0; i < t.items.length; i++) {
@@ -90,5 +90,5 @@ const k = T(o, (t, e) => {
   return !0;
 });
 export {
-  k as default
+  C as default
 };

package/dist/{components/Table/Table.js → Table.es.js}

@@ -1,7 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as l } from "../../lib/cn.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
-const s = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r("div", { className: "w-full", children: /* @__PURE__ */ r(
+const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(
   "table",
   {
     ref: a,
@@ -12,8 +12,8 @@ const s = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r("div", {
     ...t
   }
 ) }));
-s.displayName = "Table";
-const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+n.displayName = "Table";
+const f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "thead",
   {
     ref: a,
@@ -21,8 +21,8 @@ const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-n.displayName = "TableHeader";
-const f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+f.displayName = "TableHeader";
+const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "tbody",
   {
     ref: a,
@@ -30,8 +30,8 @@ const f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-f.displayName = "TableBody";
-const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+i.displayName = "TableBody";
+const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "tfoot",
   {
     ref: a,
@@ -42,14 +42,9 @@ const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-i.displayName = "TableFooter";
-const b = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => /* @__PURE__ */ r(
-  "tr",
-  {
-    ref: d,
-    className: l(
-      "border-b border-neutral-default-default relative text-center text-md text-semibold transition-colors hover:bg-neutral-medium-default/50 text-neutral-default-default",
-      `
+b.displayName = "TableFooter";
+const c = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => {
+  const s = `
     after:content-["<span id='selected-span'></span>"]
     after:absolute
     after:top-1/2
@@ -66,14 +61,22 @@ const b = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => /* @__PURE_
     transition-all
     duration-300
     ease-in-out
-    `,
-      e
-    ),
-    ...a
-  }
-));
-b.displayName = "TableRow";
-const c = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+    `;
+  return /* @__PURE__ */ r.jsx(
+    "tr",
+    {
+      ref: d,
+      className: l(
+        "border-b border-neutral-default-default relative text-center text-md text-semibold transition-colors hover:bg-neutral-medium-default/50 text-neutral-default-default",
+        s,
+        e
+      ),
+      ...a
+    }
+  );
+});
+c.displayName = "TableRow";
+const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "th",
   {
     ref: a,
@@ -84,8 +87,8 @@ const c = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-c.displayName = "TableHead";
-const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+m.displayName = "TableHead";
+const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "td",
   {
     ref: a,
@@ -96,8 +99,8 @@ const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-m.displayName = "TableCell";
-const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
+u.displayName = "TableCell";
+const p = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "caption",
   {
     ref: a,
@@ -105,14 +108,14 @@ const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
     ...t
   }
 ));
-u.displayName = "TableCaption";
+p.displayName = "TableCaption";
 export {
-  s as Table,
-  f as TableBody,
-  u as TableCaption,
-  m as TableCell,
-  i as TableFooter,
-  c as TableHead,
-  n as TableHeader,
-  b as TableRow
+  n as Table,
+  i as TableBody,
+  p as TableCaption,
+  u as TableCell,
+  b as TableFooter,
+  m as TableHead,
+  f as TableHeader,
+  c as TableRow
 };

package/dist/{components/TextArea/TextArea.js → TextArea.es.js}

@@ -1,8 +1,8 @@
-import { jsx as j } from "react/jsx-runtime";
-import { cn as k } from "../../lib/cn.js";
+import { j as k } from "./jsx-runtime-DKDX3adD.js";
+import { c as A } from "./cn-B6yFEsav.js";
 import * as a from "react";
-import { forwardRef as z } from "react";
-const A = z(
+import { forwardRef as E } from "react";
+const M = E(
   ({
     className: f,
     autoResize: r = !1,
@@ -10,55 +10,57 @@ const A = z(
     minRows: l = 3,
     maxRows: n,
     placeholder: d,
-    onChange: h,
-    value: m,
+    onChange: m,
+    value: h,
     rows: p,
-    disabled: g = !1,
-    ...x
+    disabled: x = !1,
+    ...g
     // ← Para pasar las props nativas
   }, t) => {
-    const i = a.useRef(null), b = a.useCallback(
+    const o = a.useRef(null), b = a.useCallback(
       (e) => {
-        i.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+        o.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
       },
       [t]
     ), s = a.useCallback(() => {
-      const e = i.current;
+      const e = o.current;
       if (!e || !r) return;
       e.style.height = "auto";
-      const H = e.scrollHeight, o = Number.parseInt(getComputedStyle(e).lineHeight) || 20, C = l * o + 16;
-      let u = Math.max(H, C);
+      const C = e.scrollHeight, i = Number.parseInt(getComputedStyle(e).lineHeight) || 20, j = l * i + 16;
+      let u = Math.max(C, j);
       if (n) {
-        const N = n * o + 16;
+        const N = n * i + 16;
         u = Math.min(u, N);
       }
       e.style.height = `${u}px`;
     }, [r, l, n]), y = (e) => {
-      h?.(e), s();
+      m?.(e), s();
     };
-    return a.useEffect(() => {
+    a.useEffect(() => {
       s();
-    }, [s]), /* @__PURE__ */ j(
+    }, [s]);
+    const H = () => c ? r ? "resize-x" : "resize" : "resize-none";
+    return /* @__PURE__ */ k.jsx(
       "textarea",
       {
         ref: b,
         "data-slot": "textarea",
-        className: k(
+        className: A(
           "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none border border-neutral-default-default focus:border-primary-default-default flex w-full rounded-md px-3 py-2 outline-none disabled:cursor-default disabled:opacity-50 md:text-sm",
-          c ? r ? "resize-x" : "resize" : "resize-none",
+          H(),
           f
         ),
         onChange: y,
         rows: r ? l : p,
-        value: m,
+        value: h,
         placeholder: d,
-        disabled: g,
-        ...x
+        disabled: x,
+        ...g
       }
     );
   }
 );
-A.displayName = "TextArea";
+M.displayName = "TextArea";
 export {
-  A as default
+  M as default
 };