@axzydev/axzy_ui_system 1.3.4 → 1.3.6

package/dist/index.js

@@ -2557,11 +2557,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] = useState11("");
   const [isFocused, setIsFocused] = useState11(false);
   const [hasSelectedAll, setHasSelectedAll] = useState11(false);
@@ -2614,13 +2616,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 = useCallback5(
     (val) => {
@@ -2666,11 +2671,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) {
@@ -2678,7 +2683,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;
@@ -2696,7 +2701,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(",")) {
@@ -2705,8 +2710,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, "");
@@ -2717,7 +2722,7 @@ function ITInput({
       if (!formatNumber) {
         valueToSend = cleanedValue;
       } else if (cleanedValue !== "") {
-        if (currencyFormat) {
+        if (decimalPlaces > 0) {
           const numericValue = parseFloat(cleanedValue);
           if (!isNaN(numericValue)) {
             valueToSend = cleanedValue;
@@ -2794,7 +2799,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) {
@@ -2804,7 +2809,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) {
@@ -2837,7 +2842,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__ */ jsxs13("div", { className: clsx15("w-full", containerClassName), children: [
     isCheckboxOrRadio ? (
       // CHECKBOX / RADIO LAYOUT (Row)
@@ -2934,7 +2939,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,
@@ -2946,7 +2951,7 @@ function ITInput({
                 },
                 onKeyDown: isNumberType ? handleKeyDown : onKeyDown,
                 readOnly,
-                maxLength: isNumberType && !currencyFormat ? maxLength : void 0,
+                maxLength: isNumberType && decimalPlaces === 0 ? maxLength : void 0,
                 minLength,
                 min,
                 max,
@@ -3601,7 +3606,7 @@ function useVirtualRows({
 
 // src/components/organisms/data-table/dataTable.tsx
 import clsx23 from "clsx";
-import { useState as useState19, useEffect as useEffect9, useCallback as useCallback7, useRef as useRef13 } from "react";
+import React6, { useState as useState19, useEffect as useEffect9, useCallback as useCallback7, useRef as useRef13 } from "react";
 import { FaCheck as FaCheck2, FaSpinner, FaTimes as FaTimes5, FaTable, FaThLarge } from "react-icons/fa";
 import { MdOutlineSwapVert } from "react-icons/md";
 
@@ -4396,6 +4401,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
 import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -4446,6 +4477,7 @@ function ITDataTable({
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
   const columnCount = columns.length;
+  const pinnedMeta = React6.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const scrollOuterClass = isTableVirtual ? "relative min-h-[200px]" : "overflow-x-auto relative min-h-[200px]";
   const {
     currentPage,
@@ -4725,38 +4757,46 @@ function ITDataTable({
           {
             className: clsx23(tableHeaderRow, "dark:text-slate-200"),
             "aria-rowindex": isTableVirtual ? 1 : void 0,
-            children: columns.map((col) => /* @__PURE__ */ jsx23(
-              "th",
-              {
-                scope: "col",
-                className: clsx23(
-                  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__ */ jsxs20("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
-                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2", children: [
-                    /* @__PURE__ */ jsx23(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                    col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx23(
-                      "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__ */ jsx23(MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx23("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__ */ jsx23(
+                "th",
+                {
+                  scope: "col",
+                  className: clsx23(
+                    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__ */ jsxs20("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
+                    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2", children: [
+                      /* @__PURE__ */ jsx23(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                      col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx23(
+                        "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__ */ jsx23(MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx23("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                  ] })
+                },
+                col.key
+              );
+            })
           }
         ) }),
         /* @__PURE__ */ jsx23("tbody", { className: clsx23(tableBody, "dark:divide-slate-700/30"), children: data.length > 0 ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
@@ -4778,14 +4818,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__ */ jsx23(
                     "td",
                     {
                       className: clsx23(
                         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__ */ jsx23("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx23("div", { className: clsx23(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                     },
@@ -6155,10 +6203,52 @@ var ITImage = ({
 };
 var image_default = ITImage;
 
+// src/components/atoms/input-number/input-number.tsx
+import { jsx as jsx36 } from "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__ */ jsx36(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__ */ jsx36(
+    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
 import { useRef as useRef18, useState as useState24 } from "react";
 import { FaChevronDown as FaChevronDown3, FaChevronRight as FaChevronRight4, FaUserCircle } from "react-icons/fa";
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 function ITNavbar({
   logo,
   logoText,
@@ -6197,28 +6287,28 @@ function ITNavbar({
   const shouldUseLegacy = !navigationItems.length && (navItems || sidebarItems);
   if (shouldUseLegacy) {
     return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col h-screen", children: [
-      /* @__PURE__ */ jsx36("nav", { className: "bg-white border-b border-secondary-200", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between mx-auto p-4", children: [
+      /* @__PURE__ */ jsx37("nav", { className: "bg-white border-b border-secondary-200", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between mx-auto p-4", children: [
         /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-3 rtl:space-x-reverse", children: [
-          logo && /* @__PURE__ */ jsx36("div", { className: "h-8", children: logo }),
-          logoText && /* @__PURE__ */ jsx36(ITText, { as: "span", className: "self-center text-2xl font-semibold whitespace-nowrap text-secondary-900", children: logoText })
+          logo && /* @__PURE__ */ jsx37("div", { className: "h-8", children: logo }),
+          logoText && /* @__PURE__ */ jsx37(ITText, { as: "span", className: "self-center text-2xl font-semibold whitespace-nowrap text-secondary-900", children: logoText })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-end w-full md:w-auto md:order-2", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-4 md:order-2", children: [
-          /* @__PURE__ */ jsx36("ul", { className: "hidden md:flex space-x-4", children: navItems }),
+        /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-end w-full md:w-auto md:order-2", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-4 md:order-2", children: [
+          /* @__PURE__ */ jsx37("ul", { className: "hidden md:flex space-x-4", children: navItems }),
           userMenu && /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               "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__ */ jsx36(
+                children: userMenu.userImage ? /* @__PURE__ */ jsx37(
                   "img",
                   {
                     className: "w-8 h-8 rounded-full",
                     src: userMenu.userImage,
                     alt: "user photo"
                   }
-                ) : /* @__PURE__ */ jsx36(FaUserCircle, { className: "w-8 h-8 text-secondary-500" })
+                ) : /* @__PURE__ */ jsx37(FaUserCircle, { className: "w-8 h-8 text-secondary-500" })
               }
             ),
             isUserMenuOpen && /* @__PURE__ */ jsxs28(
@@ -6228,10 +6318,10 @@ function ITNavbar({
                 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__ */ jsxs28("div", { className: "px-4 py-3", children: [
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-sm text-secondary-900", children: userMenu.userName }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-sm text-secondary-500 truncate", children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-sm text-secondary-900", children: userMenu.userName }),
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-sm text-secondary-500 truncate", children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx36("ul", { className: "py-2", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37("ul", { className: "py-2", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsx37(
                     "button",
                     {
                       onClick: () => {
@@ -6239,7 +6329,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__ */ jsx36(ITText, { as: "span", children: item.label })
+                      children: /* @__PURE__ */ jsx37(ITText, { as: "span", children: item.label })
                     }
                   ) }, index)) })
                 ]
@@ -6249,8 +6339,8 @@ function ITNavbar({
         ] }) })
       ] }) }),
       /* @__PURE__ */ jsxs28("div", { className: "flex-1 flex overflow-hidden relative", children: [
-        (showSidebar || showSidebarOnMobile) && /* @__PURE__ */ jsx36("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__ */ jsx36("div", { className: "h-full overflow-y-auto py-4 px-3", children: /* @__PURE__ */ jsx36("ul", { className: "space-y-2 font-medium", children: sidebarItems }) }) }),
-        /* @__PURE__ */ jsx36("main", { className: "flex-1 bg-secondary-100 overflow-y-auto", children })
+        (showSidebar || showSidebarOnMobile) && /* @__PURE__ */ jsx37("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__ */ jsx37("div", { className: "h-full overflow-y-auto py-4 px-3", children: /* @__PURE__ */ jsx37("ul", { className: "space-y-2 font-medium", children: sidebarItems }) }) }),
+        /* @__PURE__ */ jsx37("main", { className: "flex-1 bg-secondary-100 overflow-y-auto", children })
       ] })
     ] });
   }
@@ -6264,10 +6354,10 @@ function ITNavbar({
         style: { backgroundColor: sidebar.backgroundColor, borderRight: `1px solid ${sidebar.borderColor}` },
         children: [
           /* @__PURE__ */ jsxs28("div", { className: "p-6 flex items-center gap-3", style: { borderBottom: `1px solid ${sidebar.borderColor}` }, children: [
-            logo && /* @__PURE__ */ jsx36("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
-            logoText && /* @__PURE__ */ jsx36(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: sidebar.active.color }, children: logoText })
+            logo && /* @__PURE__ */ jsx37("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
+            logoText && /* @__PURE__ */ jsx37(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: sidebar.active.color }, children: logoText })
           ] }),
-          /* @__PURE__ */ jsx36("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ jsx36("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ jsxs28("li", { children: [
+          /* @__PURE__ */ jsx37("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ jsx37("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ jsxs28("li", { children: [
             /* @__PURE__ */ jsxs28(
               "div",
               {
@@ -6292,16 +6382,16 @@ function ITNavbar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-                    item.icon && /* @__PURE__ */ jsx36("div", { className: "text-xl transition-colors", style: {
+                    item.icon && /* @__PURE__ */ jsx37("div", { className: "text-xl transition-colors", style: {
                       color: item.isActive ? sidebar.active.iconColor : sidebar.icon.color
                     }, children: item.icon }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: `font-medium text-sm ${item.isActive ? "font-semibold" : ""}`, children: item.label })
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: `font-medium text-sm ${item.isActive ? "font-semibold" : ""}`, children: item.label })
                   ] }),
-                  item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx36("div", { className: "transition-transform", style: { color: sidebar.icon.color }, children: expandedItems.has(item.id) ? /* @__PURE__ */ jsx36(FaChevronDown3, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx36(FaChevronRight4, { className: "w-3 h-3" }) })
+                  item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx37("div", { className: "transition-transform", style: { color: sidebar.icon.color }, children: expandedItems.has(item.id) ? /* @__PURE__ */ jsx37(FaChevronDown3, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx37(FaChevronRight4, { className: "w-3 h-3" }) })
                 ]
               }
             ),
-            item.subitems && item.subitems.length > 0 && expandedItems.has(item.id) && /* @__PURE__ */ jsx36("ul", { className: "mt-1 ml-4 pl-4 space-y-1", style: { borderLeft: `1px solid ${sidebar.borderColor}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsx36(
+            item.subitems && item.subitems.length > 0 && expandedItems.has(item.id) && /* @__PURE__ */ jsx37("ul", { className: "mt-1 ml-4 pl-4 space-y-1", style: { borderLeft: `1px solid ${sidebar.borderColor}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsx37(
               "button",
               {
                 onClick: subitem.action,
@@ -6320,11 +6410,11 @@ function ITNavbar({
                     e.currentTarget.style.backgroundColor = "transparent";
                   }
                 },
-                children: /* @__PURE__ */ jsx36(ITText, { as: "span", children: subitem.label })
+                children: /* @__PURE__ */ jsx37(ITText, { as: "span", children: subitem.label })
               }
             ) }, subitem.id)) })
           ] }, item.id)) }) }),
-          userMenu && /* @__PURE__ */ jsx36("div", { className: "p-4", style: { borderTop: `1px solid ${sidebar.borderColor}` }, children: /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
+          userMenu && /* @__PURE__ */ jsx37("div", { className: "p-4", style: { borderTop: `1px solid ${sidebar.borderColor}` }, children: /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
             /* @__PURE__ */ jsxs28(
               "button",
               {
@@ -6341,7 +6431,7 @@ function ITNavbar({
                 },
                 onClick: toggleUserMenu,
                 children: [
-                  userMenu.userImage ? /* @__PURE__ */ jsx36(
+                  userMenu.userImage ? /* @__PURE__ */ jsx37(
                     "img",
                     {
                       className: "w-10 h-10 rounded-full border-2 transition-colors",
@@ -6349,19 +6439,19 @@ function ITNavbar({
                       alt: "user photo",
                       style: { borderColor: sidebar.borderColor }
                     }
-                  ) : /* @__PURE__ */ jsx36(
+                  ) : /* @__PURE__ */ jsx37(
                     "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__ */ jsx36(FaUserCircle, { className: "w-6 h-6" })
+                      children: /* @__PURE__ */ jsx37(FaUserCircle, { className: "w-6 h-6" })
                     }
                   ),
                   /* @__PURE__ */ jsxs28("div", { className: "flex-1 text-left overflow-hidden", children: [
-                    /* @__PURE__ */ jsx36(ITText, { as: "div", className: "font-medium text-sm truncate", style: { color: sidebar.active.color }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "div", className: "text-xs truncate", style: { color: sidebar.label.color }, children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx37(ITText, { as: "div", className: "font-medium text-sm truncate", style: { color: sidebar.active.color }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx37(ITText, { as: "div", className: "text-xs truncate", style: { color: sidebar.label.color }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx36(FaChevronRight4, { className: "w-3 h-3", style: { color: sidebar.icon.color } })
+                  /* @__PURE__ */ jsx37(FaChevronRight4, { className: "w-3 h-3", style: { color: sidebar.icon.color } })
                 ]
               }
             ),
@@ -6373,10 +6463,10 @@ function ITNavbar({
                 style: { backgroundColor: topbar.userMenu.dropdown.backgroundColor, border: `1px solid ${topbar.userMenu.dropdown.borderColor}` },
                 children: [
                   /* @__PURE__ */ jsxs28("div", { className: "px-4 py-3", style: { backgroundColor: topbar.userMenu.backgroundColor, borderBottom: `1px solid ${topbar.userMenu.dropdown.borderColor}` }, children: [
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-sm font-semibold", style: { color: topbar.userMenu.textColor }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-xs truncate", style: { color: topbar.userMenu.subtitleColor }, children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-sm font-semibold", style: { color: topbar.userMenu.textColor }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-xs truncate", style: { color: topbar.userMenu.subtitleColor }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx36("ul", { className: "py-1", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37("ul", { className: "py-1", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsx37(
                     "button",
                     {
                       onClick: () => {
@@ -6391,7 +6481,7 @@ function ITNavbar({
                       onMouseLeave: (e) => {
                         e.currentTarget.style.backgroundColor = "transparent";
                       },
-                      children: /* @__PURE__ */ jsx36(ITText, { as: "span", children: item.label })
+                      children: /* @__PURE__ */ jsx37(ITText, { as: "span", children: item.label })
                     }
                   ) }, index)) })
                 ]
@@ -6401,7 +6491,7 @@ function ITNavbar({
         ]
       }
     ),
-    /* @__PURE__ */ jsx36("main", { className: "flex-1 overflow-y-auto relative", style: { backgroundColor: theme.layout.backgroundColor }, children })
+    /* @__PURE__ */ jsx37("main", { className: "flex-1 overflow-y-auto relative", style: { backgroundColor: theme.layout.backgroundColor }, children })
   ] });
 }
 
@@ -6410,7 +6500,7 @@ import clsx33 from "clsx";
 
 // src/components/organisms/page-header/page-header.tsx
 import { FaChevronLeft as FaChevronLeft3 } from "react-icons/fa";
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function ITPageHeader({
   title,
   description,
@@ -6425,22 +6515,22 @@ function ITPageHeader({
   return /* @__PURE__ */ jsxs29("div", { className: `${className} space-y-3`, children: [
     showTopRow && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 min-w-0", children: [
-        backAction && /* @__PURE__ */ jsx37(
+        backAction && /* @__PURE__ */ jsx38(
           "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__ */ jsx37(FaChevronLeft3, { size: 14 })
+            children: /* @__PURE__ */ jsx38(FaChevronLeft3, { size: 14 })
           }
         ),
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx37(ITBreadcrumbs, { items: breadcrumbs })
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx38(ITBreadcrumbs, { items: breadcrumbs })
       ] }),
-      actions && /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
+      actions && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
     ] }),
     /* @__PURE__ */ jsxs29("div", { className: "flex items-start justify-between gap-6", children: [
       /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-4 min-w-0", children: [
-        icon && /* @__PURE__ */ jsx37(
+        icon && /* @__PURE__ */ jsx38(
           "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",
@@ -6449,7 +6539,7 @@ function ITPageHeader({
           }
         ),
         /* @__PURE__ */ jsxs29("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             ITText,
             {
               as: "h1",
@@ -6457,7 +6547,7 @@ function ITPageHeader({
               children: title
             }
           ),
-          description && /* @__PURE__ */ jsx37(
+          description && /* @__PURE__ */ jsx38(
             ITText,
             {
               as: "p",
@@ -6467,14 +6557,14 @@ function ITPageHeader({
           )
         ] })
       ] }),
-      !showTopRow && actions && /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
+      !showTopRow && actions && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
     ] })
   ] });
 }
 
 // src/components/atoms/skeleton/skeleton.tsx
 import clsx31 from "clsx";
-import { Fragment as Fragment7, jsx as jsx38 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx39 } from "react/jsx-runtime";
 var variantClasses = {
   text: "rounded-md h-4 w-full",
   circular: "rounded-full",
@@ -6494,7 +6584,7 @@ function ITSkeleton({
     ...style
   };
   const items = Array.from({ length: count }, (_, i) => i);
-  return /* @__PURE__ */ jsx38(Fragment7, { children: items.map((i) => /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Fragment7, { children: items.map((i) => /* @__PURE__ */ jsx39(
     "div",
     {
       className: clsx31(
@@ -6515,7 +6605,7 @@ function ITSkeleton({
 // src/components/atoms/stack/stack.tsx
 import clsx32 from "clsx";
 import { Children, cloneElement, isValidElement, Fragment as Fragment8 } from "react";
-import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
 var directionMap2 = {
   row: "flex-row",
   column: "flex-col",
@@ -6560,7 +6650,7 @@ function ITStack({
     gap: spacing > 0 ? `${spacing * 0.25}rem` : void 0,
     ...style
   };
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Component,
     {
       className: clsx32(
@@ -6581,11 +6671,11 @@ function ITStack({
 }
 
 // src/components/templates/page/page.tsx
-import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs31 } from "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__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     ITPageHeader,
     {
       title: props.title || "",
@@ -6627,21 +6717,21 @@ function ITPage(props) {
     return /* @__PURE__ */ jsxs31("div", { className: wrapperClass, children: [
       renderHeader(props),
       /* @__PURE__ */ jsxs31(ITStack, { spacing: 6, children: [
-        /* @__PURE__ */ jsx40(ITSkeleton, { variant: "rectangular", height: 40, width: "40%", className: "rounded-lg" }),
-        /* @__PURE__ */ jsx40(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" }),
-        /* @__PURE__ */ jsx40(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" })
+        /* @__PURE__ */ jsx41(ITSkeleton, { variant: "rectangular", height: 40, width: "40%", className: "rounded-lg" }),
+        /* @__PURE__ */ jsx41(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" }),
+        /* @__PURE__ */ jsx41(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" })
       ] })
     ] });
   }
   if (error) {
     return /* @__PURE__ */ jsxs31("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ITEmptyState,
         {
           title: errorTitle || "Error",
           description: error,
-          action: onRetry ? /* @__PURE__ */ jsx40(
+          action: onRetry ? /* @__PURE__ */ jsx41(
             ITButton,
             {
               label: errorActionLabel || "Reintentar",
@@ -6656,7 +6746,7 @@ function ITPage(props) {
   if (empty) {
     return /* @__PURE__ */ jsxs31("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ITEmptyState,
         {
           title: emptyTitle || "Sin datos",
@@ -6675,7 +6765,7 @@ function ITPage(props) {
 // src/components/atoms/popover/popover.tsx
 import { useState as useState25, useRef as useRef19 } from "react";
 import clsx34 from "clsx";
-import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs32 } from "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",
@@ -6699,14 +6789,14 @@ function ITPopover({
     else setInternalOpen(false);
   });
   return /* @__PURE__ */ jsxs32("div", { ref, className: clsx34("relative inline-flex", className), children: [
-    /* @__PURE__ */ jsx41("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
-    open && /* @__PURE__ */ jsx41("div", { className: clsx34("absolute z-[70]", positionClasses[position]), children: /* @__PURE__ */ jsx41("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 }) })
+    /* @__PURE__ */ jsx42("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
+    open && /* @__PURE__ */ jsx42("div", { className: clsx34("absolute z-[70]", positionClasses[position]), children: /* @__PURE__ */ jsx42("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
 import clsx35 from "clsx";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var colorMap = {
   primary: "bg-primary-500",
   secondary: "bg-secondary-500",
@@ -6733,7 +6823,7 @@ function ITProgress({
   style
 }) {
   const pct = Math.min(Math.max(value / max * 100, 0), 100);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: clsx35("w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden", sizeMap2[size], className),
@@ -6741,7 +6831,7 @@ function ITProgress({
       role: "progressbar",
       "aria-valuenow": variant === "determinate" ? value : void 0,
       "aria-valuemax": max,
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         "div",
         {
           className: clsx35(
@@ -6758,7 +6848,7 @@ function ITProgress({
 
 // src/components/atoms/radio/radio.tsx
 import clsx36 from "clsx";
-import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 function ITRadioGroup({
   name,
   value,
@@ -6768,7 +6858,7 @@ function ITRadioGroup({
   direction = "column",
   className
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: clsx36(
@@ -6786,7 +6876,7 @@ function ITRadioGroup({
               disabled && "opacity-50 cursor-not-allowed"
             ),
             children: [
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 "input",
                 {
                   type: "radio",
@@ -6798,7 +6888,7 @@ function ITRadioGroup({
                   className: "peer sr-only"
                 }
               ),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 "div",
                 {
                   className: clsx36(
@@ -6806,10 +6896,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__ */ jsx43("div", { className: "w-2 h-2 rounded-full bg-primary-500" })
+                  children: isSelected && /* @__PURE__ */ jsx44("div", { className: "w-2 h-2 rounded-full bg-primary-500" })
                 }
               ),
-              /* @__PURE__ */ jsx43(ITText, { as: "span", className: "text-sm text-slate-700 dark:text-slate-300", children: opt.label })
+              /* @__PURE__ */ jsx44(ITText, { as: "span", className: "text-sm text-slate-700 dark:text-slate-300", children: opt.label })
             ]
           },
           opt.value
@@ -6825,7 +6915,7 @@ import { useState as useState26 } from "react";
 
 // src/components/organisms/searchTable/components/SearchInput.tsx
 import { FaSearch as FaSearch3 } from "react-icons/fa";
-import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function SearchInput({
   placeholder = "Buscar en todos los campos...",
   value,
@@ -6833,8 +6923,8 @@ function SearchInput({
   className = ""
 }) {
   return /* @__PURE__ */ jsxs34("div", { className: `relative flex-1 ${className}`, children: [
-    /* @__PURE__ */ jsx44("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx44(FaSearch3, { className: "h-5 w-5 text-secondary-400" }) }),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx45(FaSearch3, { className: "h-5 w-5 text-secondary-400" }) }),
+    /* @__PURE__ */ jsx45(
       ITInput,
       {
         name: "global-search",
@@ -6851,7 +6941,7 @@ function SearchInput({
 
 // src/components/organisms/searchTable/components/SortButton.tsx
 import { FaSort, FaSortUp, FaSortDown } from "react-icons/fa";
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function SortButton({
   sortConfig,
   onClick,
@@ -6865,15 +6955,15 @@ function SortButton({
       "aria-label": `Ordenar tabla ${sortConfig ? sortConfig.direction === "asc" ? "descendente" : "ascendente" : "ascendente"}`,
       title: "Ordenar tabla",
       children: [
-        sortConfig ? sortConfig.direction === "asc" ? /* @__PURE__ */ jsx45(FaSortUp, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx45(FaSortDown, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx45(FaSort, { className: "w-4 h-4 text-secondary-500" }),
-        /* @__PURE__ */ jsx45(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__ */ jsx46(FaSortUp, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx46(FaSortDown, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx46(FaSort, { className: "w-4 h-4 text-secondary-500" }),
+        /* @__PURE__ */ jsx46(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
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 function SearchAndSortBar({
   searchTerm,
   onSearchChange,
@@ -6882,8 +6972,8 @@ function SearchAndSortBar({
   sortConfig,
   searchInputPlaceholder = "Buscar en todos los campos..."
 }) {
-  return /* @__PURE__ */ jsx46("div", { className: "bg-secondary-50 px-6 py-4 border-b border-secondary-200", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47("div", { className: "bg-secondary-50 px-6 py-4 border-b border-secondary-200", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsx47(
       SearchInput,
       {
         placeholder: searchInputPlaceholder,
@@ -6891,8 +6981,8 @@ function SearchAndSortBar({
         onChange: onSearchChange
       }
     ),
-    /* @__PURE__ */ jsx46(SortButton, { sortConfig, onClick: onGlobalSort }),
-    searchTerm && /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(SortButton, { sortConfig, onClick: onGlobalSort }),
+    searchTerm && /* @__PURE__ */ jsx47(
       ITButton,
       {
         size: "sm",
@@ -6901,14 +6991,14 @@ function SearchAndSortBar({
         onClick: onClearSearch,
         ariaLabel: "Limpiar b\xFAsqueda",
         title: "Limpiar b\xFAsqueda",
-        children: /* @__PURE__ */ jsx46(ITText, { as: "span", children: "Limpiar" })
+        children: /* @__PURE__ */ jsx47(ITText, { as: "span", children: "Limpiar" })
       }
     )
   ] }) });
 }
 
 // src/components/organisms/searchTable/components/TableHeaderCell.tsx
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 function TableHeaderCell({
   label,
   sortable = false,
@@ -6916,8 +7006,8 @@ function TableHeaderCell({
   sortConfig,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx47("th", { className, children: /* @__PURE__ */ jsx47("div", { className: "flex flex-col items-center gap-2 w-full", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-center gap-2 w-full", children: [
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48("th", { className, children: /* @__PURE__ */ jsx48("div", { className: "flex flex-col items-center gap-2 w-full", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-center gap-2 w-full", children: [
+    /* @__PURE__ */ jsx48(
       ITText,
       {
         as: "span",
@@ -6931,18 +7021,18 @@ function TableHeaderCell({
         children: label
       }
     ),
-    sortable && /* @__PURE__ */ jsx47(SortButton, { sortConfig, onClick: onSort })
+    sortable && /* @__PURE__ */ jsx48(SortButton, { sortConfig, onClick: onSort })
   ] }) }) });
 }
 
 // src/components/organisms/searchTable/components/TableHeader.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   onSort,
   sortConfig
 }) {
-  return /* @__PURE__ */ jsx48("thead", { children: /* @__PURE__ */ jsx48("tr", { className: "bg-white border-b border-secondary-200", children: columns.map((col) => /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49("thead", { children: /* @__PURE__ */ jsx49("tr", { className: "bg-white border-b border-secondary-200", children: columns.map((col) => /* @__PURE__ */ jsx49(
     TableHeaderCell,
     {
       label: col.label,
@@ -6960,7 +7050,7 @@ import clsx37 from "clsx";
 import { FaCheck as FaCheck3, FaTimes as FaTimes8 } from "react-icons/fa";
 
 // src/components/organisms/searchTable/components/EditableCell.tsx
-import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
 function EditableCell({
   column,
   value,
@@ -6989,7 +7079,7 @@ function EditableCell({
     onChange(value, errorMsg);
   };
   const renderITInput = (type) => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITInput,
       {
         type,
@@ -7003,7 +7093,7 @@ function EditableCell({
     );
   };
   const renderITDatePicker = () => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITDatePicker,
       {
         name: column.key,
@@ -7016,7 +7106,7 @@ function EditableCell({
     );
   };
   const renderITSelect = (options) => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITSelect,
       {
         name: column.key,
@@ -7030,7 +7120,7 @@ function EditableCell({
     );
   };
   const renderBooleanInput = () => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITInput,
       {
         type: "checkbox",
@@ -7073,12 +7163,12 @@ function EditableCell({
   };
   return /* @__PURE__ */ jsxs38("div", { className: "w-full", children: [
     renderInput(),
-    error && /* @__PURE__ */ jsx49("div", { className: "text-danger-500 text-xs mt-1", children: /* @__PURE__ */ jsx49(ITText, { as: "span", children: error }) })
+    error && /* @__PURE__ */ jsx50("div", { className: "text-danger-500 text-xs mt-1", children: /* @__PURE__ */ jsx50(ITText, { as: "span", children: error }) })
   ] });
 }
 
 // src/components/organisms/searchTable/components/TableRow.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function TableRow({
   row,
   rowIndex,
@@ -7111,14 +7201,14 @@ function TableRow({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ jsx50(
+        return value ? /* @__PURE__ */ jsx51(
           FaCheck3,
           {
             className: "text-green-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ jsx50(FaTimes8, { className: "text-danger-500", "aria-label": "Falso", title: "Falso" });
+        ) : /* @__PURE__ */ jsx51(FaTimes8, { className: "text-danger-500", "aria-label": "Falso", title: "Falso" });
       case "actions":
         if (isEditing && col.saveActions) {
           return col.saveActions(rowData, {
@@ -7142,19 +7232,19 @@ function TableRow({
         return value;
     }
   };
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "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__ */ jsx50(
+      children: columns.map((col) => /* @__PURE__ */ jsx51(
         "td",
         {
           className: clsx37("pl-5 py-2", col.className, {
             "text-center": col.type === "actions" || col.type === "boolean"
           }),
-          children: isEditing && col.editable ? /* @__PURE__ */ jsx50(
+          children: isEditing && col.editable ? /* @__PURE__ */ jsx51(
             EditableCell,
             {
               column: col,
@@ -7163,7 +7253,7 @@ function TableRow({
               error: errors[col.key],
               row: editedRow
             }
-          ) : /* @__PURE__ */ jsx50(
+          ) : /* @__PURE__ */ jsx51(
             "div",
             {
               className: clsx37({
@@ -7183,12 +7273,12 @@ function TableRow({
 }
 
 // src/components/organisms/searchTable/components/TableEmptyState.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function TableEmptyState({
   colSpan,
   searchTerm
 }) {
-  return /* @__PURE__ */ jsx51("tr", { children: /* @__PURE__ */ jsx51("td", { colSpan, className: "px-6 py-4 text-center", children: searchTerm ? /* @__PURE__ */ jsx51(ITText, { as: "span", children: "No se encontraron resultados para tu b\xFAsqueda" }) : /* @__PURE__ */ jsx51(ITText, { as: "span", children: "No se encontraron resultados" }) }) });
+  return /* @__PURE__ */ jsx52("tr", { children: /* @__PURE__ */ jsx52("td", { colSpan, className: "px-6 py-4 text-center", children: searchTerm ? /* @__PURE__ */ jsx52(ITText, { as: "span", children: "No se encontraron resultados para tu b\xFAsqueda" }) : /* @__PURE__ */ jsx52(ITText, { as: "span", children: "No se encontraron resultados" }) }) });
 }
 
 // src/components/organisms/searchTable/components/PaginationControls.tsx
@@ -7211,7 +7301,7 @@ function PaginationInfo({
 }
 
 // src/components/organisms/searchTable/components/PaginationControls.tsx
-import { jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 function PaginationControls({
   pageIndex,
   totalPages,
@@ -7226,10 +7316,10 @@ function PaginationControls({
 }) {
   return /* @__PURE__ */ jsxs40("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4", children: [
     /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx52(PaginationInfo, { currentCount, totalCount }),
+      /* @__PURE__ */ jsx53(PaginationInfo, { currentCount, totalCount }),
       /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx52(ITText, { as: "span", className: "text-sm text-secondary-700", children: "Mostrar:" }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(ITText, { as: "span", className: "text-sm text-secondary-700", children: "Mostrar:" }),
+        /* @__PURE__ */ jsx53(
           ITSelect,
           {
             name: "itemsPerPage",
@@ -7248,7 +7338,7 @@ function PaginationControls({
       ] })
     ] }),
     /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ITButton,
         {
           color: "secondary",
@@ -7258,7 +7348,7 @@ function PaginationControls({
           className: "min-w-[32px]",
           ariaLabel: "P\xE1gina anterior",
           title: "Ir a la p\xE1gina anterior",
-          children: /* @__PURE__ */ jsx52(FaArrowLeft, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx53(FaArrowLeft, { "aria-hidden": "true" })
         }
       ),
       /* @__PURE__ */ jsxs40(ITText, { as: "span", className: "px-4 py-2 text-sm text-secondary-700", "aria-live": "polite", children: [
@@ -7267,7 +7357,7 @@ function PaginationControls({
         " de ",
         totalPages
       ] }),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ITButton,
         {
           size: "sm",
@@ -7277,7 +7367,7 @@ function PaginationControls({
           className: "min-w-[32px]",
           ariaLabel: "P\xE1gina siguiente",
           title: "Ir a la p\xE1gina siguiente",
-          children: /* @__PURE__ */ jsx52(FaArrowRight, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx53(FaArrowRight, { "aria-hidden": "true" })
         }
       )
     ] })
@@ -7285,7 +7375,7 @@ function PaginationControls({
 }
 
 // src/components/organisms/searchTable/searchTable.tsx
-import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs41 } from "react/jsx-runtime";
 function ITSearchTable({
   columns,
   data,
@@ -7352,9 +7442,9 @@ function ITSearchTable({
   };
   return /* @__PURE__ */ jsxs41("div", { className: clsx38("space-y-4 w-full", containerClassName), children: [
     /* @__PURE__ */ jsxs41("div", { className: "shadow-md sm:rounded-lg overflow-hidden", children: [
-      title && /* @__PURE__ */ jsx53("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ jsx53(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
+      title && /* @__PURE__ */ jsx54("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ jsx54(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
       /* @__PURE__ */ jsxs41("div", { className: "bg-white", children: [
-        /* @__PURE__ */ jsx53("div", { className: "p-4 border-b border-secondary-200", children: /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54("div", { className: "p-4 border-b border-secondary-200", children: /* @__PURE__ */ jsx54(
           SearchAndSortBar,
           {
             searchTerm,
@@ -7365,7 +7455,7 @@ function ITSearchTable({
             searchInputPlaceholder
           }
         ) }),
-        /* @__PURE__ */ jsx53("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsx54("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs41(
           "table",
           {
             className: clsx38(
@@ -7374,7 +7464,7 @@ function ITSearchTable({
               sizeStyles[size]
             ),
             children: [
-              /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54(
                 TableHeader,
                 {
                   columns,
@@ -7382,7 +7472,7 @@ function ITSearchTable({
                   sortConfig
                 }
               ),
-              /* @__PURE__ */ jsx53("tbody", { children: data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54("tbody", { children: data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx54(
                 TableRow,
                 {
                   row,
@@ -7396,7 +7486,7 @@ function ITSearchTable({
                   onCancel: handleCancelEdit
                 },
                 rowIndex
-              )) : /* @__PURE__ */ jsx53(
+              )) : /* @__PURE__ */ jsx54(
                 TableEmptyState,
                 {
                   colSpan: columns.length + 1,
@@ -7408,7 +7498,7 @@ function ITSearchTable({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       PaginationControls,
       {
         pageIndex,
@@ -7428,7 +7518,7 @@ function ITSearchTable({
 
 // src/components/atoms/segmented-control/segmented-control.tsx
 import clsx39 from "clsx";
-import { jsx as jsx54, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs42 } from "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" }
@@ -7442,7 +7532,7 @@ function ITSegmentedControl({
   disabled = false
 }) {
   const { button, container } = sizeMap3[size];
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       className: clsx39(
@@ -7465,8 +7555,8 @@ function ITSegmentedControl({
               disabled && "pointer-events-none"
             ),
             children: [
-              opt.icon && /* @__PURE__ */ jsx54("span", { children: opt.icon }),
-              /* @__PURE__ */ jsx54(ITText, { as: "span", children: opt.label })
+              opt.icon && /* @__PURE__ */ jsx55("span", { children: opt.icon }),
+              /* @__PURE__ */ jsx55(ITText, { as: "span", children: opt.label })
             ]
           },
           opt.value
@@ -7479,7 +7569,15 @@ function ITSegmentedControl({
 // src/components/organisms/sidebar/sidebar.tsx
 import { useEffect as useEffect13, useRef as useRef20, useState as useState27 } from "react";
 import { FaChevronDown as FaChevronDown4 } from "react-icons/fa";
-import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs43 } from "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,
@@ -7525,7 +7623,7 @@ function ITSidebar({
   useEffect13(() => {
     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);
       }
     });
@@ -7559,6 +7657,80 @@ function ITSidebar({
   };
   const isSidebarCollapsed = visibleOnMobile ? false : !isHovering && isCollapsed;
   const sidebarWidth = isSidebarCollapsed ? "w-[88px]" : "w-[280px]";
+  const renderSubItem = (subitem) => /* @__PURE__ */ jsx56("li", { className: "relative", children: /* @__PURE__ */ jsxs43(
+    "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__ */ jsx56(
+          "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__ */ jsx56(
+          "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__ */ jsx56(ITText, { as: "span", className: "truncate", children: subitem.label })
+      ]
+    }
+  ) }, subitem.id);
+  const renderSubItemGroup = (group, itemId) => {
+    const headingId = `it-sidebar-subgroup-${itemId}-${group.id}`;
+    return /* @__PURE__ */ jsxs43("li", { className: "relative", children: [
+      /* @__PURE__ */ jsx56("div", { id: headingId, className: "px-3 pt-2.5 pb-1 mt-1", children: /* @__PURE__ */ jsx56(
+        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__ */ jsx56("ul", { "aria-labelledby": headingId, className: "flex flex-col gap-0", children: group.items.map(renderSubItem) })
+    ] }, group.id);
+  };
   return /* @__PURE__ */ jsxs43(
     "aside",
     {
@@ -7579,8 +7751,8 @@ function ITSidebar({
         backdropFilter: "blur(12px)"
       },
       children: [
-        header && !isSidebarCollapsed && /* @__PURE__ */ jsx55("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
-        /* @__PURE__ */ jsx55("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__ */ jsx55("ul", { className: "space-y-1", children: navigationItems.map((item) => {
+        header && !isSidebarCollapsed && /* @__PURE__ */ jsx56("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
+        /* @__PURE__ */ jsx56("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__ */ jsx56("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__ */ jsxs43("li", { className: "relative group/navitem", children: [
@@ -7616,7 +7788,7 @@ function ITSidebar({
                   }
                 },
                 children: [
-                  item.isActive && !isSidebarCollapsed && /* @__PURE__ */ jsx55(
+                  item.isActive && !isSidebarCollapsed && /* @__PURE__ */ jsx56(
                     "div",
                     {
                       className: "absolute left-0 top-1/4 bottom-1/4 w-[3px] rounded-r-full transition-all",
@@ -7624,7 +7796,7 @@ function ITSidebar({
                     }
                   ),
                   /* @__PURE__ */ jsxs43("div", { className: `flex items-center ${!isSidebarCollapsed ? "gap-2.5" : "justify-center"} relative z-10 w-full`, children: [
-                    item.icon && /* @__PURE__ */ jsx55(
+                    item.icon && /* @__PURE__ */ jsx56(
                       "div",
                       {
                         className: `transition-all duration-300 flex-shrink-0 flex items-center justify-center`,
@@ -7637,7 +7809,7 @@ function ITSidebar({
                         children: item.icon
                       }
                     ),
-                    !isSidebarCollapsed && /* @__PURE__ */ jsx55(
+                    !isSidebarCollapsed && /* @__PURE__ */ jsx56(
                       ITText,
                       {
                         as: "span",
@@ -7651,15 +7823,15 @@ function ITSidebar({
                       }
                     )
                   ] }),
-                  !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx55(
+                  !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx56(
                     "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__ */ jsx55(FaChevronDown4, { className: "w-3 h-3" })
+                      children: /* @__PURE__ */ jsx56(FaChevronDown4, { className: "w-3 h-3" })
                     }
                   ),
-                  item.badge && /* @__PURE__ */ jsx55(
+                  item.badge && /* @__PURE__ */ jsx56(
                     "span",
                     {
                       className: `
@@ -7689,15 +7861,15 @@ function ITSidebar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs43("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__ */ jsx55("span", { style: { color: "var(--it-sidebar-active-icon, var(--color-primary-500))" }, className: "text-xl drop-shadow-sm", children: item.icon }),
-                    /* @__PURE__ */ jsx55(ITText, { as: "span", className: "tracking-wide text-[15px]", children: item.label })
+                    item.icon && /* @__PURE__ */ jsx56("span", { style: { color: "var(--it-sidebar-active-icon, var(--color-primary-500))" }, className: "text-xl drop-shadow-sm", children: item.icon }),
+                    /* @__PURE__ */ jsx56(ITText, { as: "span", className: "tracking-wide text-[15px]", children: item.label })
                   ] }),
-                  item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ jsx55("div", { className: "py-2", children: item.subitems.map((subitem) => /* @__PURE__ */ jsxs43(
+                  item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ jsx56("div", { className: "py-2", children: flattenSubItems(item.subitems).map((subitem) => /* @__PURE__ */ jsxs43(
                     "div",
                     {
                       className: `px-5 py-2.5 text-sm flex items-center gap-3 transition-colors relative`,
                       children: [
-                        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ jsx55(
+                        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ jsx56(
                           "div",
                           {
                             className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full",
@@ -7707,75 +7879,25 @@ function ITSidebar({
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx55("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__ */ jsx55(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__ */ jsx56("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__ */ jsx56(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__ */ jsx55(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__ */ jsx56(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__ */ jsx55("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__ */ jsx55(
+            !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx56("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__ */ jsx56(
               "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__ */ jsx55("li", { className: "relative", children: /* @__PURE__ */ jsxs43(
-                  "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__ */ jsx55(
-                        "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__ */ jsx55(
-                        "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__ */ jsx55(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);
@@ -7788,7 +7910,7 @@ function ITSidebar({
 // src/components/atoms/slide/slide.tsx
 import { useState as useState28, useEffect as useEffect14 } from "react";
 import clsx40 from "clsx";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function ITSlideToggle({
   onToggle,
   isOn: controlledIsOn,
@@ -7841,7 +7963,7 @@ function ITSlideToggle({
     }
   };
   const { container, knob, translate } = sizeClasses2[size];
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       onClick: toggleSwitch,
@@ -7861,7 +7983,7 @@ function ITSlideToggle({
           toggleSwitch();
         }
       },
-      children: /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsx57(
         "div",
         {
           className: clsx40(
@@ -7877,7 +7999,7 @@ function ITSlideToggle({
 
 // src/components/atoms/slider/slider.tsx
 import clsx41 from "clsx";
-import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
 function ITSlider({
   value,
   onChange,
@@ -7894,7 +8016,7 @@ function ITSlider({
       ": ",
       value
     ] }),
-    /* @__PURE__ */ jsx57("div", { className: "relative w-full h-5 flex items-center", children: /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("div", { className: "relative w-full h-5 flex items-center", children: /* @__PURE__ */ jsx58(
       "input",
       {
         type: "range",
@@ -7925,7 +8047,7 @@ function ITSlider({
 
 // src/components/molecules/stat-card/stat-card.tsx
 import clsx42 from "clsx";
-import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs45 } from "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",
@@ -7952,12 +8074,12 @@ function ITStatCard({
       tabIndex: onClick ? 0 : void 0,
       children: [
         /* @__PURE__ */ jsxs45("div", { className: "flex items-start justify-between mb-1", children: [
-          /* @__PURE__ */ jsx58(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
-          icon && /* @__PURE__ */ jsx58("span", { className: "text-slate-400", children: icon })
+          /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
+          icon && /* @__PURE__ */ jsx59("span", { className: "text-slate-400", children: icon })
         ] }),
         /* @__PURE__ */ jsxs45("div", { className: "flex items-baseline gap-2", children: [
-          /* @__PURE__ */ jsx58(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
-          trend && /* @__PURE__ */ jsx58(ITText, { as: "span", className: clsx42("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
+          /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
+          trend && /* @__PURE__ */ jsx59(ITText, { as: "span", className: clsx42("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
         ] })
       ]
     }
@@ -7976,7 +8098,7 @@ import {
 } from "react-icons/fa";
 import { MdOutlineSwapVert as MdOutlineSwapVert2 } from "react-icons/md";
 import { isSameDay as isSameDay2, startOfDay as startOfDay2, endOfDay } from "date-fns";
-import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
 function ITTable({
   columns,
   data = [],
@@ -8107,6 +8229,7 @@ function ITTable({
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
   const columnCount = columns.length;
+  const pinnedMeta = React11.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const {
     scrollRef,
     startIndex,
@@ -8131,14 +8254,14 @@ function ITTable({
         if (currentValue === true) return "Filtrar solo verdaderos";
         return "Filtrar solo falsos";
       };
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         "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__ */ jsx59("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ jsx59(
+          children: /* @__PURE__ */ jsx60("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ jsx60(
             "div",
             {
               className: clsx43(
@@ -8156,7 +8279,7 @@ function ITTable({
     }
     if (col.filter === "catalog" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx60(
           FaSpinner3,
           {
             className: "animate-spin",
@@ -8166,9 +8289,9 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITSelect,
         {
           name: `filter-${col.key}`,
@@ -8192,7 +8315,7 @@ function ITTable({
     }
     if (col.filter === "search" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx60(
           FaSpinner3,
           {
             className: "animate-spin",
@@ -8202,10 +8325,10 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
       const searchValue = filters[col.key];
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITSearchSelect,
         {
           name: `filter-${col.key}`,
@@ -8228,7 +8351,7 @@ function ITTable({
     }
     if (col.filter === "date") {
       const dateValue = filters[col.key];
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8244,7 +8367,7 @@ function ITTable({
     }
     if (col.filter === "date-range") {
       const rangeValue = filters[col.key];
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8259,7 +8382,7 @@ function ITTable({
         }
       );
     }
-    return /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(
       ITInput,
       {
         name: `filter-${col.key}`,
@@ -8281,14 +8404,14 @@ function ITTable({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ jsx59(
+        return value ? /* @__PURE__ */ jsx60(
           FaCheck4,
           {
             className: "text-success-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ jsx59(
+        ) : /* @__PURE__ */ jsx60(
           FaTimes9,
           {
             className: "text-danger-500",
@@ -8315,10 +8438,10 @@ function ITTable({
     const actionCol = columns.find((c) => c.type === "actions");
     return /* @__PURE__ */ jsxs46("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__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx59("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
-        /* @__PURE__ */ jsx59("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
+        /* @__PURE__ */ jsx60("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
+        /* @__PURE__ */ jsx60("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
       ] }, col.key)),
-      actionCol?.actions && /* @__PURE__ */ jsx59("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__ */ jsx60("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) => {
@@ -8332,9 +8455,9 @@ function ITTable({
     event.preventDefault();
     onRowClick(row, event);
   };
-  return /* @__PURE__ */ jsx59("div", { ref: rootRef, className: clsx43("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ jsxs46("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+  return /* @__PURE__ */ jsx60("div", { ref: rootRef, className: clsx43("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ jsxs46("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
     title && /* @__PURE__ */ jsxs46("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-      /* @__PURE__ */ jsx59(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
+      /* @__PURE__ */ jsx60(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
       /* @__PURE__ */ jsxs46("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__ */ jsxs46(
           "button",
@@ -8343,7 +8466,7 @@ function ITTable({
             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__ */ jsx59(FaTable2, { size: 11 }),
+              /* @__PURE__ */ jsx60(FaTable2, { size: 11 }),
               "Table"
             ]
           }
@@ -8354,14 +8477,14 @@ function ITTable({
             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__ */ jsx59(FaThLarge2, { size: 11 }),
+              /* @__PURE__ */ jsx60(FaThLarge2, { size: 11 }),
               "Cards"
             ]
           }
         )
       ] })
     ] }),
-    !title && /* @__PURE__ */ jsx59("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ jsxs46("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: [
+    !title && /* @__PURE__ */ jsx60("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ jsxs46("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__ */ jsxs46(
         "button",
         {
@@ -8369,7 +8492,7 @@ function ITTable({
           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__ */ jsx59(FaTable2, { size: 11 }),
+            /* @__PURE__ */ jsx60(FaTable2, { size: 11 }),
             "Table"
           ]
         }
@@ -8380,13 +8503,13 @@ function ITTable({
           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__ */ jsx59(FaThLarge2, { size: 11 }),
+            /* @__PURE__ */ jsx60(FaThLarge2, { size: 11 }),
             "Cards"
           ]
         }
       )
     ] }) }),
-    effectiveView === "cards" ? /* @__PURE__ */ jsx59("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx59(
+    effectiveView === "cards" ? /* @__PURE__ */ jsx60("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx60(
       "div",
       {
         className: clsx43(tableCardHover, onRowClick && tableCardClickable),
@@ -8398,9 +8521,9 @@ function ITTable({
       },
       i
     )) : /* @__PURE__ */ jsxs46("div", { className: clsx43(tableEmptyContent, "py-12"), children: [
-      /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-      /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
-    ] }) }) : /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+      /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+    ] }) }) : /* @__PURE__ */ jsx60(
       "div",
       {
         ref: isTableVirtual ? scrollRef : void 0,
@@ -8419,56 +8542,64 @@ function ITTable({
             style: isFixed ? { tableLayout: "fixed" } : void 0,
             "aria-rowcount": isTableVirtual ? currentData.length + 1 : void 0,
             children: [
-              hasColumnWidths && /* @__PURE__ */ jsx59("colgroup", { children: columns.map((col) => /* @__PURE__ */ jsx59(
+              hasColumnWidths && /* @__PURE__ */ jsx60("colgroup", { children: columns.map((col) => /* @__PURE__ */ jsx60(
                 "col",
                 {
                   style: col.width != null ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
                 },
                 col.key
               )) }),
-              /* @__PURE__ */ jsx59("thead", { children: /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx60("thead", { children: /* @__PURE__ */ jsx60(
                 "tr",
                 {
                   className: clsx43(tableHeaderRow, "dark:text-slate-200"),
                   "aria-rowindex": isTableVirtual ? 1 : void 0,
-                  children: columns.map((col) => /* @__PURE__ */ jsx59(
-                    "th",
-                    {
-                      scope: "col",
-                      className: clsx43(
-                        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__ */ jsxs46("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
-                        /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-                          /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                          col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx59(
-                            "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__ */ jsx59(MdOutlineSwapVert2, { className: "w-4 h-4", "aria-hidden": "true" })
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ jsx59("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__ */ jsx60(
+                      "th",
+                      {
+                        scope: "col",
+                        className: clsx43(
+                          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__ */ jsxs46("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
+                          /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
+                            /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                            col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx60(
+                              "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__ */ jsx60(MdOutlineSwapVert2, { className: "w-4 h-4", "aria-hidden": "true" })
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx60("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                        ] })
+                      },
+                      col.key
+                    );
+                  })
                 }
               ) }),
-              /* @__PURE__ */ jsx59("tbody", { className: clsx43(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ jsxs46(Fragment9, { children: [
-                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ jsx59("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ jsx59("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
+              /* @__PURE__ */ jsx60("tbody", { className: clsx43(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ jsxs46(Fragment9, { children: [
+                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ jsx60("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ jsx60("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
                 windowData.map((row, windowIndex) => {
                   const absoluteIndex = isTableVirtual ? startIndex + windowIndex : windowIndex;
-                  return /* @__PURE__ */ jsx59(
+                  return /* @__PURE__ */ jsx60(
                     "tr",
                     {
                       "aria-rowindex": isTableVirtual ? absoluteIndex + 2 : void 0,
@@ -8483,16 +8614,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__ */ jsx59(
+                        const pin = pinnedMeta[col.key];
+                        const isPinned = pin != null;
+                        return /* @__PURE__ */ jsx60(
                           "td",
                           {
                             className: clsx43(
                               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__ */ jsx59("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx59("div", { className: clsx43(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
+                            children: col.type === "actions" ? /* @__PURE__ */ jsx60("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx60("div", { className: clsx43(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                           },
                           `${absoluteIndex}-${col.key}`
                         );
@@ -8501,17 +8640,17 @@ function ITTable({
                     absoluteIndex
                   );
                 }),
-                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ jsx59("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ jsx59("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
-              ] }) : /* @__PURE__ */ jsx59("tr", { children: /* @__PURE__ */ jsx59("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ jsxs46("div", { className: tableEmptyContent, children: [
-                /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-                /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ jsx60("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ jsx60("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
+              ] }) : /* @__PURE__ */ jsx60("tr", { children: /* @__PURE__ */ jsx60("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ jsxs46("div", { className: tableEmptyContent, children: [
+                /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+                /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
               ] }) }) }) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx59("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ jsx60(
       ITPagination,
       {
         currentPage,
@@ -8529,7 +8668,7 @@ function ITTable({
 
 // src/components/atoms/textarea/textarea.tsx
 import clsx44 from "clsx";
-import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 var resizeMap = {
   none: "resize-none",
   vertical: "resize-y",
@@ -8550,8 +8689,8 @@ function ITTextarea({
   resize = "vertical"
 }) {
   return /* @__PURE__ */ jsxs47("div", { className: clsx44("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ jsx60(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ jsx60(
+    label && /* @__PURE__ */ jsx61(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ jsx61(
       "textarea",
       {
         id: name,
@@ -8571,14 +8710,14 @@ function ITTextarea({
         )
       }
     ),
-    error && /* @__PURE__ */ jsx60(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ jsx61(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/molecules/tabs/tabs.tsx
 import { useState as useState30 } from "react";
 import { clsx as clsx45 } from "clsx";
-import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 var ITTabs = ({
   items,
   defaultActiveId,
@@ -8595,7 +8734,7 @@ var ITTabs = ({
   };
   const activeContent = items.find((item) => item.id === activeId)?.content;
   return /* @__PURE__ */ jsxs48("div", { className: clsx45("w-full", containerClassName), children: [
-    /* @__PURE__ */ jsx61("div", { className: clsx45(
+    /* @__PURE__ */ jsx62("div", { className: clsx45(
       "flex border-secondary-200 mb-4",
       variant === "line" ? "border-b" : "gap-2 p-1 bg-secondary-100 rounded-lg w-fit",
       className
@@ -8621,21 +8760,21 @@ var ITTabs = ({
             item.disabled && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            item.icon && /* @__PURE__ */ jsx61("span", { className: "w-4 h-4", children: item.icon }),
-            /* @__PURE__ */ jsx61(ITText, { as: "span", children: item.label })
+            item.icon && /* @__PURE__ */ jsx62("span", { className: "w-4 h-4", children: item.icon }),
+            /* @__PURE__ */ jsx62(ITText, { as: "span", children: item.label })
           ]
         },
         item.id
       );
     }) }),
-    /* @__PURE__ */ jsx61("div", { className: "tab-content animate-fadeIn", children: activeContent })
+    /* @__PURE__ */ jsx62("div", { className: "tab-content animate-fadeIn", children: activeContent })
   ] });
 };
 var tabs_default = ITTabs;
 
 // src/components/organisms/triple-filter/tripleFilter.tsx
 import clsx46 from "clsx";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var colorMap2 = {
   primary: "text-primary-600",
   secondary: "text-secondary-600",
@@ -8654,11 +8793,11 @@ var ITTripleFilter = ({
   color = "primary",
   className
 }) => {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       className: clsx46("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
-      children: options.map((option) => /* @__PURE__ */ jsx62(
+      children: options.map((option) => /* @__PURE__ */ jsx63(
         "button",
         {
           onClick: () => onChange(option.value),
@@ -8666,7 +8805,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 ? clsx46("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
           ),
-          children: /* @__PURE__ */ jsx62(ITText, { as: "span", children: option.label })
+          children: /* @__PURE__ */ jsx63(ITText, { as: "span", children: option.label })
         },
         String(option.value)
       ))
@@ -8689,7 +8828,7 @@ var positionStyles = {
 import clsx47 from "clsx";
 import { useEffect as useEffect15, useState as useState31 } from "react";
 import { FaTimesCircle as FaTimesCircle2, FaCheckCircle as FaCheckCircle2, FaExclamationTriangle as FaExclamationTriangle3, FaInfoCircle as FaInfoCircle2, FaTimes as FaTimes10 } from "react-icons/fa";
-import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs49 } from "react/jsx-runtime";
 function ITToast({
   message,
   type = "info",
@@ -8718,15 +8857,15 @@ function ITToast({
   const TypeIcon = () => {
     switch (type) {
       case "success":
-        return /* @__PURE__ */ jsx63(FaCheckCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaCheckCircle2, { className: "w-5 h-5 flex-shrink-0" });
       case "error":
       case "danger":
-        return /* @__PURE__ */ jsx63(FaTimesCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaTimesCircle2, { className: "w-5 h-5 flex-shrink-0" });
       case "warning":
-        return /* @__PURE__ */ jsx63(FaExclamationTriangle3, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaExclamationTriangle3, { className: "w-5 h-5 flex-shrink-0" });
       case "info":
       default:
-        return /* @__PURE__ */ jsx63(FaInfoCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaInfoCircle2, { className: "w-5 h-5 flex-shrink-0" });
     }
   };
   return /* @__PURE__ */ jsxs49(
@@ -8746,16 +8885,16 @@ function ITToast({
       role: "alert",
       children: [
         /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx63(TypeIcon, {}),
-          /* @__PURE__ */ jsx63(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
+          /* @__PURE__ */ jsx64(TypeIcon, {}),
+          /* @__PURE__ */ jsx64(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
         ] }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(
           "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__ */ jsx63(FaTimes10, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx64(FaTimes10, { className: "w-4 h-4" })
           }
         )
       ]
@@ -8795,7 +8934,7 @@ var toolbarActions = [
 // src/components/atoms/tooltip/tooltip.tsx
 import { useState as useState32 } from "react";
 import clsx48 from "clsx";
-import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs50 } from "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",
@@ -8833,8 +8972,8 @@ function ITTooltip({
       children: [
         children,
         visible && /* @__PURE__ */ jsxs50("div", { className: clsx48("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
-          /* @__PURE__ */ jsx64("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__ */ jsx64(ITText, { as: "span", children: content }) }),
-          /* @__PURE__ */ jsx64("div", { className: clsx48("absolute", arrowClasses[position]) })
+          /* @__PURE__ */ jsx65("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__ */ jsx65(ITText, { as: "span", children: content }) }),
+          /* @__PURE__ */ jsx65("div", { className: clsx48("absolute", arrowClasses[position]) })
         ] })
       ]
     }
@@ -8842,16 +8981,16 @@ function ITTooltip({
 }
 
 // src/components/molecules/wysiwyg/wysiwyg.tsx
-import { jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
 var INLINE_TAGS = /* @__PURE__ */ new Set(["STRONG", "B", "EM", "I", "U", "MARK"]);
 var ACTION_META = {
-  bold: { label: "Negrita", icon: /* @__PURE__ */ jsx65(FaBold, {}) },
-  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ jsx65(FaItalic, {}) },
-  underline: { label: "Subrayado", icon: /* @__PURE__ */ jsx65(FaUnderline, {}) },
-  highlight: { label: "Marcador", icon: /* @__PURE__ */ jsx65(FaHighlighter, {}) },
-  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ jsx65(FaListUl, {}) },
-  ol: { label: "Lista numerada", icon: /* @__PURE__ */ jsx65(FaListOl, {}) },
-  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ jsx65(FaEraser, {}) }
+  bold: { label: "Negrita", icon: /* @__PURE__ */ jsx66(FaBold, {}) },
+  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ jsx66(FaItalic, {}) },
+  underline: { label: "Subrayado", icon: /* @__PURE__ */ jsx66(FaUnderline, {}) },
+  highlight: { label: "Marcador", icon: /* @__PURE__ */ jsx66(FaHighlighter, {}) },
+  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ jsx66(FaListUl, {}) },
+  ol: { label: "Lista numerada", icon: /* @__PURE__ */ jsx66(FaListOl, {}) },
+  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ jsx66(FaEraser, {}) }
 };
 function ITWysiwyg({
   value,
@@ -9267,7 +9406,7 @@ function ITWysiwyg({
   }) => {
     const meta = ACTION_META[action];
     const isActive = !!active[action];
-    return /* @__PURE__ */ jsx65(ITTooltip, { content: meta.label, children: /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx66(ITTooltip, { content: meta.label, children: /* @__PURE__ */ jsx66(
       "button",
       {
         type: "button",
@@ -9288,7 +9427,7 @@ function ITWysiwyg({
     ) });
   };
   return /* @__PURE__ */ jsxs51("div", { className: inputWrapper(className), children: [
-    label && /* @__PURE__ */ jsx65(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    label && /* @__PURE__ */ jsx66(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
     /* @__PURE__ */ jsxs51(
       "div",
       {
@@ -9298,7 +9437,7 @@ function ITWysiwyg({
           isLocked && "opacity-50 cursor-not-allowed bg-secondary-100 dark:bg-slate-800"
         ),
         children: [
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx66(
             "div",
             {
               className: clsx49(
@@ -9306,12 +9445,12 @@ function ITWysiwyg({
                 isLocked && "bg-secondary-100 dark:bg-slate-900"
               ),
               children: toolbar.map((action, i) => /* @__PURE__ */ jsxs51("span", { className: "flex items-center", children: [
-                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ jsx65("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
-                /* @__PURE__ */ jsx65(ToolbarButton, { action })
+                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ jsx66("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
+                /* @__PURE__ */ jsx66(ToolbarButton, { action })
               ] }, action))
             }
           ),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx66(
             "div",
             {
               id: name,
@@ -9345,7 +9484,7 @@ function ITWysiwyg({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx65(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ jsx66(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
@@ -9380,7 +9519,7 @@ var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
 })(UploadStatus || {});
 
 // src/components/organisms/dropfile/dropfile.tsx
-import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -9520,8 +9659,8 @@ var ITDropfile = ({
     };
     const { label, color, dotColor } = config2[status];
     return /* @__PURE__ */ jsxs52("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ jsx66("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ jsx66(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+      /* @__PURE__ */ jsx67("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ jsx67(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -9614,16 +9753,16 @@ var ITDropfile = ({
   }, [view, isConfirmed, uploadStatus, externalStatus, onStatusChange]);
   const headerRow = /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-2", children: [
     /* @__PURE__ */ jsxs52("label", { className: "block text-sm font-semibold text-secondary-700", children: [
-      /* @__PURE__ */ jsx66(ITText, { as: "span", children: "Subir archivo " }),
+      /* @__PURE__ */ jsx67(ITText, { as: "span", children: "Subir archivo " }),
       /* @__PURE__ */ jsxs52(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
         "(",
         getFileExtensions(),
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ jsx66(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ jsx67(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ jsx66(Fragment10, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs52(
+  const dropZoneOrPreview = /* @__PURE__ */ jsx67(Fragment10, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs52(
     "div",
     {
       ...getRootProps(),
@@ -9633,29 +9772,29 @@ 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__ */ jsx66("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsx66("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__ */ jsx66(
+        /* @__PURE__ */ jsx67("input", { ...getInputProps() }),
+        /* @__PURE__ */ jsx67("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__ */ jsx67(
           "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__ */ jsx66("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__ */ jsx67("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__ */ jsx66("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx66(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__ */ jsx67("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx67(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__ */ jsxs52("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ jsx66("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ jsx66("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__ */ jsx66("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("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__ */ jsx66("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("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__ */ jsx67("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ jsx67("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__ */ jsx67("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("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__ */ jsx67("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("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__ */ jsxs52("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx66(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
-        /* @__PURE__ */ jsx66(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+        /* @__PURE__ */ jsx67(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
+        /* @__PURE__ */ jsx67(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx66("div", { className: clsx50("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__ */ jsx66(
+    /* @__PURE__ */ jsx67("div", { className: clsx50("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__ */ jsx67(
       "img",
       {
         src: imagePreview,
@@ -9663,11 +9802,11 @@ var ITDropfile = ({
         className: "w-full h-full object-contain max-h-[200px]"
       }
     ) : /* @__PURE__ */ jsxs52("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ jsx66("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("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__ */ jsx66(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
+      /* @__PURE__ */ jsx67("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("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__ */ jsx67(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
     ] }) }),
-    /* @__PURE__ */ jsx66("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
-      /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
+      /* @__PURE__ */ jsx67(
         ITButton,
         {
           type: "button",
@@ -9675,10 +9814,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ jsx66(ITText, { children: "Cancelar" })
+          children: /* @__PURE__ */ jsx67(ITText, { children: "Cancelar" })
         }
       ),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67(
         ITButton,
         {
           type: "button",
@@ -9687,8 +9826,8 @@ var ITDropfile = ({
           size: "sm",
           onClick: handleConfirm,
           children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx66(ITText, { children: "Confirmar" }),
-            /* @__PURE__ */ jsx66("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+            /* @__PURE__ */ jsx67(ITText, { children: "Confirmar" }),
+            /* @__PURE__ */ jsx67("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
@@ -9701,12 +9840,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ jsx66("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("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__ */ jsx66(ITText, { children: "Eliminar" })
+          /* @__PURE__ */ jsx67("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("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__ */ jsx67(ITText, { children: "Eliminar" })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx66("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx66("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx66(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx67("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx67("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx67(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -9720,7 +9859,7 @@ var ITDropfile = ({
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
     return /* @__PURE__ */ jsxs52("div", { className: clsx50("inline-block", containerClassName), children: [
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67(
         ITButton,
         {
           type: "button",
@@ -9729,13 +9868,13 @@ var ITDropfile = ({
           size: "sm",
           onClick: () => setIsModalOpen(true),
           children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ jsx66("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("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__ */ jsx66(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ jsx66(StatusBadge, { status: uploadStatus })
+            /* @__PURE__ */ jsx67("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("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__ */ jsx67(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ jsx67(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx66(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ jsxs52("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ jsx67(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ jsxs52("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
@@ -9755,7 +9894,7 @@ import clsx51 from "clsx";
 // src/components/organisms/topbar/topbar.tsx
 import { FaUserCircle as FaUserCircle2, FaBars } from "react-icons/fa";
 import { useRef as useRef22, useState as useState35 } from "react";
-import { jsx as jsx67, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 function ITTopBar({
   logo,
   logoText,
@@ -9770,7 +9909,7 @@ function ITTopBar({
   const [isUserMenuOpen, setIsUserMenuOpen] = useState35(false);
   const userMenuRef = useRef22(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     "header",
     {
       className: "sticky top-0 z-40 backdrop-blur-md transition-all duration-300",
@@ -9781,7 +9920,7 @@ function ITTopBar({
       },
       children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center justify-between h-[72px] px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ jsx67(
+          showMobileMenuButton && /* @__PURE__ */ jsx68(
             "button",
             {
               className: "lg:hidden p-2.5 rounded-xl transition-colors duration-200",
@@ -9791,12 +9930,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__ */ jsx67(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ jsx68(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
           /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-3", children: [
-            logo && /* @__PURE__ */ jsx67("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ jsx67(
+            logo && /* @__PURE__ */ jsx68("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ jsx68(
               ITText,
               {
                 as: "span",
@@ -9806,7 +9945,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ jsx67("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__ */ jsx67(
+          navItems && navItems.length > 0 && /* @__PURE__ */ jsx68("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__ */ jsx68(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -9821,14 +9960,14 @@ function ITTopBar({
                 e.currentTarget.style.backgroundColor = "transparent";
               },
               children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ jsx67("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ jsx67(ITText, { as: "span", children: item.label })
+                item.icon && /* @__PURE__ */ jsx68("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ jsx68(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ jsx67("div", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center px-4", children: /* @__PURE__ */ jsx67("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        centerContent && /* @__PURE__ */ jsx68("div", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center px-4", children: /* @__PURE__ */ jsx68("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
         (children || userMenu) && /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
           children,
           userMenu && /* @__PURE__ */ jsxs53("div", { className: "relative", children: [
@@ -9849,18 +9988,18 @@ function ITTopBar({
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
                   /* @__PURE__ */ jsxs53("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ jsx67(
+                    userMenu.userImage ? /* @__PURE__ */ jsx68(
                       "img",
                       {
                         className: "w-9 h-9 rounded-full object-cover ring-2 ring-white shadow-sm",
                         src: userMenu.userImage,
                         alt: "Current user"
                       }
-                    ) : /* @__PURE__ */ jsx67("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx67(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    /* @__PURE__ */ jsx67("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ jsx68("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx68(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    /* @__PURE__ */ jsx68("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
                   /* @__PURE__ */ jsxs53("div", { className: "hidden sm:flex flex-col text-left py-0.5", children: [
-                    /* @__PURE__ */ jsx67(
+                    /* @__PURE__ */ jsx68(
                       ITText,
                       {
                         as: "span",
@@ -9869,7 +10008,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ jsx67(
+                    /* @__PURE__ */ jsx68(
                       ITText,
                       {
                         as: "span",
@@ -9896,14 +10035,14 @@ function ITTopBar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs53("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__ */ jsx67(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx67(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__ */ jsx68(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx68(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__ */ jsx67("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ jsx68("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__ */ jsxs53("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx67("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ jsx67(
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx68("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ jsx68(
                         "button",
                         {
                           onClick: () => {
@@ -9918,7 +10057,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ jsx67(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ jsx68(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -9934,7 +10073,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-import { jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 function ITLayout({
   topBar,
   sidebar,
@@ -9950,7 +10089,7 @@ function ITLayout({
   }) : () => setInternalCollapsed((v) => !v);
   const layoutTokens = theme.layout;
   return /* @__PURE__ */ jsxs54("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
-    /* @__PURE__ */ jsx68(
+    /* @__PURE__ */ jsx69(
       ITTopBar,
       {
         ...topBar,
@@ -9965,13 +10104,13 @@ function ITLayout({
         style: { backgroundColor: layoutTokens.backgroundColor },
         children: [
           /* @__PURE__ */ jsxs54("div", { className: "hidden lg:block relative z-40 h-full", children: [
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               "div",
               {
                 className: `${desktopCollapsed ? "w-[88px]" : "w-[280px]"} h-full flex-shrink-0`
               }
             ),
-            /* @__PURE__ */ jsx68("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx69(
               ITSidebar,
               {
                 ...sidebar,
@@ -9982,17 +10121,17 @@ function ITLayout({
               }
             ) })
           ] }),
-          mobileSidebarOpen && /* @__PURE__ */ jsx68(
+          mobileSidebarOpen && /* @__PURE__ */ jsx69(
             "div",
             {
               className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
               onClick: () => setMobileSidebarOpen(false),
-              children: /* @__PURE__ */ jsx68(
+              children: /* @__PURE__ */ jsx69(
                 "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__ */ jsx68(
+                  children: /* @__PURE__ */ jsx69(
                     ITSidebar,
                     {
                       ...sidebar,
@@ -10008,7 +10147,7 @@ function ITLayout({
               )
             }
           ),
-          /* @__PURE__ */ jsx68("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx68("div", { className: clsx51("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
+          /* @__PURE__ */ jsx69("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx69("div", { className: clsx51("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
         ]
       }
     )
@@ -10024,7 +10163,7 @@ var sizeClasses = {
 };
 
 // src/components/atoms/loader/loader.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function ITLoader({
   size = "md",
   variant = "spinner",
@@ -10039,22 +10178,22 @@ function ITLoader({
   const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
   const colorClass = !isCssValue ? color : "";
   if (variant === "spinner") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "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__ */ jsx69(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__ */ jsx70(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__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       {
         className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx69(
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx70(
           "div",
           {
             className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
@@ -10069,11 +10208,11 @@ function ITLoader({
     );
   }
   if (variant === "bar") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "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__ */ jsx69(
+        children: /* @__PURE__ */ jsx70(
           "div",
           {
             className: `h-full animate-progress ${colorClass}`,
@@ -10089,7 +10228,7 @@ function ITLoader({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       {
         className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
@@ -10104,7 +10243,7 @@ function ITLoader({
 import clsx52 from "clsx";
 import { useEffect as useEffect18, useRef as useRef23, useState as useState37 } from "react";
 import { FaChevronLeft as FaChevronLeft4, FaChevronRight as FaChevronRight5, FaCheck as FaCheck5 } from "react-icons/fa";
-import { jsx as jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
 function ITStepper({
   steps,
   currentStep,
@@ -10171,23 +10310,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ jsx70(FaCheck5, { className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx71(FaCheck5, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ jsx70("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ jsx71("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ jsx70(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
   return /* @__PURE__ */ jsxs55("div", { className: clsx52("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
     /* @__PURE__ */ jsxs55("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         "div",
         {
           ref: progressRef,
@@ -10195,11 +10334,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx70("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ jsx71("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__ */ jsx70(
+        return /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -10210,7 +10349,7 @@ function ITStepper({
             className: "flex-1 group",
             title: step.label,
             children: /* @__PURE__ */ jsxs55("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx71(
                 "div",
                 {
                   className: clsx52(
@@ -10224,7 +10363,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx71(
                 ITText,
                 {
                   as: "span",
@@ -10242,7 +10381,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       "div",
       {
         ref: contentRef,
@@ -10259,7 +10398,7 @@ function ITStepper({
       }
     ),
     /* @__PURE__ */ jsxs55("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         ITButton,
         {
           variant: "outlined",
@@ -10267,8 +10406,8 @@ function ITStepper({
           disabled: currentStep === 0,
           onClick: prevStep,
           children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx70(FaChevronLeft4, {}),
-            /* @__PURE__ */ jsx70(ITText, { as: "span", children: "Atr\xE1s" })
+            /* @__PURE__ */ jsx71(FaChevronLeft4, {}),
+            /* @__PURE__ */ jsx71(ITText, { as: "span", children: "Atr\xE1s" })
           ] })
         }
       ),
@@ -10279,7 +10418,7 @@ function ITStepper({
           " de ",
           steps.length
         ] }),
-        /* @__PURE__ */ jsx70(
+        /* @__PURE__ */ jsx71(
           ITButton,
           {
             variant: "solid",
@@ -10287,8 +10426,8 @@ function ITStepper({
             disabled: disableNext,
             onClick: nextStep,
             children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx70(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx70(FaCheck5, {}) : /* @__PURE__ */ jsx70(FaChevronRight5, {})
+              /* @__PURE__ */ jsx71(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx71(FaCheck5, {}) : /* @__PURE__ */ jsx71(FaChevronRight5, {})
             ] })
           }
         )
@@ -10476,7 +10615,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-import { jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -11874,7 +12013,7 @@ function ITThemeProvider({
         children: [
           /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs56("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__ */ jsx71(
+              /* @__PURE__ */ jsx72(
                 "input",
                 {
                   type: "color",
@@ -11883,23 +12022,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ jsx71("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ jsx72("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
             /* @__PURE__ */ jsxs56("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx71(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__ */ jsx72(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__ */ jsxs56("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ jsx71(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ jsx72(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             "input",
             {
               type: "text",
@@ -11925,7 +12064,7 @@ function ITThemeProvider({
         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__ */ jsx71(
+          isCustom && /* @__PURE__ */ jsx72(
             "span",
             {
               onClick: (e) => {
@@ -11934,11 +12073,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__ */ jsx71(MdClose, { size: 12 })
+              children: /* @__PURE__ */ jsx72(MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ jsx71(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__ */ jsx71("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(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__ */ jsx72("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx72(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -11966,17 +12105,17 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ jsx71(
+        showFab && /* @__PURE__ */ jsx72(
           "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__ */ jsx71(MdPalette, { size: 28 })
+            children: /* @__PURE__ */ jsx72(MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ jsx71(
+        showFab && /* @__PURE__ */ jsx72(
           ITDialog,
           {
             isOpen,
@@ -11986,8 +12125,8 @@ function ITThemeProvider({
             children: /* @__PURE__ */ jsxs56("div", { className: "flex gap-6 h-[580px]", children: [
               /* @__PURE__ */ jsxs56("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
                 /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx71(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__ */ jsx71(
+                  /* @__PURE__ */ jsx72(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__ */ jsx72(
                     ITSegmentedControl,
                     {
                       options: [
@@ -12002,15 +12141,15 @@ function ITThemeProvider({
                   )
                 ] }),
                 /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx71("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
-                  /* @__PURE__ */ jsx71("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx71(PresetCard, { preset }, preset.name)) })
+                  /* @__PURE__ */ jsx72("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
+                  /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx72(PresetCard, { preset }, preset.name)) })
                 ] }),
                 customPresets.length > 0 && /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx71(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__ */ jsx71("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx71(PresetCard, { preset, isCustom: true }, preset.name)) })
+                  /* @__PURE__ */ jsx72(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__ */ jsx72("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx72(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
                 isSavingPreset && /* @__PURE__ */ jsxs56("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__ */ jsx71(
+                  /* @__PURE__ */ jsx72(
                     ITInput,
                     {
                       name: "presetName",
@@ -12029,7 +12168,7 @@ function ITThemeProvider({
                     }
                   ),
                   /* @__PURE__ */ jsxs56("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx71(
+                    /* @__PURE__ */ jsx72(
                       ITButton,
                       {
                         label: "Guardar",
@@ -12040,7 +12179,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ jsx71(
+                    /* @__PURE__ */ jsx72(
                       ITButton,
                       {
                         label: "X",
@@ -12054,31 +12193,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ jsx71(
+                !isSavingPreset && /* @__PURE__ */ jsx72(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ jsx71(MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx72(MdPalette, { size: 14 }),
                     label: "Guardar actual",
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ jsx71(MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx72(MdRefresh, { size: 14 }),
                     label: "Restaurar default",
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx71(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ jsx72(ITDivider, { orientation: "vertical" }),
               /* @__PURE__ */ jsxs56("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   tabs_default,
                   {
                     variant: "pill",
@@ -12086,7 +12225,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: "Marca",
-                        content: /* @__PURE__ */ jsx71("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__ */ jsx72("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",
@@ -12095,35 +12234,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ jsx71(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: "Nav & Sidebar",
-                        content: /* @__PURE__ */ jsx71("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__ */ jsx72("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__ */ jsx71(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: "Tablas",
-                        content: /* @__PURE__ */ jsx71("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__ */ jsx72("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__ */ jsx71(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
                 /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ jsx71(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
-                  /* @__PURE__ */ jsx71(
+                  /* @__PURE__ */ jsx72(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
+                  /* @__PURE__ */ jsx72(
                     ITButton,
                     {
                       label: "Cerrar",
@@ -12181,6 +12320,7 @@ export {
   ITGrid,
   image_default as ITImage,
   ITInput,
+  ITInputNumber,
   ITLayout,
   ITLoader,
   ITMaskedInput,