@axzydev/axzy_ui_system 1.3.4 → 1.3.6

package/dist/index.cjs

@@ -57,6 +57,7 @@ __export(index_exports, {
   ITGrid: () => ITGrid,
   ITImage: () => image_default,
   ITInput: () => ITInput,
+  ITInputNumber: () => ITInputNumber,
   ITLayout: () => ITLayout,
   ITLoader: () => ITLoader,
   ITMaskedInput: () => ITMaskedInput,
@@ -2644,11 +2645,13 @@ function ITInput({
   max,
   readOnly = false,
   focusContent,
-  size = "md"
+  size = "md",
+  decimals
 }) {
   const isCheckboxOrRadio = type === "checkbox" || type === "radio";
   const isNumberType = type === "number";
   const isTextArea = type === "textarea";
+  const decimalPlaces = decimals ?? (currencyFormat ? 2 : 0);
   const [displayValue, setDisplayValue] = (0, import_react12.useState)("");
   const [isFocused, setIsFocused] = (0, import_react12.useState)(false);
   const [hasSelectedAll, setHasSelectedAll] = (0, import_react12.useState)(false);
@@ -2701,13 +2704,16 @@ function ITInput({
       }
       if (currencyFormat) {
         return num.toLocaleString("es-MX", {
-          minimumFractionDigits: 2,
-          maximumFractionDigits: 2
+          minimumFractionDigits: decimalPlaces,
+          maximumFractionDigits: decimalPlaces
         });
       }
+      if (decimalPlaces > 0) {
+        return num.toFixed(decimalPlaces);
+      }
       return num.toString();
     },
-    [currencyFormat]
+    [currencyFormat, decimalPlaces]
   );
   const unformatValue = (0, import_react12.useCallback)(
     (val) => {
@@ -2753,11 +2759,11 @@ function ITInput({
     if (allowedKeys.includes(key) || ctrlKey || metaKey) {
       return;
     }
-    if (!currencyFormat && (key === "." || key === ",")) {
+    if (decimalPlaces === 0 && (key === "." || key === ",")) {
       e.preventDefault();
       return;
     }
-    if (currencyFormat && (key === "." || key === ",") && currentValue.includes(".")) {
+    if (decimalPlaces > 0 && (key === "." || key === ",") && currentValue.includes(".")) {
       const dotIndex = currentValue.indexOf(".");
       const replacingDot = selectionStart !== null && selectionEnd !== null && selectionStart <= dotIndex && dotIndex < selectionEnd;
       if (!replacingDot) {
@@ -2765,7 +2771,7 @@ function ITInput({
         return;
       }
     }
-    const allowedCharsRegex = currencyFormat ? /^[0-9.,]$/ : /^[0-9]$/;
+    const allowedCharsRegex = decimalPlaces > 0 ? /^[0-9.,]$/ : /^[0-9]$/;
     if (key !== "Unidentified" && !allowedCharsRegex.test(key)) {
       e.preventDefault();
       return;
@@ -2783,7 +2789,7 @@ function ITInput({
     if (readOnly) return;
     let rawValue = e.target.value;
     let cleanedValue = "";
-    if (currencyFormat) {
+    if (decimalPlaces > 0) {
       if (rawValue.includes(",") && rawValue.includes(".")) {
         rawValue = rawValue.replace(/,/g, "");
       } else if (rawValue.includes(",")) {
@@ -2792,8 +2798,8 @@ function ITInput({
       cleanedValue = rawValue.replace(/[^0-9.]/g, "");
       const parts = cleanedValue.split(".");
       if (parts.length > 1) {
-        const decimals = parts.slice(1).join("").substring(0, 2);
-        cleanedValue = parts[0] + "." + decimals;
+        const decimalPart = parts.slice(1).join("").substring(0, decimalPlaces);
+        cleanedValue = parts[0] + "." + decimalPart;
       }
     } else {
       cleanedValue = rawValue.replace(/[^0-9]/g, "");
@@ -2804,7 +2810,7 @@ function ITInput({
       if (!formatNumber) {
         valueToSend = cleanedValue;
       } else if (cleanedValue !== "") {
-        if (currencyFormat) {
+        if (decimalPlaces > 0) {
           const numericValue = parseFloat(cleanedValue);
           if (!isNaN(numericValue)) {
             valueToSend = cleanedValue;
@@ -2881,7 +2887,7 @@ function ITInput({
       let numericValue = void 0;
       let valueToSend = void 0;
       let cleanedValue = "";
-      if (currencyFormat) {
+      if (decimalPlaces > 0) {
         cleanedValue = currentValue.replace(/[^0-9.]/g, "");
         const parts = cleanedValue.split(".");
         if (parts.length > 2) {
@@ -2891,7 +2897,7 @@ function ITInput({
       } else {
         cleanedValue = currentValue.replace(/[^0-9]/g, "");
       }
-      const parsed = currencyFormat ? parseFloat(cleanedValue) : parseInt(cleanedValue, 10);
+      const parsed = decimalPlaces > 0 ? parseFloat(cleanedValue) : parseInt(cleanedValue, 10);
       if (!isNaN(parsed)) {
         numericValue = parsed;
         if (min !== void 0 && numericValue < min) {
@@ -2924,7 +2930,7 @@ function ITInput({
     }
     onBlur?.(e);
   };
-  const currentLength = isNumberType ? (currencyFormat ? displayValue.replace(/[.,]/g, "") : displayValue).length : typeof value === "string" ? value.length : String(value ?? "").length;
+  const currentLength = isNumberType ? (decimalPlaces > 0 ? displayValue.replace(/[.,]/g, "") : displayValue).length : typeof value === "string" ? value.length : String(value ?? "").length;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: (0, import_clsx15.default)("w-full", containerClassName), children: [
     isCheckboxOrRadio ? (
       // CHECKBOX / RADIO LAYOUT (Row)
@@ -3021,7 +3027,7 @@ function ITInput({
                 name,
                 id: name,
                 type: isNumberType ? "text" : type === "password" ? showPassword ? "text" : "password" : type,
-                inputMode: isNumberType ? currencyFormat ? "decimal" : "numeric" : void 0,
+                inputMode: isNumberType ? decimalPlaces > 0 ? "decimal" : "numeric" : void 0,
                 placeholder,
                 value: isNumberType ? displayValue : String(value ?? ""),
                 onChange: isNumberType ? handleNumberChange : handleTextChange,
@@ -3033,7 +3039,7 @@ function ITInput({
                 },
                 onKeyDown: isNumberType ? handleKeyDown : onKeyDown,
                 readOnly,
-                maxLength: isNumberType && !currencyFormat ? maxLength : void 0,
+                maxLength: isNumberType && decimalPlaces === 0 ? maxLength : void 0,
                 minLength,
                 min,
                 max,
@@ -3688,7 +3694,7 @@ function useVirtualRows({
 
 // src/components/organisms/data-table/dataTable.tsx
 var import_clsx23 = __toESM(require("clsx"), 1);
-var import_react21 = require("react");
+var import_react21 = __toESM(require("react"), 1);
 var import_fa13 = require("react-icons/fa");
 var import_md = require("react-icons/md");
 
@@ -4483,6 +4489,32 @@ function isInteractiveTarget(target, boundary = null) {
   if (boundary instanceof Node && interactive === boundary) return false;
   return true;
 }
+function pinnedColumnWidth(col) {
+  if (typeof col.width === "number") return col.width;
+  if (typeof col.width === "string" && /^\d+(\.\d+)?px$/.test(col.width.trim())) {
+    return parseFloat(col.width);
+  }
+  return col.minWidth ?? 0;
+}
+function getPinnedColumnMeta(columns) {
+  const meta = {};
+  let leftOffset = 0;
+  for (const col of columns) {
+    if (col.pinned === "left") {
+      meta[col.key] = { side: "left", offset: leftOffset };
+      leftOffset += pinnedColumnWidth(col);
+    }
+  }
+  let rightOffset = 0;
+  for (let i = columns.length - 1; i >= 0; i--) {
+    const col = columns[i];
+    if (col.pinned === "right") {
+      meta[col.key] = { side: "right", offset: rightOffset };
+      rightOffset += pinnedColumnWidth(col);
+    }
+  }
+  return meta;
+}
 
 // src/components/organisms/data-table/dataTable.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -4533,6 +4565,7 @@ function ITDataTable({
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
   const columnCount = columns.length;
+  const pinnedMeta = import_react21.default.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const scrollOuterClass = isTableVirtual ? "relative min-h-[200px]" : "overflow-x-auto relative min-h-[200px]";
   const {
     currentPage,
@@ -4812,38 +4845,46 @@ function ITDataTable({
           {
             className: (0, import_clsx23.default)(tableHeaderRow, "dark:text-slate-200"),
             "aria-rowindex": isTableVirtual ? 1 : void 0,
-            children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-              "th",
-              {
-                scope: "col",
-                className: (0, import_clsx23.default)(
-                  tableHeaderCell(col.className, density),
-                  col.align && tableAlignClasses[col.align],
-                  isStickyHeader && "sticky top-0 z-10 bg-secondary-50"
-                ),
-                style: col.minWidth != null || isStickyHeader ? {
-                  ...col.minWidth != null ? { minWidth: `${col.minWidth}px` } : {},
-                  ...isStickyHeader ? { backgroundColor: "var(--color-table-headerBg, #f8fafc)" } : {}
-                } : void 0,
-                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                    col.sortable && col.type !== "actions" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                      "button",
-                      {
-                        onClick: () => handleSort(col.key),
-                        disabled: isLoading,
-                        className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"} disabled:opacity-50`,
-                        title: `Ordenar por ${col.label}`,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_md.MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
-                ] })
-              },
-              col.key
-            ))
+            children: columns.map((col) => {
+              const pin = pinnedMeta[col.key];
+              const isPinned = pin != null;
+              return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                "th",
+                {
+                  scope: "col",
+                  className: (0, import_clsx23.default)(
+                    tableHeaderCell(col.className, density),
+                    col.align && tableAlignClasses[col.align],
+                    isPinned && "sticky",
+                    isStickyHeader && "sticky top-0 bg-secondary-50",
+                    isPinned ? "z-[15]" : isStickyHeader && "z-10",
+                    isPinned && (col.pinned === "left" ? "it-table-pinned-left" : "it-table-pinned-right")
+                  ),
+                  style: col.minWidth != null || isStickyHeader || isPinned ? {
+                    ...col.minWidth != null ? { minWidth: `${col.minWidth}px` } : {},
+                    ...isStickyHeader || isPinned ? { backgroundColor: "var(--color-table-headerBg, #f8fafc)" } : {},
+                    ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
+                  } : void 0,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                      col.sortable && col.type !== "actions" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                        "button",
+                        {
+                          onClick: () => handleSort(col.key),
+                          disabled: isLoading,
+                          className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"} disabled:opacity-50`,
+                          title: `Ordenar por ${col.label}`,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_md.MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                  ] })
+                },
+                col.key
+              );
+            })
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tbody", { className: (0, import_clsx23.default)(tableBody, "dark:divide-slate-700/30"), children: data.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
@@ -4865,14 +4906,22 @@ function ITDataTable({
                 children: columns.map((col) => {
                   const rawValue = getNestedValue2(row, col.key);
                   const truncateTitle = col.truncate && (typeof rawValue === "string" || typeof rawValue === "number") ? String(rawValue) : void 0;
+                  const pin = pinnedMeta[col.key];
+                  const isPinned = pin != null;
                   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     "td",
                     {
                       className: (0, import_clsx23.default)(
                         tableCell(col.className, density),
-                        col.align && tableAlignClasses[col.align]
+                        col.align && tableAlignClasses[col.align],
+                        isPinned && "sticky bg-[var(--color-table-rowBg,white)] group-hover:bg-[var(--color-table-rowHover,var(--color-secondary-50))]",
+                        isPinned && (col.pinned === "left" ? "it-table-pinned-left" : "it-table-pinned-right"),
+                        isPinned && "z-[1]"
                       ),
-                      style: col.minWidth != null ? { minWidth: `${col.minWidth}px` } : void 0,
+                      style: col.minWidth != null || isPinned ? {
+                        ...col.minWidth != null ? { minWidth: `${col.minWidth}px` } : {},
+                        ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
+                      } : void 0,
                       title: truncateTitle,
                       children: col.type === "actions" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: (0, import_clsx23.default)(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                     },
@@ -6242,10 +6291,52 @@ var ITImage = ({
 };
 var image_default = ITImage;
 
+// src/components/atoms/input-number/input-number.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function parseNumber(raw) {
+  if (raw === void 0 || raw === null) return void 0;
+  if (typeof raw === "number") return Number.isFinite(raw) ? raw : void 0;
+  const cleaned = String(raw).replace(/,/g, "").trim();
+  if (cleaned === "" || cleaned === "-" || cleaned === ".") return void 0;
+  const parsed = Number(cleaned);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function ITInputNumber({
+  value,
+  onChange,
+  onBlur,
+  decimals = 2,
+  prefix,
+  iconLeft,
+  ...rest
+}) {
+  const resolvedIconLeft = iconLeft ?? (prefix ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "text-secondary-500 text-xs font-semibold", children: prefix }) : void 0);
+  const handleChange = (event) => {
+    onChange(parseNumber(event.target.value), event);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    ITInput,
+    {
+      ...rest,
+      type: "number",
+      currencyFormat: true,
+      formatNumber: true,
+      decimals,
+      iconLeft: resolvedIconLeft,
+      value: value ?? "",
+      onChange: handleChange,
+      onBlur: (event) => {
+        const input = event.target;
+        onBlur?.(parseNumber(input.value), event);
+      }
+    }
+  );
+}
+
 // src/components/organisms/navbar/navbar.tsx
 var import_react31 = require("react");
 var import_fa20 = require("react-icons/fa");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function ITNavbar({
   logo,
   logoText,
@@ -6283,42 +6374,42 @@ function ITNavbar({
   };
   const shouldUseLegacy = !navigationItems.length && (navItems || sidebarItems);
   if (shouldUseLegacy) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col h-screen", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("nav", { className: "bg-white border-b border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center justify-between mx-auto p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-3 rtl:space-x-reverse", children: [
-          logo && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-8", children: logo }),
-          logoText && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "self-center text-2xl font-semibold whitespace-nowrap text-secondary-900", children: logoText })
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col h-screen", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("nav", { className: "bg-white border-b border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between mx-auto p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center space-x-3 rtl:space-x-reverse", children: [
+          logo && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-8", children: logo }),
+          logoText && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: "self-center text-2xl font-semibold whitespace-nowrap text-secondary-900", children: logoText })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center justify-end w-full md:w-auto md:order-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center space-x-4 md:order-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "hidden md:flex space-x-4", children: navItems }),
-          userMenu && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center justify-end w-full md:w-auto md:order-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center space-x-4 md:order-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "hidden md:flex space-x-4", children: navItems }),
+          userMenu && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               "button",
               {
                 type: "button",
                 className: "flex text-sm bg-secondary-200 rounded-full md:me-0 focus:ring-4 focus:ring-secondary-300",
                 onClick: toggleUserMenu,
-                children: userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                children: userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "img",
                   {
                     className: "w-8 h-8 rounded-full",
                     src: userMenu.userImage,
                     alt: "user photo"
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fa20.FaUserCircle, { className: "w-8 h-8 text-secondary-500" })
+                ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa20.FaUserCircle, { className: "w-8 h-8 text-secondary-500" })
               }
             ),
-            isUserMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+            isUserMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
               "div",
               {
                 ref: userMenuRef,
                 className: "z-[70] absolute right-0 mt-2 text-base list-none bg-white divide-y divide-secondary-100 rounded-lg shadow-sm",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-4 py-3", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "block text-sm text-secondary-900", children: userMenu.userName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "block text-sm text-secondary-500 truncate", children: userMenu.userEmail })
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "px-4 py-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: "block text-sm text-secondary-900", children: userMenu.userName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: "block text-sm text-secondary-500 truncate", children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "button",
                     {
                       onClick: () => {
@@ -6326,7 +6417,7 @@ function ITNavbar({
                         setIsUserMenuOpen(false);
                       },
                       className: "block px-4 py-2 text-sm text-secondary-700 hover:bg-secondary-100 w-full text-left",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", children: item.label })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", children: item.label })
                     }
                   ) }, index)) })
                 ]
@@ -6335,27 +6426,27 @@ function ITNavbar({
           ] })
         ] }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex-1 flex overflow-hidden relative", children: [
-        (showSidebar || showSidebarOnMobile) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("aside", { className: "fixed inset-y-0 left-0 w-64 bg-secondary-50 transform transition-transform duration-300 ease-in-out z-[40] shadow-lg md:static md:transform-none md:shadow-none md:border-r md:border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-full overflow-y-auto py-4 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "space-y-2 font-medium", children: sidebarItems }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("main", { className: "flex-1 bg-secondary-100 overflow-y-auto", children })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1 flex overflow-hidden relative", children: [
+        (showSidebar || showSidebarOnMobile) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("aside", { className: "fixed inset-y-0 left-0 w-64 bg-secondary-50 transform transition-transform duration-300 ease-in-out z-[40] shadow-lg md:static md:transform-none md:shadow-none md:border-r md:border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-full overflow-y-auto py-4 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "space-y-2 font-medium", children: sidebarItems }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("main", { className: "flex-1 bg-secondary-100 overflow-y-auto", children })
       ] })
     ] });
   }
   const sidebar = theme.sidebar;
   const topbar = theme.topbar;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex h-screen font-sans", style: { backgroundColor: theme.layout.backgroundColor }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex h-screen font-sans", style: { backgroundColor: theme.layout.backgroundColor }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "aside",
       {
         className: "w-72 shadow-xl flex flex-col transition-all duration-300 ease-in-out",
         style: { backgroundColor: sidebar.backgroundColor, borderRight: `1px solid ${sidebar.borderColor}` },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "p-6 flex items-center gap-3", style: { borderBottom: `1px solid ${sidebar.borderColor}` }, children: [
-            logo && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
-            logoText && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: sidebar.active.color }, children: logoText })
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "p-6 flex items-center gap-3", style: { borderBottom: `1px solid ${sidebar.borderColor}` }, children: [
+            logo && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
+            logoText && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: sidebar.active.color }, children: logoText })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("li", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("li", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
               "div",
               {
                 className: `group flex items-center justify-between px-4 py-3 rounded-xl cursor-pointer transition-all duration-200 border-l-4 ${item.isActive ? "shadow-sm" : "hover:shadow-sm"}`,
@@ -6378,17 +6469,17 @@ function ITNavbar({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-3", children: [
-                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "text-xl transition-colors", style: {
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-3", children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "text-xl transition-colors", style: {
                       color: item.isActive ? sidebar.active.iconColor : sidebar.icon.color
                     }, children: item.icon }),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: `font-medium text-sm ${item.isActive ? "font-semibold" : ""}`, children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: `font-medium text-sm ${item.isActive ? "font-semibold" : ""}`, children: item.label })
                   ] }),
-                  item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "transition-transform", style: { color: sidebar.icon.color }, children: expandedItems.has(item.id) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fa20.FaChevronDown, { className: "w-3 h-3" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fa20.FaChevronRight, { className: "w-3 h-3" }) })
+                  item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "transition-transform", style: { color: sidebar.icon.color }, children: expandedItems.has(item.id) ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa20.FaChevronDown, { className: "w-3 h-3" }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa20.FaChevronRight, { className: "w-3 h-3" }) })
                 ]
               }
             ),
-            item.subitems && item.subitems.length > 0 && expandedItems.has(item.id) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "mt-1 ml-4 pl-4 space-y-1", style: { borderLeft: `1px solid ${sidebar.borderColor}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            item.subitems && item.subitems.length > 0 && expandedItems.has(item.id) && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "mt-1 ml-4 pl-4 space-y-1", style: { borderLeft: `1px solid ${sidebar.borderColor}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               "button",
               {
                 onClick: subitem.action,
@@ -6407,12 +6498,12 @@ function ITNavbar({
                     e.currentTarget.style.backgroundColor = "transparent";
                   }
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", children: subitem.label })
+                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", children: subitem.label })
               }
             ) }, subitem.id)) })
           ] }, item.id)) }) }),
-          userMenu && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "p-4", style: { borderTop: `1px solid ${sidebar.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+          userMenu && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-4", style: { borderTop: `1px solid ${sidebar.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
               "button",
               {
                 type: "button",
@@ -6428,7 +6519,7 @@ function ITNavbar({
                 },
                 onClick: toggleUserMenu,
                 children: [
-                  userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "img",
                     {
                       className: "w-10 h-10 rounded-full border-2 transition-colors",
@@ -6436,34 +6527,34 @@ function ITNavbar({
                       alt: "user photo",
                       style: { borderColor: sidebar.borderColor }
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "div",
                     {
                       className: "w-10 h-10 rounded-full flex items-center justify-center transition-colors",
                       style: { backgroundColor: sidebar.hover.backgroundColor, color: sidebar.icon.color },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fa20.FaUserCircle, { className: "w-6 h-6" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa20.FaUserCircle, { className: "w-6 h-6" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex-1 text-left overflow-hidden", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "div", className: "font-medium text-sm truncate", style: { color: sidebar.active.color }, children: userMenu.userName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "div", className: "text-xs truncate", style: { color: sidebar.label.color }, children: userMenu.userEmail })
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex-1 text-left overflow-hidden", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "div", className: "font-medium text-sm truncate", style: { color: sidebar.active.color }, children: userMenu.userName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "div", className: "text-xs truncate", style: { color: sidebar.label.color }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_fa20.FaChevronRight, { className: "w-3 h-3", style: { color: sidebar.icon.color } })
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa20.FaChevronRight, { className: "w-3 h-3", style: { color: sidebar.icon.color } })
                 ]
               }
             ),
-            isUserMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+            isUserMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
               "div",
               {
                 ref: userMenuRef,
                 className: "absolute bottom-full left-0 mb-3 w-full rounded-xl shadow-2xl overflow-hidden transform transition-all duration-200 origin-bottom",
                 style: { backgroundColor: topbar.userMenu.dropdown.backgroundColor, border: `1px solid ${topbar.userMenu.dropdown.borderColor}` },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "px-4 py-3", style: { backgroundColor: topbar.userMenu.backgroundColor, borderBottom: `1px solid ${topbar.userMenu.dropdown.borderColor}` }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "block text-sm font-semibold", style: { color: topbar.userMenu.textColor }, children: userMenu.userName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", className: "block text-xs truncate", style: { color: topbar.userMenu.subtitleColor }, children: userMenu.userEmail })
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "px-4 py-3", style: { backgroundColor: topbar.userMenu.backgroundColor, borderBottom: `1px solid ${topbar.userMenu.dropdown.borderColor}` }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: "block text-sm font-semibold", style: { color: topbar.userMenu.textColor }, children: userMenu.userName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", className: "block text-xs truncate", style: { color: topbar.userMenu.subtitleColor }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("ul", { className: "py-1", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("ul", { className: "py-1", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "button",
                     {
                       onClick: () => {
@@ -6478,7 +6569,7 @@ function ITNavbar({
                       onMouseLeave: (e) => {
                         e.currentTarget.style.backgroundColor = "transparent";
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITText, { as: "span", children: item.label })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITText, { as: "span", children: item.label })
                     }
                   ) }, index)) })
                 ]
@@ -6488,7 +6579,7 @@ function ITNavbar({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("main", { className: "flex-1 overflow-y-auto relative", style: { backgroundColor: theme.layout.backgroundColor }, children })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("main", { className: "flex-1 overflow-y-auto relative", style: { backgroundColor: theme.layout.backgroundColor }, children })
   ] });
 }
 
@@ -6497,7 +6588,7 @@ var import_clsx33 = __toESM(require("clsx"), 1);
 
 // src/components/organisms/page-header/page-header.tsx
 var import_fa21 = require("react-icons/fa");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function ITPageHeader({
   title,
   description,
@@ -6509,25 +6600,25 @@ function ITPageHeader({
   className
 }) {
   const showTopRow = breadcrumbs?.length || backAction;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `${className} space-y-3`, children: [
-    showTopRow && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-        backAction && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `${className} space-y-3`, children: [
+    showTopRow && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+        backAction && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "button",
           {
             onClick: backAction,
             className: "flex items-center justify-center w-9 h-9 rounded-full border border-slate-200 dark:border-slate-700 text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-800/60 transition-all duration-200 flex-shrink-0",
             "aria-label": "Volver",
-            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_fa21.FaChevronLeft, { size: 14 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_fa21.FaChevronLeft, { size: 14 })
           }
         ),
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ITBreadcrumbs, { items: breadcrumbs })
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ITBreadcrumbs, { items: breadcrumbs })
       ] }),
-      actions && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
+      actions && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start justify-between gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-start gap-4 min-w-0", children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start justify-between gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-start gap-4 min-w-0", children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "div",
           {
             className: "flex items-center justify-center w-12 h-12 rounded-full border border-slate-200 dark:border-slate-700 bg-slate-50/50 dark:bg-slate-800/50 text-slate-600 dark:text-slate-300 flex-shrink-0 transition-all duration-200 hover:border-slate-300 dark:hover:border-slate-500 hover:shadow-sm",
@@ -6535,8 +6626,8 @@ function ITPageHeader({
             children: icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             ITText,
             {
               as: "h1",
@@ -6544,7 +6635,7 @@ function ITPageHeader({
               children: title
             }
           ),
-          description && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             ITText,
             {
               as: "p",
@@ -6554,14 +6645,14 @@ function ITPageHeader({
           )
         ] })
       ] }),
-      !showTopRow && actions && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
+      !showTopRow && actions && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
     ] })
   ] });
 }
 
 // src/components/atoms/skeleton/skeleton.tsx
 var import_clsx31 = __toESM(require("clsx"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var variantClasses = {
   text: "rounded-md h-4 w-full",
   circular: "rounded-full",
@@ -6581,7 +6672,7 @@ function ITSkeleton({
     ...style
   };
   const items = Array.from({ length: count }, (_, i) => i);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: items.map((i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: items.map((i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       className: (0, import_clsx31.default)(
@@ -6602,7 +6693,7 @@ function ITSkeleton({
 // src/components/atoms/stack/stack.tsx
 var import_clsx32 = __toESM(require("clsx"), 1);
 var import_react32 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var directionMap2 = {
   row: "flex-row",
   column: "flex-col",
@@ -6647,7 +6738,7 @@ function ITStack({
     gap: spacing > 0 ? `${spacing * 0.25}rem` : void 0,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     Component,
     {
       className: (0, import_clsx32.default)(
@@ -6659,7 +6750,7 @@ function ITStack({
         className
       ),
       style: resolvedStyle,
-      children: hasDivider ? items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react32.Fragment, { children: [
+      children: hasDivider ? items.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react32.Fragment, { children: [
         child,
         index < items.length - 1 && (0, import_react32.isValidElement)(divider) ? (0, import_react32.cloneElement)(divider, { key: `divider-${index}` }) : null
       ] }, index)) : children
@@ -6668,11 +6759,11 @@ function ITStack({
 }
 
 // src/components/templates/page/page.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var hasHeader = (props) => !!(props.title || props.description || props.breadcrumbs || props.actions || props.backAction || props.icon);
 var renderHeader = (props) => {
   if (!hasHeader(props)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     ITPageHeader,
     {
       title: props.title || "",
@@ -6711,24 +6802,24 @@ function ITPage(props) {
     className
   );
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: wrapperClass, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ITStack, { spacing: 6, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ITSkeleton, { variant: "rectangular", height: 40, width: "40%", className: "rounded-lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(ITStack, { spacing: 6, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ITSkeleton, { variant: "rectangular", height: 40, width: "40%", className: "rounded-lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: wrapperClass, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         ITEmptyState,
         {
           title: errorTitle || "Error",
           description: error,
-          action: onRetry ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          action: onRetry ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             ITButton,
             {
               label: errorActionLabel || "Reintentar",
@@ -6741,9 +6832,9 @@ function ITPage(props) {
     ] });
   }
   if (empty) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: wrapperClass, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         ITEmptyState,
         {
           title: emptyTitle || "Sin datos",
@@ -6753,7 +6844,7 @@ function ITPage(props) {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: wrapperClass, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: wrapperClass, children: [
     renderHeader(props),
     children
   ] });
@@ -6762,7 +6853,7 @@ function ITPage(props) {
 // src/components/atoms/popover/popover.tsx
 var import_react33 = require("react");
 var import_clsx34 = __toESM(require("clsx"), 1);
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var positionClasses = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -6785,15 +6876,15 @@ function ITPopover({
     if (isControlled) onClose?.();
     else setInternalOpen(false);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ref, className: (0, import_clsx34.default)("relative inline-flex", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: (0, import_clsx34.default)("absolute z-[70]", positionClasses[position]), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "bg-white dark:bg-slate-800 rounded-xl shadow-xl border border-slate-200 dark:border-slate-700 p-3 min-w-[160px]", children }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref, className: (0, import_clsx34.default)("relative inline-flex", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
+    open && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: (0, import_clsx34.default)("absolute z-[70]", positionClasses[position]), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "bg-white dark:bg-slate-800 rounded-xl shadow-xl border border-slate-200 dark:border-slate-700 p-3 min-w-[160px]", children }) })
   ] });
 }
 
 // src/components/atoms/progress/progress.tsx
 var import_clsx35 = __toESM(require("clsx"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var colorMap = {
   primary: "bg-primary-500",
   secondary: "bg-secondary-500",
@@ -6820,7 +6911,7 @@ function ITProgress({
   style
 }) {
   const pct = Math.min(Math.max(value / max * 100, 0), 100);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "div",
     {
       className: (0, import_clsx35.default)("w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden", sizeMap2[size], className),
@@ -6828,7 +6919,7 @@ function ITProgress({
       role: "progressbar",
       "aria-valuenow": variant === "determinate" ? value : void 0,
       "aria-valuemax": max,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "div",
         {
           className: (0, import_clsx35.default)(
@@ -6845,7 +6936,7 @@ function ITProgress({
 
 // src/components/atoms/radio/radio.tsx
 var import_clsx36 = __toESM(require("clsx"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function ITRadioGroup({
   name,
   value,
@@ -6855,7 +6946,7 @@ function ITRadioGroup({
   direction = "column",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       className: (0, import_clsx36.default)(
@@ -6865,7 +6956,7 @@ function ITRadioGroup({
       ),
       children: options.map((opt) => {
         const isSelected = opt.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           "label",
           {
             className: (0, import_clsx36.default)(
@@ -6873,7 +6964,7 @@ function ITRadioGroup({
               disabled && "opacity-50 cursor-not-allowed"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "input",
                 {
                   type: "radio",
@@ -6885,7 +6976,7 @@ function ITRadioGroup({
                   className: "peer sr-only"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 "div",
                 {
                   className: (0, import_clsx36.default)(
@@ -6893,10 +6984,10 @@ function ITRadioGroup({
                     isSelected ? "border-primary-500" : "border-slate-300 dark:border-slate-600",
                     !disabled && "peer-focus:ring-2 peer-focus:ring-primary-200"
                   ),
-                  children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary-500" })
+                  children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary-500" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ITText, { as: "span", className: "text-sm text-slate-700 dark:text-slate-300", children: opt.label })
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ITText, { as: "span", className: "text-sm text-slate-700 dark:text-slate-300", children: opt.label })
             ]
           },
           opt.value
@@ -6912,16 +7003,16 @@ var import_react34 = require("react");
 
 // src/components/organisms/searchTable/components/SearchInput.tsx
 var import_fa22 = require("react-icons/fa");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function SearchInput({
   placeholder = "Buscar en todos los campos...",
   value,
   onChange,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: `relative flex-1 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_fa22.FaSearch, { className: "h-5 w-5 text-secondary-400" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: `relative flex-1 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fa22.FaSearch, { className: "h-5 w-5 text-secondary-400" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       ITInput,
       {
         name: "global-search",
@@ -6938,13 +7029,13 @@ function SearchInput({
 
 // src/components/organisms/searchTable/components/SortButton.tsx
 var import_fa23 = require("react-icons/fa");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function SortButton({
   sortConfig,
   onClick,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "button",
     {
       onClick,
@@ -6952,15 +7043,15 @@ function SortButton({
       "aria-label": `Ordenar tabla ${sortConfig ? sortConfig.direction === "asc" ? "descendente" : "ascendente" : "ascendente"}`,
       title: "Ordenar tabla",
       children: [
-        sortConfig ? sortConfig.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fa23.FaSortUp, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fa23.FaSortDown, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fa23.FaSort, { className: "w-4 h-4 text-secondary-500" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ITText, { as: "span", className: "text-sm font-medium text-secondary-700", children: sortConfig ? sortConfig.direction === "asc" ? "Asc \u2191" : "Desc \u2193" : "Ordenar" })
+        sortConfig ? sortConfig.direction === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fa23.FaSortUp, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fa23.FaSortDown, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_fa23.FaSort, { className: "w-4 h-4 text-secondary-500" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ITText, { as: "span", className: "text-sm font-medium text-secondary-700", children: sortConfig ? sortConfig.direction === "asc" ? "Asc \u2191" : "Desc \u2193" : "Ordenar" })
       ]
     }
   );
 }
 
 // src/components/organisms/searchTable/components/SearchAndSortBar.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function SearchAndSortBar({
   searchTerm,
   onSearchChange,
@@ -6969,8 +7060,8 @@ function SearchAndSortBar({
   sortConfig,
   searchInputPlaceholder = "Buscar en todos los campos..."
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "bg-secondary-50 px-6 py-4 border-b border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "bg-secondary-50 px-6 py-4 border-b border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       SearchInput,
       {
         placeholder: searchInputPlaceholder,
@@ -6978,8 +7069,8 @@ function SearchAndSortBar({
         onChange: onSearchChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SortButton, { sortConfig, onClick: onGlobalSort }),
-    searchTerm && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SortButton, { sortConfig, onClick: onGlobalSort }),
+    searchTerm && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       ITButton,
       {
         size: "sm",
@@ -6988,14 +7079,14 @@ function SearchAndSortBar({
         onClick: onClearSearch,
         ariaLabel: "Limpiar b\xFAsqueda",
         title: "Limpiar b\xFAsqueda",
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ITText, { as: "span", children: "Limpiar" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ITText, { as: "span", children: "Limpiar" })
       }
     )
   ] }) });
 }
 
 // src/components/organisms/searchTable/components/TableHeaderCell.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function TableHeaderCell({
   label,
   sortable = false,
@@ -7003,8 +7094,8 @@ function TableHeaderCell({
   sortConfig,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { className, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-center gap-2 w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { className, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex flex-col items-center gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-center gap-2 w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       ITText,
       {
         as: "span",
@@ -7018,18 +7109,18 @@ function TableHeaderCell({
         children: label
       }
     ),
-    sortable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SortButton, { sortConfig, onClick: onSort })
+    sortable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SortButton, { sortConfig, onClick: onSort })
   ] }) }) });
 }
 
 // src/components/organisms/searchTable/components/TableHeader.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function TableHeader({
   columns,
   onSort,
   sortConfig
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { className: "bg-white border-b border-secondary-200", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { className: "bg-white border-b border-secondary-200", children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TableHeaderCell,
     {
       label: col.label,
@@ -7047,7 +7138,7 @@ var import_clsx37 = __toESM(require("clsx"), 1);
 var import_fa24 = require("react-icons/fa");
 
 // src/components/organisms/searchTable/components/EditableCell.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function EditableCell({
   column,
   value,
@@ -7076,7 +7167,7 @@ function EditableCell({
     onChange(value, errorMsg);
   };
   const renderITInput = (type) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       ITInput,
       {
         type,
@@ -7090,7 +7181,7 @@ function EditableCell({
     );
   };
   const renderITDatePicker = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       ITDatePicker,
       {
         name: column.key,
@@ -7103,7 +7194,7 @@ function EditableCell({
     );
   };
   const renderITSelect = (options) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       ITSelect,
       {
         name: column.key,
@@ -7117,7 +7208,7 @@ function EditableCell({
     );
   };
   const renderBooleanInput = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       ITInput,
       {
         type: "checkbox",
@@ -7158,14 +7249,14 @@ function EditableCell({
         return renderITInput("text");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "w-full", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full", children: [
     renderInput(),
-    error && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-danger-500 text-xs mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ITText, { as: "span", children: error }) })
+    error && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "text-danger-500 text-xs mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ITText, { as: "span", children: error }) })
   ] });
 }
 
 // src/components/organisms/searchTable/components/TableRow.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function TableRow({
   row,
   rowIndex,
@@ -7198,14 +7289,14 @@ function TableRow({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        return value ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           import_fa24.FaCheck,
           {
             className: "text-green-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_fa24.FaTimes, { className: "text-danger-500", "aria-label": "Falso", title: "Falso" });
+        ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_fa24.FaTimes, { className: "text-danger-500", "aria-label": "Falso", title: "Falso" });
       case "actions":
         if (isEditing && col.saveActions) {
           return col.saveActions(rowData, {
@@ -7229,19 +7320,19 @@ function TableRow({
         return value;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "tr",
     {
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       className: `border-b border-secondary-200 transition-colors duration-150 ${isEditing ? "bg-slate-50" : rowIndex % 2 === 0 ? "bg-white" : "bg-secondary-50"} ${isHovered && !isEditing ? "bg-secondary-100" : ""}`,
-      children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "td",
         {
           className: (0, import_clsx37.default)("pl-5 py-2", col.className, {
             "text-center": col.type === "actions" || col.type === "boolean"
           }),
-          children: isEditing && col.editable ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          children: isEditing && col.editable ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             EditableCell,
             {
               column: col,
@@ -7250,7 +7341,7 @@ function TableRow({
               error: errors[col.key],
               row: editedRow
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "div",
             {
               className: (0, import_clsx37.default)({
@@ -7270,25 +7361,25 @@ function TableRow({
 }
 
 // src/components/organisms/searchTable/components/TableEmptyState.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function TableEmptyState({
   colSpan,
   searchTerm
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { colSpan, className: "px-6 py-4 text-center", children: searchTerm ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ITText, { as: "span", children: "No se encontraron resultados para tu b\xFAsqueda" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ITText, { as: "span", children: "No se encontraron resultados" }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("td", { colSpan, className: "px-6 py-4 text-center", children: searchTerm ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ITText, { as: "span", children: "No se encontraron resultados para tu b\xFAsqueda" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ITText, { as: "span", children: "No se encontraron resultados" }) }) });
 }
 
 // src/components/organisms/searchTable/components/PaginationControls.tsx
 var import_fa25 = require("react-icons/fa");
 
 // src/components/organisms/searchTable/components/PaginationInfo.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function PaginationInfo({
   currentCount,
   totalCount,
   className = ""
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(ITText, { as: "span", className: `text-sm text-secondary-700 ${className}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(ITText, { as: "span", className: `text-sm text-secondary-700 ${className}`, children: [
     "Mostrando ",
     currentCount,
     " de ",
@@ -7298,7 +7389,7 @@ function PaginationInfo({
 }
 
 // src/components/organisms/searchTable/components/PaginationControls.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function PaginationControls({
   pageIndex,
   totalPages,
@@ -7311,12 +7402,12 @@ function PaginationControls({
   currentCount,
   totalCount
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PaginationInfo, { currentCount, totalCount }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ITText, { as: "span", className: "text-sm text-secondary-700", children: "Mostrar:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PaginationInfo, { currentCount, totalCount }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ITText, { as: "span", className: "text-sm text-secondary-700", children: "Mostrar:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           ITSelect,
           {
             name: "itemsPerPage",
@@ -7334,8 +7425,8 @@ function PaginationControls({
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         ITButton,
         {
           color: "secondary",
@@ -7345,16 +7436,16 @@ function PaginationControls({
           className: "min-w-[32px]",
           ariaLabel: "P\xE1gina anterior",
           title: "Ir a la p\xE1gina anterior",
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_fa25.FaArrowLeft, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_fa25.FaArrowLeft, { "aria-hidden": "true" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(ITText, { as: "span", className: "px-4 py-2 text-sm text-secondary-700", "aria-live": "polite", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ITText, { as: "span", className: "px-4 py-2 text-sm text-secondary-700", "aria-live": "polite", children: [
         "P\xE1gina ",
         pageIndex,
         " de ",
         totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         ITButton,
         {
           size: "sm",
@@ -7364,7 +7455,7 @@ function PaginationControls({
           className: "min-w-[32px]",
           ariaLabel: "P\xE1gina siguiente",
           title: "Ir a la p\xE1gina siguiente",
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_fa25.FaArrowRight, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_fa25.FaArrowRight, { "aria-hidden": "true" })
         }
       )
     ] })
@@ -7372,7 +7463,7 @@ function PaginationControls({
 }
 
 // src/components/organisms/searchTable/searchTable.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function ITSearchTable({
   columns,
   data,
@@ -7437,11 +7528,11 @@ function ITSearchTable({
     handleClearSearch();
     onClearSearch?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: (0, import_clsx38.default)("space-y-4 w-full", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "shadow-md sm:rounded-lg overflow-hidden", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "bg-white", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "p-4 border-b border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: (0, import_clsx38.default)("space-y-4 w-full", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "shadow-md sm:rounded-lg overflow-hidden", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "bg-white", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "p-4 border-b border-secondary-200", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           SearchAndSortBar,
           {
             searchTerm,
@@ -7452,7 +7543,7 @@ function ITSearchTable({
             searchInputPlaceholder
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
           "table",
           {
             className: (0, import_clsx38.default)(
@@ -7461,7 +7552,7 @@ function ITSearchTable({
               sizeStyles[size]
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 TableHeader,
                 {
                   columns,
@@ -7469,7 +7560,7 @@ function ITSearchTable({
                   sortConfig
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("tbody", { children: data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("tbody", { children: data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 TableRow,
                 {
                   row,
@@ -7483,7 +7574,7 @@ function ITSearchTable({
                   onCancel: handleCancelEdit
                 },
                 rowIndex
-              )) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+              )) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 TableEmptyState,
                 {
                   colSpan: columns.length + 1,
@@ -7495,7 +7586,7 @@ function ITSearchTable({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       PaginationControls,
       {
         pageIndex,
@@ -7515,7 +7606,7 @@ function ITSearchTable({
 
 // src/components/atoms/segmented-control/segmented-control.tsx
 var import_clsx39 = __toESM(require("clsx"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: { button: "px-2.5 py-1.5 text-[11px]", container: "p-0.5" },
   md: { button: "px-3 py-2 text-xs", container: "p-1" }
@@ -7529,7 +7620,7 @@ function ITSegmentedControl({
   disabled = false
 }) {
   const { button, container } = sizeMap3[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       className: (0, import_clsx39.default)(
@@ -7540,7 +7631,7 @@ function ITSegmentedControl({
       ),
       children: options.map((opt) => {
         const isActive = opt.value === value;
-        return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "button",
           {
             onClick: () => !disabled && onChange(opt.value),
@@ -7552,8 +7643,8 @@ function ITSegmentedControl({
               disabled && "pointer-events-none"
             ),
             children: [
-              opt.icon && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: opt.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ITText, { as: "span", children: opt.label })
+              opt.icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: opt.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ITText, { as: "span", children: opt.label })
             ]
           },
           opt.value
@@ -7566,7 +7657,15 @@ function ITSegmentedControl({
 // src/components/organisms/sidebar/sidebar.tsx
 var import_react35 = require("react");
 var import_fa26 = require("react-icons/fa");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function isSubItemGroup(entry) {
+  return "items" in entry;
+}
+function flattenSubItems(entries) {
+  return entries.flatMap(
+    (entry) => isSubItemGroup(entry) ? entry.items : [entry]
+  );
+}
 function ITSidebar({
   navigationItems = [],
   isCollapsed = false,
@@ -7612,7 +7711,7 @@ function ITSidebar({
   (0, import_react35.useEffect)(() => {
     const activeParents = /* @__PURE__ */ new Set();
     navigationItems.forEach((item) => {
-      if (item.subitems && item.subitems.some((sub) => sub.isActive)) {
+      if (item.subitems && flattenSubItems(item.subitems).some((sub) => sub.isActive)) {
         activeParents.add(item.id);
       }
     });
@@ -7646,7 +7745,81 @@ function ITSidebar({
   };
   const isSidebarCollapsed = visibleOnMobile ? false : !isHovering && isCollapsed;
   const sidebarWidth = isSidebarCollapsed ? "w-[88px]" : "w-[280px]";
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  const renderSubItem = (subitem) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    "button",
+    {
+      "aria-current": subitem.isActive ? "page" : void 0,
+      onClick: () => {
+        if (subitem.action) subitem.action();
+        if (onSubItemClick) onSubItemClick(subitem);
+      },
+      className: `flex items-center gap-2 w-full text-left px-3 py-1.5 rounded-xl transition-all duration-300`,
+      style: {
+        color: subitem.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-label-color, var(--color-secondary-600))",
+        backgroundColor: subitem.isActive ? "var(--it-sidebar-active-bg, var(--color-secondary-50))" : "transparent",
+        fontSize: "0.78rem",
+        fontWeight: subitem.isActive ? 600 : 500,
+        letterSpacing: "0.01em",
+        marginLeft: subitemConnector === "|" ? "-1px" : "0"
+      },
+      onMouseEnter: (e) => {
+        if (!subitem.isActive) {
+          e.currentTarget.style.backgroundColor = "var(--it-sidebar-hover-bg, var(--color-secondary-100))";
+          e.currentTarget.style.transform = "translateX(3px)";
+        }
+      },
+      onMouseLeave: (e) => {
+        if (!subitem.isActive) {
+          e.currentTarget.style.backgroundColor = "transparent";
+          e.currentTarget.style.transform = "translateX(0)";
+        }
+      },
+      children: [
+        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          "div",
+          {
+            className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full transition-all",
+            style: {
+              backgroundColor: "var(--it-sidebar-active-icon, var(--color-primary-500))",
+              boxShadow: "0 0 6px color-mix(in srgb, var(--it-sidebar-active-icon, var(--color-primary-500)) 25%, transparent)"
+            }
+          }
+        ),
+        subitemConnector === "dot" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          "span",
+          {
+            className: `w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-300 ${subitem.isActive ? "scale-125" : ""}`,
+            style: {
+              backgroundColor: subitem.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, var(--color-secondary-400))"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ITText, { as: "span", className: "truncate", children: subitem.label })
+      ]
+    }
+  ) }, subitem.id);
+  const renderSubItemGroup = (group, itemId) => {
+    const headingId = `it-sidebar-subgroup-${itemId}-${group.id}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("li", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { id: headingId, className: "px-3 pt-2.5 pb-1 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        ITText,
+        {
+          as: "span",
+          className: "block",
+          style: {
+            color: "var(--it-sidebar-icon-color, var(--color-secondary-400))",
+            fontSize: "0.68rem",
+            fontWeight: 700,
+            letterSpacing: "0.08em",
+            textTransform: "uppercase"
+          },
+          children: group.label
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { "aria-labelledby": headingId, className: "flex flex-col gap-0", children: group.items.map(renderSubItem) })
+    ] }, group.id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "aside",
     {
       ref: sidebarRef,
@@ -7666,12 +7839,12 @@ function ITSidebar({
         backdropFilter: "blur(12px)"
       },
       children: [
-        header && !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("nav", { "aria-label": "Componentes de la librer\xEDa", className: "flex-1 py-4 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("ul", { className: "space-y-1", children: navigationItems.map((item) => {
+        header && !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("nav", { "aria-label": "Componentes de la librer\xEDa", className: "flex-1 py-4 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "space-y-1", children: navigationItems.map((item) => {
           const hasSubmenu = !!item.subitems && item.subitems.length > 0;
           const submenuId = `it-sidebar-submenu-${item.id}`;
-          return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("li", { className: "relative group/navitem", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("li", { className: "relative group/navitem", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "div",
               {
                 role: "button",
@@ -7703,15 +7876,15 @@ function ITSidebar({
                   }
                 },
                 children: [
-                  item.isActive && !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  item.isActive && !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       className: "absolute left-0 top-1/4 bottom-1/4 w-[3px] rounded-r-full transition-all",
                       style: { backgroundColor: "var(--it-sidebar-active-icon, var(--color-primary-500))", boxShadow: "0 0 10px var(--it-sidebar-active-icon, var(--color-primary-500))" }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `flex items-center ${!isSidebarCollapsed ? "gap-2.5" : "justify-center"} relative z-10 w-full`, children: [
-                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: `flex items-center ${!isSidebarCollapsed ? "gap-2.5" : "justify-center"} relative z-10 w-full`, children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                       "div",
                       {
                         className: `transition-all duration-300 flex-shrink-0 flex items-center justify-center`,
@@ -7724,7 +7897,7 @@ function ITSidebar({
                         children: item.icon
                       }
                     ),
-                    !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                    !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -7738,15 +7911,15 @@ function ITSidebar({
                       }
                     )
                   ] }),
-                  !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       className: `flex-shrink-0 transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "rotate-180" : ""}`,
                       style: { color: item.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-icon-color, var(--color-secondary-500))", opacity: 0.7 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_fa26.FaChevronDown, { className: "w-3 h-3" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_fa26.FaChevronDown, { className: "w-3 h-3" })
                     }
                   ),
-                  item.badge && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  item.badge && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "span",
                     {
                       className: `
@@ -7764,7 +7937,7 @@ function ITSidebar({
                 ]
               }
             ),
-            isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+            isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "div",
               {
                 className: "absolute left-full top-0 ml-4 rounded-2xl opacity-0 invisible group-hover/navitem:opacity-100 group-hover/navitem:visible transition-all duration-300 pointer-events-none z-[70] min-w-[220px] overflow-hidden -translate-x-2 group-hover/navitem:translate-x-0 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)]",
@@ -7775,16 +7948,16 @@ function ITSidebar({
                   backdropFilter: "blur(16px)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "px-5 py-4 flex items-center gap-3 font-semibold border-b", style: { borderColor: "var(--it-sidebar-border, var(--color-secondary-200))", color: "var(--it-sidebar-active-color, var(--color-secondary-900))" }, children: [
-                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { style: { color: "var(--it-sidebar-active-icon, var(--color-primary-500))" }, className: "text-xl drop-shadow-sm", children: item.icon }),
-                    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ITText, { as: "span", className: "tracking-wide text-[15px]", children: item.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "px-5 py-4 flex items-center gap-3 font-semibold border-b", style: { borderColor: "var(--it-sidebar-border, var(--color-secondary-200))", color: "var(--it-sidebar-active-color, var(--color-secondary-900))" }, children: [
+                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { style: { color: "var(--it-sidebar-active-icon, var(--color-primary-500))" }, className: "text-xl drop-shadow-sm", children: item.icon }),
+                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ITText, { as: "span", className: "tracking-wide text-[15px]", children: item.label })
                   ] }),
-                  item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "py-2", children: item.subitems.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+                  item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "py-2", children: flattenSubItems(item.subitems).map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
                     "div",
                     {
                       className: `px-5 py-2.5 text-sm flex items-center gap-3 transition-colors relative`,
                       children: [
-                        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                           "div",
                           {
                             className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full",
@@ -7794,75 +7967,25 @@ function ITSidebar({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: `w-1.5 h-1.5 rounded-full transition-all ${subitem.isActive ? "scale-125" : ""}`, style: { backgroundColor: subitem.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, var(--color-secondary-400))" } }),
-                        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ITText, { as: "span", style: { color: subitem.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-label-color, var(--color-secondary-600))", fontWeight: subitem.isActive ? 600 : 500 }, children: subitem.label })
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: `w-1.5 h-1.5 rounded-full transition-all ${subitem.isActive ? "scale-125" : ""}`, style: { backgroundColor: subitem.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, var(--color-secondary-400))" } }),
+                        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ITText, { as: "span", style: { color: subitem.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-label-color, var(--color-secondary-600))", fontWeight: subitem.isActive ? 600 : 500 }, children: subitem.label })
                       ]
                     },
                     subitem.id
-                  )) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ITText, { as: "div", className: "px-5 py-3 text-sm italic", style: { color: "var(--it-sidebar-label-color, var(--color-secondary-400))" }, children: "No hay submen\xFA" })
+                  )) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ITText, { as: "div", className: "px-5 py-3 text-sm italic", style: { color: "var(--it-sidebar-label-color, var(--color-secondary-400))" }, children: "No hay submen\xFA" })
                 ]
               }
             ),
-            !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { id: submenuId, role: "group", "aria-label": item.label, className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[500px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { id: submenuId, role: "group", "aria-label": item.label, className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[1000px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "ul",
               {
                 className: "ml-4 flex flex-col gap-0 py-0.5",
                 style: {
                   borderLeft: subitemConnector === "|" ? "1px solid var(--it-sidebar-border, var(--color-secondary-200))" : "none"
                 },
-                children: item.subitems.map((subitem) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("li", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-                  "button",
-                  {
-                    "aria-current": subitem.isActive ? "page" : void 0,
-                    onClick: () => {
-                      if (subitem.action) subitem.action();
-                      if (onSubItemClick) onSubItemClick(subitem);
-                    },
-                    className: `flex items-center gap-2 w-full text-left px-3 py-1.5 rounded-xl transition-all duration-300`,
-                    style: {
-                      color: subitem.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-label-color, var(--color-secondary-600))",
-                      backgroundColor: subitem.isActive ? "var(--it-sidebar-active-bg, var(--color-secondary-50))" : "transparent",
-                      fontSize: "0.78rem",
-                      fontWeight: subitem.isActive ? 600 : 500,
-                      letterSpacing: "0.01em",
-                      marginLeft: subitemConnector === "|" ? "-1px" : "0"
-                    },
-                    onMouseEnter: (e) => {
-                      if (!subitem.isActive) {
-                        e.currentTarget.style.backgroundColor = "var(--it-sidebar-hover-bg, var(--color-secondary-100))";
-                        e.currentTarget.style.transform = "translateX(3px)";
-                      }
-                    },
-                    onMouseLeave: (e) => {
-                      if (!subitem.isActive) {
-                        e.currentTarget.style.backgroundColor = "transparent";
-                        e.currentTarget.style.transform = "translateX(0)";
-                      }
-                    },
-                    children: [
-                      subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                        "div",
-                        {
-                          className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full transition-all",
-                          style: {
-                            backgroundColor: "var(--it-sidebar-active-icon, var(--color-primary-500))",
-                            boxShadow: "0 0 6px color-mix(in srgb, var(--it-sidebar-active-icon, var(--color-primary-500)) 25%, transparent)"
-                          }
-                        }
-                      ),
-                      subitemConnector === "dot" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-                        "span",
-                        {
-                          className: `w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-300 ${subitem.isActive ? "scale-125" : ""}`,
-                          style: {
-                            backgroundColor: subitem.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, var(--color-secondary-400))"
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ITText, { as: "span", className: "truncate", children: subitem.label })
-                    ]
-                  }
-                ) }, subitem.id))
+                children: item.subitems.map(
+                  (entry) => isSubItemGroup(entry) ? renderSubItemGroup(entry, item.id) : renderSubItem(entry)
+                )
               }
             ) })
           ] }, item.id);
@@ -7875,7 +7998,7 @@ function ITSidebar({
 // src/components/atoms/slide/slide.tsx
 var import_react36 = require("react");
 var import_clsx40 = __toESM(require("clsx"), 1);
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function ITSlideToggle({
   onToggle,
   isOn: controlledIsOn,
@@ -7928,7 +8051,7 @@ function ITSlideToggle({
     }
   };
   const { container, knob, translate } = sizeClasses2[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "div",
     {
       onClick: toggleSwitch,
@@ -7948,7 +8071,7 @@ function ITSlideToggle({
           toggleSwitch();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         "div",
         {
           className: (0, import_clsx40.default)(
@@ -7964,7 +8087,7 @@ function ITSlideToggle({
 
 // src/components/atoms/slider/slider.tsx
 var import_clsx41 = __toESM(require("clsx"), 1);
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function ITSlider({
   value,
   onChange,
@@ -7975,13 +8098,13 @@ function ITSlider({
   disabled = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: (0, import_clsx41.default)("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ITText, { as: "label", className: "text-xs font-semibold text-secondary-600 dark:text-secondary-400", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: (0, import_clsx41.default)("flex flex-col gap-1.5", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ITText, { as: "label", className: "text-xs font-semibold text-secondary-600 dark:text-secondary-400", children: [
       label,
       ": ",
       value
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "relative w-full h-5 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "relative w-full h-5 flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "input",
       {
         type: "range",
@@ -8012,7 +8135,7 @@ function ITSlider({
 
 // src/components/molecules/stat-card/stat-card.tsx
 var import_clsx42 = __toESM(require("clsx"), 1);
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var trendColors = {
   up: "text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30",
   down: "text-rose-600 bg-rose-50 dark:text-rose-400 dark:bg-rose-950/30",
@@ -8029,7 +8152,7 @@ function ITStatCard({
   style,
   onClick
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "div",
     {
       className: (0, import_clsx42.default)("rounded-xl p-4 border border-slate-100 dark:border-slate-800", color, className),
@@ -8038,13 +8161,13 @@ function ITStatCard({
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-start justify-between mb-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
-          icon && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-slate-400", children: icon })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-start justify-between mb-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-slate-400", children: icon })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-baseline gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
-          trend && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ITText, { as: "span", className: (0, import_clsx42.default)("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-baseline gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
+          trend && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: (0, import_clsx42.default)("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
         ] })
       ]
     }
@@ -8057,7 +8180,7 @@ var import_react37 = __toESM(require("react"), 1);
 var import_fa27 = require("react-icons/fa");
 var import_md2 = require("react-icons/md");
 var import_date_fns3 = require("date-fns");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function ITTable({
   columns,
   data = [],
@@ -8188,6 +8311,7 @@ function ITTable({
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
   const columnCount = columns.length;
+  const pinnedMeta = import_react37.default.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const {
     scrollRef,
     startIndex,
@@ -8212,14 +8336,14 @@ function ITTable({
         if (currentValue === true) return "Filtrar solo verdaderos";
         return "Filtrar solo falsos";
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "button",
         {
           className: "flex items-center justify-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 rounded-full p-1 transition-all duration-200",
           onClick: () => handleFilterChange(col.key, nextValue),
           "aria-label": `${getToggleLabel()} para ${col.label}`,
           title: `${getToggleLabel()} para ${col.label}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             "div",
             {
               className: (0, import_clsx43.default)(
@@ -8237,7 +8361,7 @@ function ITTable({
     }
     if (col.filter === "catalog" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           import_fa27.FaSpinner,
           {
             className: "animate-spin",
@@ -8247,9 +8371,9 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         ITSelect,
         {
           name: `filter-${col.key}`,
@@ -8273,7 +8397,7 @@ function ITTable({
     }
     if (col.filter === "search" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           import_fa27.FaSpinner,
           {
             className: "animate-spin",
@@ -8283,10 +8407,10 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
       const searchValue = filters[col.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         ITSearchSelect,
         {
           name: `filter-${col.key}`,
@@ -8309,7 +8433,7 @@ function ITTable({
     }
     if (col.filter === "date") {
       const dateValue = filters[col.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8325,7 +8449,7 @@ function ITTable({
     }
     if (col.filter === "date-range") {
       const rangeValue = filters[col.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8340,7 +8464,7 @@ function ITTable({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       ITInput,
       {
         name: `filter-${col.key}`,
@@ -8362,14 +8486,14 @@ function ITTable({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        return value ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           import_fa27.FaCheck,
           {
             className: "text-success-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           import_fa27.FaTimes,
           {
             className: "text-danger-500",
@@ -8394,12 +8518,12 @@ function ITTable({
   const renderDefaultCard = (row) => {
     const dataCols = columns.filter((c) => c.type !== "actions");
     const actionCol = columns.find((c) => c.type === "actions");
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-3 space-y-2 shadow-sm", children: [
-      dataCols.map((col) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-3 space-y-2 shadow-sm", children: [
+      dataCols.map((col) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
       ] }, col.key)),
-      actionCol?.actions && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
+      actionCol?.actions && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
     ] });
   };
   const handleRowClick = (row) => (event) => {
@@ -8413,61 +8537,61 @@ function ITTable({
     event.preventDefault();
     onRowClick(row, event);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { ref: rootRef, className: (0, import_clsx43.default)("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { ref: rootRef, className: (0, import_clsx43.default)("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           "button",
           {
             onClick: () => setViewMode("table"),
             disabled: forcedCards,
             className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "table" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_fa27.FaTable, { size: 11 }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaTable, { size: 11 }),
               "Table"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           "button",
           {
             onClick: () => setViewMode("cards"),
             className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "cards" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_fa27.FaThLarge, { size: 11 }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaThLarge, { size: 11 }),
               "Cards"
             ]
           }
         )
       ] })
     ] }),
-    !title && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    !title && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "button",
         {
           onClick: () => setViewMode("table"),
           disabled: forcedCards,
           className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "table" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_fa27.FaTable, { size: 11 }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaTable, { size: 11 }),
             "Table"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "button",
         {
           onClick: () => setViewMode("cards"),
           className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "cards" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_fa27.FaThLarge, { size: 11 }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaThLarge, { size: 11 }),
             "Cards"
           ]
         }
       )
     ] }) }),
-    effectiveView === "cards" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    effectiveView === "cards" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "div",
       {
         className: (0, import_clsx43.default)(tableCardHover, onRowClick && tableCardClickable),
@@ -8478,16 +8602,16 @@ function ITTable({
         children: renderCard ? renderCard(row) : renderDefaultCard(row)
       },
       i
-    )) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: (0, import_clsx43.default)(tableEmptyContent, "py-12"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    )) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: (0, import_clsx43.default)(tableEmptyContent, "py-12"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       "div",
       {
         ref: isTableVirtual ? scrollRef : void 0,
         className: isTableVirtual ? "overflow-x-auto overflow-y-auto" : "overflow-x-auto",
         style: isTableVirtual ? { maxHeight: virtualizedMaxHeight } : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           "table",
           {
             className: (0, import_clsx43.default)(
@@ -8500,56 +8624,64 @@ function ITTable({
             style: isFixed ? { tableLayout: "fixed" } : void 0,
             "aria-rowcount": isTableVirtual ? currentData.length + 1 : void 0,
             children: [
-              hasColumnWidths && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("colgroup", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              hasColumnWidths && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("colgroup", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "col",
                 {
                   style: col.width != null ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
                 },
                 col.key
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "tr",
                 {
                   className: (0, import_clsx43.default)(tableHeaderRow, "dark:text-slate-200"),
                   "aria-rowindex": isTableVirtual ? 1 : void 0,
-                  children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-                    "th",
-                    {
-                      scope: "col",
-                      className: (0, import_clsx43.default)(
-                        tableHeaderCell(col.className, density),
-                        col.align && tableAlignClasses[col.align],
-                        isStickyHeader && "sticky top-0 z-10 bg-secondary-50"
-                      ),
-                      style: col.minWidth != null || isStickyHeader ? {
-                        ...col.minWidth != null ? { minWidth: `${col.minWidth}px` } : {},
-                        ...isStickyHeader ? { backgroundColor: "var(--color-table-headerBg, #f8fafc)" } : {}
-                      } : void 0,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                          col.sortable && col.type !== "actions" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-                            "button",
-                            {
-                              onClick: () => handleSort(col.key),
-                              className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"}`,
-                              title: `Ordenar por ${col.label}`,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_md2.MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
-                      ] })
-                    },
-                    col.key
-                  ))
+                  children: columns.map((col) => {
+                    const pin = pinnedMeta[col.key];
+                    const isPinned = pin != null;
+                    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                      "th",
+                      {
+                        scope: "col",
+                        className: (0, import_clsx43.default)(
+                          tableHeaderCell(col.className, density),
+                          col.align && tableAlignClasses[col.align],
+                          isPinned && "sticky",
+                          isStickyHeader && "sticky top-0 bg-secondary-50",
+                          isPinned ? "z-[15]" : isStickyHeader && "z-10",
+                          isPinned && (col.pinned === "left" ? "it-table-pinned-left" : "it-table-pinned-right")
+                        ),
+                        style: col.minWidth != null || isStickyHeader || isPinned ? {
+                          ...col.minWidth != null ? { minWidth: `${col.minWidth}px` } : {},
+                          ...isStickyHeader || isPinned ? { backgroundColor: "var(--color-table-headerBg, #f8fafc)" } : {},
+                          ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
+                        } : void 0,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                            col.sortable && col.type !== "actions" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                              "button",
+                              {
+                                onClick: () => handleSort(col.key),
+                                className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"}`,
+                                title: `Ordenar por ${col.label}`,
+                                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_md2.MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                        ] })
+                      },
+                      col.key
+                    );
+                  })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("tbody", { className: (0, import_clsx43.default)(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tbody", { className: (0, import_clsx43.default)(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
                 windowData.map((row, windowIndex) => {
                   const absoluteIndex = isTableVirtual ? startIndex + windowIndex : windowIndex;
-                  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                     "tr",
                     {
                       "aria-rowindex": isTableVirtual ? absoluteIndex + 2 : void 0,
@@ -8564,16 +8696,24 @@ function ITTable({
                       children: columns.map((col) => {
                         const rawValue = getNestedValue(row, col.key);
                         const truncateTitle = col.truncate && (typeof rawValue === "string" || typeof rawValue === "number") ? String(rawValue) : void 0;
-                        return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                        const pin = pinnedMeta[col.key];
+                        const isPinned = pin != null;
+                        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                           "td",
                           {
                             className: (0, import_clsx43.default)(
                               tableCell(col.className, density),
-                              col.align && tableAlignClasses[col.align]
+                              col.align && tableAlignClasses[col.align],
+                              isPinned && "sticky bg-[var(--color-table-rowBg,white)] group-hover:bg-[var(--color-table-rowHover,var(--color-secondary-50))]",
+                              isPinned && (col.pinned === "left" ? "it-table-pinned-left" : "it-table-pinned-right"),
+                              isPinned && "z-[1]"
                             ),
-                            style: col.minWidth != null ? { minWidth: `${col.minWidth}px` } : void 0,
+                            style: col.minWidth != null || isPinned ? {
+                              ...col.minWidth != null ? { minWidth: `${col.minWidth}px` } : {},
+                              ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
+                            } : void 0,
                             title: truncateTitle,
-                            children: col.type === "actions" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: (0, import_clsx43.default)(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
+                            children: col.type === "actions" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx43.default)(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                           },
                           `${absoluteIndex}-${col.key}`
                         );
@@ -8582,17 +8722,17 @@ function ITTable({
                     absoluteIndex
                   );
                 }),
-                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: tableEmptyContent, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: tableEmptyContent, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
               ] }) }) }) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       ITPagination,
       {
         currentPage,
@@ -8610,7 +8750,7 @@ function ITTable({
 
 // src/components/atoms/textarea/textarea.tsx
 var import_clsx44 = __toESM(require("clsx"), 1);
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var resizeMap = {
   none: "resize-none",
   vertical: "resize-y",
@@ -8630,9 +8770,9 @@ function ITTextarea({
   maxLength,
   resize = "vertical"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: (0, import_clsx44.default)("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: (0, import_clsx44.default)("flex flex-col gap-1.5", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "textarea",
       {
         id: name,
@@ -8652,14 +8792,14 @@ function ITTextarea({
         )
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/molecules/tabs/tabs.tsx
 var import_react38 = require("react");
 var import_clsx45 = require("clsx");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ITTabs = ({
   items,
   defaultActiveId,
@@ -8675,14 +8815,14 @@ var ITTabs = ({
     if (onChange) onChange(id);
   };
   const activeContent = items.find((item) => item.id === activeId)?.content;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: (0, import_clsx45.clsx)("w-full", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx45.clsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: (0, import_clsx45.clsx)("w-full", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_clsx45.clsx)(
       "flex border-secondary-200 mb-4",
       variant === "line" ? "border-b" : "gap-2 p-1 bg-secondary-100 rounded-lg w-fit",
       className
     ), children: items.map((item) => {
       const isActive = item.id === activeId;
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
         "button",
         {
           onClick: () => handleTabClick(item.id, item.disabled),
@@ -8702,21 +8842,21 @@ var ITTabs = ({
             item.disabled && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "w-4 h-4", children: item.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", children: item.label })
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "w-4 h-4", children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", children: item.label })
           ]
         },
         item.id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "tab-content animate-fadeIn", children: activeContent })
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "tab-content animate-fadeIn", children: activeContent })
   ] });
 };
 var tabs_default = ITTabs;
 
 // src/components/organisms/triple-filter/tripleFilter.tsx
 var import_clsx46 = __toESM(require("clsx"), 1);
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var colorMap2 = {
   primary: "text-primary-600",
   secondary: "text-secondary-600",
@@ -8735,11 +8875,11 @@ var ITTripleFilter = ({
   color = "primary",
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       className: (0, import_clsx46.default)("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "button",
         {
           onClick: () => onChange(option.value),
@@ -8747,7 +8887,7 @@ var ITTripleFilter = ({
             "px-4 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider transition-all duration-200 whitespace-nowrap",
             value === option.value ? (0, import_clsx46.default)("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", children: option.label })
+          children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ITText, { as: "span", children: option.label })
         },
         String(option.value)
       ))
@@ -8770,7 +8910,7 @@ var positionStyles = {
 var import_clsx47 = __toESM(require("clsx"), 1);
 var import_react39 = require("react");
 var import_fa28 = require("react-icons/fa");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function ITToast({
   message,
   type = "info",
@@ -8799,18 +8939,18 @@ function ITToast({
   const TypeIcon = () => {
     switch (type) {
       case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_fa28.FaCheckCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaCheckCircle, { className: "w-5 h-5 flex-shrink-0" });
       case "error":
       case "danger":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_fa28.FaTimesCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaTimesCircle, { className: "w-5 h-5 flex-shrink-0" });
       case "warning":
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_fa28.FaExclamationTriangle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaExclamationTriangle, { className: "w-5 h-5 flex-shrink-0" });
       case "info":
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_fa28.FaInfoCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaInfoCircle, { className: "w-5 h-5 flex-shrink-0" });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "div",
     {
       className: (0, import_clsx47.default)(
@@ -8826,17 +8966,17 @@ function ITToast({
       style: { backgroundColor },
       role: "alert",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(TypeIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TypeIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "button",
           {
             onClick: handleClose,
             className: "p-1.5 rounded-full hover:bg-black/15 transition-colors focus:outline-none focus:ring-2 focus:ring-white/50",
             "aria-label": "Close notification",
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_fa28.FaTimes, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaTimes, { className: "w-4 h-4" })
           }
         )
       ]
@@ -8863,7 +9003,7 @@ var toolbarActions = [
 // src/components/atoms/tooltip/tooltip.tsx
 var import_react40 = require("react");
 var import_clsx48 = __toESM(require("clsx"), 1);
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var positionClasses2 = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -8892,7 +9032,7 @@ function ITTooltip({
     clearTimeout(timeout);
     setVisible(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     {
       className: (0, import_clsx48.default)("relative inline-flex", className),
@@ -8900,9 +9040,9 @@ function ITTooltip({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        visible && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: (0, import_clsx48.default)("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ITText, { as: "span", children: content }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: (0, import_clsx48.default)("absolute", arrowClasses[position]) })
+        visible && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: (0, import_clsx48.default)("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ITText, { as: "span", children: content }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx48.default)("absolute", arrowClasses[position]) })
         ] })
       ]
     }
@@ -8910,16 +9050,16 @@ function ITTooltip({
 }
 
 // src/components/molecules/wysiwyg/wysiwyg.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var INLINE_TAGS = /* @__PURE__ */ new Set(["STRONG", "B", "EM", "I", "U", "MARK"]);
 var ACTION_META = {
-  bold: { label: "Negrita", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaBold, {}) },
-  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaItalic, {}) },
-  underline: { label: "Subrayado", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaUnderline, {}) },
-  highlight: { label: "Marcador", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaHighlighter, {}) },
-  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaListUl, {}) },
-  ol: { label: "Lista numerada", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaListOl, {}) },
-  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa29.FaEraser, {}) }
+  bold: { label: "Negrita", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaBold, {}) },
+  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaItalic, {}) },
+  underline: { label: "Subrayado", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaUnderline, {}) },
+  highlight: { label: "Marcador", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaHighlighter, {}) },
+  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaListUl, {}) },
+  ol: { label: "Lista numerada", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaListOl, {}) },
+  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaEraser, {}) }
 };
 function ITWysiwyg({
   value,
@@ -9335,7 +9475,7 @@ function ITWysiwyg({
   }) => {
     const meta = ACTION_META[action];
     const isActive = !!active[action];
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ITTooltip, { content: meta.label, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITTooltip, { content: meta.label, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "button",
       {
         type: "button",
@@ -9355,9 +9495,9 @@ function ITWysiwyg({
       }
     ) });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: inputWrapper(className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: inputWrapper(className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
       "div",
       {
         className: (0, import_clsx49.default)(
@@ -9366,20 +9506,20 @@ function ITWysiwyg({
           isLocked && "opacity-50 cursor-not-allowed bg-secondary-100 dark:bg-slate-800"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "div",
             {
               className: (0, import_clsx49.default)(
                 "flex flex-wrap items-center gap-0.5 px-1.5 py-1 border-b border-secondary-200 bg-secondary-50 dark:bg-slate-800",
                 isLocked && "bg-secondary-100 dark:bg-slate-900"
               ),
-              children: toolbar.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "flex items-center", children: [
-                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
-                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ToolbarButton, { action })
+              children: toolbar.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "flex items-center", children: [
+                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ToolbarButton, { action })
               ] }, action))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "div",
             {
               id: name,
@@ -9413,7 +9553,7 @@ function ITWysiwyg({
         ]
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
@@ -9448,7 +9588,7 @@ var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
 })(UploadStatus || {});
 
 // src/components/organisms/dropfile/dropfile.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -9587,9 +9727,9 @@ var ITDropfile = ({
       }
     };
     const { label, color, dotColor } = config2[status];
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -9680,18 +9820,18 @@ var ITDropfile = ({
       return () => clearTimeout(timeout);
     }
   }, [view, isConfirmed, uploadStatus, externalStatus, onStatusChange]);
-  const headerRow = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: "block text-sm font-semibold text-secondary-700", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "span", children: "Subir archivo " }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
+  const headerRow = /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "block text-sm font-semibold text-secondary-700", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", children: "Subir archivo " }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
         "(",
         getFileExtensions(),
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  const dropZoneOrPreview = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       ...getRootProps(),
@@ -9701,41 +9841,41 @@ var ITDropfile = ({
             ${isDragActive ? "border-primary-500 bg-primary-50 scale-[1.01]" : "border-secondary-300 bg-white hover:border-primary-400 hover:bg-secondary-50"}
           `,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { ...getInputProps() }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("input", { ...getInputProps() }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "svg",
           {
             className: `w-6 h-6 transition-colors duration-300 ${isDragActive ? "text-primary-600" : "text-secondary-400 group-hover:text-primary-500"}`,
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "text-center space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-center space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+  ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx50.default)("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_clsx50.default)("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "img",
       {
         src: imagePreview,
         alt: "Vista previa",
         className: "w-full h-full object-contain max-h-[200px]"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         ITButton,
         {
           type: "button",
@@ -9743,10 +9883,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { children: "Cancelar" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { children: "Cancelar" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         ITButton,
         {
           type: "button",
@@ -9754,13 +9894,13 @@ var ITDropfile = ({
           color: "primary",
           size: "sm",
           onClick: handleConfirm,
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { children: "Confirmar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { children: "Confirmar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       ITButton,
       {
         type: "button",
@@ -9769,12 +9909,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { children: "Eliminar" })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { children: "Eliminar" })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -9787,8 +9927,8 @@ var ITDropfile = ({
   ] }) });
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: (0, import_clsx50.default)("inline-block", containerClassName), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx50.default)("inline-block", containerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         ITButton,
         {
           type: "button",
@@ -9796,20 +9936,20 @@ var ITDropfile = ({
           color: hasFile ? "primary" : "secondary",
           size: "sm",
           onClick: () => setIsModalOpen(true),
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(StatusBadge, { status: uploadStatus })
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: (0, import_clsx50.default)("w-full transition-all duration-300", containerClassName), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx50.default)("w-full transition-all duration-300", containerClassName), children: [
     headerRow,
     dropZoneOrPreview
   ] });
@@ -9823,7 +9963,7 @@ var import_clsx51 = __toESM(require("clsx"), 1);
 // src/components/organisms/topbar/topbar.tsx
 var import_fa30 = require("react-icons/fa");
 var import_react43 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function ITTopBar({
   logo,
   logoText,
@@ -9838,7 +9978,7 @@ function ITTopBar({
   const [isUserMenuOpen, setIsUserMenuOpen] = (0, import_react43.useState)(false);
   const userMenuRef = (0, import_react43.useRef)(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "header",
     {
       className: "sticky top-0 z-40 backdrop-blur-md transition-all duration-300",
@@ -9847,9 +9987,9 @@ function ITTopBar({
         borderBottom: "1px solid var(--it-topbar-border, rgba(15, 23, 42, 0.06))",
         boxShadow: "var(--shadow-xs)"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between h-[72px] px-6 lg:px-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-between h-[72px] px-6 lg:px-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-5", children: [
+          showMobileMenuButton && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "button",
             {
               className: "lg:hidden p-2.5 rounded-xl transition-colors duration-200",
@@ -9859,12 +9999,12 @@ function ITTopBar({
               onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--it-topbar-user-hover, #f1f5f9)",
               onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
               onClick: onToggleMobileMenu,
-              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa30.FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_fa30.FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3", children: [
-            logo && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-3", children: [
+            logo && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               ITText,
               {
                 as: "span",
@@ -9874,7 +10014,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          navItems && navItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -9888,19 +10028,19 @@ function ITTopBar({
                 e.currentTarget.style.color = "var(--it-topbar-text, #475569)";
                 e.currentTarget.style.backgroundColor = "transparent";
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", children: item.label })
+              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
-        (children || userMenu) && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
+        centerContent && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        (children || userMenu) && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          userMenu && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+          userMenu && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
               "button",
               {
                 type: "button",
@@ -9916,19 +10056,19 @@ function ITTopBar({
                 },
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative", children: [
+                    userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                       "img",
                       {
                         className: "w-9 h-9 rounded-full object-cover ring-2 ring-white shadow-sm",
                         src: userMenu.userImage,
                         alt: "Current user"
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa30.FaUserCircle, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_fa30.FaUserCircle, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "hidden sm:flex flex-col text-left py-0.5", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "hidden sm:flex flex-col text-left py-0.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -9937,7 +10077,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -9950,7 +10090,7 @@ function ITTopBar({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
               "div",
               {
                 ref: userMenuRef,
@@ -9963,15 +10103,15 @@ function ITTopBar({
                   border: "1px solid var(--it-topbar-user-dropdown-border, #f1f5f9)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
                     const isDestructive = m.label.toLowerCase().includes("salir") || m.label.toLowerCase().includes("cerrar") || m.label.toLowerCase().includes("logout");
-                    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("li", { className: "px-2", children: [
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                         "button",
                         {
                           onClick: () => {
@@ -9986,7 +10126,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -10002,7 +10142,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function ITLayout({
   topBar,
   sidebar,
@@ -10017,8 +10157,8 @@ function ITLayout({
   const handleToggleCollapse = isControlled ? sidebar.onToggleCollapse ?? (() => {
   }) : () => setInternalCollapsed((v) => !v);
   const layoutTokens = theme.layout;
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       ITTopBar,
       {
         ...topBar,
@@ -10026,20 +10166,20 @@ function ITLayout({
         onToggleMobileMenu: () => setMobileSidebarOpen((v) => !v)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
       "div",
       {
         className: "flex flex-1 overflow-hidden relative",
         style: { backgroundColor: layoutTokens.backgroundColor },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "hidden lg:block relative z-40 h-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "hidden lg:block relative z-40 h-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "div",
               {
                 className: `${desktopCollapsed ? "w-[88px]" : "w-[280px]"} h-full flex-shrink-0`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               ITSidebar,
               {
                 ...sidebar,
@@ -10050,17 +10190,17 @@ function ITLayout({
               }
             ) })
           ] }),
-          mobileSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          mobileSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "div",
             {
               className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
               onClick: () => setMobileSidebarOpen(false),
-              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "div",
                 {
                   className: "h-full w-fit flex transform transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]",
                   onClick: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                     ITSidebar,
                     {
                       ...sidebar,
@@ -10076,7 +10216,7 @@ function ITLayout({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: (0, import_clsx51.default)("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: (0, import_clsx51.default)("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
         ]
       }
     )
@@ -10092,7 +10232,7 @@ var sizeClasses = {
 };
 
 // src/components/atoms/loader/loader.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function ITLoader({
   size = "md",
   variant = "spinner",
@@ -10107,22 +10247,22 @@ function ITLoader({
   const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
   const colorClass = !isCssValue ? color : "";
   if (variant === "spinner") {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         className: `inline-block ${sizeClasses[size]} animate-spin rounded-full border-2 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] ${colorClass} ${className}`,
         role: "status",
         style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
       }
     );
   }
   if (variant === "dots") {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
@@ -10137,11 +10277,11 @@ function ITLoader({
     );
   }
   if (variant === "bar") {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         className: `w-full ${size === "sm" ? "h-1" : size === "md" ? "h-1.5" : size === "lg" ? "h-2" : "h-2.5"} bg-secondary-200 rounded-full overflow-hidden ${className}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             className: `h-full animate-progress ${colorClass}`,
@@ -10157,7 +10297,7 @@ function ITLoader({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
@@ -10172,7 +10312,7 @@ function ITLoader({
 var import_clsx52 = __toESM(require("clsx"), 1);
 var import_react45 = require("react");
 var import_fa31 = require("react-icons/fa");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ITStepper({
   steps,
   currentStep,
@@ -10239,23 +10379,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_fa31.FaCheck, { className: "w-4 h-4" });
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaCheck, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: (0, import_clsx52.default)("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: (0, import_clsx52.default)("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         "div",
         {
           ref: progressRef,
@@ -10263,11 +10403,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
         const isActive = idx === currentStep;
         const isCompleted = idx < currentStep;
         const hasIcon = step.icon && useIcons;
-        return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "button",
           {
             type: "button",
@@ -10277,8 +10417,8 @@ function ITStepper({
             "aria-label": `Paso ${idx + 1} ${step.label}`,
             className: "flex-1 group",
             title: step.label,
-            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "div",
                 {
                   className: (0, import_clsx52.default)(
@@ -10292,7 +10432,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 ITText,
                 {
                   as: "span",
@@ -10310,7 +10450,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         ref: contentRef,
@@ -10326,37 +10466,37 @@ function ITStepper({
         children: steps[currentStep].content
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         ITButton,
         {
           variant: "outlined",
           color: "secondary",
           disabled: currentStep === 0,
           onClick: prevStep,
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_fa31.FaChevronLeft, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ITText, { as: "span", children: "Atr\xE1s" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaChevronLeft, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", children: "Atr\xE1s" })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: [
           "Paso ",
           currentStep + 1,
           " de ",
           steps.length
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           ITButton,
           {
             variant: "solid",
             color,
             disabled: disableNext,
             onClick: nextStep,
-            children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_fa31.FaCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_fa31.FaChevronRight, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaChevronRight, {})
             ] })
           }
         )
@@ -10544,7 +10684,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -11935,14 +12075,14 @@ function ITThemeProvider({
     const isNested = colorKey.includes(".");
     const label = isNested ? colorKey.split(".")[1] : colorKey;
     const value = getNestedValue3(palette2, colorKey);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "div",
       {
         className: "flex items-center justify-between p-3 rounded-xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/50 gap-3 hover:border-slate-200 dark:hover:border-slate-700 transition-colors",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 "input",
                 {
                   type: "color",
@@ -11951,23 +12091,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "input",
             {
               type: "text",
@@ -11986,14 +12126,14 @@ function ITThemeProvider({
     isCustom
   }) => {
     const isSelected = JSON.stringify(preset.colors) === JSON.stringify(palette2);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       {
         type: "button",
         onClick: () => applyPreset(preset.colors),
         className: `relative flex flex-col items-start p-2.5 rounded-xl border text-left transition-all group ${isSelected ? "border-primary-500 bg-primary-500/5 shadow-sm ring-1 ring-primary-500/20" : "border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50 hover:border-slate-300 dark:hover:border-slate-600"}`,
         children: [
-          isCustom && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          isCustom && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "span",
             {
               onClick: (e) => {
@@ -12002,11 +12142,11 @@ function ITThemeProvider({
               },
               className: "absolute top-1.5 right-1.5 opacity-0 group-hover:opacity-100 p-0.5 rounded-md hover:bg-danger-500/10 hover:text-danger-500 text-slate-400 dark:text-slate-500 cursor-pointer transition-all z-10",
               title: "Eliminar",
-              children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_md3.MdClose, { size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -12018,7 +12158,7 @@ function ITThemeProvider({
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     ITThemeContext.Provider,
     {
       value: {
@@ -12034,28 +12174,28 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        showFab && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "button",
           {
             onClick: () => setIsOpen((prev) => !prev),
             className: "it-theme-fab it-theme-bounce",
             style: { backgroundColor: "var(--color-primary)" },
             "aria-label": "Configurar Paleta de Colores",
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_md3.MdPalette, { size: 28 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        showFab && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           ITDialog,
           {
             isOpen,
             onClose: () => setIsOpen(false),
             title: "Dise\xF1ador de Temas",
             useFormHeader: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex gap-6 h-[580px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex gap-6 h-[580px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                     ITSegmentedControl,
                     {
                       options: [
@@ -12069,16 +12209,16 @@ function ITThemeProvider({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PresetCard, { preset }, preset.name)) })
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PresetCard, { preset }, preset.name)) })
                 ] }),
-                customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PresetCard, { preset, isCustom: true }, preset.name)) })
+                customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
-                isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                     ITInput,
                     {
                       name: "presetName",
@@ -12096,8 +12236,8 @@ function ITThemeProvider({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                       ITButton,
                       {
                         label: "Guardar",
@@ -12108,7 +12248,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                       ITButton,
                       {
                         label: "X",
@@ -12122,31 +12262,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                !isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_md3.MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdPalette, { size: 14 }),
                     label: "Guardar actual",
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_md3.MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdRefresh, { size: 14 }),
                     label: "Restaurar default",
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITDivider, { orientation: "vertical" }),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                   tabs_default,
                   {
                     variant: "pill",
@@ -12154,7 +12294,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: "Marca",
-                        content: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "primary",
                           "secondary",
                           "ternary",
@@ -12163,35 +12303,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: "Nav & Sidebar",
-                        content: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "layout.sidebarBg",
                           "layout.sidebarText",
                           "layout.navbarBg",
                           "layout.navbarText"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: "Tablas",
-                        content: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "table.headerBg",
                           "table.headerText",
                           "table.rowBg",
                           "table.rowText",
                           "table.rowHover"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                     ITButton,
                     {
                       label: "Cerrar",
@@ -12250,6 +12390,7 @@ var createValidationSchema = (fields) => Yup.object().shape(
   ITGrid,
   ITImage,
   ITInput,
+  ITInputNumber,
   ITLayout,
   ITLoader,
   ITMaskedInput,