@axzydev/axzy_ui_system 1.4.3 → 1.4.5

package/dist/index.cjs

@@ -59,6 +59,7 @@ __export(index_exports, {
   ITInput: () => ITInput,
   ITInputNumber: () => ITInputNumber,
   ITLayout: () => ITLayout,
+  ITLineBarChart: () => line_bar_chart_default,
   ITLoader: () => ITLoader,
   ITMaskedInput: () => ITMaskedInput,
   ITMultiSelect: () => ITMultiSelect,
@@ -7695,7 +7696,9 @@ function ITSidebar({
   subitemConnector = "dot",
   header,
   notification,
-  brand
+  brand,
+  onToggleCollapse,
+  expandOnHover = true
 }) {
   const flat = useITFlatAppearance();
   const [expandedItems, setExpandedItems] = (0, import_react35.useState)(/* @__PURE__ */ new Set());
@@ -7751,6 +7754,9 @@ function ITSidebar({
       });
     }
   }, [navigationItems]);
+  const isSidebarCollapsed = visibleOnMobile ? false : isCollapsed && !(expandOnHover && isHovering);
+  const sidebarWidth = isSidebarCollapsed ? flat ? "w-[72px]" : "w-[88px]" : flat ? "w-[248px]" : "w-[280px]";
+  const fixedRail = isSidebarCollapsed && !expandOnHover;
   const toggleExpanded = (itemId) => {
     const newExpanded = new Set(expandedItems);
     if (newExpanded.has(itemId)) newExpanded.delete(itemId);
@@ -7759,14 +7765,17 @@ function ITSidebar({
   };
   const handleItemClick = (item) => {
     if (item.subitems && item.subitems.length > 0) {
-      toggleExpanded(item.id);
+      if (isSidebarCollapsed && !expandOnHover) {
+        setExpandedItems((prev) => new Set(prev).add(item.id));
+        onToggleCollapse?.();
+      } else {
+        toggleExpanded(item.id);
+      }
     } else {
       if (item.action) item.action();
       if (onItemClick) onItemClick(item);
     }
   };
-  const isSidebarCollapsed = visibleOnMobile ? false : !isHovering && isCollapsed;
-  const sidebarWidth = isSidebarCollapsed ? "w-[88px]" : flat ? "w-[248px]" : "w-[280px]";
   const renderSubItem = (subitem) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "button",
     {
@@ -7779,7 +7788,7 @@ function ITSidebar({
       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",
+        fontSize: flat ? "0.84rem" : "0.78rem",
         fontWeight: subitem.isActive ? 600 : 500,
         letterSpacing: "0.01em",
         marginLeft: subitemConnector === "|" ? "-1px" : "0"
@@ -7797,7 +7806,7 @@ function ITSidebar({
         }
       },
       children: [
-        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        subitem.isActive && subitemConnector === "|" && !flat && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "div",
           {
             className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full transition-all",
@@ -7961,10 +7970,11 @@ function ITSidebar({
         ),
         header && !isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
         notification && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "px-4 pt-3 flex-shrink-0", children: renderNotification() }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("nav", { "aria-label": "Componentes de la librer\xEDa", className: "flex-1 py-4 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "space-y-1", children: navigationItems.map((item) => {
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("nav", { "aria-label": "Componentes de la librer\xEDa", className: `flex-1 py-4 custom-scrollbar ${fixedRail ? "overflow-visible" : "overflow-y-auto overflow-x-hidden"} ${flat && isSidebarCollapsed ? "px-3" : "px-4"}`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("ul", { className: "space-y-1", children: navigationItems.map((item) => {
           const hasSubmenu = !!item.subitems && item.subitems.length > 0;
           const submenuId = `it-sidebar-submenu-${item.id}`;
           const { className: badgeClassName, ...badgeRest } = item.badgeProps ?? {};
+          const active = !!item.isActive && !(flat && hasSubmenu && !isSidebarCollapsed);
           return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("li", { className: "relative group/navitem", children: [
             /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "div",
@@ -7977,18 +7987,18 @@ function ITSidebar({
                 className: `flex items-center cursor-pointer 
                   transition-all duration-300 ease-[cubic-bezier(0.2,0,0,1)]
                   rounded-xl relative overflow-visible
-                  ${isSidebarCollapsed ? "justify-center p-2 mb-1" : "justify-between px-3 py-2 mb-0.5"}
+                  ${isSidebarCollapsed ? flat ? "justify-center h-10 mb-1" : "justify-center p-2 mb-1" : "justify-between px-3 py-2 mb-0.5"}
                 `,
                 style: {
-                  backgroundColor: item.isActive ? "var(--it-sidebar-active-bg, var(--color-secondary-50))" : "transparent",
-                  boxShadow: item.isActive && !flat ? "var(--shadow-xs)" : "none",
-                  border: item.isActive && !flat ? "1px solid var(--it-sidebar-border, var(--color-secondary-200))" : "1px solid transparent"
+                  backgroundColor: active ? "var(--it-sidebar-active-bg, var(--color-secondary-50))" : "transparent",
+                  boxShadow: active && !flat ? "var(--shadow-xs)" : "none",
+                  border: active && !flat ? "1px solid var(--it-sidebar-border, var(--color-secondary-200))" : "1px solid transparent"
                 },
                 onMouseEnter: (e) => {
-                  if (!item.isActive) e.currentTarget.style.backgroundColor = "var(--it-sidebar-hover-bg, var(--color-secondary-100))";
+                  if (!active) e.currentTarget.style.backgroundColor = "var(--it-sidebar-hover-bg, var(--color-secondary-100))";
                 },
                 onMouseLeave: (e) => {
-                  if (!item.isActive) e.currentTarget.style.backgroundColor = "transparent";
+                  if (!active) e.currentTarget.style.backgroundColor = "transparent";
                 },
                 onClick: () => handleItemClick(item),
                 onKeyDown: (e) => {
@@ -7998,7 +8008,7 @@ function ITSidebar({
                   }
                 },
                 children: [
-                  item.isActive && !isSidebarCollapsed && !flat && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                  active && !isSidebarCollapsed && !flat && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "div",
                     {
                       className: "absolute left-0 top-1/4 bottom-1/4 w-[3px] rounded-r-full transition-all",
@@ -8011,10 +8021,10 @@ function ITSidebar({
                       {
                         className: `transition-all duration-300 flex-shrink-0 flex items-center justify-center`,
                         style: {
-                          color: item.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, #9ca3af)",
-                          opacity: item.isActive ? 1 : 0.8,
-                          fontSize: flat ? "1rem" : item.isActive ? "1.12rem" : "1.05rem",
-                          filter: item.isActive && !flat ? "drop-shadow(0 0 8px rgba(255,255,255,0.2))" : "none"
+                          color: active ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, #9ca3af)",
+                          opacity: active ? 1 : 0.8,
+                          fontSize: flat ? "1rem" : active ? "1.12rem" : "1.05rem",
+                          filter: active && !flat ? "drop-shadow(0 0 8px rgba(255,255,255,0.2))" : "none"
                         },
                         children: item.icon
                       }
@@ -8025,9 +8035,9 @@ function ITSidebar({
                         as: "span",
                         className: `transition-all duration-300 truncate tracking-wide`,
                         style: {
-                          color: item.isActive ? "var(--it-sidebar-active-color, #ffffff)" : "var(--it-sidebar-label-color, var(--color-secondary-300))",
+                          color: active ? "var(--it-sidebar-active-color, #ffffff)" : "var(--it-sidebar-label-color, var(--color-secondary-300))",
                           fontSize: flat ? "0.875rem" : "0.8rem",
-                          fontWeight: item.isActive ? "600" : "500"
+                          fontWeight: active ? "600" : "500"
                         },
                         children: item.label
                       }
@@ -8037,7 +8047,7 @@ function ITSidebar({
                     "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 },
+                      style: { color: active ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-icon-color, var(--color-secondary-500))", opacity: 0.7 },
                       children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_fa26.FaChevronDown, { className: "w-3 h-3" })
                     }
                   ),
@@ -8058,7 +8068,21 @@ function ITSidebar({
                 ]
               }
             ),
-            isSidebarCollapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            isSidebarCollapsed && flat && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              "div",
+              {
+                role: "tooltip",
+                className: "absolute left-full top-1/2 -translate-y-1/2 ml-3 px-2.5 py-1.5 rounded-lg whitespace-nowrap opacity-0 invisible group-hover/navitem:opacity-100 group-hover/navitem:visible transition-opacity duration-150 pointer-events-none z-[70]",
+                style: {
+                  backgroundColor: "var(--it-sidebar-tooltip-bg, var(--color-secondary-900))",
+                  color: "var(--it-sidebar-tooltip-color, #ffffff)",
+                  fontSize: "0.78rem",
+                  fontWeight: 500
+                },
+                children: item.label
+              }
+            ),
+            isSidebarCollapsed && !flat && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "div",
               {
                 className: "absolute left-full top-0 ml-4 rounded-2xl opacity-0 invisible group-hover/navitem:opacity-100 group-hover/navitem:visible transition-all duration-300 pointer-events-none z-[70] min-w-[220px] overflow-hidden -translate-x-2 group-hover/navitem:translate-x-0 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)]",
@@ -8100,7 +8124,7 @@ function ITSidebar({
             !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { id: submenuId, role: "group", "aria-label": item.label, className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[1000px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "ul",
               {
-                className: "ml-4 flex flex-col gap-0 py-0.5",
+                className: `${flat && subitemConnector === "|" ? "ml-[21px] pl-2" : "ml-4"} flex flex-col gap-0 py-0.5`,
                 style: {
                   borderLeft: subitemConnector === "|" ? "1px solid var(--it-sidebar-border, var(--color-secondary-200))" : "none"
                 },
@@ -8295,13 +8319,149 @@ function ITStatCard({
   );
 }
 
+// src/components/molecules/line-bar-chart/line-bar-chart.tsx
+var import_react37 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var compact = (value) => new Intl.NumberFormat("es-MX", { notation: "compact", maximumFractionDigits: 1 }).format(value);
+var plain = (value) => new Intl.NumberFormat("es-MX").format(value);
+function ITLineBarChart({
+  data,
+  ariaLabel,
+  lineLabel = "Serie A",
+  barLabel = "Serie B",
+  lineColor = "#10b981",
+  barColor = "#3b82f6",
+  height = 240,
+  formatValue = plain,
+  formatAxis = compact,
+  className = ""
+}) {
+  const gradientId = (0, import_react37.useId)().replace(/[:]/g, "");
+  const [hover, setHover] = (0, import_react37.useState)(null);
+  const width = 720;
+  const padding = { top: 16, right: 16, bottom: 28, left: 52 };
+  const plotWidth = width - padding.left - padding.right;
+  const plotHeight = height - padding.top - padding.bottom;
+  const max = (0, import_react37.useMemo)(
+    () => Math.max(...data.flatMap((d) => [d.line, d.bar]), 1),
+    [data]
+  );
+  const gridValues = [0, 0.25, 0.5, 0.75, 1].map((f) => max * f);
+  const step = data.length > 0 ? plotWidth / data.length : plotWidth;
+  const barWidth = Math.max(Math.min(step * 0.42, 26), 4);
+  const x = (index) => padding.left + step * index + step / 2;
+  const y = (value) => padding.top + plotHeight - value / max * plotHeight;
+  const linePoints = data.map((d, i) => `${x(i)},${y(d.line)}`).join(" ");
+  const areaPath = data.length > 0 ? `M ${x(0)} ${y(data[0].line)} ` + data.slice(1).map((d, i) => `L ${x(i + 1)} ${y(d.line)}`).join(" ") + ` L ${x(data.length - 1)} ${padding.top + plotHeight} L ${x(0)} ${padding.top + plotHeight} Z` : "";
+  const active = hover !== null ? data[hover] : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `flex flex-col gap-3 ${className}`.trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      "svg",
+      {
+        role: "img",
+        "aria-label": ariaLabel,
+        viewBox: `0 0 ${width} ${height}`,
+        style: { height, width: "100%" },
+        onMouseLeave: () => setHover(null),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("linearGradient", { id: `area-${gradientId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("stop", { offset: "0%", stopColor: lineColor, stopOpacity: "0.22" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("stop", { offset: "100%", stopColor: lineColor, stopOpacity: "0.02" })
+          ] }) }),
+          gridValues.map((value, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              "line",
+              {
+                x1: padding.left,
+                x2: width - padding.right,
+                y1: y(value),
+                y2: y(value),
+                stroke: "#e2e8f0",
+                strokeWidth: 1,
+                strokeDasharray: i === 0 ? void 0 : "3 4"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("text", { x: padding.left - 8, y: y(value) + 3, textAnchor: "end", fontSize: 10, fill: "#94a3b8", children: formatAxis(Math.round(value)) })
+          ] }, i)),
+          data.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "rect",
+            {
+              x: x(i) - barWidth / 2,
+              y: y(d.bar),
+              width: barWidth,
+              height: Math.max(padding.top + plotHeight - y(d.bar), 1),
+              rx: 3,
+              fill: barColor,
+              opacity: hover === null || hover === i ? 0.85 : 0.35
+            },
+            `bar-${d.label}`
+          )),
+          areaPath && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: areaPath, fill: `url(#area-${gradientId})` }),
+          data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "polyline",
+            {
+              points: linePoints,
+              fill: "none",
+              stroke: lineColor,
+              strokeWidth: 2.5,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          data.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+            "circle",
+            {
+              cx: x(i),
+              cy: y(d.line),
+              r: hover === i ? 4.5 : 3,
+              fill: "#ffffff",
+              stroke: lineColor,
+              strokeWidth: 2
+            },
+            `dot-${d.label}`
+          )),
+          data.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { onMouseEnter: () => setHover(i), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { x: padding.left + step * i, y: padding.top, width: step, height: plotHeight, fill: "transparent" }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("text", { x: x(i), y: height - 8, textAnchor: "middle", fontSize: 10, fill: "#64748b", children: d.label })
+          ] }, `hit-${d.label}`)),
+          active && hover !== null && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { transform: `translate(${Math.min(Math.max(x(hover) - 62, 4), width - 132)}, ${padding.top + 4})`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { width: 128, height: 46, rx: 6, fill: "#0f172a", opacity: 0.9 }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("text", { x: 10, y: 18, fontSize: 10, fill: "#e2e8f0", children: active.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("text", { x: 10, y: 32, fontSize: 10, fill: lineColor, children: [
+              lineLabel,
+              ": ",
+              formatValue(active.line)
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("text", { x: 10, y: 44, fontSize: 10, fill: "#93c5fd", children: [
+              barLabel,
+              ": ",
+              formatValue(active.bar)
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("ul", { className: "flex flex-wrap items-center gap-4 text-[11px]", style: { color: "#475569" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "h-2.5 w-2.5 rounded-sm", style: { background: lineColor }, "aria-hidden": true }),
+        lineLabel
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("li", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "h-2.5 w-2.5 rounded-sm", style: { background: barColor }, "aria-hidden": true }),
+        barLabel
+      ] })
+    ] })
+  ] });
+}
+var line_bar_chart_default = ITLineBarChart;
+
 // src/components/molecules/table/table.tsx
 var import_clsx44 = __toESM(require("clsx"), 1);
-var import_react37 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"), 1);
 var import_fa27 = require("react-icons/fa");
 var import_md2 = require("react-icons/md");
 var import_date_fns3 = require("date-fns");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function ITTable({
   columns,
   data = [],
@@ -8325,7 +8485,7 @@ function ITTable({
   overscan = 5,
   stickyHeader = false
 }) {
-  const [viewMode, setViewMode] = (0, import_react37.useState)(defaultView);
+  const [viewMode, setViewMode] = (0, import_react38.useState)(defaultView);
   const { ref: rootRef, width: containerWidth } = useElementSize();
   const isFixed = layout === "fixed";
   const forcedCards = autoCardBreakpoint > 0 && containerWidth > 0 && containerWidth < autoCardBreakpoint;
@@ -8342,7 +8502,7 @@ function ITTable({
     handleSort,
     handleItemsPerPageChange
   } = useTableState({ defaultItemsPerPage });
-  const sortedData = import_react37.default.useMemo(() => {
+  const sortedData = import_react38.default.useMemo(() => {
     const safeData = Array.isArray(data) ? data : [];
     if (!sortConfig) return safeData;
     return [...safeData].sort((a, b) => {
@@ -8432,7 +8592,7 @@ function ITTable({
   const isStickyHeader = stickyHeader && isTableVirtual;
   const resolvedRowHeight = rowHeight ?? getRowHeight(size, density);
   const columnCount = columns.length;
-  const pinnedMeta = import_react37.default.useMemo(() => getPinnedColumnMeta(columns), [columns]);
+  const pinnedMeta = import_react38.default.useMemo(() => getPinnedColumnMeta(columns), [columns]);
   const {
     scrollRef,
     startIndex,
@@ -8457,14 +8617,14 @@ function ITTable({
         if (currentValue === true) return "Filtrar solo verdaderos";
         return "Filtrar solo falsos";
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "button",
         {
           className: "flex items-center justify-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 rounded-full p-1 transition-all duration-200",
           onClick: () => handleFilterChange(col.key, nextValue),
           "aria-label": `${getToggleLabel()} para ${col.label}`,
           title: `${getToggleLabel()} para ${col.label}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "div",
             {
               className: (0, import_clsx44.default)(
@@ -8482,7 +8642,7 @@ function ITTable({
     }
     if (col.filter === "catalog" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           import_fa27.FaSpinner,
           {
             className: "animate-spin",
@@ -8492,9 +8652,9 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ITSelect,
         {
           name: `filter-${col.key}`,
@@ -8518,7 +8678,7 @@ function ITTable({
     }
     if (col.filter === "search" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           import_fa27.FaSpinner,
           {
             className: "animate-spin",
@@ -8528,10 +8688,10 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
       const searchValue = filters[col.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ITSearchSelect,
         {
           name: `filter-${col.key}`,
@@ -8554,7 +8714,7 @@ function ITTable({
     }
     if (col.filter === "date") {
       const dateValue = filters[col.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8570,7 +8730,7 @@ function ITTable({
     }
     if (col.filter === "date-range") {
       const rangeValue = filters[col.key];
-      return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8585,7 +8745,7 @@ function ITTable({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       ITInput,
       {
         name: `filter-${col.key}`,
@@ -8607,14 +8767,14 @@ function ITTable({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        return value ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           import_fa27.FaCheck,
           {
             className: "text-success-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           import_fa27.FaTimes,
           {
             className: "text-danger-500",
@@ -8639,12 +8799,12 @@ function ITTable({
   const renderDefaultCard = (row) => {
     const dataCols = columns.filter((c) => c.type !== "actions");
     const actionCol = columns.find((c) => c.type === "actions");
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-3 space-y-2 shadow-sm", children: [
-      dataCols.map((col) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-3 space-y-2 shadow-sm", children: [
+      dataCols.map((col) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
       ] }, col.key)),
-      actionCol?.actions && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
+      actionCol?.actions && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
     ] });
   };
   const handleRowClick = (row) => (event) => {
@@ -8658,61 +8818,61 @@ function ITTable({
     event.preventDefault();
     onRowClick(row, event);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { ref: rootRef, className: (0, import_clsx44.default)("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { ref: rootRef, className: (0, import_clsx44.default)("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "button",
           {
             onClick: () => setViewMode("table"),
             disabled: forcedCards,
             className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "table" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaTable, { size: 11 }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_fa27.FaTable, { size: 11 }),
               "Table"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "button",
           {
             onClick: () => setViewMode("cards"),
             className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "cards" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaThLarge, { size: 11 }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_fa27.FaThLarge, { size: 11 }),
               "Cards"
             ]
           }
         )
       ] })
     ] }),
-    !title && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    !title && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "button",
         {
           onClick: () => setViewMode("table"),
           disabled: forcedCards,
           className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "table" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaTable, { size: 11 }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_fa27.FaTable, { size: 11 }),
             "Table"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "button",
         {
           onClick: () => setViewMode("cards"),
           className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "cards" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_fa27.FaThLarge, { size: 11 }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_fa27.FaThLarge, { size: 11 }),
             "Cards"
           ]
         }
       )
     ] }) }),
-    effectiveView === "cards" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    effectiveView === "cards" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         className: (0, import_clsx44.default)(tableCardHover, onRowClick && tableCardClickable),
@@ -8723,16 +8883,16 @@ function ITTable({
         children: renderCard ? renderCard(row) : renderDefaultCard(row)
       },
       i
-    )) : /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: (0, import_clsx44.default)(tableEmptyContent, "py-12"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    )) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: (0, import_clsx44.default)(tableEmptyContent, "py-12"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         ref: isTableVirtual ? scrollRef : void 0,
         className: isTableVirtual ? "overflow-x-auto overflow-y-auto" : "overflow-x-auto",
         style: isTableVirtual ? { maxHeight: virtualizedMaxHeight } : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "table",
           {
             className: (0, import_clsx44.default)(
@@ -8745,14 +8905,14 @@ function ITTable({
             style: isFixed ? { tableLayout: "fixed" } : void 0,
             "aria-rowcount": isTableVirtual ? currentData.length + 1 : void 0,
             children: [
-              hasColumnWidths && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("colgroup", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              hasColumnWidths && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("colgroup", { children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                 "col",
                 {
                   style: col.width != null ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
                 },
                 col.key
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                 "tr",
                 {
                   className: (0, import_clsx44.default)(tableHeaderRow, "dark:text-slate-200"),
@@ -8760,7 +8920,7 @@ function ITTable({
                   children: columns.map((col) => {
                     const pin = pinnedMeta[col.key];
                     const isPinned = pin != null;
-                    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                       "th",
                       {
                         scope: "col",
@@ -8777,20 +8937,20 @@ function ITTable({
                           ...isStickyHeader || isPinned ? { backgroundColor: "var(--color-table-headerBg, #f8fafc)" } : {},
                           ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
                         } : void 0,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                            col.sortable && col.type !== "actions" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                            col.sortable && col.type !== "actions" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                               "button",
                               {
                                 onClick: () => handleSort(col.key),
                                 className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"}`,
                                 title: `Ordenar por ${col.label}`,
-                                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_md2.MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_md2.MdOutlineSwapVert, { className: "w-4 h-4", "aria-hidden": "true" })
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
                         ] })
                       },
                       col.key
@@ -8798,11 +8958,11 @@ function ITTable({
                   })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tbody", { className: (0, import_clsx44.default)(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
-                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tbody", { className: (0, import_clsx44.default)(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
                 windowData.map((row, windowIndex) => {
                   const absoluteIndex = isTableVirtual ? startIndex + windowIndex : windowIndex;
-                  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                     "tr",
                     {
                       "aria-rowindex": isTableVirtual ? absoluteIndex + 2 : void 0,
@@ -8819,7 +8979,7 @@ function ITTable({
                         const truncateTitle = col.truncate && (typeof rawValue === "string" || typeof rawValue === "number") ? String(rawValue) : void 0;
                         const pin = pinnedMeta[col.key];
                         const isPinned = pin != null;
-                        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
                           "td",
                           {
                             className: (0, import_clsx44.default)(
@@ -8834,7 +8994,7 @@ function ITTable({
                               ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
                             } : void 0,
                             title: truncateTitle,
-                            children: col.type === "actions" ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx44.default)(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
+                            children: col.type === "actions" ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: (0, import_clsx44.default)(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                           },
                           `${absoluteIndex}-${col.key}`
                         );
@@ -8843,17 +9003,17 @@ function ITTable({
                     absoluteIndex
                   );
                 }),
-                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: tableEmptyContent, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: tableEmptyContent, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
               ] }) }) }) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       ITPagination,
       {
         currentPage,
@@ -8871,7 +9031,7 @@ function ITTable({
 
 // src/components/atoms/textarea/textarea.tsx
 var import_clsx45 = __toESM(require("clsx"), 1);
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var resizeMap = {
   none: "resize-none",
   vertical: "resize-y",
@@ -8891,9 +9051,9 @@ function ITTextarea({
   maxLength,
   resize = "vertical"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: (0, import_clsx45.default)("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: (0, import_clsx45.default)("flex flex-col gap-1.5", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "textarea",
       {
         id: name,
@@ -8913,14 +9073,14 @@ function ITTextarea({
         )
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/molecules/tabs/tabs.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_clsx46 = require("clsx");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var ITTabs = ({
   items,
   defaultActiveId,
@@ -8929,21 +9089,21 @@ var ITTabs = ({
   className = "",
   containerClassName = ""
 }) => {
-  const [activeId, setActiveId] = (0, import_react38.useState)(defaultActiveId || items[0]?.id);
+  const [activeId, setActiveId] = (0, import_react39.useState)(defaultActiveId || items[0]?.id);
   const handleTabClick = (id, disabled) => {
     if (disabled) return;
     setActiveId(id);
     if (onChange) onChange(id);
   };
   const activeContent = items.find((item) => item.id === activeId)?.content;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: (0, import_clsx46.clsx)("w-full", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: (0, import_clsx46.clsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: (0, import_clsx46.clsx)("w-full", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: (0, import_clsx46.clsx)(
       "flex border-secondary-200 mb-4",
       variant === "line" ? "border-b" : "gap-2 p-1 bg-secondary-100 rounded-lg w-fit",
       className
     ), children: items.map((item) => {
       const isActive = item.id === activeId;
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
         "button",
         {
           onClick: () => handleTabClick(item.id, item.disabled),
@@ -8963,21 +9123,21 @@ var ITTabs = ({
             item.disabled && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "w-4 h-4", children: item.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ITText, { as: "span", children: item.label })
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "w-4 h-4", children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ITText, { as: "span", children: item.label })
           ]
         },
         item.id
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "tab-content animate-fadeIn", children: activeContent })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "tab-content animate-fadeIn", children: activeContent })
   ] });
 };
 var tabs_default = ITTabs;
 
 // src/components/organisms/triple-filter/tripleFilter.tsx
 var import_clsx47 = __toESM(require("clsx"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var colorMap2 = {
   primary: "text-primary-600",
   secondary: "text-secondary-600",
@@ -8996,11 +9156,11 @@ var ITTripleFilter = ({
   color = "primary",
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
       className: (0, import_clsx47.default)("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         "button",
         {
           onClick: () => onChange(option.value),
@@ -9008,7 +9168,7 @@ var ITTripleFilter = ({
             "px-4 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider transition-all duration-200 whitespace-nowrap",
             value === option.value ? (0, import_clsx47.default)("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ITText, { as: "span", children: option.label })
+          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ITText, { as: "span", children: option.label })
         },
         String(option.value)
       ))
@@ -9029,9 +9189,9 @@ var positionStyles = {
 
 // src/components/organisms/toast/toast.tsx
 var import_clsx48 = __toESM(require("clsx"), 1);
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_fa28 = require("react-icons/fa");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function ITToast({
   message,
   type = "info",
@@ -9039,8 +9199,8 @@ function ITToast({
   position = "top-right",
   onClose
 }) {
-  const [isVisible, setIsVisible] = (0, import_react39.useState)(true);
-  (0, import_react39.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react40.useState)(true);
+  (0, import_react40.useEffect)(() => {
     const timer = setTimeout(() => {
       setIsVisible(false);
       setTimeout(() => {
@@ -9060,18 +9220,18 @@ function ITToast({
   const TypeIcon = () => {
     switch (type) {
       case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaCheckCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa28.FaCheckCircle, { className: "w-5 h-5 flex-shrink-0" });
       case "error":
       case "danger":
-        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaTimesCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa28.FaTimesCircle, { className: "w-5 h-5 flex-shrink-0" });
       case "warning":
-        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaExclamationTriangle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa28.FaExclamationTriangle, { className: "w-5 h-5 flex-shrink-0" });
       case "info":
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaInfoCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa28.FaInfoCircle, { className: "w-5 h-5 flex-shrink-0" });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     {
       className: (0, import_clsx48.default)(
@@ -9087,17 +9247,17 @@ function ITToast({
       style: { backgroundColor },
       role: "alert",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(TypeIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TypeIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "button",
           {
             onClick: handleClose,
             className: "p-1.5 rounded-full hover:bg-black/15 transition-colors focus:outline-none focus:ring-2 focus:ring-white/50",
             "aria-label": "Close notification",
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_fa28.FaTimes, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_fa28.FaTimes, { className: "w-4 h-4" })
           }
         )
       ]
@@ -9106,7 +9266,7 @@ function ITToast({
 }
 
 // src/components/molecules/wysiwyg/wysiwyg.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_clsx50 = __toESM(require("clsx"), 1);
 var import_fa29 = require("react-icons/fa");
 
@@ -9122,9 +9282,9 @@ var toolbarActions = [
 ];
 
 // src/components/atoms/tooltip/tooltip.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_clsx49 = __toESM(require("clsx"), 1);
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var positionClasses2 = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -9144,7 +9304,7 @@ function ITTooltip({
   delay = 200,
   className
 }) {
-  const [visible, setVisible] = (0, import_react40.useState)(false);
+  const [visible, setVisible] = (0, import_react41.useState)(false);
   let timeout;
   const handleMouseEnter = () => {
     timeout = setTimeout(() => setVisible(true), delay);
@@ -9153,7 +9313,7 @@ function ITTooltip({
     clearTimeout(timeout);
     setVisible(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "div",
     {
       className: (0, import_clsx49.default)("relative inline-flex", className),
@@ -9161,9 +9321,9 @@ function ITTooltip({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        visible && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: (0, import_clsx49.default)("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ITText, { as: "span", children: content }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: (0, import_clsx49.default)("absolute", arrowClasses[position]) })
+        visible && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: (0, import_clsx49.default)("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "span", children: content }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: (0, import_clsx49.default)("absolute", arrowClasses[position]) })
         ] })
       ]
     }
@@ -9171,16 +9331,16 @@ function ITTooltip({
 }
 
 // src/components/molecules/wysiwyg/wysiwyg.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var INLINE_TAGS = /* @__PURE__ */ new Set(["STRONG", "B", "EM", "I", "U", "MARK"]);
 var ACTION_META = {
-  bold: { label: "Negrita", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaBold, {}) },
-  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaItalic, {}) },
-  underline: { label: "Subrayado", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaUnderline, {}) },
-  highlight: { label: "Marcador", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaHighlighter, {}) },
-  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaListUl, {}) },
-  ol: { label: "Lista numerada", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaListOl, {}) },
-  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_fa29.FaEraser, {}) }
+  bold: { label: "Negrita", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaBold, {}) },
+  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaItalic, {}) },
+  underline: { label: "Subrayado", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaUnderline, {}) },
+  highlight: { label: "Marcador", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaHighlighter, {}) },
+  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaListUl, {}) },
+  ol: { label: "Lista numerada", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaListOl, {}) },
+  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_fa29.FaEraser, {}) }
 };
 function ITWysiwyg({
   value,
@@ -9197,12 +9357,12 @@ function ITWysiwyg({
   toolbar = toolbarActions,
   className
 }) {
-  const editorRef = (0, import_react41.useRef)(null);
-  const focusedRef = (0, import_react41.useRef)(false);
-  const [active, setActive] = (0, import_react41.useState)({});
+  const editorRef = (0, import_react42.useRef)(null);
+  const focusedRef = (0, import_react42.useRef)(false);
+  const [active, setActive] = (0, import_react42.useState)({});
   const isLocked = disabled || readOnly;
   const sizeConfig = inputSizeTokens[size] ?? inputSizeTokens.md;
-  const findAncestor = (0, import_react41.useCallback)(
+  const findAncestor = (0, import_react42.useCallback)(
     (node, predicate) => {
       const editor = editorRef.current;
       if (!editor) return null;
@@ -9215,7 +9375,7 @@ function ITWysiwyg({
     },
     []
   );
-  const isInlineTag = (0, import_react41.useCallback)((el, tag) => {
+  const isInlineTag = (0, import_react42.useCallback)((el, tag) => {
     if (tag === "STRONG" || tag === "B") {
       return el.tagName === "STRONG" || el.tagName === "B";
     }
@@ -9224,7 +9384,7 @@ function ITWysiwyg({
     }
     return el.tagName === tag;
   }, []);
-  const getTextNodesInRange = (0, import_react41.useCallback)((range) => {
+  const getTextNodesInRange = (0, import_react42.useCallback)((range) => {
     const editor = editorRef.current;
     if (!editor) return [];
     const out = [];
@@ -9235,7 +9395,7 @@ function ITWysiwyg({
     }
     return out;
   }, []);
-  const placeCaretAtEnd = (0, import_react41.useCallback)((target) => {
+  const placeCaretAtEnd = (0, import_react42.useCallback)((target) => {
     const editor = editorRef.current;
     const sel = window.getSelection();
     if (!editor || !sel) return;
@@ -9246,11 +9406,11 @@ function ITWysiwyg({
     sel.addRange(range);
     if (document.activeElement !== editor) editor.focus();
   }, []);
-  const emitChange = (0, import_react41.useCallback)(() => {
+  const emitChange = (0, import_react42.useCallback)(() => {
     const editor = editorRef.current;
     if (editor) onChange?.(editor.innerHTML);
   }, [onChange]);
-  const updateActive = (0, import_react41.useCallback)(() => {
+  const updateActive = (0, import_react42.useCallback)(() => {
     const editor = editorRef.current;
     const sel = window.getSelection();
     const node = sel?.anchorNode ?? null;
@@ -9269,13 +9429,13 @@ function ITWysiwyg({
       (prev) => JSON.stringify(prev) === JSON.stringify(next) ? prev : next
     );
   }, [findAncestor, isInlineTag]);
-  const unwrapElement = (0, import_react41.useCallback)((el) => {
+  const unwrapElement = (0, import_react42.useCallback)((el) => {
     const parent = el.parentNode;
     if (!parent) return;
     while (el.firstChild) parent.insertBefore(el.firstChild, el);
     el.remove();
   }, []);
-  const applyInline = (0, import_react41.useCallback)(
+  const applyInline = (0, import_react42.useCallback)(
     (tag, prepare) => {
       const editor = editorRef.current;
       const sel = window.getSelection();
@@ -9357,7 +9517,7 @@ function ITWysiwyg({
       updateActive
     ]
   );
-  const normalizeBlocks = (0, import_react41.useCallback)(() => {
+  const normalizeBlocks = (0, import_react42.useCallback)(() => {
     const editor = editorRef.current;
     if (!editor) return;
     const children = Array.from(editor.childNodes);
@@ -9379,7 +9539,7 @@ function ITWysiwyg({
     }
     flush();
   }, []);
-  const convertLiToDiv = (0, import_react41.useCallback)((li) => {
+  const convertLiToDiv = (0, import_react42.useCallback)((li) => {
     const list = li.parentElement;
     if (!list || !list.parentNode) return;
     const div = document.createElement("div");
@@ -9387,20 +9547,20 @@ function ITWysiwyg({
     list.parentNode.insertBefore(div, list);
     li.remove();
   }, []);
-  const cleanupEmptyLists = (0, import_react41.useCallback)(() => {
+  const cleanupEmptyLists = (0, import_react42.useCallback)(() => {
     const editor = editorRef.current;
     if (!editor) return;
     editor.querySelectorAll("ul, ol").forEach((list) => {
       if (!list.querySelector("li")) list.remove();
     });
   }, []);
-  const retagList = (0, import_react41.useCallback)((list, type) => {
+  const retagList = (0, import_react42.useCallback)((list, type) => {
     if (!list.parentNode) return;
     const nl = document.createElement(type);
     while (list.firstChild) nl.appendChild(list.firstChild);
     list.parentNode.replaceChild(nl, list);
   }, []);
-  const toggleList = (0, import_react41.useCallback)(
+  const toggleList = (0, import_react42.useCallback)(
     (type) => {
       const editor = editorRef.current;
       const sel = window.getSelection();
@@ -9498,7 +9658,7 @@ function ITWysiwyg({
       updateActive
     ]
   );
-  const clearFormatting = (0, import_react41.useCallback)(() => {
+  const clearFormatting = (0, import_react42.useCallback)(() => {
     const editor = editorRef.current;
     const sel = window.getSelection();
     if (!editor || !sel || sel.rangeCount === 0) return;
@@ -9532,7 +9692,7 @@ function ITWysiwyg({
     emitChange,
     updateActive
   ]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const editor = editorRef.current;
     if (!editor) return;
     if (!focusedRef.current) {
@@ -9540,7 +9700,7 @@ function ITWysiwyg({
       if (editor.innerHTML !== next) editor.innerHTML = next;
     }
   }, [value]);
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     const onSelectionChange = () => {
       const editor = editorRef.current;
       const sel = window.getSelection();
@@ -9596,7 +9756,7 @@ function ITWysiwyg({
   }) => {
     const meta = ACTION_META[action];
     const isActive = !!active[action];
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITTooltip, { content: meta.label, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITTooltip, { content: meta.label, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "button",
       {
         type: "button",
@@ -9616,9 +9776,9 @@ function ITWysiwyg({
       }
     ) });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: inputWrapper(className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: inputWrapper(className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "div",
       {
         className: (0, import_clsx50.default)(
@@ -9627,20 +9787,20 @@ function ITWysiwyg({
           isLocked && "opacity-50 cursor-not-allowed bg-secondary-100 dark:bg-slate-800"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "div",
             {
               className: (0, import_clsx50.default)(
                 "flex flex-wrap items-center gap-0.5 px-1.5 py-1 border-b border-secondary-200 bg-secondary-50 dark:bg-slate-800",
                 isLocked && "bg-secondary-100 dark:bg-slate-900"
               ),
-              children: toolbar.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "flex items-center", children: [
-                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ToolbarButton, { action })
+              children: toolbar.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex items-center", children: [
+                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToolbarButton, { action })
               ] }, action))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "div",
             {
               id: name,
@@ -9674,12 +9834,12 @@ function ITWysiwyg({
         ]
       }
     ),
-    error && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/organisms/dropfile/dropfile.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 var import_react_dropzone = require("react-dropzone");
 var import_clsx51 = __toESM(require("clsx"), 1);
 
@@ -9709,7 +9869,7 @@ var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
 })(UploadStatus || {});
 
 // src/components/organisms/dropfile/dropfile.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -9725,15 +9885,15 @@ var ITDropfile = ({
   buttonLabel = "Subir archivo",
   modalTitle
 }) => {
-  const [isModalOpen, setIsModalOpen] = (0, import_react42.useState)(false);
-  const [selectedFile, setSelectedFile] = (0, import_react42.useState)(null);
-  const [fileType, setFileType] = (0, import_react42.useState)(null);
-  const [imagePreview, setImagePreview] = (0, import_react42.useState)(initialPreviewUrl || null);
-  const [isConfirmed, setIsConfirmed] = (0, import_react42.useState)(false);
-  const [internalUploadStatus, setInternalUploadStatus] = (0, import_react42.useState)(
+  const [isModalOpen, setIsModalOpen] = (0, import_react43.useState)(false);
+  const [selectedFile, setSelectedFile] = (0, import_react43.useState)(null);
+  const [fileType, setFileType] = (0, import_react43.useState)(null);
+  const [imagePreview, setImagePreview] = (0, import_react43.useState)(initialPreviewUrl || null);
+  const [isConfirmed, setIsConfirmed] = (0, import_react43.useState)(false);
+  const [internalUploadStatus, setInternalUploadStatus] = (0, import_react43.useState)(
     initialPreviewUrl ? "subido" /* UPLOADED */ : "pendiente" /* PENDING */
   );
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (initialPreviewUrl && !selectedFile) {
       setImagePreview(initialPreviewUrl);
       if (externalStatus === void 0) setInternalUploadStatus("subido" /* UPLOADED */);
@@ -9848,9 +10008,9 @@ var ITDropfile = ({
       }
     };
     const { label, color, dotColor } = config2[status];
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -9882,12 +10042,12 @@ var ITDropfile = ({
     accept: getAcceptedFileTypes(),
     maxFiles: 1
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     const renderPDF = async () => {
     };
     renderPDF();
   }, [selectedFile, fileType]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     return () => {
       if (imagePreview) {
         URL.revokeObjectURL(imagePreview);
@@ -9924,7 +10084,7 @@ var ITDropfile = ({
   const handleDelete = () => {
     handleCancel();
   };
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (view === "button" && isConfirmed && uploadStatus === "subido" /* UPLOADED */) {
       const timeout = setTimeout(() => {
         setIsModalOpen(false);
@@ -9941,18 +10101,18 @@ var ITDropfile = ({
       return () => clearTimeout(timeout);
     }
   }, [view, isConfirmed, uploadStatus, externalStatus, onStatusChange]);
-  const headerRow = /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "block text-sm font-semibold text-secondary-700", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", children: "Subir archivo " }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
+  const headerRow = /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "block text-sm font-semibold text-secondary-700", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", children: "Subir archivo " }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
         "(",
         getFileExtensions(),
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  const dropZoneOrPreview = /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       ...getRootProps(),
@@ -9962,41 +10122,41 @@ var ITDropfile = ({
             ${isDragActive ? "border-primary-500 bg-primary-50 scale-[1.01]" : "border-secondary-300 bg-white hover:border-primary-400 hover:bg-secondary-50"}
           `,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("input", { ...getInputProps() }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("input", { ...getInputProps() }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "svg",
           {
             className: `w-6 h-6 transition-colors duration-300 ${isDragActive ? "text-primary-600" : "text-secondary-400 group-hover:text-primary-500"}`,
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-center space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-center space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
       ]
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+  ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_clsx51.default)("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: (0, import_clsx51.default)("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "img",
       {
         src: imagePreview,
         alt: "Vista previa",
         className: "w-full h-full object-contain max-h-[200px]"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         ITButton,
         {
           type: "button",
@@ -10004,10 +10164,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { children: "Cancelar" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { children: "Cancelar" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         ITButton,
         {
           type: "button",
@@ -10015,13 +10175,13 @@ var ITDropfile = ({
           color: "primary",
           size: "sm",
           onClick: handleConfirm,
-          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { children: "Confirmar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { children: "Confirmar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       ITButton,
       {
         type: "button",
@@ -10030,12 +10190,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { children: "Eliminar" })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { children: "Eliminar" })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -10048,8 +10208,8 @@ var ITDropfile = ({
   ] }) });
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx51.default)("inline-block", containerClassName), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: (0, import_clsx51.default)("inline-block", containerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         ITButton,
         {
           type: "button",
@@ -10057,20 +10217,20 @@ var ITDropfile = ({
           color: hasFile ? "primary" : "secondary",
           size: "sm",
           onClick: () => setIsModalOpen(true),
-          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(StatusBadge, { status: uploadStatus })
+          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: (0, import_clsx51.default)("w-full transition-all duration-300", containerClassName), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: (0, import_clsx51.default)("w-full transition-all duration-300", containerClassName), children: [
     headerRow,
     dropZoneOrPreview
   ] });
@@ -10078,13 +10238,13 @@ var ITDropfile = ({
 var dropfile_default = ITDropfile;
 
 // src/components/templates/layout/layout.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_clsx52 = __toESM(require("clsx"), 1);
 
 // src/components/organisms/topbar/topbar.tsx
 var import_fa30 = require("react-icons/fa");
-var import_react43 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react44 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function ITTopBar({
   logo,
   logoText,
@@ -10095,14 +10255,15 @@ function ITTopBar({
   onToggleMobileMenu,
   navItems,
   onNavItemClick,
-  hideBrandOnDesktop = false
+  hideBrandOnDesktop = false,
+  showDesktopMenuButton = false
 }) {
   const flat = useITFlatAppearance();
   const initials = (userMenu?.userName ?? "").trim().split(/\s+/).slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
-  const [isUserMenuOpen, setIsUserMenuOpen] = (0, import_react43.useState)(false);
-  const userMenuRef = (0, import_react43.useRef)(null);
+  const [isUserMenuOpen, setIsUserMenuOpen] = (0, import_react44.useState)(false);
+  const userMenuRef = (0, import_react44.useRef)(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "header",
     {
       className: `sticky top-0 z-40 transition-all duration-300 ${flat ? "" : "backdrop-blur-md"}`,
@@ -10111,24 +10272,26 @@ function ITTopBar({
         borderBottom: "1px solid var(--it-topbar-border, rgba(15, 23, 42, 0.06))",
         boxShadow: flat ? "none" : "var(--shadow-xs)"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-5", children: [
+          showMobileMenuButton && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "button",
             {
-              className: "lg:hidden p-2.5 rounded-xl transition-colors duration-200",
+              type: "button",
+              "aria-label": "Men\xFA",
+              className: `${showDesktopMenuButton ? "" : "lg:hidden"} p-2.5 -ml-2.5 rounded-xl transition-colors duration-200`,
               style: {
                 color: "var(--it-topbar-icon, #64748b)"
               },
               onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--it-topbar-user-hover, #f1f5f9)",
               onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
               onClick: onToggleMobileMenu,
-              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_fa30.FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_fa30.FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
-            logo && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
+            logo && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               ITText,
               {
                 as: "span",
@@ -10138,7 +10301,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          navItems && navItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -10152,19 +10315,19 @@ function ITTopBar({
                 e.currentTarget.style.color = "var(--it-topbar-text, #475569)";
                 e.currentTarget.style.backgroundColor = "transparent";
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", children: item.label })
+              children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
-        (children || userMenu) && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2", children: [
+        centerContent && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        (children || userMenu) && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          userMenu && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+          userMenu && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
               "button",
               {
                 type: "button",
@@ -10180,15 +10343,15 @@ function ITTopBar({
                 },
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "relative", children: [
+                    userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                       "img",
                       {
                         className: "w-9 h-9 rounded-full object-cover ring-2 ring-white shadow-sm",
                         src: userMenu.userImage,
                         alt: "Current user"
                       }
-                    ) : flat && initials ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                    ) : flat && initials ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                       "div",
                       {
                         "aria-hidden": "true",
@@ -10199,11 +10362,11 @@ function ITTopBar({
                         },
                         children: initials
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_fa30.FaUserCircle, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    !flat && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_fa30.FaUserCircle, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    !flat && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -10212,7 +10375,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -10225,7 +10388,7 @@ function ITTopBar({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
               "div",
               {
                 ref: userMenuRef,
@@ -10238,15 +10401,15 @@ function ITTopBar({
                   border: "1px solid var(--it-topbar-user-dropdown-border, #f1f5f9)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
                     const isDestructive = m.label.toLowerCase().includes("salir") || m.label.toLowerCase().includes("cerrar") || m.label.toLowerCase().includes("logout");
-                    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("li", { className: "px-2", children: [
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                         "button",
                         {
                           onClick: () => {
@@ -10261,7 +10424,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -10277,7 +10440,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function ITLayout({
   topBar,
   sidebar,
@@ -10286,31 +10449,37 @@ function ITLayout({
   contentClassName = "",
   sidebarFullHeight = false
 }) {
-  const [internalCollapsed, setInternalCollapsed] = (0, import_react44.useState)(true);
-  const [mobileSidebarOpen, setMobileSidebarOpen] = (0, import_react44.useState)(false);
+  const [internalCollapsed, setInternalCollapsed] = (0, import_react45.useState)(true);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = (0, import_react45.useState)(false);
   const flat = useITFlatAppearance();
   const isControlled = sidebar.isCollapsed !== void 0;
   const desktopCollapsed = isControlled ? sidebar.isCollapsed : internalCollapsed;
   const handleToggleCollapse = isControlled ? sidebar.onToggleCollapse ?? (() => {
   }) : () => setInternalCollapsed((v) => !v);
   const layoutTokens = theme.layout;
-  const reservedWidth = desktopCollapsed ? "w-[88px]" : flat ? "w-[248px]" : "w-[280px]";
+  const reservedWidth = desktopCollapsed ? flat ? "w-[72px]" : "w-[88px]" : flat ? "w-[248px]" : "w-[280px]";
+  const toggleByButton = sidebar.expandOnHover === false;
+  const handleMenuButton = () => {
+    if (toggleByButton && window.matchMedia("(min-width: 1024px)").matches) handleToggleCollapse();
+    else setMobileSidebarOpen((v) => !v);
+  };
   const brand = sidebarFullHeight ? sidebar.brand ?? { logo: topBar.logo, text: topBar.logoText } : sidebar.brand;
-  const topBarNode = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  const topBarNode = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     ITTopBar,
     {
       ...topBar,
       hideBrandOnDesktop: sidebarFullHeight || topBar.hideBrandOnDesktop,
       showMobileMenuButton: true,
-      onToggleMobileMenu: () => setMobileSidebarOpen((v) => !v)
+      showDesktopMenuButton: toggleByButton || topBar.showDesktopMenuButton,
+      onToggleMobileMenu: handleMenuButton
     }
   );
   const desktopSidebar = (
     // Full-height: the sidebar sits beside the top bar, so it needs to win the
     // stacking order when the collapsed rail expands over the content on hover.
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         ITSidebar,
         {
           ...sidebar,
@@ -10323,17 +10492,17 @@ function ITLayout({
       ) })
     ] })
   );
-  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
       onClick: () => setMobileSidebarOpen(false),
-      children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         "div",
         {
           className: "h-full w-fit flex transform transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]",
           onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             ITSidebar,
             {
               ...sidebar,
@@ -10350,16 +10519,16 @@ function ITLayout({
       )
     }
   );
-  const main = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: (0, import_clsx52.default)("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) });
+  const main = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: (0, import_clsx52.default)("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) });
   if (sidebarFullHeight) {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "div",
       {
         className: `flex h-screen overflow-hidden w-full relative ${className}`,
         style: { backgroundColor: layoutTokens.backgroundColor },
         children: [
           desktopSidebar,
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
             topBarNode,
             main
           ] }),
@@ -10368,9 +10537,9 @@ function ITLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
     topBarNode,
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "div",
       {
         className: "flex flex-1 overflow-hidden relative",
@@ -10394,7 +10563,7 @@ var sizeClasses = {
 };
 
 // src/components/atoms/loader/loader.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ITLoader({
   size = "md",
   variant = "spinner",
@@ -10409,22 +10578,22 @@ function ITLoader({
   const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
   const colorClass = !isCssValue ? color : "";
   if (variant === "spinner") {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: `inline-block ${sizeClasses[size]} animate-spin rounded-full border-2 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] ${colorClass} ${className}`,
         role: "status",
         style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
       }
     );
   }
   if (variant === "dots") {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "div",
           {
             className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
@@ -10439,11 +10608,11 @@ function ITLoader({
     );
   }
   if (variant === "bar") {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: `w-full ${size === "sm" ? "h-1" : size === "md" ? "h-1.5" : size === "lg" ? "h-2" : "h-2.5"} bg-secondary-200 rounded-full overflow-hidden ${className}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "div",
           {
             className: `h-full animate-progress ${colorClass}`,
@@ -10459,7 +10628,7 @@ function ITLoader({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
         className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
@@ -10472,9 +10641,9 @@ function ITLoader({
 
 // src/components/molecules/stepper/stepper.tsx
 var import_clsx53 = __toESM(require("clsx"), 1);
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_fa31 = require("react-icons/fa");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function ITStepper({
   steps,
   currentStep,
@@ -10489,15 +10658,15 @@ function ITStepper({
   maxContentHeight = "400px",
   color = "primary"
 }) {
-  const [direction, setDirection] = (0, import_react45.useState)("next");
-  const contentRef = (0, import_react45.useRef)(null);
-  const progressRef = (0, import_react45.useRef)(null);
+  const [direction, setDirection] = (0, import_react46.useState)("next");
+  const contentRef = (0, import_react46.useRef)(null);
+  const progressRef = (0, import_react46.useRef)(null);
   const isThemeColor = color in theme.colors;
   const resolvedColor = isThemeColor ? theme.colors[color][500] : color;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     onStepChange?.(currentStep);
   }, [currentStep, onStepChange]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const pct = currentStep / Math.max(1, steps.length - 1) * 100;
     if (progressRef.current) {
       progressRef.current.style.width = `${pct}%`;
@@ -10541,23 +10710,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaCheck, { className: "w-4 h-4" });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_fa31.FaCheck, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: (0, import_clsx53.default)("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: (0, import_clsx53.default)("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "div",
         {
           ref: progressRef,
@@ -10565,11 +10734,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
         const isActive = idx === currentStep;
         const isCompleted = idx < currentStep;
         const hasIcon = step.icon && useIcons;
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "button",
           {
             type: "button",
@@ -10579,8 +10748,8 @@ function ITStepper({
             "aria-label": `Paso ${idx + 1} ${step.label}`,
             className: "flex-1 group",
             title: step.label,
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 "div",
                 {
                   className: (0, import_clsx53.default)(
@@ -10594,7 +10763,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 ITText,
                 {
                   as: "span",
@@ -10612,7 +10781,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         ref: contentRef,
@@ -10628,37 +10797,37 @@ function ITStepper({
         children: steps[currentStep].content
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         ITButton,
         {
           variant: "outlined",
           color: "secondary",
           disabled: currentStep === 0,
           onClick: prevStep,
-          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaChevronLeft, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", children: "Atr\xE1s" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_fa31.FaChevronLeft, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", children: "Atr\xE1s" })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: [
           "Paso ",
           currentStep + 1,
           " de ",
           steps.length
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           ITButton,
           {
             variant: "solid",
             color,
             disabled: disableNext,
             onClick: nextStep,
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_fa31.FaChevronRight, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_fa31.FaCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_fa31.FaChevronRight, {})
             ] })
           }
         )
@@ -10668,7 +10837,7 @@ function ITStepper({
 }
 
 // src/components/theme-provider/themeProvider.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_md3 = require("react-icons/md");
 
 // src/components/theme-provider/themePresets.ts
@@ -10846,7 +11015,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -10941,7 +11110,7 @@ function ITThemeProvider({
   shadow,
   appearance = "soft"
 }) {
-  const [palette2, setPaletteState] = (0, import_react46.useState)(() => {
+  const [palette2, setPaletteState] = (0, import_react47.useState)(() => {
     const basePalette = {
       ...DEFAULT_PALETTE,
       ...theme2,
@@ -10967,8 +11136,8 @@ function ITThemeProvider({
     }
     return basePalette;
   });
-  const [isOpen, setIsOpen] = (0, import_react46.useState)(false);
-  const [customPresets, setCustomPresets] = (0, import_react46.useState)(() => {
+  const [isOpen, setIsOpen] = (0, import_react47.useState)(false);
+  const [customPresets, setCustomPresets] = (0, import_react47.useState)(() => {
     try {
       const saved = localStorage.getItem("it-theme-custom-presets");
       return saved ? JSON.parse(saved) : [];
@@ -10977,8 +11146,8 @@ function ITThemeProvider({
       return [];
     }
   });
-  const [newPresetName, setNewPresetName] = (0, import_react46.useState)("");
-  const [isSavingPreset, setIsSavingPreset] = (0, import_react46.useState)(false);
+  const [newPresetName, setNewPresetName] = (0, import_react47.useState)("");
+  const [isSavingPreset, setIsSavingPreset] = (0, import_react47.useState)(false);
   const handleSavePreset = () => {
     if (!newPresetName.trim()) return;
     const newPreset = {
@@ -10997,8 +11166,8 @@ function ITThemeProvider({
     setCustomPresets(updated);
     localStorage.setItem("it-theme-custom-presets", JSON.stringify(updated));
   };
-  const [resolvedTheme, setResolvedTheme] = (0, import_react46.useState)("light");
-  const [darkModeMode, setDarkModeMode] = (0, import_react46.useState)(
+  const [resolvedTheme, setResolvedTheme] = (0, import_react47.useState)("light");
+  const [darkModeMode, setDarkModeMode] = (0, import_react47.useState)(
     () => {
       const saved = localStorage.getItem("it-theme-dark-mode");
       if (saved === "light" || saved === "dark" || saved === "system") {
@@ -11007,7 +11176,7 @@ function ITThemeProvider({
       return "system";
     }
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     localStorage.setItem("it-theme-dark-mode", darkModeMode);
     const applyDarkMode = (isDark) => {
       if (isDark) {
@@ -11032,7 +11201,7 @@ function ITThemeProvider({
       applyDarkMode(darkModeMode === "dark");
     }
   }, [darkModeMode]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!showFab) {
       setPaletteState({
         ...DEFAULT_PALETTE,
@@ -11042,7 +11211,7 @@ function ITThemeProvider({
       });
     }
   }, [theme2, showFab]);
-  (0, import_react46.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     const root = document.documentElement;
     const scale = typeof density === "number" && isFinite(density) ? Math.min(Math.max(density, 0.5), 1.5) : 1;
     root.style.setProperty("--it-density", String(scale));
@@ -11052,12 +11221,12 @@ function ITThemeProvider({
       root.style.fontSize = "";
     };
   }, [density]);
-  (0, import_react46.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     const root = document.documentElement;
     root.setAttribute("data-it-appearance", appearance);
     return () => root.removeAttribute("data-it-appearance");
   }, [appearance]);
-  (0, import_react46.useLayoutEffect)(() => {
+  (0, import_react47.useLayoutEffect)(() => {
     const root = document.documentElement;
     const radiusTokens = ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
     if (typeof radius === "number" && isFinite(radius)) {
@@ -11089,7 +11258,7 @@ function ITThemeProvider({
       surfaceStyle?.remove();
     };
   }, [radius, shadow]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const injectStyles = (obj, prefix = "") => {
       Object.entries(obj).forEach(([key, val]) => {
         if (typeof val === "object" && val !== null) {
@@ -12243,14 +12412,14 @@ function ITThemeProvider({
     const isNested = colorKey.includes(".");
     const label = isNested ? colorKey.split(".")[1] : colorKey;
     const value = getNestedValue3(palette2, colorKey);
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "div",
       {
         className: "flex items-center justify-between p-3 rounded-xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/50 gap-3 hover:border-slate-200 dark:hover:border-slate-700 transition-colors",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 "input",
                 {
                   type: "color",
@@ -12259,23 +12428,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "input",
             {
               type: "text",
@@ -12294,14 +12463,14 @@ function ITThemeProvider({
     isCustom
   }) => {
     const isSelected = JSON.stringify(preset.colors) === JSON.stringify(palette2);
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "button",
       {
         type: "button",
         onClick: () => applyPreset(preset.colors),
         className: `relative flex flex-col items-start p-2.5 rounded-xl border text-left transition-all group ${isSelected ? "border-primary-500 bg-primary-500/5 shadow-sm ring-1 ring-primary-500/20" : "border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50 hover:border-slate-300 dark:hover:border-slate-600"}`,
         children: [
-          isCustom && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          isCustom && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "span",
             {
               onClick: (e) => {
@@ -12310,11 +12479,11 @@ function ITThemeProvider({
               },
               className: "absolute top-1.5 right-1.5 opacity-0 group-hover:opacity-100 p-0.5 rounded-md hover:bg-danger-500/10 hover:text-danger-500 text-slate-400 dark:text-slate-500 cursor-pointer transition-all z-10",
               title: "Eliminar",
-              children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdClose, { size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_md3.MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -12326,7 +12495,7 @@ function ITThemeProvider({
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     ITThemeContext.Provider,
     {
       value: {
@@ -12343,28 +12512,28 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        showFab && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "button",
           {
             onClick: () => setIsOpen((prev) => !prev),
             className: "it-theme-fab it-theme-bounce",
             style: { backgroundColor: "var(--color-primary)" },
             "aria-label": "Configurar Paleta de Colores",
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdPalette, { size: 28 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_md3.MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        showFab && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           ITDialog,
           {
             isOpen,
             onClose: () => setIsOpen(false),
             title: "Dise\xF1ador de Temas",
             useFormHeader: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex gap-6 h-[580px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex gap-6 h-[580px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                     ITSegmentedControl,
                     {
                       options: [
@@ -12378,16 +12547,16 @@ function ITThemeProvider({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PresetCard, { preset }, preset.name)) })
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PresetCard, { preset }, preset.name)) })
                 ] }),
-                customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PresetCard, { preset, isCustom: true }, preset.name)) })
+                customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
-                isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                     ITInput,
                     {
                       name: "presetName",
@@ -12405,8 +12574,8 @@ function ITThemeProvider({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       ITButton,
                       {
                         label: "Guardar",
@@ -12417,7 +12586,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       ITButton,
                       {
                         label: "X",
@@ -12431,31 +12600,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                !isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_md3.MdPalette, { size: 14 }),
                     label: "Guardar actual",
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_md3.MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_md3.MdRefresh, { size: 14 }),
                     label: "Restaurar default",
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITDivider, { orientation: "vertical" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   tabs_default,
                   {
                     variant: "pill",
@@ -12463,7 +12632,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: "Marca",
-                        content: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "primary",
                           "secondary",
                           "ternary",
@@ -12472,35 +12641,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: "Nav & Sidebar",
-                        content: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "layout.sidebarBg",
                           "layout.sidebarText",
                           "layout.navbarBg",
                           "layout.navbarText"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: "Tablas",
-                        content: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "table.headerBg",
                           "table.headerText",
                           "table.rowBg",
                           "table.rowText",
                           "table.rowHover"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                     ITButton,
                     {
                       label: "Cerrar",
@@ -12561,6 +12730,7 @@ var createValidationSchema = (fields) => Yup.object().shape(
   ITInput,
   ITInputNumber,
   ITLayout,
+  ITLineBarChart,
   ITLoader,
   ITMaskedInput,
   ITMultiSelect,