@imj_media/ui 1.0.82 → 1.2.0

package/dist/index.esm.js

@@ -19426,43 +19426,43 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
     if (o) {
       const z = (J = m.current) == null ? void 0 : J.getBoundingClientRect();
       if (!z) return;
-      const _ = w.top - z.top, X = w.left - z.left;
+      const _ = w.top - z.top, Y = w.left - z.left;
       switch (t) {
         case "top":
-          T = _ - v.height - $, N = X + w.width / 2 - v.width / 2;
+          T = _ - v.height - $, N = Y + w.width / 2 - v.width / 2;
           break;
         case "bottom":
-          T = _ + w.height + $, N = X + w.width / 2 - v.width / 2;
+          T = _ + w.height + $, N = Y + w.width / 2 - v.width / 2;
           break;
         case "left":
-          T = _ + w.height / 2 - v.height / 2, N = X - v.width - $;
+          T = _ + w.height / 2 - v.height / 2, N = Y - v.width - $;
           break;
         case "right":
-          T = _ + w.height / 2 - v.height / 2, N = X + w.width + $;
+          T = _ + w.height / 2 - v.height / 2, N = Y + w.width + $;
           break;
         case "top-left":
-          T = _ - v.height - $, N = X;
+          T = _ - v.height - $, N = Y;
           break;
         case "top-right":
-          T = _ - v.height - $, N = X + w.width - v.width;
+          T = _ - v.height - $, N = Y + w.width - v.width;
           break;
         case "bottom-left":
-          T = _ + w.height + $, N = X;
+          T = _ + w.height + $, N = Y;
           break;
         case "bottom-right":
-          T = _ + w.height + $, N = X + w.width - v.width;
+          T = _ + w.height + $, N = Y + w.width - v.width;
           break;
         case "right-top":
-          T = _, N = X + w.width + $;
+          T = _, N = Y + w.width + $;
           break;
         case "right-bottom":
-          T = _ + w.height - v.height, N = X + w.width + $;
+          T = _ + w.height - v.height, N = Y + w.width + $;
           break;
         case "left-top":
-          T = _, N = X - v.width - $;
+          T = _, N = Y - v.width - $;
           break;
         case "left-bottom":
-          T = _ + w.height - v.height, N = X - v.width - $;
+          T = _ + w.height - v.height, N = Y - v.width - $;
           break;
       }
       T < 0 && (T = 0), N < 0 && (N = 0), (() => {
@@ -19477,25 +19477,25 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
             case "bottom":
               return _ + w.height + $ + v.height <= C1.height;
             case "left":
-              return X >= v.width + $;
+              return Y >= v.width + $;
             case "right":
-              return X + w.width + $ + v.width <= C1.width;
+              return Y + w.width + $ + v.width <= C1.width;
             default:
               return !0;
           }
-        })() && (t === "top" ? _ + w.height + $ + v.height <= C1.height && (g1 = "bottom", K = !0) : t === "bottom" ? _ >= v.height + $ && (g1 = "top", K = !0) : t === "left" ? X + w.width + $ + v.width <= C1.width && (g1 = "right", K = !0) : t === "right" && X >= v.width + $ && (g1 = "left", K = !0), K)) {
+        })() && (t === "top" ? _ + w.height + $ + v.height <= C1.height && (g1 = "bottom", K = !0) : t === "bottom" ? _ >= v.height + $ && (g1 = "top", K = !0) : t === "left" ? Y + w.width + $ + v.width <= C1.width && (g1 = "right", K = !0) : t === "right" && Y >= v.width + $ && (g1 = "left", K = !0), K)) {
           switch (g1) {
             case "top":
-              T = _ - v.height - $, N = X + w.width / 2 - v.width / 2;
+              T = _ - v.height - $, N = Y + w.width / 2 - v.width / 2;
               break;
             case "bottom":
-              T = _ + w.height + $, N = X + w.width / 2 - v.width / 2;
+              T = _ + w.height + $, N = Y + w.width / 2 - v.width / 2;
               break;
             case "left":
-              T = _ + w.height / 2 - v.height / 2, N = X - v.width - $;
+              T = _ + w.height / 2 - v.height / 2, N = Y - v.width - $;
               break;
             case "right":
-              T = _ + w.height / 2 - v.height / 2, N = X + w.width + $;
+              T = _ + w.height / 2 - v.height / 2, N = Y + w.width + $;
               break;
           }
           h(g1);
@@ -19578,8 +19578,8 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
       const z = (P = m.current) == null ? void 0 : P.getBoundingClientRect();
       z && (N < 8 && (N = 8), N + v.width > z.width - 8 && (N = z.width - v.width - 8), T < 8 && (T = 8), T + v.height > z.height - 8 && (T = z.height - v.height - 8));
     } else {
-      const z = window.innerWidth, _ = window.innerHeight, X = 8;
-      N < X && (N = X), N + v.width > z - X && (N = z - v.width - X), T < X && (T = X), T + v.height > _ - X && (T = _ - v.height - X);
+      const z = window.innerWidth, _ = window.innerHeight, Y = 8;
+      N < Y && (N = Y), N + v.width > z - Y && (N = z - v.width - Y), T < Y && (T = Y), T + v.height > _ - Y && (T = _ - v.height - Y);
     }
     if (isNaN(T) || isNaN(N) || T < 0 || N < 0) {
       x();
@@ -20042,7 +20042,7 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
   pill: P = "none",
   textAlign: z = "center",
   whiteBackground: _ = !0,
-  strokeWidth: X = 2,
+  strokeWidth: Y = 2,
   transition: p1 = !0,
   ...C1
 }) => {
@@ -20078,7 +20078,7 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
         className: t,
         onClick: H,
         defaultSizeIcon: h1,
-        strokeWidth: X
+        strokeWidth: Y
       }
     ),
     d && /* @__PURE__ */ p(
@@ -20099,7 +20099,7 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
     !d && f && (typeof f == "string" ? /* @__PURE__ */ i(
       a1,
       {
-        strokeWidth: X,
+        strokeWidth: Y,
         name: f,
         size: u === "icon" ? m : M !== "none" ? M : m,
         color: x,
@@ -20115,7 +20115,7 @@ const Y4 = (t = "top", r = "center", o = !1, e = 0, n = !1) => {
         className: t,
         onClick: I,
         defaultSizeIcon: h1,
-        strokeWidth: X
+        strokeWidth: Y
       }
     )
   ] }), r1 = g ? "!ui-p-0 ui-flex ui-justify-center ui-items-center" : "", l1 = f1(
@@ -21916,8 +21916,8 @@ const y8 = (t) => {
         const Z = N.getBoundingClientRect(), D = window.innerHeight, J = window.innerWidth, U = 320, q = 256, G = 8;
         let F, P = Z.left;
         const z = D - Z.bottom, _ = Z.top;
-        z >= U + G ? F = Z.bottom + G : _ >= U + G ? F = Z.top - U - G : z > _ ? F = Z.bottom + G : F = Z.top - U - G, Z.left + q > J && (P = Z.right - q), P = Math.max(0, Math.min(P, J - q)), c((X) => ({
-          ...X,
+        z >= U + G ? F = Z.bottom + G : _ >= U + G ? F = Z.top - U - G : z > _ ? F = Z.bottom + G : F = Z.top - U - G, Z.left + q > J && (P = Z.right - q), P = Math.max(0, Math.min(P, J - q)), c((Y) => ({
+          ...Y,
           isOpen: !0,
           portalPosition: { top: F, left: P }
         })), d(!0);
@@ -21995,7 +21995,7 @@ const y8 = (t) => {
     const Z = N.getBoundingClientRect(), D = window.innerHeight, J = window.innerWidth, U = 320, q = 256, G = 8;
     let F, P = Z.left;
     const z = D - Z.bottom, _ = Z.top;
-    z >= U + G ? F = Z.bottom + G : _ >= U + G ? F = Z.top - U - G : z > _ ? F = Z.bottom + G : F = Z.top - U - G, Z.left + q > J && (P = Z.right - q), P = Math.max(0, Math.min(P, J - q)), c((X) => ({ ...X, portalPosition: { top: F, left: P } })), d(!0);
+    z >= U + G ? F = Z.bottom + G : _ >= U + G ? F = Z.top - U - G : z > _ ? F = Z.bottom + G : F = Z.top - U - G, Z.left + q > J && (P = Z.right - q), P = Math.max(0, Math.min(P, J - q)), c((Y) => ({ ...Y, portalPosition: { top: F, left: P } })), d(!0);
   }, []);
   return Q(() => {
     if (!l.isOpen) return;
@@ -22983,8 +22983,8 @@ const y8 = (t) => {
       default:
         _ = "days";
     }
-    const X = [...T];
-    X[P] = _, N(X);
+    const Y = [...T];
+    Y[P] = _, N(Y);
   }, q = (P, z) => {
     const _ = [...Z];
     _[P] = new Date(
@@ -22992,18 +22992,18 @@ const y8 = (t) => {
       z,
       1
     ), D(_);
-    const X = [...T];
-    X[P] = "days", N(X), d == null || d(z);
+    const Y = [...T];
+    Y[P] = "days", N(Y), d == null || d(z);
   }, G = (P, z) => {
     const _ = [...Z];
     _[P] = new Date(z, Z[P].getMonth(), 1), D(_);
-    const X = [...T];
-    X[P] = "months", N(X), s == null || s(z);
+    const Y = [...T];
+    Y[P] = "months", N(Y), s == null || s(z);
   }, F = (P) => {
     const z = [...Z];
-    z.forEach((_, X) => {
+    z.forEach((_, Y) => {
       const p1 = new Date(_);
-      switch (T[X]) {
+      switch (T[Y]) {
         case "days":
           p1.setMonth(p1.getMonth() + (P === "next" ? 1 : -1));
           break;
@@ -23014,7 +23014,7 @@ const y8 = (t) => {
           p1.setFullYear(p1.getFullYear() + (P === "next" ? 12 : -12));
           break;
       }
-      z[X] = p1;
+      z[Y] = p1;
     }), D(z), C(P);
   };
   return J(
@@ -23147,7 +23147,7 @@ const y8 = (t) => {
       return "";
     const h1 = K.getDate().toString().padStart(2, "0"), R = (K.getMonth() + 1).toString().padStart(2, "0"), t1 = K.getFullYear();
     return T.replace("dd", h1).replace("MM", R).replace("yyyy", t1.toString());
-  }, X = (K) => {
+  }, Y = (K) => {
     if (!K || !K.start && !K.end) return "";
     const h1 = K.start && K.start instanceof Date && !isNaN(K.start.getTime()), R = K.end && K.end instanceof Date && !isNaN(K.end.getTime());
     return h1 && R ? `${_(K.start)} - ${_(K.end)}` : h1 ? _(K.start) : R ? _(K.end) : "";
@@ -23163,7 +23163,7 @@ const y8 = (t) => {
       return;
     }
     P.setHoverDate(K);
-  }, g1 = () => r === "single" ? _(U) : X(q);
+  }, g1 = () => r === "single" ? _(U) : Y(q);
   return /* @__PURE__ */ p("div", { className: `relative ${f}`, children: [
     /* @__PURE__ */ i(
       S8,
@@ -24550,7 +24550,7 @@ Vuelve más tarde para ver las actualizaciones.`,
       };
       w(ne);
     });
-  }, [z, P.length, y, f]), X = S(() => {
+  }, [z, P.length, y, f]), Y = S(() => {
     if (!$.current || !F.length)
       return;
     const t1 = $.current.querySelector(".ui-overflow-y-auto");
@@ -24572,7 +24572,7 @@ Vuelve más tarde para ver las actualizaciones.`,
     R && R.stopPropagation(), !d && (j ? C1() : (E8(y), O(""), B(!1), _(), setTimeout(() => {
       H(!0), Ve.add(y), setTimeout(() => {
         _(), setTimeout(() => {
-          X();
+          Y();
         }, 50);
       }, 50);
     }, 50)));
@@ -24661,7 +24661,7 @@ Vuelve más tarde para ver las actualizaciones.`,
     handleClear: h1,
     calculatePosition: _,
     setValue: G,
-    scrollToSelectedOption: X,
+    scrollToSelectedOption: Y,
     normalizeToArray: N
   };
 }, O0 = ({
@@ -24999,7 +24999,7 @@ Vuelve más tarde para ver las actualizaciones.`,
     onHandleAccept: J,
     ...U
   }, q) => {
-    const G = e1(null), [F, P] = E(a), [z, _] = E(null), [X, p1] = E(!1), K = V ? g : !V && Z ? [
+    const G = e1(null), [F, P] = E(a), [z, _] = E(null), [Y, p1] = E(!1), K = V ? g : !V && Z ? [
       {
         ...{
           label: m || "Selecciona una opción",
@@ -25059,14 +25059,14 @@ Vuelve más tarde para ver las actualizaciones.`,
       }
     }), D1 = (A, W) => {
       if (V) {
-        const n1 = re(o1), Y = A[j];
+        const n1 = re(o1), X = A[j];
         if (W) {
-          if (!n1.includes(Y)) {
-            const d1 = [...n1, Y];
+          if (!n1.includes(X)) {
+            const d1 = [...n1, X];
             $1(d1);
           }
         } else {
-          const d1 = n1.filter((M1) => M1 !== Y);
+          const d1 = n1.filter((M1) => M1 !== X);
           $1(d1);
         }
       }
@@ -25081,7 +25081,7 @@ Vuelve más tarde para ver las actualizaciones.`,
           );
           if (A) {
             const W = A.icon || a, n1 = A.iconColor || null;
-            P((Y) => Y !== W ? W : Y), _((Y) => Y !== n1 ? n1 : Y);
+            P((X) => X !== W ? W : X), _((X) => X !== n1 ? n1 : X);
           }
         }
     }, [h, c1, K, y, j, a]), ge(
@@ -25153,10 +25153,10 @@ Vuelve más tarde para ver las actualizaciones.`,
     }, [r1, R, V, v, k1]);
     const oe = (A) => {
       if (V) {
-        const n1 = re(o1).filter((Y) => Y !== A);
+        const n1 = re(o1).filter((X) => X !== A);
         if ($1(n1), D && D1) {
-          const Y = g.find((d1) => d1[j] === A);
-          Y && D1(Y, !1);
+          const X = g.find((d1) => d1[j] === A);
+          X && D1(X, !1);
         }
       }
     }, be = () => {
@@ -25177,8 +25177,8 @@ Vuelve más tarde para ver las actualizaciones.`,
       }
     }, k0 = () => {
       if (!R || !l1.top) return null;
-      const A = t1 ? "animate-dropdown-exit" : "animate-dropdown-enter", W = (Y, d1) => {
-        ne(Y, d1), Y.icon && P(Y.icon), Y.iconColor && _(Y.iconColor);
+      const A = t1 ? "animate-dropdown-exit" : "animate-dropdown-enter", W = (X, d1) => {
+        ne(X, d1), X.icon && P(X.icon), X.iconColor && _(X.iconColor);
       }, n1 = /* @__PURE__ */ p(
         "div",
         {
@@ -25195,9 +25195,9 @@ Vuelve más tarde para ver las actualizaciones.`,
             "--dropdown-z-index": l1.zIndex
           },
           className: `ui-dropdown-portal py-2 ui-min-w-fit ui-overflow-hidden ui-rounded-sm ui-border ui-border-neutral-200 ui-bg-white ui-shadow-lg ${A}`,
-          onClick: (Y) => Y.stopPropagation(),
+          onClick: (X) => X.stopPropagation(),
           children: [
-            /* @__PURE__ */ i("div", { children: x && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (Y) => Y.stopPropagation(), children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { children: x && /* @__PURE__ */ i("div", { className: "ui-p-2", onClick: (X) => X.stopPropagation(), children: /* @__PURE__ */ i(
               y1,
               {
                 value: u1,
@@ -25210,41 +25210,41 @@ Vuelve más tarde para ver las actualizaciones.`,
               }
             ) }) }),
             x && /* @__PURE__ */ i(T1, {}),
-            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: L1.length > 0 ? L1.map((Y) => {
+            /* @__PURE__ */ i("div", { className: "custom-scrollbar ui-max-h-[200px] ui-overflow-y-auto ui-py-2", children: L1.length > 0 ? L1.map((X) => {
               const d1 = V ? r1.some(
-                (M1) => M1 && M1[j] === Y[j]
-              ) : Y[j] === -1 && (o1 === -1 || o1 === "-1") || Y[j] === o1;
+                (M1) => M1 && M1[j] === X[j]
+              ) : X[j] === -1 && (o1 === -1 || o1 === "-1") || X[j] === o1;
               return D ? /* @__PURE__ */ i(
                 xn,
                 {
-                  disabled: Y.disabled,
+                  disabled: X.disabled,
                   current: d1 ? "blue" : !1,
-                  "data-option-value": Y[j],
-                  icon: Y.icon,
-                  iconColor: Y.iconColor,
+                  "data-option-value": X[j],
+                  icon: X.icon,
+                  iconColor: X.iconColor,
                   checkboxProps: {
                     checked: d1,
-                    onChange: (M1) => D1 == null ? void 0 : D1(Y, M1),
-                    disabled: Y.disabled
+                    onChange: (M1) => D1 == null ? void 0 : D1(X, M1),
+                    disabled: X.disabled
                   },
-                  isGroupTitle: Y.isGroupTitle,
-                  groupTitle: Y.label,
+                  isGroupTitle: X.isGroupTitle,
+                  groupTitle: X.label,
                   hasCurrent: T,
-                  children: Y[y]
+                  children: X[y]
                 },
-                Y[j] || Y[y]
+                X[j] || X[y]
               ) : /* @__PURE__ */ i(
                 bn,
                 {
-                  onClick: (M1) => W(Y, M1),
-                  disabled: Y.disabled,
+                  onClick: (M1) => W(X, M1),
+                  disabled: X.disabled,
                   current: d1 ? "blue" : !1,
-                  "data-option-value": Y[j],
-                  icon: Y.icon,
-                  iconColor: Y.iconColor,
-                  children: Y[y]
+                  "data-option-value": X[j],
+                  icon: X.icon,
+                  iconColor: X.iconColor,
+                  children: X[y]
                 },
-                Y[j] || Y[y]
+                X[j] || X[y]
               );
             }) : u1 ? /* @__PURE__ */ p("div", { className: "ui-mx-auto ui-max-w-[300px] ui-break-words ui-px-3 ui-py-2 ui-text-center ui-text-sm ui-text-neutral-500", children: [
               /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(a1, { name: "SearchOutlined", size: "lg", color: "neutral" }) }),
@@ -25298,7 +25298,7 @@ Vuelve más tarde para ver las actualizaciones.`,
               handleRemoveSelected: oe,
               toggleDropdown: B1,
               isOpen: R,
-              isOpening: X,
+              isOpening: Y,
               setIsOpening: p1,
               customInputRef: G,
               disabled: L,
@@ -25529,7 +25529,7 @@ const He = /* @__PURE__ */ new Set(), R8 = (t) => {
       triggerRef: P,
       popupRef: z,
       containerRef: _,
-      popupUniqueId: X,
+      popupUniqueId: Y,
       togglePopup: p1,
       closePopup: C1
     } = _8({
@@ -25573,8 +25573,8 @@ const He = /* @__PURE__ */ new Set(), R8 = (t) => {
         "div",
         {
           ref: z,
-          id: X,
-          "data-popup-id": X,
+          id: Y,
+          "data-popup-id": Y,
           style: h1,
           className: `ui-border ui-border-default ui-bg-white ui-rounded-surface-card ui-overflow-hidden ui-shadow-lg ${l}`,
           onClick: (u1) => {
@@ -25591,7 +25591,7 @@ const He = /* @__PURE__ */ new Set(), R8 = (t) => {
       {
         ref: _,
         className: k("ui-relative ui-h-max"),
-        "data-popup-container-id": X,
+        "data-popup-container-id": Y,
         children: [
           /* @__PURE__ */ i("div", { ref: P, className: k("ui-w-fit", $), children: /* @__PURE__ */ i(
             i1,
@@ -27257,9 +27257,9 @@ const A0 = "emoji-picker-recent", G8 = ({
     if (!$.current) return;
     const F = $.current, P = F.scrollTop;
     let z = "recent";
-    Object.entries(T.current).forEach(([_, X]) => {
-      if (X) {
-        const p1 = X.offsetTop - F.offsetTop;
+    Object.entries(T.current).forEach(([_, Y]) => {
+      if (Y) {
+        const p1 = Y.offsetTop - F.offsetTop;
         P >= p1 - 50 && (z = _);
       }
     }), x(z);
@@ -32845,7 +32845,7 @@ const Nu = (t) => {
       const M = /* @__PURE__ */ new Set();
       return r.forEach((w) => {
         let v;
-        if (typeof b.accessor == "function" ? v = b.accessor(w.data) : b.accessor ? v = w.data[b.accessor] : v = w.data[b.id], Array.isArray(v))
+        if (typeof b.accessor == "function" ? v = b.accessor(w) : b.accessor ? v = w[b.accessor] : v = w[b.id], Array.isArray(v))
           v.forEach(($) => {
             if (typeof $ == "object" && $ !== null) {
               const T = $.name || $.label || $.value || $.id || JSON.stringify($);
@@ -33158,8 +33158,8 @@ const $u = ({
       }
     )) {
       const G = new Map(x.map((P, z) => [P.id, z])), F = [...C].sort((P, z) => {
-        const _ = G.get(P.id) ?? 999, X = G.get(z.id) ?? 999;
-        return _ - X;
+        const _ = G.get(P.id) ?? 999, Y = G.get(z.id) ?? 999;
+        return _ - Y;
       });
       m == null || m(F);
     }
@@ -33819,7 +33819,7 @@ const $u = ({
     }), f == null || f(g), a == null || a(r.id, t.id, g);
   }, m = {
     value: d,
-    row: r.data,
+    row: r,
     column: h,
     className: t.cellClassName,
     state: c,
@@ -34096,7 +34096,7 @@ const $u = ({
         }
       ) }) }),
       r.filter((L) => L.visible !== !1).map((L) => {
-        const m = L.accessor ? typeof L.accessor == "function" ? L.accessor(t.data) : t.data[L.accessor] : void 0, g = L.render ? L.render(m, t.data, L) : m;
+        const m = L.accessor ? typeof L.accessor == "function" ? L.accessor(t) : t[L.accessor] : void 0, g = L.render ? L.render(m, t, L) : m;
         return /* @__PURE__ */ i(
           e3,
           {
@@ -34513,7 +34513,7 @@ const $u = ({
   if (!o) return t;
   const n = e.find((a) => a.id === r);
   return n ? [...t].sort((a, l) => {
-    const c = n.accessor ? typeof n.accessor == "function" ? n.accessor(a.data) : a.data[n.accessor] : null, C = n.accessor ? typeof n.accessor == "function" ? n.accessor(l.data) : l.data[n.accessor] : null;
+    const c = n.accessor ? typeof n.accessor == "function" ? n.accessor(a) : a[n.accessor] : null, C = n.accessor ? typeof n.accessor == "function" ? n.accessor(l) : l[n.accessor] : null;
     if (c == null) return 1;
     if (C == null) return -1;
     let d = 0;
@@ -34815,7 +34815,7 @@ const $u = ({
 }, D0 = (t, r, o) => {
   const e = o.find((n) => n.id === r);
   if (e)
-    return e.accessor ? typeof e.accessor == "function" ? e.accessor(t.data) : t.data[e.accessor] : t.data[r];
+    return e.accessor ? typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor] : t[r];
 }, v3 = (t, r, o) => r.length === 0 ? t : t.filter((e) => {
   if (r.length === 1) {
     const u = D0(e, r[0].columnId, o);
@@ -34861,7 +34861,7 @@ const $u = ({
   onRowExpand: x,
   onHandleChange: O
 }) => {
-  const b = e1(null), [M, V] = E(null), { columns: w, handleSetVisibility: v, handleToggleLock: $, handleResize: T, setColumnsOrder: N } = m3(t), { sortConfig: Z, handleSort: D } = s3(l), { selectedIds: J, selectedCount: U, allSelected: q, someSelected: G, handleRowSelect: F, handleSelectAll: P, clearSelection: z } = p3(r, n == null ? void 0 : n.multiple), { handleRowExpand: _, applyExpandedState: X } = w3(), { handleCellFocus: p1, handleCellBlur: C1, isCellFocused: g1 } = b3(), { filters: K, setAllFilters: h1 } = x3({
+  const b = e1(null), [M, V] = E(null), { columns: w, handleSetVisibility: v, handleToggleLock: $, handleResize: T, setColumnsOrder: N } = m3(t), { sortConfig: Z, handleSort: D } = s3(l), { selectedIds: J, selectedCount: U, allSelected: q, someSelected: G, handleRowSelect: F, handleSelectAll: P, clearSelection: z } = p3(r, n == null ? void 0 : n.multiple), { handleRowExpand: _, applyExpandedState: Y } = w3(), { handleCellFocus: p1, handleCellBlur: C1, isCellFocused: g1 } = b3(), { filters: K, setAllFilters: h1 } = x3({
     initialFilters: c,
     onFiltersChange: y
   }), [R, t1] = E("");
@@ -34884,29 +34884,29 @@ const $u = ({
     const A = R.toLowerCase().trim();
     return r.filter((W) => w.some((n1) => {
       if (n1.visible === !1) return !1;
-      let Y;
-      return typeof n1.accessor == "function" ? Y = n1.accessor(W.data) : n1.accessor && (Y = W.data[n1.accessor]), Y != null ? String(Y).toLowerCase().includes(A) : !1;
+      let X;
+      return typeof n1.accessor == "function" ? X = n1.accessor(W) : n1.accessor && (X = W[n1.accessor]), X != null ? String(X).toLowerCase().includes(A) : !1;
     }));
   }, [r, R, w]), L1 = s1(() => K.length === 0 ? r1 : v3(r1, K, w), [r1, K, w]), l1 = s1(() => !Z || !Z.direction ? L1 : [...L1].sort((A, W) => {
     const n1 = w.find((M1) => M1.id === Z.columnId);
     if (!n1) return 0;
-    let Y, d1;
+    let X, d1;
     if (typeof n1.accessor == "function")
-      Y = n1.accessor(A.data), d1 = n1.accessor(W.data);
+      X = n1.accessor(A), d1 = n1.accessor(W);
     else if (n1.accessor)
-      Y = A.data[n1.accessor], d1 = W.data[n1.accessor];
+      X = A[n1.accessor], d1 = W[n1.accessor];
     else
       return 0;
-    return Y == null && d1 == null ? 0 : Y == null ? Z.direction === "asc" ? 1 : -1 : d1 == null || Y < d1 ? Z.direction === "asc" ? -1 : 1 : Y > d1 ? Z.direction === "asc" ? 1 : -1 : 0;
+    return X == null && d1 == null ? 0 : X == null ? Z.direction === "asc" ? 1 : -1 : d1 == null || X < d1 ? Z.direction === "asc" ? -1 : 1 : X > d1 ? Z.direction === "asc" ? 1 : -1 : 0;
   }), [L1, Z, w]), c1 = l1.length, Z1 = s1(() => {
     if (!(u != null && u.enabled))
       return l1;
     const A = u.currentPage || 1, W = u.pageSize || 10;
     if (u.total !== void 0 && u.total !== c1 && K.length === 0 && !R.trim())
       return l1;
-    const n1 = (A - 1) * W, Y = n1 + W;
-    return l1.slice(n1, Y);
-  }, [l1, u, c1, K.length, R]), W1 = X(Z1), ee = (A) => {
+    const n1 = (A - 1) * W, X = n1 + W;
+    return l1.slice(n1, X);
+  }, [l1, u, c1, K.length, R]), W1 = Y(Z1), ee = (A) => {
     D(A), g == null || g(Z);
   }, z1 = (A) => {
     console.log("Filter column:", A);
@@ -34916,14 +34916,14 @@ const $u = ({
     T(A, W), j == null || j(A, W);
   }, ne = (A) => {
     if (w.find((n1) => n1.id === A) && b.current) {
-      const n1 = b.current.querySelector(`th[data-column-id="${A}"]`), Y = b.current.querySelectorAll(`td[data-column-id="${A}"]`);
-      if (n1 || Y.length > 0) {
+      const n1 = b.current.querySelector(`th[data-column-id="${A}"]`), X = b.current.querySelectorAll(`td[data-column-id="${A}"]`);
+      if (n1 || X.length > 0) {
         let d1 = 0;
         if (n1) {
           const ue = n1.querySelector(".ui-truncate");
           ue && (d1 = Math.max(d1, ue.scrollWidth + 80));
         }
-        Y.forEach((ue) => {
+        X.forEach((ue) => {
           d1 = Math.max(d1, ue.scrollWidth + 32);
         });
         const M1 = Math.min(Math.max(d1, 100), 500);
@@ -34949,8 +34949,8 @@ const $u = ({
       value: n1,
       hasOnHandleChange: !!O
     });
-    const Y = r.find((d1) => d1.id === A);
-    O ? (console.log("✅ Llamando onHandleChange con:", { rowId: A, columnId: W, value: n1, rowData: Y == null ? void 0 : Y.data }), O(A, W, n1, Y == null ? void 0 : Y.data)) : console.log("⚠️ No hay onHandleChange definido");
+    const X = r.find((d1) => d1.id === A);
+    O ? (console.log("✅ Llamando onHandleChange con:", { rowId: A, columnId: W, value: n1, rowData: X }), O(A, W, n1, X)) : console.log("⚠️ No hay onHandleChange definido");
   }, D1 = (A) => {
     var W;
     (W = u == null ? void 0 : u.onPageChange) == null || W.call(u, A);
@@ -35093,7 +35093,7 @@ const $u = ({
 }, M3 = (t, r, o) => r.length === 0 ? t : t.filter((e) => r.every((n) => {
   const u = o.find((l) => l.id === n.columnId);
   if (!u) return !0;
-  const a = u.accessor ? typeof u.accessor == "function" ? u.accessor(e.data) : e.data[u.accessor] : null;
+  const a = u.accessor ? typeof u.accessor == "function" ? u.accessor(e) : e[u.accessor] : null;
   return y3(a, n);
 })), y3 = (t, r) => {
   const o = r.value;
@@ -35121,7 +35121,7 @@ const $u = ({
   if (!r.trim()) return t;
   const e = r.toLowerCase();
   return t.filter((n) => o.some((u) => {
-    const a = u.accessor ? typeof u.accessor == "function" ? u.accessor(n.data) : n.data[u.accessor] : null;
+    const a = u.accessor ? typeof u.accessor == "function" ? u.accessor(n) : n[u.accessor] : null;
     return a == null ? !1 : String(a).toLowerCase().includes(e);
   }));
 }, B5 = ({