next-recomponents 2.0.10 → 2.0.11

package/dist/index.js

@@ -3682,7 +3682,7 @@ function Container({
     }
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col h-screen", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "z-40", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-blue-600 text-white p-4 flex justify-between items-center shadow-md", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "button",
@@ -36783,78 +36783,344 @@ function Select({
 }
 
 // src/modal/index.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
-// src/modal/close.tsx
+// src/pop/index.tsx
+var import_react9 = require("react");
+
+// src/pop/actions.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-function CloseIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "svg",
+function PopupActions({
+  type,
+  confirm,
+  focusRing,
+  onConfirm,
+  onCancel
+}) {
+  const showCancel = type === "confirm" || type === "prompt";
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-2 px-6 py-4 justify-end", children: [
+    showCancel && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        onClick: onCancel,
+        className: "px-4 py-2 rounded-lg text-sm font-medium bg-white border border-gray-200 text-gray-600 hover:bg-gray-50 transition",
+        children: "Cancelar"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        onClick: onConfirm,
+        className: `px-5 py-2 rounded-lg text-sm font-semibold text-white ${confirm} transition focus:outline-none focus:ring-2 ${focusRing}`,
+        children: "Aceptar"
+      }
+    )
+  ] });
+}
+
+// src/pop/color.tsx
+var COLOR_CONFIG = {
+  primary: {
+    bg: "from-blue-50 to-indigo-50",
+    iconBg: "bg-blue-100",
+    iconText: "text-blue-600",
+    border: "border-blue-200",
+    confirm: "bg-blue-600 hover:bg-blue-700",
+    focusRing: "focus:ring-blue-300",
+    label: "\u2139"
+  },
+  info: {
+    bg: "from-sky-50 to-cyan-50",
+    iconBg: "bg-sky-100",
+    iconText: "text-sky-600",
+    border: "border-sky-200",
+    confirm: "bg-sky-600 hover:bg-sky-700",
+    focusRing: "focus:ring-sky-300",
+    label: "\u2139"
+  },
+  success: {
+    bg: "from-emerald-50 to-green-50",
+    iconBg: "bg-emerald-100",
+    iconText: "text-emerald-600",
+    border: "border-emerald-200",
+    confirm: "bg-emerald-600 hover:bg-emerald-700",
+    focusRing: "focus:ring-emerald-300",
+    label: "\u2713"
+  },
+  warning: {
+    bg: "from-amber-50 to-yellow-50",
+    iconBg: "bg-amber-100",
+    iconText: "text-amber-600",
+    border: "border-amber-200",
+    confirm: "bg-amber-500 hover:bg-amber-600",
+    focusRing: "focus:ring-amber-300",
+    label: "\u26A0"
+  },
+  danger: {
+    bg: "from-red-50 to-rose-50",
+    iconBg: "bg-red-100",
+    iconText: "text-red-600",
+    border: "border-red-200",
+    confirm: "bg-red-600 hover:bg-red-700",
+    focusRing: "focus:ring-red-300",
+    label: "\u2715"
+  },
+  secondary: {
+    bg: "from-slate-50 to-gray-50",
+    iconBg: "bg-slate-100",
+    iconText: "text-slate-600",
+    border: "border-slate-200",
+    confirm: "bg-slate-700 hover:bg-slate-800",
+    focusRing: "focus:ring-slate-300",
+    label: "\u25CE"
+  },
+  white: {
+    bg: "from-gray-50 to-white",
+    iconBg: "bg-gray-100",
+    iconText: "text-gray-500",
+    border: "border-gray-200",
+    confirm: "bg-gray-700 hover:bg-gray-800",
+    focusRing: "focus:ring-gray-300",
+    label: "\u25CE"
+  }
+};
+
+// src/pop/icon.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function PopupIcon({ label, iconBg, iconText }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
     {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 512 512",
-      height: "20px",
-      width: "20px",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm86.63 272L320 342.63l-64-64-64 64L169.37 320l64-64-64-64L192 169.37l64 64 64-64L342.63 192l-64 64z" })
+      className: `w-12 h-12 rounded-full ${iconBg} flex items-center justify-center`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `text-xl font-bold ${iconText}`, children: label })
     }
   );
 }
 
-// src/modal/index.tsx
-var import_material2 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function Modal({ button, children, ref, title = "" }) {
-  const [open, setOpen] = (0, import_react9.useState)(false);
-  function show() {
-    setOpen(true);
-  }
-  function hide() {
-    setOpen(false);
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    import_react9.default.Children.map(button, (child) => {
-      if (import_react9.default.isValidElement(child)) {
-        const { type, props } = child;
-        return import_react9.default.createElement(type, {
-          ...props,
-          onClick: (e) => {
-            var _a, _b;
-            show();
-            (_b = (_a = child.props) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, e);
+// src/pop/input.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function PromptInput({
+  value,
+  border,
+  focusRing,
+  onChange,
+  onEnter
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "px-8 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "input",
+    {
+      autoFocus: true,
+      type: "text",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      onKeyDown: (e) => e.key === "Enter" && onEnter(),
+      className: `
+          w-full px-3 py-2 rounded-lg border ${border} bg-white
+          text-sm text-gray-800 outline-none
+          focus:ring-2 ${focusRing} transition
+        `,
+      placeholder: "Escribe aqu\xED..."
+    }
+  ) });
+}
+
+// src/pop/overlay.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function PopupOverlay({
+  popup,
+  onClose,
+  onInputChange
+}) {
+  const c = COLOR_CONFIG[popup.color];
+  const resolvedMessage = typeof popup.message === "function" ? popup.message() : popup.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      className: "fixed inset-0 flex items-center justify-center z-[1000]  ",
+      style: { background: "rgba(15,23,42,0.45)", backdropFilter: "blur(2px)" },
+      onClick: (e) => {
+        var _a;
+        if (e.target === e.currentTarget) {
+          onClose(false);
+          (_a = popup.onCancel) == null ? void 0 : _a.call(popup);
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("style", { children: `
+        @keyframes fadeInScale {
+          from { opacity: 0; transform: scale(0.93) translateY(8px); }
+          to   { opacity: 1; transform: scale(1)    translateY(0);   }
+        }
+      ` }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "div",
+          {
+            className: `bg-gradient-to-br ${c.bg} border ${c.border} ${popup.full == true ? " w-full h-screen m-20 " : " max-w-sm "} rounded-2xl shadow-2xl  mx-4`,
+            style: { animation: "fadeInScale 0.18s ease-out" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col items-center gap-3 px-8 pt-8 pb-5 text-center ", children: [
+                (popup == null ? void 0 : popup.icons) == true && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  PopupIcon,
+                  {
+                    label: c.label,
+                    iconBg: c.iconBg,
+                    iconText: c.iconText
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { color: "danger", onClick: (e) => onClose(false), children: "X" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  "div",
+                  {
+                    className: "text-gray-800 text-[15px] font-medium leading-snug ",
+                    children: resolvedMessage
+                  }
+                )
+              ] }),
+              popup.type === "prompt" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                PromptInput,
+                {
+                  value: popup.inputValue,
+                  border: c.border,
+                  focusRing: c.focusRing,
+                  onChange: onInputChange,
+                  onEnter: () => onClose(true, popup.inputValue)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: `border-t ${c.border} mt-4` }),
+              popup.type !== "modal" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                PopupActions,
+                {
+                  type: popup.type,
+                  confirm: c.confirm,
+                  focusRing: c.focusRing,
+                  onConfirm: () => onClose(true, popup.inputValue),
+                  onCancel: () => onClose(false)
+                }
+              )
+            ]
           }
-        });
+        )
+      ]
+    }
+  );
+}
+
+// src/pop/index.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var INITIAL_STATE = {
+  type: "alert",
+  message: "",
+  visible: false,
+  inputValue: "",
+  color: "primary",
+  icons: true,
+  full: false
+};
+function usePopup() {
+  const [popup, setPopup] = (0, import_react9.useState)(INITIAL_STATE);
+  const open = (0, import_react9.useCallback)(
+    (partial) => {
+      setPopup({ ...partial, visible: true, inputValue: "" });
+    },
+    []
+  );
+  const close = (0, import_react9.useCallback)((confirmed, value) => {
+    setPopup((prev) => {
+      var _a, _b;
+      if (confirmed) (_a = prev.onConfirm) == null ? void 0 : _a.call(prev, value);
+      else (_b = prev.onCancel) == null ? void 0 : _b.call(prev);
+      return { ...prev, visible: false, inputValue: "" };
+    });
+  }, []);
+  const alert2 = (0, import_react9.useCallback)(
+    (message, color = "primary") => new Promise(
+      (resolve) => open({
+        type: "alert",
+        message,
+        color,
+        onConfirm: () => resolve(),
+        onCancel: () => resolve()
+      })
+    ),
+    [open]
+  );
+  const modal = (0, import_react9.useCallback)(
+    (message, color = "primary", icons = true, full = false) => new Promise(
+      (resolve) => open({
+        type: "modal",
+        message,
+        color,
+        onConfirm: () => resolve(),
+        onCancel: () => resolve(),
+        icons,
+        full
+      })
+    ),
+    [open]
+  );
+  const confirm = (0, import_react9.useCallback)(
+    (message, color = "primary") => new Promise(
+      (resolve) => open({
+        type: "confirm",
+        message,
+        color,
+        onConfirm: () => resolve(true),
+        onCancel: () => resolve(false)
+      })
+    ),
+    [open]
+  );
+  const prompt = (0, import_react9.useCallback)(
+    (message, color = "primary") => new Promise(
+      (resolve) => open({
+        type: "prompt",
+        message,
+        color,
+        onConfirm: (value) => resolve(value != null ? value : ""),
+        onCancel: () => resolve(null)
+      })
+    ),
+    [open]
+  );
+  const PopupComponent = popup.visible ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    PopupOverlay,
+    {
+      popup,
+      onClose: close,
+      onInputChange: (v) => setPopup((prev) => ({ ...prev, inputValue: v }))
+    }
+  ) : null;
+  return { alert: alert2, confirm, prompt, modal, PopupComponent, close };
+}
+
+// src/modal/index.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function Modal({
+  button,
+  children,
+  color = "primary"
+}) {
+  const pop = usePopup();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    (0, import_react10.cloneElement)(button, {
+      onClick: async (e) => {
+        await pop.modal(
+          import_react10.default.cloneElement(children, { hide: () => pop.close(false) }),
+          color,
+          false,
+          true
+        );
       }
-      return child;
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material2.Dialog, { open, onClose: hide, fullWidth: true, maxWidth: "xl", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "m-auto p-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        "button",
-        {
-          onClick: hide,
-          className: "absolute top-0 right-0 text-red-500  ",
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon2, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "font-bold text-xl", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-3 pt-6", children: import_react9.default.Children.map(children, (child) => {
-        if (import_react9.default.isValidElement(child)) {
-          const { type, props } = child;
-          return import_react9.default.createElement(type, { ...props, hide });
-        }
-        return child;
-      }) })
-    ] }) })
+    pop.PopupComponent
   ] });
 }
 
 // src/pre/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Pre = ({ data }) => {
   const formatted = JSON.stringify(data, null, 2);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "pre",
     {
       style: {
@@ -36899,13 +37165,13 @@ function useDates() {
 }
 
 // src/calendar/index.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_react_datepicker = __toESM(require("react-datepicker"));
 
 // src/calendar/calendar.icon.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function CalendarIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -36915,14 +37181,14 @@ function CalendarIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z" })
     }
   );
 }
 
 // src/calendar/index.tsx
-var import_material3 = require("@mui/material");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_material2 = require("@mui/material");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function MyCalendar({
   enabledDates,
   onChange,
@@ -36932,11 +37198,11 @@ function MyCalendar({
   value,
   ...otherProps
 }) {
-  const [selectedDate, setSelectedDate] = (0, import_react10.useState)(null);
-  const [dateStr, setDateStr] = (0, import_react10.useState)(
+  const [selectedDate, setSelectedDate] = (0, import_react11.useState)(null);
+  const [dateStr, setDateStr] = (0, import_react11.useState)(
     defaultValue || value || ""
   );
-  const [open, setOpen] = (0, import_react10.useState)(false);
+  const [open, setOpen] = (0, import_react11.useState)(false);
   function handleChange(date) {
     if (!date) return;
     setSelectedDate(date);
@@ -36953,20 +37219,20 @@ function MyCalendar({
   if (!(enabledDates == null ? void 0 : enabledDates.length)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "font-bold", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "font-bold", children: [
         label,
         " ",
-        (otherProps == null ? void 0 : otherProps.required) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-red-500", children: "*" })
+        (otherProps == null ? void 0 : otherProps.required) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-red-500", children: "*" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         "div",
         {
           className: "cursor-pointer flex items-center justify-center",
           onClick: (e) => setOpen(true),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "input",
               {
                 ...otherProps,
@@ -36981,13 +37247,13 @@ function MyCalendar({
                 readOnly: true
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute", style: { right: "10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CalendarIcon, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute", style: { right: "10px" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CalendarIcon, {}) })
           ]
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material3.Dialog, { open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex justify-end p-5 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material2.Dialog, { open, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex justify-end p-5 font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "button",
         {
           className: " border-lg w-[20px] bg-red-500 text-white shadow rounded",
@@ -36995,7 +37261,7 @@ function MyCalendar({
           children: "x"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: " w-[300px] flex items-start justify-center h-[300px]  p-5", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: " w-[300px] flex items-start justify-center h-[300px]  p-5", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         import_react_datepicker.default,
         {
           inline: true,
@@ -37009,9 +37275,9 @@ function MyCalendar({
 }
 
 // src/doc-viewer/icon.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Icon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37021,13 +37287,13 @@ function Icon() {
       height: "200px",
       width: "200px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40v88a6,6,0,0,0,12,0V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216a2,2,0,0,1-2,2H176a6,6,0,0,0,0,12h24a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM108,130a50,50,0,0,0-46.66,32H60a34,34,0,0,0,0,68h48a50,50,0,0,0,0-100Zm0,88H60a22,22,0,0,1-1.65-43.94c-.06.47-.1.93-.15,1.4a6,6,0,1,0,12,1.08A38.57,38.57,0,0,1,71.3,170a5.71,5.71,0,0,0,.24-.86A38,38,0,1,1,108,218Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40v88a6,6,0,0,0,12,0V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216a2,2,0,0,1-2,2H176a6,6,0,0,0,0,12h24a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM108,130a50,50,0,0,0-46.66,32H60a34,34,0,0,0,0,68h48a50,50,0,0,0,0-100Zm0,88H60a22,22,0,0,1-1.65-43.94c-.06.47-.1.93-.15,1.4a6,6,0,1,0,12,1.08A38.57,38.57,0,0,1,71.3,170a5.71,5.71,0,0,0,.24-.86A38,38,0,1,1,108,218Z" })
     }
   );
 }
 
 // src/doc-viewer/index.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function DocumentViewer({ item }) {
   const { url, name, contentType, width = "100%", height = "100%" } = item;
   const isImage = contentType.startsWith("image/");
@@ -37036,10 +37302,10 @@ function DocumentViewer({ item }) {
   const viewerUrl = isGoogleDocCompatible ? `https://docs.google.com/gview?url=${encodeURIComponent(
     url
   )}&embedded=true` : url;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "border shadow rounded p-2 h-[100%]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-1 flex justify-between ", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "font-bold", children: name }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "border shadow rounded p-2 h-[100%]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mb-1 flex justify-between ", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "font-bold", children: name }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "a",
         {
           href: url,
@@ -37051,7 +37317,7 @@ function DocumentViewer({ item }) {
         }
       )
     ] }),
-    isImage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    isImage ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "img",
       {
         src: url,
@@ -37064,7 +37330,7 @@ function DocumentViewer({ item }) {
           display: "block"
         }
       }
-    ) : isGoogleDocCompatible ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    ) : isGoogleDocCompatible ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "iframe",
       {
         title: name,
@@ -37072,7 +37338,7 @@ function DocumentViewer({ item }) {
         style: { width, height, border: "none" },
         allowFullScreen: true
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         style: {
@@ -37082,22 +37348,22 @@ function DocumentViewer({ item }) {
           objectFit: "cover",
           display: "block"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, {})
       }
     )
   ] });
 }
 
 // src/table3/index.tsx
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 
 // src/table3/filter.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/table3/filters.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function FilterOffIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37107,12 +37373,12 @@ function FilterOffIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M6.92893 0.514648L21.0711 14.6568L19.6569 16.071L15.834 12.2486L14 14.9999V21.9999H10V14.9999L4 5.99993H3V3.99993L7.585 3.99965L5.51472 1.92886L6.92893 0.514648ZM21 3.99993V5.99993H20L18.085 8.87193L13.213 3.99993H21Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M6.92893 0.514648L21.0711 14.6568L19.6569 16.071L15.834 12.2486L14 14.9999V21.9999H10V14.9999L4 5.99993H3V3.99993L7.585 3.99965L5.51472 1.92886L6.92893 0.514648ZM21 3.99993V5.99993H20L18.085 8.87193L13.213 3.99993H21Z" })
     }
   );
 }
 function OrderDesc() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37122,12 +37388,12 @@ function OrderDesc() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm112-128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 65.63V48a16 16 0 0 0-16-16H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 190.37V208a16 16 0 0 0 16 16zm159.06 234.62l-59.27-160A16 16 0 0 0 372.72 288h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 480h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 480H432a16 16 0 0 0 15.06-21.38zM335.61 400L352 352l16.39 48z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm112-128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 65.63V48a16 16 0 0 0-16-16H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 190.37V208a16 16 0 0 0 16 16zm159.06 234.62l-59.27-160A16 16 0 0 0 372.72 288h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 480h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 480H432a16 16 0 0 0 15.06-21.38zM335.61 400L352 352l16.39 48z" })
     }
   );
 }
 function OrderAsc() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37137,12 +37403,12 @@ function OrderAsc() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z" })
     }
   );
 }
 function EditIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37152,12 +37418,12 @@ function EditIcon2() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
     }
   );
 }
 function SaveIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "svg",
     {
       stroke: "currentColor",
@@ -37168,14 +37434,14 @@ function SaveIcon() {
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M272 64h-16c-4.4 0-8 3.6-8 8v72c0 4.4 7.6 8 12 8h12c4.4 0 8-3.6 8-8V72c0-4.4-3.6-8-8-8z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M433.9 130.1L382 78.2c-9-9-21.3-14.2-34.1-14.2h-28c-8.8 0-16 7.3-16 16.2v80c0 8.8-7.2 16-16 16H160c-8.8 0-16-7.2-16-16v-80c0-8.8-7.2-16.2-16-16.2H96c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V164c0-12.7-5.1-24.9-14.1-33.9zM322 400.1c0 8.8-8 16-17.8 16H143.8c-9.8 0-17.8-7.2-17.8-16v-96c0-8.8 8-16 17.8-16h160.4c9.8 0 17.8 7.2 17.8 16v96z" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M272 64h-16c-4.4 0-8 3.6-8 8v72c0 4.4 7.6 8 12 8h12c4.4 0 8-3.6 8-8V72c0-4.4-3.6-8-8-8z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M433.9 130.1L382 78.2c-9-9-21.3-14.2-34.1-14.2h-28c-8.8 0-16 7.3-16 16.2v80c0 8.8-7.2 16-16 16H160c-8.8 0-16-7.2-16-16v-80c0-8.8-7.2-16.2-16-16.2H96c-17.6 0-32 14.4-32 32v320c0 17.6 14.4 32 32 32h320c17.6 0 32-14.4 32-32V164c0-12.7-5.1-24.9-14.1-33.9zM322 400.1c0 8.8-8 16-17.8 16H143.8c-9.8 0-17.8-7.2-17.8-16v-96c0-8.8 8-16 17.8-16h160.4c9.8 0 17.8 7.2 17.8 16v96z" })
       ]
     }
   );
 }
 function ExcelIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "svg",
     {
       stroke: "currentColor",
@@ -37185,13 +37451,13 @@ function ExcelIcon() {
       height: "20px",
       width: "20px",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM17 2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V2.99997ZM10.2 12L13 7.99997H10.6L9 10.2857L7.39999 7.99997H5L7.8 12L5 16H7.39999L9 13.7143L10.6 16H13L10.2 12Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M2.85858 2.87732L15.4293 1.0815C15.7027 1.04245 15.9559 1.2324 15.995 1.50577C15.9983 1.52919 16 1.55282 16 1.57648V22.4235C16 22.6996 15.7761 22.9235 15.5 22.9235C15.4763 22.9235 15.4527 22.9218 15.4293 22.9184L2.85858 21.1226C2.36593 21.0522 2 20.6303 2 20.1327V3.86727C2 3.36962 2.36593 2.9477 2.85858 2.87732ZM17 2.99997H21C21.5523 2.99997 22 3.44769 22 3.99997V20C22 20.5523 21.5523 21 21 21H17V2.99997ZM10.2 12L13 7.99997H10.6L9 10.2857L7.39999 7.99997H5L7.8 12L5 16H7.39999L9 13.7143L10.6 16H13L10.2 12Z" })
     }
   );
 }
 
 // src/table3/filter.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Filter({
   h,
   objectData,
@@ -37202,14 +37468,14 @@ function Filter({
   sort,
   setSort
 }) {
-  const [visible, setVisible] = (0, import_react11.useState)(false);
-  const [text, setText] = (0, import_react11.useState)("");
-  const items = (0, import_react11.useMemo)(
+  const [visible, setVisible] = (0, import_react12.useState)(false);
+  const [text, setText] = (0, import_react12.useState)("");
+  const items = (0, import_react12.useMemo)(
     () => [...new Set(Object.values(objectData).map((o) => o[h]))],
     [objectData]
   );
-  const [selected, setSelected] = (0, import_react11.useState)(items);
-  const itemsFiltered = (0, import_react11.useMemo)(
+  const [selected, setSelected] = (0, import_react12.useState)(items);
+  const itemsFiltered = (0, import_react12.useMemo)(
     () => items.sort((a, b) => `${a}`.localeCompare(b)).filter((item) => {
       if (!text) return true;
       return `${item}`.toLowerCase().includes(text.toLowerCase());
@@ -37246,14 +37512,14 @@ function Filter({
   const hidden = Object.values(objectData).filter(
     (d) => d._visible === false
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (data.length != Object.values(objectData).map((o) => (o == null ? void 0 : o._id) || (o == null ? void 0 : o.id)).length) {
       const news = [...new Set(data.map((o) => o[h]))];
       setSelected(news);
     }
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("th", { className: "cursor-pointer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "relative", children: visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("th", { className: "cursor-pointer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "relative", children: visible && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "div",
       {
         className: " w-full h-screen top-0 left-0 fixed  ",
@@ -37261,8 +37527,8 @@ function Filter({
         onClick: (e) => setVisible(!visible)
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative w-full justify-center flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative w-full justify-center flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         "div",
         {
           style: (colSizes == null ? void 0 : colSizes[h]) ? {
@@ -37274,19 +37540,19 @@ function Filter({
           onClick: (e) => setVisible(!visible),
           children: [
             sort && //
-            Object.keys(sort)[0] == h && ((sort == null ? void 0 : sort[h]) == "asc" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderAsc, {}) }) : (sort == null ? void 0 : sort[h]) == "desc" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderDesc, {}) })),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: h }),
-            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-red-500 ", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FilterOffIcon, {}) })
+            Object.keys(sort)[0] == h && ((sort == null ? void 0 : sort[h]) == "asc" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OrderAsc, {}) }) : (sort == null ? void 0 : sort[h]) == "desc" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OrderDesc, {}) })),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: h }),
+            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-red-500 ", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FilterOffIcon, {}) })
           ]
         }
       ),
-      visible && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      visible && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "div",
         {
           className: "border shadow rounded bg-white p-1 absolute left-0 text-black",
           style: { zIndex: 9999 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1 w-[300px] min-w-[300px] resize-x overflow-auto", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-1 w-[300px] min-w-[300px] resize-x overflow-auto", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "div",
               {
                 onClick: (e) => {
@@ -37303,12 +37569,12 @@ function Filter({
                 },
                 className: "flex items-center gap-2 border p-1 hover:bg-blue-100",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderAsc, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OrderAsc, {}),
                   " Ordenar de la A a la Z"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "div",
               {
                 onClick: (e) => {
@@ -37325,12 +37591,12 @@ function Filter({
                 },
                 className: "flex items-center gap-2 border p-1 hover:bg-blue-100",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OrderDesc, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OrderDesc, {}),
                   "Ordenar de la Z a la A"
                 ]
               }
             ),
-            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            selected.length < items.length && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
               "div",
               {
                 className: "p-1 flex items-center justify-between px-2 bg-red-200 border shadow rounded",
@@ -37339,11 +37605,11 @@ function Filter({
                 },
                 children: [
                   "Borrar Filtro",
-                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-white ", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FilterOffIcon, {}) })
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-white ", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FilterOffIcon, {}) })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "input",
               {
                 className: "border shadow rounded p-2 w-full",
@@ -37362,8 +37628,8 @@ function Filter({
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex gap-1 cursor-pointer px-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "flex gap-1 cursor-pointer px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -37379,9 +37645,9 @@ function Filter({
               ),
               "(Seleccionar Todo)"
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "overflow-auto  flex gap-1 flex-col p-1 border shadow rounded h-[300px]", children: itemsFiltered.map((item) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "hover:bg-gray-100  ", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "flex gap-1 cursor-pointer truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "overflow-auto  flex gap-1 flex-col p-1 border shadow rounded h-[300px]", children: itemsFiltered.map((item) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "hover:bg-gray-100  ", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "flex gap-1 cursor-pointer truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   "input",
                   {
                     type: "checkbox",
@@ -37402,8 +37668,8 @@ function Filter({
                 item || "(Vacias)"
               ] }) }, item);
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex justify-between px-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-between px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 "button",
                 {
                   className: "p-1 shadow rounded border bg-red-500 text-white",
@@ -37414,7 +37680,7 @@ function Filter({
                   children: "Cancelar"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 "button",
                 {
                   className: "p-1 shadow rounded border bg-blue-500 text-white",
@@ -37433,7 +37699,7 @@ function Filter({
 }
 
 // src/table3/head.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function TableHead({
   headers,
   selectItems,
@@ -37448,9 +37714,9 @@ function TableHead({
   sort,
   setSort
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "bg-blue-500 text-white font-bold", children: [
-    modal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { children: "-" }),
-    selectItems && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "bg-blue-500 text-white font-bold", children: [
+    modal && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { children: "-" }),
+    selectItems && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "input",
       {
         className: "m-2",
@@ -37478,7 +37744,7 @@ function TableHead({
     ) }),
     Object.values(headers).map((h) => {
       if (h.startsWith("_")) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         Filter,
         {
           objectData,
@@ -37497,11 +37763,11 @@ function TableHead({
 }
 
 // src/table3/body.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/table3/tr.tsx
-var import_react12 = __toESM(require("react"));
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react13 = __toESM(require("react"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function TR({
   handlers,
   setObjectData,
@@ -37521,7 +37787,7 @@ function TR({
   symbols
 }) {
   const color = selected == index ? "bg-blue-600 text-white hover:bg-blue-800" : index % 2 == 0 ? "bg-white" : "bg-blue-50";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "tr",
     {
       className: ` hover:bg-blue-100 ${color} cursor-pointer`,
@@ -37529,7 +37795,7 @@ function TR({
         setSelected(selected == index ? -1 : index);
       },
       children: [
-        modal && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        modal && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "button",
           {
             className: "p-1 border shadow-rounded bg-blue-500 rounded text-white",
@@ -37538,10 +37804,10 @@ function TR({
               (_a = modalRef.current) == null ? void 0 : _a.showModal();
               setDialogRow(row);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EditIcon2, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EditIcon2, {})
           }
         ) }),
-        selectItems && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        selectItems && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "input",
           {
             type: "checkbox",
@@ -37562,7 +37828,7 @@ function TR({
             return null;
           } else if (handlers == null ? void 0 : handlers[h]) {
             const original = handlers[h];
-            const cloned = import_react12.default.cloneElement(original, {
+            const cloned = import_react13.default.cloneElement(original, {
               // si es controlado por value → actualiza con row[h]
               value: ((_a = original.props) == null ? void 0 : _a.value) !== void 0 ? row[h] : void 0,
               // si usa children → actualiza con row[h] también
@@ -37609,13 +37875,13 @@ function TR({
                 return acc;
               }, {})
             });
-            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-black `, children: cloned }, h);
+            return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: `text-black `, children: cloned }, h);
           }
-          return symbols && (symbols == null ? void 0 : symbols[h]) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-center border max-w-[${colSize}px] `, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-1 w-full", children: [
+          return symbols && (symbols == null ? void 0 : symbols[h]) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: `text-center border max-w-[${colSize}px] `, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1 w-full", children: [
             symbols[h],
             " ",
             row[h]
-          ] }) }, h) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: `text-center border max-w-[${colSize}px]`, children: row[h] }, h);
+          ] }) }, h) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: `text-center border max-w-[${colSize}px]`, children: row[h] }, h);
         })
       ]
     },
@@ -37624,7 +37890,7 @@ function TR({
 }
 
 // src/table3/body.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function TableBody({
   objectData,
   setObjectData,
@@ -37642,7 +37908,7 @@ function TableBody({
   symbols,
   sort
 }) {
-  const [selected, setSelected] = (0, import_react13.useState)(-1);
+  const [selected, setSelected] = (0, import_react14.useState)(-1);
   const sorted = Object.entries(objectData).sort(([, a], [, b]) => {
     for (const [key, order] of Object.entries(
       sort || { id: "desc", _id: "desc" }
@@ -37668,7 +37934,7 @@ function TableBody({
     return key >= start && key < end;
   }).map(([id, k], index) => {
     const row = objectData[id];
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       TR,
       {
         ...{
@@ -37693,11 +37959,11 @@ function TableBody({
       id
     );
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tbody", { children: sorted });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tbody", { children: sorted });
 }
 
 // src/table3/panel.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Panel({
   page,
   setPage,
@@ -37708,9 +37974,9 @@ function Panel({
   maxItems
 }) {
   const excel = useExcel();
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2 bg-gray-100 items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-1 ", children: [
-      onSave && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 bg-gray-100 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-1 ", children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           className: "p-2 border shadow rounded bg-blue-500 text-white flex items-center gap-1 text-md",
@@ -37719,12 +37985,12 @@ function Panel({
           },
           children: [
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SaveIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SaveIcon, {}),
             "Guardar"
           ]
         }
       ),
-      exportName && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      exportName && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           className: "p-2 border shadow rounded bg-green-800 text-white flex items-center gap-1 text-md",
@@ -37738,22 +38004,22 @@ function Panel({
             );
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ExcelIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ExcelIcon, {}),
             "Exportar"
           ]
         }
       )
     ] }),
-    maxItems !== Infinity && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex gap-2 items-center text-2xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setPage(1), disabled: page === 1, children: "\u23EE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("button", { onClick: () => setPage(page - 1), disabled: page === 1, children: "\u25C0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-sm", children: [
+    maxItems !== Infinity && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 items-center text-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => setPage(1), disabled: page === 1, children: "\u23EE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => setPage(page - 1), disabled: page === 1, children: "\u25C0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "text-sm", children: [
         "P\xE1gina ",
         page,
         " / ",
         totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "button",
         {
           onClick: () => setPage(page + 1),
@@ -37761,7 +38027,7 @@ function Panel({
           children: "\u25B6"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "button",
         {
           onClick: () => setPage(totalPages),
@@ -37774,7 +38040,7 @@ function Panel({
 }
 
 // src/table3/footer.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function TableFooter({
   objectData,
   headers,
@@ -37799,28 +38065,28 @@ function TableFooter({
         return null;
     }
   }
-  return footer && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "bg-blue-500 text-white", children: [
-    selectItems && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", {}),
-    modal && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", {}),
+  return footer && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "bg-blue-500 text-white", children: [
+    selectItems && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", {}),
+    modal && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", {}),
     headers.map((header) => {
       if (header.startsWith("_")) {
         return null;
       } else if (footer == null ? void 0 : footer[header]) {
-        return symbols && (symbols == null ? void 0 : symbols[header]) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("th", { className: "flex items-center gap-1", children: [
+        return symbols && (symbols == null ? void 0 : symbols[header]) ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("th", { className: "flex items-center gap-1", children: [
           symbols[header],
           " ",
           operacion(footer[header], header)
-        ] }, header) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { children: operacion(footer[header], header) }, header);
+        ] }, header) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { children: operacion(footer[header], header) }, header);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", {}, header);
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", {}, header);
     })
   ] }) });
 }
 
 // src/table3/dialog.tsx
-var import_react14 = __toESM(require("react"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function Dialog4({
+var import_react15 = __toESM(require("react"));
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Dialog3({
   modalRef,
   children,
   dialogRow,
@@ -37835,9 +38101,9 @@ function Dialog4({
     var _a;
     return (_a = modalRef.current) == null ? void 0 : _a.close();
   };
-  const clonedModal = (0, import_react14.useMemo)(() => {
-    if (dialogRow && import_react14.default.isValidElement(children)) {
-      return import_react14.default.cloneElement(children, {
+  const clonedModal = (0, import_react15.useMemo)(() => {
+    if (dialogRow && import_react15.default.isValidElement(children)) {
+      return import_react15.default.cloneElement(children, {
         key: JSON.stringify(dialogRow),
         row: dialogRow,
         show,
@@ -37847,15 +38113,15 @@ function Dialog4({
     }
     return null;
   }, [dialogRow, children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "dialog",
     {
       ref: modalRef,
       className: "p-6 rounded-xl shadow-2xl backdrop:bg-black/50  w-[100%] h-screen",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "button",
             {
               onClick: () => {
@@ -37867,15 +38133,15 @@ function Dialog4({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-gray-700", children: clonedModal })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-gray-700", children: clonedModal })
       ]
     }
   );
 }
-var dialog_default = Dialog4;
+var dialog_default = Dialog3;
 
 // src/table3/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Table3({
   data,
   selectItems,
@@ -37891,8 +38157,8 @@ function Table3({
   sortBy,
   ...props
 }) {
-  const [handlers, setHandlers] = (0, import_react15.useState)({});
-  const [page, setPage] = (0, import_react15.useState)(1);
+  const [handlers, setHandlers] = (0, import_react16.useState)({});
+  const [page, setPage] = (0, import_react16.useState)(1);
   function dataReducer(a, b) {
     if (b == null) return {};
     if (Array.isArray(b)) {
@@ -37913,7 +38179,7 @@ function Table3({
         };
         const newHandlers = { ...handlers };
         for (let item in cc) {
-          const isReactComponent = import_react15.default.isValidElement(cc[item]);
+          const isReactComponent = import_react16.default.isValidElement(cc[item]);
           if (isReactComponent) {
             newHandlers[item] = cc[item];
             const value = ((_c = (_b = cc[item]) == null ? void 0 : _b.props) == null ? void 0 : _c.value) || (typeof ((_e = (_d = cc[item]) == null ? void 0 : _d.props) == null ? void 0 : _e.children) !== "object" ? (_g = (_f = cc[item]) == null ? void 0 : _f.props) == null ? void 0 : _g.children : "");
@@ -37933,12 +38199,12 @@ function Table3({
       return newA;
     }
   }
-  const [objectData, setObjectData] = (0, import_react15.useReducer)(dataReducer, null);
-  (0, import_react15.useEffect)(() => {
+  const [objectData, setObjectData] = (0, import_react16.useReducer)(dataReducer, null);
+  (0, import_react16.useEffect)(() => {
     setObjectData(data);
     setPage(1);
   }, [data]);
-  const headers = (0, import_react15.useMemo)(() => {
+  const headers = (0, import_react16.useMemo)(() => {
     if (!objectData) return [];
     return [
       ...new Set(
@@ -37946,13 +38212,13 @@ function Table3({
       )
     ];
   }, [objectData]);
-  const totalPages = (0, import_react15.useMemo)(() => {
+  const totalPages = (0, import_react16.useMemo)(() => {
     if (!objectData) return 0;
     return maxItems ? Math.ceil(Object.keys(objectData).length / maxItems) : 1;
   }, [objectData, maxItems]);
-  const [sort, setSort] = (0, import_react15.useState)(sortBy);
-  const modalRef = (0, import_react15.useRef)(null);
-  const [dialogRow, setDialogRow] = (0, import_react15.useState)({});
+  const [sort, setSort] = (0, import_react16.useState)(sortBy);
+  const modalRef = (0, import_react16.useRef)(null);
+  const [dialogRow, setDialogRow] = (0, import_react16.useState)({});
   const context = {
     objectData,
     headers,
@@ -37979,7 +38245,7 @@ function Table3({
     setSort,
     ...props
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if ((dialogRow == null ? void 0 : dialogRow.id) || (dialogRow == null ? void 0 : dialogRow._id)) {
       const newDialogRow = objectData[dialogRow == null ? void 0 : dialogRow.id] || objectData[dialogRow == null ? void 0 : dialogRow._id];
       setDialogRow(newDialogRow);
@@ -37987,8 +38253,8 @@ function Table3({
   }, [objectData]);
   const style = (props == null ? void 0 : props.style) ? { ...props.style, tableLayout: "fixed" } : { tableLayout: "fixed" };
   if (!objectData) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
-    modal && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "border shadow rounded m-1 p-1 bg-white", children: [
+    modal && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       dialog_default,
       {
         modalRef,
@@ -37998,222 +38264,15 @@ function Table3({
         children: modal
       }
     ),
-    header && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Panel, { ...context }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { ...props, style, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, { ...context }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { ...context }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableFooter, { ...context })
+    header && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "font-bold text-2xl py-5 px-2 bg-blue-50", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Panel, { ...context }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("table", { ...props, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHead, { ...context }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableBody, { ...context }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableFooter, { ...context })
     ] })
   ] });
 }
-
-// src/pop/index.tsx
-var import_react16 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var COLOR_CONFIG = {
-  primary: {
-    bg: "from-blue-50 to-indigo-50",
-    iconBg: "bg-blue-100",
-    iconText: "text-blue-600",
-    border: "border-blue-200",
-    confirm: "bg-blue-600 hover:bg-blue-700 focus:ring-blue-300",
-    label: "\u2139"
-  },
-  info: {
-    bg: "from-sky-50 to-cyan-50",
-    iconBg: "bg-sky-100",
-    iconText: "text-sky-600",
-    border: "border-sky-200",
-    confirm: "bg-sky-600 hover:bg-sky-700 focus:ring-sky-300",
-    label: "\u2139"
-  },
-  success: {
-    bg: "from-emerald-50 to-green-50",
-    iconBg: "bg-emerald-100",
-    iconText: "text-emerald-600",
-    border: "border-emerald-200",
-    confirm: "bg-emerald-600 hover:bg-emerald-700 focus:ring-emerald-300",
-    label: "\u2713"
-  },
-  warning: {
-    bg: "from-amber-50 to-yellow-50",
-    iconBg: "bg-amber-100",
-    iconText: "text-amber-600",
-    border: "border-amber-200",
-    confirm: "bg-amber-500 hover:bg-amber-600 focus:ring-amber-300",
-    label: "\u26A0"
-  },
-  danger: {
-    bg: "from-red-50 to-rose-50",
-    iconBg: "bg-red-100",
-    iconText: "text-red-600",
-    border: "border-red-200",
-    confirm: "bg-red-600 hover:bg-red-700 focus:ring-red-300",
-    label: "\u2715"
-  },
-  secondary: {
-    bg: "from-slate-50 to-gray-50",
-    iconBg: "bg-slate-100",
-    iconText: "text-slate-600",
-    border: "border-slate-200",
-    confirm: "bg-slate-700 hover:bg-slate-800 focus:ring-slate-300",
-    label: "\u25CE"
-  },
-  white: {
-    bg: "from-gray-50 to-white",
-    iconBg: "bg-gray-100",
-    iconText: "text-gray-500",
-    border: "border-gray-200",
-    confirm: "bg-gray-700 hover:bg-gray-800 focus:ring-gray-300",
-    label: "\u25CE"
-  }
-};
-function usePopup() {
-  const [popup, setPopup] = (0, import_react16.useState)({
-    type: "alert",
-    message: "",
-    visible: false,
-    inputValue: "",
-    color: "primary"
-  });
-  function alert2(message, color = "primary") {
-    return new Promise((resolve) => {
-      setPopup({
-        type: "alert",
-        message,
-        visible: true,
-        inputValue: "",
-        onConfirm: () => resolve(),
-        color
-      });
-    });
-  }
-  function modal(message, color = "primary") {
-    return new Promise((resolve) => {
-      setPopup({
-        type: "modal",
-        message,
-        visible: true,
-        inputValue: "",
-        onConfirm: () => resolve(),
-        color
-      });
-    });
-  }
-  function confirm(message, color = "primary") {
-    return new Promise((resolve) => {
-      setPopup({
-        type: "confirm",
-        message,
-        visible: true,
-        inputValue: "",
-        onConfirm: () => resolve(true),
-        onCancel: () => resolve(false),
-        color
-      });
-    });
-  }
-  function prompt(message, color = "primary") {
-    return new Promise((resolve) => {
-      setPopup({
-        type: "prompt",
-        message,
-        visible: true,
-        inputValue: "",
-        onConfirm: (value) => resolve(value != null ? value : ""),
-        onCancel: () => resolve(null),
-        color
-      });
-    });
-  }
-  function close(confirmed, value) {
-    setPopup((prev) => {
-      var _a, _b;
-      if (confirmed) (_a = prev.onConfirm) == null ? void 0 : _a.call(prev, value);
-      else (_b = prev.onCancel) == null ? void 0 : _b.call(prev);
-      return { ...prev, visible: false, inputValue: "" };
-    });
-  }
-  const c = COLOR_CONFIG[popup.color];
-  const PopupComponent = popup.visible ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    "div",
-    {
-      className: "fixed inset-0 flex items-center justify-center z-[1000]",
-      style: { background: "rgba(15,23,42,0.45)", backdropFilter: "blur(2px)" },
-      onClick: (e) => e.target === e.currentTarget && close(false),
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-        "div",
-        {
-          className: `
-          bg-gradient-to-br ${c.bg} border ${c.border}
-          rounded-2xl shadow-2xl w-full max-w-sm mx-4
-          animate-[fadeInScale_0.18s_ease-out]
-        `,
-          style: { animation: "fadeInScale 0.18s ease-out" },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("style", { children: `
-          @keyframes fadeInScale {
-            from { opacity: 0; transform: scale(0.93) translateY(8px); }
-            to   { opacity: 1; transform: scale(1)    translateY(0);   }
-          }
-        ` }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col items-center gap-3 px-8 pt-8 pb-5 text-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                "div",
-                {
-                  className: `w-12 h-12 rounded-full ${c.iconBg} flex items-center justify-center`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: `text-xl font-bold ${c.iconText}`, children: c.label })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-gray-800 text-[15px] font-medium leading-snug", children: popup.message })
-            ] }),
-            popup.type === "prompt" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "px-8 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-              "input",
-              {
-                autoFocus: true,
-                type: "text",
-                value: popup.inputValue,
-                onChange: (e) => setPopup((prev) => ({ ...prev, inputValue: e.target.value })),
-                onKeyDown: (e) => e.key === "Enter" && close(true, popup.inputValue),
-                className: `
-                w-full px-3 py-2 rounded-lg border ${c.border} bg-white
-                text-sm text-gray-800 outline-none
-                focus:ring-2 ${c.confirm.includes("blue") ? "focus:ring-blue-200" : "focus:ring-gray-200"}
-                transition
-              `,
-                placeholder: "Escribe aqu\xED..."
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: `border-t ${c.border} mx-0 mt-4` }),
-            popup.type != "modal" && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 px-6 py-4 justify-end", children: [
-              (popup.type === "confirm" || popup.type === "prompt") && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                "button",
-                {
-                  onClick: () => close(false),
-                  className: "\r\n                px-4 py-2 rounded-lg text-sm font-medium\r\n                bg-white border border-gray-200 text-gray-600\r\n                hover:bg-gray-50 transition\r\n              ",
-                  children: "Cancelar"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                "button",
-                {
-                  onClick: () => close(true, popup.inputValue),
-                  className: `
-              px-5 py-2 rounded-lg text-sm font-semibold text-white
-              ${c.confirm} transition focus:outline-none focus:ring-2
-            `,
-                  children: "Aceptar"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  ) : null;
-  return { alert: alert2, confirm, prompt, PopupComponent, modal };
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,