componenteszw-package 1.1.0 → 1.1.1

package/dist/index.js

@@ -242,7 +242,7 @@ const Y = (t) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   H_.test(t) && !A_.test(t)
 ), vx = () => !1, Z_ = (t) => V_.test(t), W_ = (t) => P_.test(t), G_ = () => {
-  const t = Y("colors"), c = Y("spacing"), o = Y("blur"), a = Y("brightness"), i = Y("borderColor"), n = Y("borderRadius"), h = Y("borderSpacing"), d = Y("borderWidth"), l = Y("contrast"), s = Y("grayscale"), y = Y("hueRotate"), x = Y("invert"), I = Y("gap"), C = Y("gradientColorStops"), A = Y("gradientColorStopPositions"), f = Y("inset"), _ = Y("margin"), q = Y("opacity"), B = Y("padding"), L = Y("saturate"), j = Y("scale"), v = Y("sepia"), Z = Y("skew"), Q = Y("space"), z = Y("translate"), W = () => ["auto", "contain", "none"], t1 = () => ["auto", "hidden", "clip", "visible", "scroll"], n1 = () => ["auto", S, c], R = () => [S, c], i1 = () => ["", l1, s1], g = () => ["auto", Gt, S], F = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], b = () => ["solid", "dashed", "dotted", "double", "none"], e1 = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], a1 = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], J = () => ["", "0", S], u = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [Gt, S];
+  const t = Y("colors"), c = Y("spacing"), o = Y("blur"), a = Y("brightness"), i = Y("borderColor"), n = Y("borderRadius"), h = Y("borderSpacing"), d = Y("borderWidth"), l = Y("contrast"), s = Y("grayscale"), y = Y("hueRotate"), x = Y("invert"), I = Y("gap"), C = Y("gradientColorStops"), A = Y("gradientColorStopPositions"), f = Y("inset"), _ = Y("margin"), q = Y("opacity"), B = Y("padding"), L = Y("saturate"), j = Y("scale"), v = Y("sepia"), Z = Y("skew"), Q = Y("space"), z = Y("translate"), W = () => ["auto", "contain", "none"], t1 = () => ["auto", "hidden", "clip", "visible", "scroll"], n1 = () => ["auto", S, c], R = () => [S, c], i1 = () => ["", l1, s1], g = () => ["auto", Gt, S], F = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], w = () => ["solid", "dashed", "dotted", "double", "none"], e1 = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], a1 = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], J = () => ["", "0", S], u = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [Gt, S];
   return {
     cacheSize: 500,
     separator: ":",
@@ -1057,7 +1057,7 @@ const Y = (t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...b(), "wavy"]
+        decoration: [...w(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -1431,7 +1431,7 @@ const Y = (t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...b(), "hidden"]
+        border: [...w(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1469,7 +1469,7 @@ const Y = (t) => {
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: b()
+        divide: w()
       }],
       /**
        * Border Color
@@ -1546,7 +1546,7 @@ const Y = (t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...b()]
+        outline: ["", ...w()]
       }],
       /**
        * Outline Offset
@@ -2271,7 +2271,7 @@ const Y = (t) => {
     }
   };
 }, X_ = /* @__PURE__ */ C_(G_);
-function w(...t) {
+function b(...t) {
   return X_(M_(t));
 }
 const Jf = ({
@@ -2305,7 +2305,7 @@ const Jf = ({
       type: l,
       onClick: d,
       disabled: f,
-      className: w(
+      className: b(
         I,
         C[i],
         A[a],
@@ -2313,9 +2313,9 @@ const Jf = ({
         s
       ),
       children: [
-        h ? /* @__PURE__ */ k("span", { className: "animate-spin", children: "⏳" }) : c && /* @__PURE__ */ k("span", { className: w("flex items-center", x), children: c }),
-        t && /* @__PURE__ */ k("span", { className: w(y), children: h ? "Cargando..." : t }),
-        !h && o && /* @__PURE__ */ k("span", { className: w("flex items-center", x), children: o })
+        h ? /* @__PURE__ */ k("span", { className: "animate-spin", children: "⏳" }) : c && /* @__PURE__ */ k("span", { className: b("flex items-center", x), children: c }),
+        t && /* @__PURE__ */ k("span", { className: b(y), children: h ? "Cargando..." : t }),
+        !h && o && /* @__PURE__ */ k("span", { className: b("flex items-center", x), children: o })
       ]
     }
   );
@@ -2346,8 +2346,8 @@ const Jf = ({
     error: "border-red-500 focus:border-red-500",
     disabled: "bg-gray-100 cursor-not-allowed"
   };
-  return /* @__PURE__ */ $("div", { className: w("flex flex-col gap-1 w-full", x), children: [
-    t && /* @__PURE__ */ $("label", { className: w("text-sm font-medium", C), children: [
+  return /* @__PURE__ */ $("div", { className: b("flex flex-col gap-1 w-full", x), children: [
+    t && /* @__PURE__ */ $("label", { className: b("text-sm font-medium", C), children: [
       t,
       " ",
       i && /* @__PURE__ */ k("span", { className: "text-red-500", children: "*" })
@@ -2361,7 +2361,7 @@ const Jf = ({
           placeholder: c,
           disabled: s || n === "disabled",
           onChange: (B) => y?.(B.target.value),
-          className: w(
+          className: b(
             "w-full rounded-md border outline-none",
             _[h],
             q[n],
@@ -2373,7 +2373,7 @@ const Jf = ({
       l && /* @__PURE__ */ k(
         "div",
         {
-          className: w(
+          className: b(
             "absolute right-3 top-1/2 -translate-y-1/2",
             f
           ),
@@ -2384,7 +2384,7 @@ const Jf = ({
     a && /* @__PURE__ */ k(
       "span",
       {
-        className: w(
+        className: b(
           "text-xs",
           n === "error" ? "text-red-500" : "text-gray-500",
           A
@@ -2414,8 +2414,8 @@ function fe1({
     const L = B.target.value;
     h && L.length > h || (f(L), s?.(L));
   };
-  return /* @__PURE__ */ $("div", { className: w("flex flex-col gap-1", y), children: [
-    t && /* @__PURE__ */ $("label", { className: w("text-sm font-medium", I), children: [
+  return /* @__PURE__ */ $("div", { className: b("flex flex-col gap-1", y), children: [
+    t && /* @__PURE__ */ $("label", { className: b("text-sm font-medium", I), children: [
       t,
       " ",
       i && /* @__PURE__ */ k("span", { className: "text-red-500", children: "*" })
@@ -2427,7 +2427,7 @@ function fe1({
         placeholder: c,
         onChange: q,
         disabled: l || n === "disabled",
-        className: w(
+        className: b(
           "w-full min-h-[100px] rounded-md border px-3 py-2 text-sm outline-none resize-none transition",
           "focus:ring-2 focus:ring-primary",
           n === "error" && "border-red-500 focus:ring-red-500",
@@ -2441,14 +2441,14 @@ function fe1({
       a && /* @__PURE__ */ k(
         "span",
         {
-          className: w(
+          className: b(
             n === "error" ? "text-red-500" : "text-gray-500",
             C
           ),
           children: a
         }
       ),
-      d && h && /* @__PURE__ */ $("span", { className: w("text-gray-400", C), children: [
+      d && h && /* @__PURE__ */ $("span", { className: b("text-gray-400", C), children: [
         _.length,
         "/",
         h
@@ -22656,12 +22656,12 @@ function xe1({
   iconClassName: y
 }) {
   const x = Vg.useId();
-  return /* @__PURE__ */ $("div", { className: w("flex flex-col gap-1", h), children: [
+  return /* @__PURE__ */ $("div", { className: b("flex flex-col gap-1", h), children: [
     /* @__PURE__ */ $(
       "label",
       {
         htmlFor: x,
-        className: w(
+        className: b(
           "flex items-center gap-2 cursor-pointer",
           a && "opacity-50 cursor-not-allowed",
           l
@@ -22681,7 +22681,7 @@ function xe1({
           /* @__PURE__ */ k(
             "div",
             {
-              className: w(
+              className: b(
                 "w-4 h-4 flex items-center justify-center rounded border transition",
                 c || o ? "bg-primary text-white border-primary" : "bg-white border-gray-300",
                 d
@@ -22693,7 +22693,7 @@ function xe1({
         ]
       }
     ),
-    i && /* @__PURE__ */ k("span", { className: w("text-xs text-gray-500", s), children: i })
+    i && /* @__PURE__ */ k("span", { className: b("text-xs text-gray-500", s), children: i })
   ] });
 }
 const Qf = ({
@@ -22724,18 +22724,18 @@ const Qf = ({
   }, []), /* @__PURE__ */ $(
     "div",
     {
-      className: w(
+      className: b(
         "relative w-[380px] rounded-xl border border-orange-500 bg-white px-4 py-4 flex items-start justify-between shadow-sm hover:shadow-md transition-all duration-200",
         d
       ),
       children: [
-        /* @__PURE__ */ $("div", { className: w("flex items-start gap-3", l), children: [
-          /* @__PURE__ */ k("div", { className: w("shrink-0", x), children: o }),
+        /* @__PURE__ */ $("div", { className: b("flex items-start gap-3", l), children: [
+          /* @__PURE__ */ k("div", { className: b("shrink-0", x), children: o }),
           /* @__PURE__ */ $("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ k(
               "span",
               {
-                className: w(
+                className: b(
                   "text-sm font-semibold text-gray-900",
                   s
                 ),
@@ -22745,7 +22745,7 @@ const Qf = ({
             /* @__PURE__ */ $(
               "div",
               {
-                className: w(
+                className: b(
                   "flex items-center gap-2 text-sm text-gray-500 mt-1",
                   y
                 ),
@@ -22767,7 +22767,7 @@ const Qf = ({
               onClick: () => {
                 _(!f), h?.();
               },
-              className: w(
+              className: b(
                 "flex items-center justify-center w-9 h-9 rounded-lg hover:bg-orange-50 text-orange-500 transition-colors duration-200",
                 I
               ),
@@ -22777,7 +22777,7 @@ const Qf = ({
           f && n.length > 0 && /* @__PURE__ */ k(
             "div",
             {
-              className: w(
+              className: b(
                 "absolute right-0 mt-2 w-44 rounded-2xl border border-gray-200 bg-white shadow-xl z-20 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
                 C
               ),
@@ -22787,7 +22787,7 @@ const Qf = ({
                   onClick: () => {
                     L.onClick?.(), _(!1);
                   },
-                  className: w(
+                  className: b(
                     "w-full flex items-center gap-3 px-4 py-3 text-sm transition-colors duration-150",
                     L.danger ? "text-red-500 hover:bg-red-50" : "text-gray-700 hover:bg-orange-50 hover:text-orange-600",
                     A
@@ -22917,7 +22917,7 @@ function fY() {
         }
       }
     }
-    var v = l, Z = s, Q = d, z = h, W = c, t1 = y, n1 = a, R = A, i1 = C, g = o, F = n, b = i, e1 = x, a1 = !1;
+    var v = l, Z = s, Q = d, z = h, W = c, t1 = y, n1 = a, R = A, i1 = C, g = o, F = n, w = i, e1 = x, a1 = !1;
     function J(m) {
       return a1 || (a1 = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), u(m) || j(m) === l;
     }
@@ -22957,7 +22957,7 @@ function fY() {
     function o1(m) {
       return j(m) === x;
     }
-    X.AsyncMode = v, X.ConcurrentMode = Z, X.ContextConsumer = Q, X.ContextProvider = z, X.Element = W, X.ForwardRef = t1, X.Fragment = n1, X.Lazy = R, X.Memo = i1, X.Portal = g, X.Profiler = F, X.StrictMode = b, X.Suspense = e1, X.isAsyncMode = J, X.isConcurrentMode = u, X.isContextConsumer = M, X.isContextProvider = T, X.isElement = P, X.isForwardRef = H, X.isFragment = D, X.isLazy = V, X.isMemo = O, X.isPortal = E, X.isProfiler = K, X.isStrictMode = U, X.isSuspense = o1, X.isValidElementType = L, X.typeOf = j;
+    X.AsyncMode = v, X.ConcurrentMode = Z, X.ContextConsumer = Q, X.ContextProvider = z, X.Element = W, X.ForwardRef = t1, X.Fragment = n1, X.Lazy = R, X.Memo = i1, X.Portal = g, X.Profiler = F, X.StrictMode = w, X.Suspense = e1, X.isAsyncMode = J, X.isConcurrentMode = u, X.isContextConsumer = M, X.isContextProvider = T, X.isElement = P, X.isForwardRef = H, X.isFragment = D, X.isLazy = V, X.isMemo = O, X.isPortal = E, X.isProfiler = K, X.isStrictMode = U, X.isSuspense = o1, X.isValidElementType = L, X.typeOf = j;
   })()), X;
 }
 var ax;
@@ -23147,7 +23147,7 @@ function wY() {
     }
     function q(u) {
       function M(T, P, H, D, V, O) {
-        var E = T[P], K = b(E);
+        var E = T[P], K = w(E);
         if (K !== u) {
           var U = e1(E);
           return new f(
@@ -23168,7 +23168,7 @@ function wY() {
           return new f("Property `" + V + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
         var O = T[P];
         if (!Array.isArray(O)) {
-          var E = b(O);
+          var E = w(O);
           return new f("Invalid " + D + " `" + V + "` of type " + ("`" + E + "` supplied to `" + H + "`, expected an array."));
         }
         for (var K = 0; K < O.length; K++) {
@@ -23184,7 +23184,7 @@ function wY() {
       function u(M, T, P, H, D) {
         var V = M[T];
         if (!d(V)) {
-          var O = b(V);
+          var O = w(V);
           return new f("Invalid " + H + " `" + D + "` of type " + ("`" + O + "` supplied to `" + P + "`, expected a single ReactElement."));
         }
         return null;
@@ -23195,7 +23195,7 @@ function wY() {
       function u(M, T, P, H, D) {
         var V = M[T];
         if (!t.isValidElementType(V)) {
-          var O = b(V);
+          var O = w(V);
           return new f("Invalid " + H + " `" + D + "` of type " + ("`" + O + "` supplied to `" + P + "`, expected a single ReactElement type."));
         }
         return null;
@@ -23233,7 +23233,7 @@ function wY() {
       function M(T, P, H, D, V) {
         if (typeof u != "function")
           return new f("Property `" + V + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
-        var O = T[P], E = b(O);
+        var O = T[P], E = w(O);
         if (E !== "object")
           return new f("Invalid " + D + " `" + V + "` of type " + ("`" + E + "` supplied to `" + H + "`, expected an object."));
         for (var K in O)
@@ -23281,7 +23281,7 @@ function wY() {
     }
     function R(u) {
       function M(T, P, H, D, V) {
-        var O = T[P], E = b(O);
+        var O = T[P], E = w(O);
         if (E !== "object")
           return new f("Invalid " + D + " `" + V + "` of type `" + E + "` " + ("supplied to `" + H + "`, expected `object`."));
         for (var K in u) {
@@ -23298,7 +23298,7 @@ function wY() {
     }
     function i1(u) {
       function M(T, P, H, D, V) {
-        var O = T[P], E = b(O);
+        var O = T[P], E = w(O);
         if (E !== "object")
           return new f("Invalid " + D + " `" + V + "` of type `" + E + "` " + ("supplied to `" + H + "`, expected `object`."));
         var K = c({}, T[P], u);
@@ -23355,14 +23355,14 @@ Valid keys: ` + JSON.stringify(Object.keys(u), null, "  ")
     function F(u, M) {
       return u === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
     }
-    function b(u) {
+    function w(u) {
       var M = typeof u;
       return Array.isArray(u) ? "array" : u instanceof RegExp ? "object" : F(M, u) ? "symbol" : M;
     }
     function e1(u) {
       if (typeof u > "u" || u === null)
         return "" + u;
-      var M = b(u);
+      var M = w(u);
       if (M === "object") {
         if (u instanceof Date)
           return "date";
@@ -25976,32 +25976,32 @@ function _e1({
   existingFileDropdownIcons: j,
   newFileDropdownIcons: v
 }) {
-  const [Z, Q] = Vg.useState([]), [z, W] = Vg.useState(!1), t1 = (b) => {
-    if (!b) return;
-    const e1 = Array.from(b).filter((J) => {
+  const [Z, Q] = Vg.useState([]), [z, W] = Vg.useState(!1), t1 = (w) => {
+    if (!w) return;
+    const e1 = Array.from(w).filter((J) => {
       const u = J.size / 1024 / 1024 <= c, M = o ? o.includes(J.type) : !0;
       return u && M;
     }), a1 = t ? [...Z, ...e1] : e1;
     Q(a1), a?.(a1);
-  }, n1 = (b) => {
-    const e1 = Z.filter((a1, J) => J !== b);
+  }, n1 = (w) => {
+    const e1 = Z.filter((a1, J) => J !== w);
     Q(e1), a?.(e1);
-  }, R = (b) => b >= 1024 ? `<${b / 1024}GB` : `<${b}MB`, i1 = o && o.length > 0 ? o.join(", ") : "Cualquier formato", g = (b) => {
-    const e1 = b.split(".").pop()?.toLowerCase() ?? "", a1 = ue1[e1] ?? xx;
-    return /* @__PURE__ */ k("div", { className: w("flex items-center justify-center", f), children: /* @__PURE__ */ k(a1, { size: 48, color: _ }) });
+  }, R = (w) => w >= 1024 ? `<${w / 1024}GB` : `<${w}MB`, i1 = o && o.length > 0 ? o.join(", ") : "Cualquier formato", g = (w) => {
+    const e1 = w.split(".").pop()?.toLowerCase() ?? "", a1 = ue1[e1] ?? xx;
+    return /* @__PURE__ */ k("div", { className: b("flex items-center justify-center", f), children: /* @__PURE__ */ k(a1, { size: 48, color: _ }) });
   }, F = i.length > 0 || Z.length > 0;
-  return /* @__PURE__ */ $("div", { className: w("flex gap-3 items-start", d), children: [
+  return /* @__PURE__ */ $("div", { className: b("flex gap-3 items-start", d), children: [
     /* @__PURE__ */ $(
       "div",
       {
-        onDragOver: (b) => {
-          b.preventDefault(), W(!0);
+        onDragOver: (w) => {
+          w.preventDefault(), W(!0);
         },
         onDragLeave: () => W(!1),
-        onDrop: (b) => {
-          b.preventDefault(), W(!1), t1(b.dataTransfer.files);
+        onDrop: (w) => {
+          w.preventDefault(), W(!1), t1(w.dataTransfer.files);
         },
-        className: w(
+        className: b(
           "border-2 border-dashed rounded-lg p-6 text-center transition bg-[#FEF7F6]",
           z ? "border-[#EE512E] bg-[#FEF7F6]" : "border-[#EE512E]/40",
           z && s,
@@ -26028,7 +26028,7 @@ function _e1({
               ]
             }
           ),
-          /* @__PURE__ */ k("p", { className: w("text-sm font-semibold text-gray-800", y), children: "Arrastra/Selecciona un archivo" }),
+          /* @__PURE__ */ k("p", { className: b("text-sm font-semibold text-gray-800", y), children: "Arrastra/Selecciona un archivo" }),
           /* @__PURE__ */ $("p", { className: "text-xs text-gray-400 mt-0.5", children: [
             i1,
             " | ",
@@ -26039,7 +26039,7 @@ function _e1({
             {
               type: "file",
               multiple: t,
-              onChange: (b) => t1(b.target.files),
+              onChange: (w) => t1(w.target.files),
               className: "hidden",
               id: "file-upload"
             }
@@ -26048,7 +26048,7 @@ function _e1({
             "label",
             {
               htmlFor: "file-upload",
-              className: w(
+              className: b(
                 "inline-flex items-center gap-1.5 mt-3 px-4 py-1.5 border border-[#EE512E] rounded-full text-sm text-[#EE512E] cursor-pointer hover:bg-[#FEF7F6] transition",
                 x
               ),
@@ -26076,12 +26076,12 @@ function _e1({
       }
     ),
     F && /* @__PURE__ */ $("div", { className: "flex flex-col gap-3 flex-1 min-w-0", children: [
-      i.map((b) => /* @__PURE__ */ k(
+      i.map((w) => /* @__PURE__ */ k(
         Qf,
         {
-          title: b.nombre,
-          subtitle: b.size !== void 0 ? `${b.size}MB` : "",
-          iconFile: g(b.nombre),
+          title: w.nombre,
+          subtitle: w.size !== void 0 ? `${w.size}MB` : "",
+          iconFile: g(w.nombre),
           className: I,
           titleClassName: q,
           subtitleClassName: B,
@@ -26090,26 +26090,26 @@ function _e1({
             {
               label: "Descargar",
               icon: j?.download,
-              onClick: () => h?.(b)
+              onClick: () => h?.(w)
             },
             {
               label: "Borrar",
               icon: j?.remove,
               danger: !0,
-              onClick: () => n?.(b.id)
+              onClick: () => n?.(w.id)
             }
           ]
         },
-        `existing-${b.id}`
+        `existing-${w.id}`
       )),
-      Z.map((b, e1) => {
-        const a1 = (b.size / 1024 / 1024).toFixed(0);
+      Z.map((w, e1) => {
+        const a1 = (w.size / 1024 / 1024).toFixed(0);
         return /* @__PURE__ */ k(
           Qf,
           {
-            title: b.name,
+            title: w.name,
             subtitle: `${a1}MB`,
-            iconFile: g(b.name),
+            iconFile: g(w.name),
             className: I,
             titleClassName: q,
             subtitleClassName: B,
@@ -26143,7 +26143,7 @@ const we1 = ({
   "div",
   {
     onClick: c,
-    className: w(
+    className: b(
       "w-full bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden transition-all duration-200",
       h && "cursor-pointer",
       h && "hover:shadow-md",
@@ -26158,16 +26158,16 @@ const we1 = ({
       /* @__PURE__ */ k(
         "div",
         {
-          className: w(
+          className: b(
             "min-h-[72px] px-6 py-4 flex items-center justify-between",
             a
           ),
           children: t || /* @__PURE__ */ $(Uf, { children: [
-            /* @__PURE__ */ k("div", { className: w("flex-1 h-5 rounded-md bg-gray-100", n) }),
-            /* @__PURE__ */ k("div", { className: w("w-24 h-5 rounded-md bg-gray-100 ml-6", n) }),
-            /* @__PURE__ */ k("div", { className: w("w-24 h-5 rounded-md bg-gray-100 ml-6", n) }),
-            /* @__PURE__ */ k("div", { className: w("w-32 h-5 rounded-md bg-gray-100 ml-6", n) }),
-            /* @__PURE__ */ k("div", { className: w("w-6 h-6 rounded-md bg-gray-100 ml-6", n) })
+            /* @__PURE__ */ k("div", { className: b("flex-1 h-5 rounded-md bg-gray-100", n) }),
+            /* @__PURE__ */ k("div", { className: b("w-24 h-5 rounded-md bg-gray-100 ml-6", n) }),
+            /* @__PURE__ */ k("div", { className: b("w-24 h-5 rounded-md bg-gray-100 ml-6", n) }),
+            /* @__PURE__ */ k("div", { className: b("w-32 h-5 rounded-md bg-gray-100 ml-6", n) }),
+            /* @__PURE__ */ k("div", { className: b("w-6 h-6 rounded-md bg-gray-100 ml-6", n) })
           ] })
         }
       )
@@ -26216,11 +26216,11 @@ const we1 = ({
     question: { icon: "?", bg: "bg-orange-100", text: "text-orange-500" },
     content: { icon: "•", bg: "bg-gray-100", text: "text-gray-500" }
   }[o];
-  return /* @__PURE__ */ $("div", { className: w("fixed inset-0 z-50 flex items-center justify-center", I), children: [
+  return /* @__PURE__ */ $("div", { className: b("fixed inset-0 z-50 flex items-center justify-center", I), children: [
     /* @__PURE__ */ k(
       "div",
       {
-        className: w("absolute inset-0 backdrop-blur-sm bg-black/20", C),
+        className: b("absolute inset-0 backdrop-blur-sm bg-black/20", C),
         onClick: () => {
           s && c();
         }
@@ -26229,17 +26229,17 @@ const we1 = ({
     /* @__PURE__ */ $(
       "div",
       {
-        className: w(
+        className: b(
           "relative z-10 bg-white rounded-2xl shadow-2xl border border-gray-200 overflow-hidden animate-in fade-in zoom-in-95 duration-200",
           v[l],
           A
         ),
         children: [
-          /* @__PURE__ */ $("div", { className: w("px-6 pt-6 pb-4 text-center", f), children: [
+          /* @__PURE__ */ $("div", { className: b("px-6 pt-6 pb-4 text-center", f), children: [
             !x && /* @__PURE__ */ k(
               "div",
               {
-                className: w(
+                className: b(
                   "w-14 h-14 mx-auto mb-4 rounded-full flex items-center justify-center text-2xl font-bold",
                   Q.bg,
                   Q.text,
@@ -26248,14 +26248,14 @@ const we1 = ({
                 children: Q.icon
               }
             ),
-            /* @__PURE__ */ k("h2", { className: w("text-lg font-semibold text-gray-900", L), children: a }),
-            i && /* @__PURE__ */ k("p", { className: w("mt-2 text-sm text-gray-500", j), children: i })
+            /* @__PURE__ */ k("h2", { className: b("text-lg font-semibold text-gray-900", L), children: a }),
+            i && /* @__PURE__ */ k("p", { className: b("mt-2 text-sm text-gray-500", j), children: i })
           ] }),
-          n && /* @__PURE__ */ k("div", { className: w("px-6 pb-6", _), children: n }),
+          n && /* @__PURE__ */ k("div", { className: b("px-6 pb-6", _), children: n }),
           (h || d) && /* @__PURE__ */ $(
             "div",
             {
-              className: w(
+              className: b(
                 "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100",
                 q
               ),
@@ -26297,7 +26297,7 @@ const we1 = ({
 }) => t ? /* @__PURE__ */ $(
   "div",
   {
-    className: w(
+    className: b(
       "fixed inset-0 z-40",
       h && "pointer-events-none",
       d
@@ -26306,7 +26306,7 @@ const we1 = ({
       /* @__PURE__ */ k(
         "div",
         {
-          className: w("absolute inset-0 backdrop-blur-sm", l),
+          className: b("absolute inset-0 backdrop-blur-sm", l),
           style: {
             backdropFilter: `blur(${c}px)`,
             backgroundColor: `rgba(255,255,255,${o})`
@@ -26319,7 +26319,7 @@ const we1 = ({
       /* @__PURE__ */ k(
         "div",
         {
-          className: w(
+          className: b(
             "relative z-50 flex items-center justify-center w-full h-full",
             !h && "pointer-events-auto",
             s
@@ -26348,9 +26348,9 @@ function Ne1({
   onExternalSearch: y
 }) {
   const [x, I] = Wt(1), [C, A] = Wt({}), [f, _] = Wt(null), q = Ug(null), B = Ug(null), L = !!s, j = (g, F) => {
-    const b = L ? { [g]: F } : { ...C, [g]: F };
-    A(b), I(1), L && y && (B.current && clearTimeout(B.current), B.current = setTimeout(() => {
-      y(F);
+    const w = L ? { [g]: F } : { ...C, [g]: F };
+    A(w), I(1), L && y && (B.current && clearTimeout(B.current), B.current = setTimeout(() => {
+      y(JSON.stringify(w));
     }, 350));
   };
   lx(() => {
@@ -26361,15 +26361,15 @@ function Ne1({
   }, []);
   const v = v_(() => L ? c : c.filter(
     (g) => t.every((F) => {
-      const b = C[F.key]?.toLowerCase() || "";
-      return b ? String(g[F.key]).toLowerCase().includes(b) : !0;
+      const w = C[F.key]?.toLowerCase() || "";
+      return w ? String(g[F.key]).toLowerCase().includes(w) : !0;
     })
   ), [c, C, t, L]), Z = L ? s.currentPage : x, Q = L ? s.lastPage : Math.max(1, Math.ceil(v.length / o)), z = (x - 1) * o, W = L ? c : v.slice(z, z + o), t1 = (g) => {
     g < 1 || g > Q || (L ? s.onPageChange(g) : I(g));
   }, n1 = (g, F) => {
     _(null), g.onClick ? g.onClick(F) : h && h(g, F);
   }, R = () => {
-    if (Q <= 7) return Array.from({ length: Q }, (F, b) => b + 1);
+    if (Q <= 7) return Array.from({ length: Q }, (F, w) => w + 1);
     const g = [];
     g.push(1), Z > 3 && g.push("...");
     for (let F = Math.max(2, Z - 1); F <= Math.min(Q - 1, Z + 1); F++)
@@ -26408,7 +26408,7 @@ function Ne1({
             ] })
           ] }),
           /* @__PURE__ */ k("tbody", { children: W.length === 0 ? /* @__PURE__ */ k("tr", { children: /* @__PURE__ */ k("td", { colSpan: t.length + 1, className: "p-4 text-center text-sm text-gray-500", children: "No hay resultados" }) }) : W.map((g, F) => {
-            const b = L ? F : z + F, e1 = Array.isArray(g.actions) && g.actions.length > 0, a1 = F >= W.length - 2;
+            const w = L ? F : z + F, e1 = Array.isArray(g.actions) && g.actions.length > 0, a1 = F >= W.length - 2;
             return /* @__PURE__ */ $(
               "tr",
               {
@@ -26423,14 +26423,14 @@ function Ne1({
                       {
                         type: "button",
                         onClick: (J) => {
-                          J.stopPropagation(), _(f === b ? null : b);
+                          J.stopPropagation(), _(f === w ? null : w);
                         },
                         className: "px-2 py-1 rounded hover:bg-gray-200 transition cursor-pointer text-gray-400 hover:text-gray-600",
                         "aria-label": "Acciones",
                         children: "•••"
                       }
                     ),
-                    f === b && /* @__PURE__ */ k(
+                    f === w && /* @__PURE__ */ k(
                       "div",
                       {
                         ref: q,
@@ -26541,8 +26541,8 @@ const Ie1 = ({
       L.current?.contains(W.target) || _(!1);
     };
     return document.addEventListener("mousedown", z), () => document.removeEventListener("mousedown", z);
-  }, []), /* @__PURE__ */ $("div", { className: w("w-[300px] text-sm relative", l), ref: L, children: [
-    a && /* @__PURE__ */ $("label", { className: w("block mb-1 font-medium", I), children: [
+  }, []), /* @__PURE__ */ $("div", { className: b("w-[300px] text-sm relative", l), ref: L, children: [
+    a && /* @__PURE__ */ $("label", { className: b("block mb-1 font-medium", I), children: [
       a,
       " ",
       i && /* @__PURE__ */ k("span", { className: "text-red-500", children: "*" })
@@ -26550,7 +26550,7 @@ const Ie1 = ({
     /* @__PURE__ */ $(
       "div",
       {
-        className: w(
+        className: b(
           "border rounded-lg px-3 py-2 flex items-center cursor-pointer justify-between",
           s
         ),
@@ -26590,7 +26590,7 @@ const Ie1 = ({
     f && /* @__PURE__ */ $(
       "div",
       {
-        className: w(
+        className: b(
           "border rounded-lg mt-2 p-2 bg-white shadow absolute w-full z-50",
           y
         ),
@@ -26600,7 +26600,7 @@ const Ie1 = ({
             {
               type: "text",
               placeholder: "Buscar...",
-              className: w(
+              className: b(
                 "w-full border px-2 py-1 mb-2 rounded",
                 A
               ),
@@ -26611,7 +26611,7 @@ const Ie1 = ({
           /* @__PURE__ */ k("div", { className: "max-h-40 overflow-auto", children: Q.map((z) => /* @__PURE__ */ $(
             "div",
             {
-              className: w(
+              className: b(
                 "flex items-center gap-2 px-2 py-1 hover:bg-gray-100 cursor-pointer",
                 x
               ),
@@ -26634,7 +26634,7 @@ const Ie1 = ({
         ]
       }
     ),
-    n && /* @__PURE__ */ k("p", { className: w("text-gray-400 mt-1 text-xs", C), children: n })
+    n && /* @__PURE__ */ k("p", { className: b("text-gray-400 mt-1 text-xs", C), children: n })
   ] });
 };
 function $e1({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteszw-package",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",