@axzydev/axzy_ui_system 1.4.4 → 1.4.6

package/dist/index.js

@@ -8229,9 +8229,145 @@ function ITStatCard({
   );
 }
 
+// src/components/molecules/line-bar-chart/line-bar-chart.tsx
+import { useId, useMemo as useMemo11, useState as useState29 } from "react";
+import { jsx as jsx60, jsxs as jsxs46 } from "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 = useId().replace(/[:]/g, "");
+  const [hover, setHover] = useState29(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 = useMemo11(
+    () => 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__ */ jsxs46("div", { className: `flex flex-col gap-3 ${className}`.trim(), children: [
+    /* @__PURE__ */ jsxs46(
+      "svg",
+      {
+        role: "img",
+        "aria-label": ariaLabel,
+        viewBox: `0 0 ${width} ${height}`,
+        style: { height, width: "100%" },
+        onMouseLeave: () => setHover(null),
+        children: [
+          /* @__PURE__ */ jsx60("defs", { children: /* @__PURE__ */ jsxs46("linearGradient", { id: `area-${gradientId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ jsx60("stop", { offset: "0%", stopColor: lineColor, stopOpacity: "0.22" }),
+            /* @__PURE__ */ jsx60("stop", { offset: "100%", stopColor: lineColor, stopOpacity: "0.02" })
+          ] }) }),
+          gridValues.map((value, i) => /* @__PURE__ */ jsxs46("g", { children: [
+            /* @__PURE__ */ jsx60(
+              "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__ */ jsx60("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__ */ jsx60(
+            "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__ */ jsx60("path", { d: areaPath, fill: `url(#area-${gradientId})` }),
+          data.length > 0 && /* @__PURE__ */ jsx60(
+            "polyline",
+            {
+              points: linePoints,
+              fill: "none",
+              stroke: lineColor,
+              strokeWidth: 2.5,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          data.map((d, i) => /* @__PURE__ */ jsx60(
+            "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__ */ jsxs46("g", { onMouseEnter: () => setHover(i), children: [
+            /* @__PURE__ */ jsx60("rect", { x: padding.left + step * i, y: padding.top, width: step, height: plotHeight, fill: "transparent" }),
+            /* @__PURE__ */ jsx60("text", { x: x(i), y: height - 8, textAnchor: "middle", fontSize: 10, fill: "#64748b", children: d.label })
+          ] }, `hit-${d.label}`)),
+          active && hover !== null && /* @__PURE__ */ jsxs46("g", { transform: `translate(${Math.min(Math.max(x(hover) - 62, 4), width - 132)}, ${padding.top + 4})`, children: [
+            /* @__PURE__ */ jsx60("rect", { width: 128, height: 46, rx: 6, fill: "#0f172a", opacity: 0.9 }),
+            /* @__PURE__ */ jsx60("text", { x: 10, y: 18, fontSize: 10, fill: "#e2e8f0", children: active.label }),
+            /* @__PURE__ */ jsxs46("text", { x: 10, y: 32, fontSize: 10, fill: lineColor, children: [
+              lineLabel,
+              ": ",
+              formatValue(active.line)
+            ] }),
+            /* @__PURE__ */ jsxs46("text", { x: 10, y: 44, fontSize: 10, fill: "#93c5fd", children: [
+              barLabel,
+              ": ",
+              formatValue(active.bar)
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs46("ul", { className: "flex flex-wrap items-center gap-4 text-[11px]", style: { color: "#475569" }, children: [
+      /* @__PURE__ */ jsxs46("li", { children: [
+        /* @__PURE__ */ jsx60("span", { className: "h-2.5 w-2.5 rounded-sm", style: { background: lineColor }, "aria-hidden": true }),
+        lineLabel
+      ] }),
+      /* @__PURE__ */ jsxs46("li", { children: [
+        /* @__PURE__ */ jsx60("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
 import clsx44 from "clsx";
-import React11, { useState as useState29 } from "react";
+import React11, { useState as useState30 } from "react";
 import {
   FaCheck as FaCheck4,
   FaSpinner as FaSpinner3,
@@ -8241,7 +8377,7 @@ import {
 } from "react-icons/fa";
 import { MdOutlineSwapVert as MdOutlineSwapVert2 } from "react-icons/md";
 import { isSameDay as isSameDay2, startOfDay as startOfDay2, endOfDay } from "date-fns";
-import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 function ITTable({
   columns,
   data = [],
@@ -8265,7 +8401,7 @@ function ITTable({
   overscan = 5,
   stickyHeader = false
 }) {
-  const [viewMode, setViewMode] = useState29(defaultView);
+  const [viewMode, setViewMode] = useState30(defaultView);
   const { ref: rootRef, width: containerWidth } = useElementSize();
   const isFixed = layout === "fixed";
   const forcedCards = autoCardBreakpoint > 0 && containerWidth > 0 && containerWidth < autoCardBreakpoint;
@@ -8397,14 +8533,14 @@ function ITTable({
         if (currentValue === true) return "Filtrar solo verdaderos";
         return "Filtrar solo falsos";
       };
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx61(
         "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__ */ jsx60("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ jsx60(
+          children: /* @__PURE__ */ jsx61("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ jsx61(
             "div",
             {
               className: clsx44(
@@ -8422,7 +8558,7 @@ function ITTable({
     }
     if (col.filter === "catalog" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ jsx60(
+        return /* @__PURE__ */ jsx61(
           FaSpinner3,
           {
             className: "animate-spin",
@@ -8432,9 +8568,9 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx61(
         ITSelect,
         {
           name: `filter-${col.key}`,
@@ -8458,7 +8594,7 @@ function ITTable({
     }
     if (col.filter === "search" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ jsx60(
+        return /* @__PURE__ */ jsx61(
           FaSpinner3,
           {
             className: "animate-spin",
@@ -8468,10 +8604,10 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
       const searchValue = filters[col.key];
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx61(
         ITSearchSelect,
         {
           name: `filter-${col.key}`,
@@ -8494,7 +8630,7 @@ function ITTable({
     }
     if (col.filter === "date") {
       const dateValue = filters[col.key];
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx61(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8510,7 +8646,7 @@ function ITTable({
     }
     if (col.filter === "date-range") {
       const rangeValue = filters[col.key];
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx61(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8525,7 +8661,7 @@ function ITTable({
         }
       );
     }
-    return /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx61(
       ITInput,
       {
         name: `filter-${col.key}`,
@@ -8547,14 +8683,14 @@ function ITTable({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ jsx60(
+        return value ? /* @__PURE__ */ jsx61(
           FaCheck4,
           {
             className: "text-success-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ jsx60(
+        ) : /* @__PURE__ */ jsx61(
           FaTimes9,
           {
             className: "text-danger-500",
@@ -8579,12 +8715,12 @@ function ITTable({
   const renderDefaultCard = (row) => {
     const dataCols = columns.filter((c) => c.type !== "actions");
     const actionCol = columns.find((c) => c.type === "actions");
-    return /* @__PURE__ */ jsxs46("div", { className: "bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-3 space-y-2 shadow-sm", children: [
-      dataCols.map((col) => /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx60("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
-        /* @__PURE__ */ jsx60("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
+    return /* @__PURE__ */ jsxs47("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__ */ jsxs47("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx61("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
+        /* @__PURE__ */ jsx61("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
       ] }, col.key)),
-      actionCol?.actions && /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
+      actionCol?.actions && /* @__PURE__ */ jsx61("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) => {
@@ -8598,61 +8734,61 @@ function ITTable({
     event.preventDefault();
     onRowClick(row, event);
   };
-  return /* @__PURE__ */ jsx60("div", { ref: rootRef, className: clsx44("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ jsxs46("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-    title && /* @__PURE__ */ jsxs46("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-      /* @__PURE__ */ jsx60(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
-      /* @__PURE__ */ jsxs46("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
-        /* @__PURE__ */ jsxs46(
+  return /* @__PURE__ */ jsx61("div", { ref: rootRef, className: clsx44("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ jsxs47("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+    title && /* @__PURE__ */ jsxs47("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+      /* @__PURE__ */ jsx61(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
+      /* @__PURE__ */ jsxs47("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__ */ jsxs47(
           "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__ */ jsx60(FaTable2, { size: 11 }),
+              /* @__PURE__ */ jsx61(FaTable2, { size: 11 }),
               "Table"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs46(
+        /* @__PURE__ */ jsxs47(
           "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__ */ jsx60(FaThLarge2, { size: 11 }),
+              /* @__PURE__ */ jsx61(FaThLarge2, { size: 11 }),
               "Cards"
             ]
           }
         )
       ] })
     ] }),
-    !title && /* @__PURE__ */ jsx60("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
-      /* @__PURE__ */ jsxs46(
+    !title && /* @__PURE__ */ jsx61("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ jsxs47("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__ */ jsxs47(
         "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__ */ jsx60(FaTable2, { size: 11 }),
+            /* @__PURE__ */ jsx61(FaTable2, { size: 11 }),
             "Table"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs46(
+      /* @__PURE__ */ jsxs47(
         "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__ */ jsx60(FaThLarge2, { size: 11 }),
+            /* @__PURE__ */ jsx61(FaThLarge2, { size: 11 }),
             "Cards"
           ]
         }
       )
     ] }) }),
-    effectiveView === "cards" ? /* @__PURE__ */ jsx60("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx60(
+    effectiveView === "cards" ? /* @__PURE__ */ jsx61("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx61(
       "div",
       {
         className: clsx44(tableCardHover, onRowClick && tableCardClickable),
@@ -8663,16 +8799,16 @@ function ITTable({
         children: renderCard ? renderCard(row) : renderDefaultCard(row)
       },
       i
-    )) : /* @__PURE__ */ jsxs46("div", { className: clsx44(tableEmptyContent, "py-12"), children: [
-      /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-      /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
-    ] }) }) : /* @__PURE__ */ jsx60(
+    )) : /* @__PURE__ */ jsxs47("div", { className: clsx44(tableEmptyContent, "py-12"), children: [
+      /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+      /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+    ] }) }) : /* @__PURE__ */ jsx61(
       "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__ */ jsxs46(
+        children: /* @__PURE__ */ jsxs47(
           "table",
           {
             className: clsx44(
@@ -8685,14 +8821,14 @@ function ITTable({
             style: isFixed ? { tableLayout: "fixed" } : void 0,
             "aria-rowcount": isTableVirtual ? currentData.length + 1 : void 0,
             children: [
-              hasColumnWidths && /* @__PURE__ */ jsx60("colgroup", { children: columns.map((col) => /* @__PURE__ */ jsx60(
+              hasColumnWidths && /* @__PURE__ */ jsx61("colgroup", { children: columns.map((col) => /* @__PURE__ */ jsx61(
                 "col",
                 {
                   style: col.width != null ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
                 },
                 col.key
               )) }),
-              /* @__PURE__ */ jsx60("thead", { children: /* @__PURE__ */ jsx60(
+              /* @__PURE__ */ jsx61("thead", { children: /* @__PURE__ */ jsx61(
                 "tr",
                 {
                   className: clsx44(tableHeaderRow, "dark:text-slate-200"),
@@ -8700,7 +8836,7 @@ function ITTable({
                   children: columns.map((col) => {
                     const pin = pinnedMeta[col.key];
                     const isPinned = pin != null;
-                    return /* @__PURE__ */ jsx60(
+                    return /* @__PURE__ */ jsx61(
                       "th",
                       {
                         scope: "col",
@@ -8717,20 +8853,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__ */ jsxs46("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
-                          /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-                            /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                            col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx60(
+                        children: /* @__PURE__ */ jsxs47("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
+                          /* @__PURE__ */ jsxs47("div", { className: "flex items-center justify-between gap-2", children: [
+                            /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                            col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx61(
                               "button",
                               {
                                 onClick: () => handleSort(col.key),
                                 className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"}`,
                                 title: `Ordenar por ${col.label}`,
-                                children: /* @__PURE__ */ jsx60(MdOutlineSwapVert2, { className: "w-4 h-4", "aria-hidden": "true" })
+                                children: /* @__PURE__ */ jsx61(MdOutlineSwapVert2, { className: "w-4 h-4", "aria-hidden": "true" })
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx60("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                          /* @__PURE__ */ jsx61("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
                         ] })
                       },
                       col.key
@@ -8738,11 +8874,11 @@ function ITTable({
                   })
                 }
               ) }),
-              /* @__PURE__ */ jsx60("tbody", { className: clsx44(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ jsxs46(Fragment9, { children: [
-                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ jsx60("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ jsx60("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
+              /* @__PURE__ */ jsx61("tbody", { className: clsx44(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ jsxs47(Fragment9, { children: [
+                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ jsx61("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ jsx61("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
                 windowData.map((row, windowIndex) => {
                   const absoluteIndex = isTableVirtual ? startIndex + windowIndex : windowIndex;
-                  return /* @__PURE__ */ jsx60(
+                  return /* @__PURE__ */ jsx61(
                     "tr",
                     {
                       "aria-rowindex": isTableVirtual ? absoluteIndex + 2 : void 0,
@@ -8759,7 +8895,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__ */ jsx60(
+                        return /* @__PURE__ */ jsx61(
                           "td",
                           {
                             className: clsx44(
@@ -8774,7 +8910,7 @@ function ITTable({
                               ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
                             } : void 0,
                             title: truncateTitle,
-                            children: col.type === "actions" ? /* @__PURE__ */ jsx60("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx60("div", { className: clsx44(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
+                            children: col.type === "actions" ? /* @__PURE__ */ jsx61("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx61("div", { className: clsx44(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                           },
                           `${absoluteIndex}-${col.key}`
                         );
@@ -8783,17 +8919,17 @@ function ITTable({
                     absoluteIndex
                   );
                 }),
-                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ jsx60("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ jsx60("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
-              ] }) : /* @__PURE__ */ jsx60("tr", { children: /* @__PURE__ */ jsx60("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ jsxs46("div", { className: tableEmptyContent, children: [
-                /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-                /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ jsx61("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ jsx61("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
+              ] }) : /* @__PURE__ */ jsx61("tr", { children: /* @__PURE__ */ jsx61("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ jsxs47("div", { className: tableEmptyContent, children: [
+                /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+                /* @__PURE__ */ jsx61(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
               ] }) }) }) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx60("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx61("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ jsx61(
       ITPagination,
       {
         currentPage,
@@ -8811,7 +8947,7 @@ function ITTable({
 
 // src/components/atoms/textarea/textarea.tsx
 import clsx45 from "clsx";
-import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 var resizeMap = {
   none: "resize-none",
   vertical: "resize-y",
@@ -8831,9 +8967,9 @@ function ITTextarea({
   maxLength,
   resize = "vertical"
 }) {
-  return /* @__PURE__ */ jsxs47("div", { className: clsx45("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ jsx61(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs48("div", { className: clsx45("flex flex-col gap-1.5", className), children: [
+    label && /* @__PURE__ */ jsx62(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ jsx62(
       "textarea",
       {
         id: name,
@@ -8853,14 +8989,14 @@ function ITTextarea({
         )
       }
     ),
-    error && /* @__PURE__ */ jsx61(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ jsx62(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/molecules/tabs/tabs.tsx
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { clsx as clsx46 } from "clsx";
-import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
 var ITTabs = ({
   items,
   defaultActiveId,
@@ -8869,21 +9005,21 @@ var ITTabs = ({
   className = "",
   containerClassName = ""
 }) => {
-  const [activeId, setActiveId] = useState30(defaultActiveId || items[0]?.id);
+  const [activeId, setActiveId] = useState31(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__ */ jsxs48("div", { className: clsx46("w-full", containerClassName), children: [
-    /* @__PURE__ */ jsx62("div", { className: clsx46(
+  return /* @__PURE__ */ jsxs49("div", { className: clsx46("w-full", containerClassName), children: [
+    /* @__PURE__ */ jsx63("div", { className: clsx46(
       "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__ */ jsxs48(
+      return /* @__PURE__ */ jsxs49(
         "button",
         {
           onClick: () => handleTabClick(item.id, item.disabled),
@@ -8903,21 +9039,21 @@ var ITTabs = ({
             item.disabled && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            item.icon && /* @__PURE__ */ jsx62("span", { className: "w-4 h-4", children: item.icon }),
-            /* @__PURE__ */ jsx62(ITText, { as: "span", children: item.label })
+            item.icon && /* @__PURE__ */ jsx63("span", { className: "w-4 h-4", children: item.icon }),
+            /* @__PURE__ */ jsx63(ITText, { as: "span", children: item.label })
           ]
         },
         item.id
       );
     }) }),
-    /* @__PURE__ */ jsx62("div", { className: "tab-content animate-fadeIn", children: activeContent })
+    /* @__PURE__ */ jsx63("div", { className: "tab-content animate-fadeIn", children: activeContent })
   ] });
 };
 var tabs_default = ITTabs;
 
 // src/components/organisms/triple-filter/tripleFilter.tsx
 import clsx47 from "clsx";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var colorMap2 = {
   primary: "text-primary-600",
   secondary: "text-secondary-600",
@@ -8936,11 +9072,11 @@ var ITTripleFilter = ({
   color = "primary",
   className
 }) => {
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx64(
     "div",
     {
       className: clsx47("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
-      children: options.map((option) => /* @__PURE__ */ jsx63(
+      children: options.map((option) => /* @__PURE__ */ jsx64(
         "button",
         {
           onClick: () => onChange(option.value),
@@ -8948,7 +9084,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 ? clsx47("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
           ),
-          children: /* @__PURE__ */ jsx63(ITText, { as: "span", children: option.label })
+          children: /* @__PURE__ */ jsx64(ITText, { as: "span", children: option.label })
         },
         String(option.value)
       ))
@@ -8969,9 +9105,9 @@ var positionStyles = {
 
 // src/components/organisms/toast/toast.tsx
 import clsx48 from "clsx";
-import { useEffect as useEffect15, useState as useState31 } from "react";
+import { useEffect as useEffect15, useState as useState32 } from "react";
 import { FaTimesCircle as FaTimesCircle2, FaCheckCircle as FaCheckCircle2, FaExclamationTriangle as FaExclamationTriangle3, FaInfoCircle as FaInfoCircle2, FaTimes as FaTimes10 } from "react-icons/fa";
-import { jsx as jsx64, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
 function ITToast({
   message,
   type = "info",
@@ -8979,7 +9115,7 @@ function ITToast({
   position = "top-right",
   onClose
 }) {
-  const [isVisible, setIsVisible] = useState31(true);
+  const [isVisible, setIsVisible] = useState32(true);
   useEffect15(() => {
     const timer = setTimeout(() => {
       setIsVisible(false);
@@ -9000,18 +9136,18 @@ function ITToast({
   const TypeIcon = () => {
     switch (type) {
       case "success":
-        return /* @__PURE__ */ jsx64(FaCheckCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx65(FaCheckCircle2, { className: "w-5 h-5 flex-shrink-0" });
       case "error":
       case "danger":
-        return /* @__PURE__ */ jsx64(FaTimesCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx65(FaTimesCircle2, { className: "w-5 h-5 flex-shrink-0" });
       case "warning":
-        return /* @__PURE__ */ jsx64(FaExclamationTriangle3, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx65(FaExclamationTriangle3, { className: "w-5 h-5 flex-shrink-0" });
       case "info":
       default:
-        return /* @__PURE__ */ jsx64(FaInfoCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx65(FaInfoCircle2, { className: "w-5 h-5 flex-shrink-0" });
     }
   };
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className: clsx48(
@@ -9027,17 +9163,17 @@ function ITToast({
       style: { backgroundColor },
       role: "alert",
       children: [
-        /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx64(TypeIcon, {}),
-          /* @__PURE__ */ jsx64(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
+        /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx65(TypeIcon, {}),
+          /* @__PURE__ */ jsx65(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
         ] }),
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(
           "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__ */ jsx64(FaTimes10, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx65(FaTimes10, { className: "w-4 h-4" })
           }
         )
       ]
@@ -9050,7 +9186,7 @@ import {
   useCallback as useCallback9,
   useEffect as useEffect16,
   useRef as useRef21,
-  useState as useState33
+  useState as useState34
 } from "react";
 import clsx50 from "clsx";
 import {
@@ -9075,9 +9211,9 @@ var toolbarActions = [
 ];
 
 // src/components/atoms/tooltip/tooltip.tsx
-import { useState as useState32 } from "react";
+import { useState as useState33 } from "react";
 import clsx49 from "clsx";
-import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
 var positionClasses2 = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -9097,7 +9233,7 @@ function ITTooltip({
   delay = 200,
   className
 }) {
-  const [visible, setVisible] = useState32(false);
+  const [visible, setVisible] = useState33(false);
   let timeout;
   const handleMouseEnter = () => {
     timeout = setTimeout(() => setVisible(true), delay);
@@ -9106,7 +9242,7 @@ function ITTooltip({
     clearTimeout(timeout);
     setVisible(false);
   };
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51(
     "div",
     {
       className: clsx49("relative inline-flex", className),
@@ -9114,9 +9250,9 @@ function ITTooltip({
       onMouseLeave: handleMouseLeave,
       children: [
         children,
-        visible && /* @__PURE__ */ jsxs50("div", { className: clsx49("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
-          /* @__PURE__ */ jsx65("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ jsx65(ITText, { as: "span", children: content }) }),
-          /* @__PURE__ */ jsx65("div", { className: clsx49("absolute", arrowClasses[position]) })
+        visible && /* @__PURE__ */ jsxs51("div", { className: clsx49("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
+          /* @__PURE__ */ jsx66("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__ */ jsx66(ITText, { as: "span", children: content }) }),
+          /* @__PURE__ */ jsx66("div", { className: clsx49("absolute", arrowClasses[position]) })
         ] })
       ]
     }
@@ -9124,16 +9260,16 @@ function ITTooltip({
 }
 
 // src/components/molecules/wysiwyg/wysiwyg.tsx
-import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
 var INLINE_TAGS = /* @__PURE__ */ new Set(["STRONG", "B", "EM", "I", "U", "MARK"]);
 var ACTION_META = {
-  bold: { label: "Negrita", icon: /* @__PURE__ */ jsx66(FaBold, {}) },
-  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ jsx66(FaItalic, {}) },
-  underline: { label: "Subrayado", icon: /* @__PURE__ */ jsx66(FaUnderline, {}) },
-  highlight: { label: "Marcador", icon: /* @__PURE__ */ jsx66(FaHighlighter, {}) },
-  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ jsx66(FaListUl, {}) },
-  ol: { label: "Lista numerada", icon: /* @__PURE__ */ jsx66(FaListOl, {}) },
-  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ jsx66(FaEraser, {}) }
+  bold: { label: "Negrita", icon: /* @__PURE__ */ jsx67(FaBold, {}) },
+  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ jsx67(FaItalic, {}) },
+  underline: { label: "Subrayado", icon: /* @__PURE__ */ jsx67(FaUnderline, {}) },
+  highlight: { label: "Marcador", icon: /* @__PURE__ */ jsx67(FaHighlighter, {}) },
+  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ jsx67(FaListUl, {}) },
+  ol: { label: "Lista numerada", icon: /* @__PURE__ */ jsx67(FaListOl, {}) },
+  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ jsx67(FaEraser, {}) }
 };
 function ITWysiwyg({
   value,
@@ -9152,7 +9288,7 @@ function ITWysiwyg({
 }) {
   const editorRef = useRef21(null);
   const focusedRef = useRef21(false);
-  const [active, setActive] = useState33({});
+  const [active, setActive] = useState34({});
   const isLocked = disabled || readOnly;
   const sizeConfig = inputSizeTokens[size] ?? inputSizeTokens.md;
   const findAncestor = useCallback9(
@@ -9549,7 +9685,7 @@ function ITWysiwyg({
   }) => {
     const meta = ACTION_META[action];
     const isActive = !!active[action];
-    return /* @__PURE__ */ jsx66(ITTooltip, { content: meta.label, children: /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx67(ITTooltip, { content: meta.label, children: /* @__PURE__ */ jsx67(
       "button",
       {
         type: "button",
@@ -9569,9 +9705,9 @@ function ITWysiwyg({
       }
     ) });
   };
-  return /* @__PURE__ */ jsxs51("div", { className: inputWrapper(className), children: [
-    label && /* @__PURE__ */ jsx66(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs52("div", { className: inputWrapper(className), children: [
+    label && /* @__PURE__ */ jsx67(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ jsxs52(
       "div",
       {
         className: clsx50(
@@ -9580,20 +9716,20 @@ function ITWysiwyg({
           isLocked && "opacity-50 cursor-not-allowed bg-secondary-100 dark:bg-slate-800"
         ),
         children: [
-          /* @__PURE__ */ jsx66(
+          /* @__PURE__ */ jsx67(
             "div",
             {
               className: clsx50(
                 "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__ */ jsxs51("span", { className: "flex items-center", children: [
-                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ jsx66("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
-                /* @__PURE__ */ jsx66(ToolbarButton, { action })
+              children: toolbar.map((action, i) => /* @__PURE__ */ jsxs52("span", { className: "flex items-center", children: [
+                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ jsx67("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
+                /* @__PURE__ */ jsx67(ToolbarButton, { action })
               ] }, action))
             }
           ),
-          /* @__PURE__ */ jsx66(
+          /* @__PURE__ */ jsx67(
             "div",
             {
               id: name,
@@ -9627,12 +9763,12 @@ function ITWysiwyg({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx66(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ jsx67(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/organisms/dropfile/dropfile.tsx
-import { useState as useState34, useEffect as useEffect17 } from "react";
+import { useState as useState35, useEffect as useEffect17 } from "react";
 import { useDropzone } from "react-dropzone";
 import clsx51 from "clsx";
 
@@ -9662,7 +9798,7 @@ var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
 })(UploadStatus || {});
 
 // src/components/organisms/dropfile/dropfile.tsx
-import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -9678,12 +9814,12 @@ var ITDropfile = ({
   buttonLabel = "Subir archivo",
   modalTitle
 }) => {
-  const [isModalOpen, setIsModalOpen] = useState34(false);
-  const [selectedFile, setSelectedFile] = useState34(null);
-  const [fileType, setFileType] = useState34(null);
-  const [imagePreview, setImagePreview] = useState34(initialPreviewUrl || null);
-  const [isConfirmed, setIsConfirmed] = useState34(false);
-  const [internalUploadStatus, setInternalUploadStatus] = useState34(
+  const [isModalOpen, setIsModalOpen] = useState35(false);
+  const [selectedFile, setSelectedFile] = useState35(null);
+  const [fileType, setFileType] = useState35(null);
+  const [imagePreview, setImagePreview] = useState35(initialPreviewUrl || null);
+  const [isConfirmed, setIsConfirmed] = useState35(false);
+  const [internalUploadStatus, setInternalUploadStatus] = useState35(
     initialPreviewUrl ? "subido" /* UPLOADED */ : "pendiente" /* PENDING */
   );
   useEffect17(() => {
@@ -9801,9 +9937,9 @@ var ITDropfile = ({
       }
     };
     const { label, color, dotColor } = config2[status];
-    return /* @__PURE__ */ jsxs52("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ jsx67("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ jsx67(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+    return /* @__PURE__ */ jsxs53("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
+      /* @__PURE__ */ jsx68("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ jsx68(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -9894,18 +10030,18 @@ var ITDropfile = ({
       return () => clearTimeout(timeout);
     }
   }, [view, isConfirmed, uploadStatus, externalStatus, onStatusChange]);
-  const headerRow = /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-2", children: [
-    /* @__PURE__ */ jsxs52("label", { className: "block text-sm font-semibold text-secondary-700", children: [
-      /* @__PURE__ */ jsx67(ITText, { as: "span", children: "Subir archivo " }),
-      /* @__PURE__ */ jsxs52(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
+  const headerRow = /* @__PURE__ */ jsxs53("div", { className: "flex items-center justify-between mb-2", children: [
+    /* @__PURE__ */ jsxs53("label", { className: "block text-sm font-semibold text-secondary-700", children: [
+      /* @__PURE__ */ jsx68(ITText, { as: "span", children: "Subir archivo " }),
+      /* @__PURE__ */ jsxs53(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
         "(",
         getFileExtensions(),
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ jsx67(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ jsx68(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ jsx67(Fragment10, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs52(
+  const dropZoneOrPreview = /* @__PURE__ */ jsx68(Fragment10, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs53(
     "div",
     {
       ...getRootProps(),
@@ -9915,41 +10051,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__ */ jsx67("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsx67("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68("input", { ...getInputProps() }),
+        /* @__PURE__ */ jsx68("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__ */ jsx68(
           "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__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
+            children: /* @__PURE__ */ jsx68("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
           }
         ) }),
-        /* @__PURE__ */ jsx67("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx67(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
+        /* @__PURE__ */ jsx68("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx68(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
       ]
     }
-  ) : /* @__PURE__ */ jsxs52("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ jsx67("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ jsx67("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx67("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ jsx67("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
-      /* @__PURE__ */ jsxs52("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx67(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
-        /* @__PURE__ */ jsx67(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+  ) : /* @__PURE__ */ jsxs53("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
+    /* @__PURE__ */ jsx68("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ jsx68("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__ */ jsx68("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx68("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__ */ jsx68("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx68("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__ */ jsxs53("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx68(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
+        /* @__PURE__ */ jsx68(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx67("div", { className: clsx51("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx67(
+    /* @__PURE__ */ jsx68("div", { className: clsx51("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__ */ jsx68(
       "img",
       {
         src: imagePreview,
         alt: "Vista previa",
         className: "w-full h-full object-contain max-h-[200px]"
       }
-    ) : /* @__PURE__ */ jsxs52("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ jsx67("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
-      /* @__PURE__ */ jsx67(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
+    ) : /* @__PURE__ */ jsxs53("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
+      /* @__PURE__ */ jsx68("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx68("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__ */ jsx68(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
     ] }) }),
-    /* @__PURE__ */ jsx67("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
-      /* @__PURE__ */ jsx67(
+    /* @__PURE__ */ jsx68("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs53(Fragment10, { children: [
+      /* @__PURE__ */ jsx68(
         ITButton,
         {
           type: "button",
@@ -9957,10 +10093,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ jsx67(ITText, { children: "Cancelar" })
+          children: /* @__PURE__ */ jsx68(ITText, { children: "Cancelar" })
         }
       ),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx68(
         ITButton,
         {
           type: "button",
@@ -9968,13 +10104,13 @@ var ITDropfile = ({
           color: "primary",
           size: "sm",
           onClick: handleConfirm,
-          children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx67(ITText, { children: "Confirmar" }),
-            /* @__PURE__ */ jsx67("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+          children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx68(ITText, { children: "Confirmar" }),
+            /* @__PURE__ */ jsx68("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx68("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
-    ] }) : /* @__PURE__ */ jsxs52(
+    ] }) : /* @__PURE__ */ jsxs53(
       ITButton,
       {
         type: "button",
@@ -9983,12 +10119,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ jsx67("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
-          /* @__PURE__ */ jsx67(ITText, { children: "Eliminar" })
+          /* @__PURE__ */ jsx68("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx68("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__ */ jsx68(ITText, { children: "Eliminar" })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx67("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx67("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx67(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx68("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx68("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx68(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -10001,8 +10137,8 @@ var ITDropfile = ({
   ] }) });
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
-    return /* @__PURE__ */ jsxs52("div", { className: clsx51("inline-block", containerClassName), children: [
-      /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsxs53("div", { className: clsx51("inline-block", containerClassName), children: [
+      /* @__PURE__ */ jsx68(
         ITButton,
         {
           type: "button",
@@ -10010,20 +10146,20 @@ var ITDropfile = ({
           color: hasFile ? "primary" : "secondary",
           size: "sm",
           onClick: () => setIsModalOpen(true),
-          children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ jsx67("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
-            /* @__PURE__ */ jsx67(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ jsx67(StatusBadge, { status: uploadStatus })
+          children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
+            /* @__PURE__ */ jsx68("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx68("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__ */ jsx68(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ jsx68(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx67(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ jsxs52("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ jsx68(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ jsxs53("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs52("div", { className: clsx51("w-full transition-all duration-300", containerClassName), children: [
+  return /* @__PURE__ */ jsxs53("div", { className: clsx51("w-full transition-all duration-300", containerClassName), children: [
     headerRow,
     dropZoneOrPreview
   ] });
@@ -10031,13 +10167,13 @@ var ITDropfile = ({
 var dropfile_default = ITDropfile;
 
 // src/components/templates/layout/layout.tsx
-import { useState as useState36 } from "react";
+import { useState as useState37 } from "react";
 import clsx52 from "clsx";
 
 // src/components/organisms/topbar/topbar.tsx
 import { FaUserCircle as FaUserCircle2, FaBars } from "react-icons/fa";
-import { useRef as useRef22, useState as useState35 } from "react";
-import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
+import { useRef as useRef22, useState as useState36 } from "react";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 function ITTopBar({
   logo,
   logoText,
@@ -10053,10 +10189,10 @@ function ITTopBar({
 }) {
   const flat = useITFlatAppearance();
   const initials = (userMenu?.userName ?? "").trim().split(/\s+/).slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
-  const [isUserMenuOpen, setIsUserMenuOpen] = useState35(false);
+  const [isUserMenuOpen, setIsUserMenuOpen] = useState36(false);
   const userMenuRef = useRef22(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "header",
     {
       className: `sticky top-0 z-40 transition-all duration-300 ${flat ? "" : "backdrop-blur-md"}`,
@@ -10065,9 +10201,9 @@ function ITTopBar({
         borderBottom: "1px solid var(--it-topbar-border, rgba(15, 23, 42, 0.06))",
         boxShadow: flat ? "none" : "var(--shadow-xs)"
       },
-      children: /* @__PURE__ */ jsxs53("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
-        /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ jsx68(
+      children: /* @__PURE__ */ jsxs54("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
+        /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-5", children: [
+          showMobileMenuButton && /* @__PURE__ */ jsx69(
             "button",
             {
               type: "button",
@@ -10079,12 +10215,12 @@ function ITTopBar({
               onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--it-topbar-user-hover, #f1f5f9)",
               onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
               onClick: onToggleMobileMenu,
-              children: /* @__PURE__ */ jsx68(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ jsx69(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
-          /* @__PURE__ */ jsxs53("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
-            logo && /* @__PURE__ */ jsx68("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ jsx68(
+          /* @__PURE__ */ jsxs54("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
+            logo && /* @__PURE__ */ jsx69("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ jsx69(
               ITText,
               {
                 as: "span",
@@ -10094,7 +10230,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ jsx68("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ jsx68(
+          navItems && navItems.length > 0 && /* @__PURE__ */ jsx69("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__ */ jsx69(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -10108,19 +10244,19 @@ function ITTopBar({
                 e.currentTarget.style.color = "var(--it-topbar-text, #475569)";
                 e.currentTarget.style.backgroundColor = "transparent";
               },
-              children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ jsx68("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ jsx68(ITText, { as: "span", children: item.label })
+              children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-2", children: [
+                item.icon && /* @__PURE__ */ jsx69("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ jsx69(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ jsx68("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ jsx68("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
-        (children || userMenu) && /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
+        centerContent && /* @__PURE__ */ jsx69("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ jsx69("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        (children || userMenu) && /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-2", children: [
           children,
-          userMenu && /* @__PURE__ */ jsxs53("div", { className: "relative", children: [
-            /* @__PURE__ */ jsxs53(
+          userMenu && /* @__PURE__ */ jsxs54("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs54(
               "button",
               {
                 type: "button",
@@ -10136,15 +10272,15 @@ function ITTopBar({
                 },
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
-                  /* @__PURE__ */ jsxs53("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ jsx68(
+                  /* @__PURE__ */ jsxs54("div", { className: "relative", children: [
+                    userMenu.userImage ? /* @__PURE__ */ jsx69(
                       "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__ */ jsx68(
+                    ) : flat && initials ? /* @__PURE__ */ jsx69(
                       "div",
                       {
                         "aria-hidden": "true",
@@ -10155,11 +10291,11 @@ function ITTopBar({
                         },
                         children: initials
                       }
-                    ) : /* @__PURE__ */ jsx68("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx68(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    !flat && /* @__PURE__ */ jsx68("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ jsx69("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx69(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    !flat && /* @__PURE__ */ jsx69("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
-                  /* @__PURE__ */ jsxs53("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
-                    /* @__PURE__ */ jsx68(
+                  /* @__PURE__ */ jsxs54("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
+                    /* @__PURE__ */ jsx69(
                       ITText,
                       {
                         as: "span",
@@ -10168,7 +10304,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ jsx68(
+                    /* @__PURE__ */ jsx69(
                       ITText,
                       {
                         as: "span",
@@ -10181,7 +10317,7 @@ function ITTopBar({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs53(
+            /* @__PURE__ */ jsxs54(
               "div",
               {
                 ref: userMenuRef,
@@ -10194,15 +10330,15 @@ function ITTopBar({
                   border: "1px solid var(--it-topbar-user-dropdown-border, #f1f5f9)"
                 },
                 children: [
-                  /* @__PURE__ */ jsxs53("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
-                    /* @__PURE__ */ jsx68(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx68(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
+                  /* @__PURE__ */ jsxs54("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__ */ jsx69(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx69(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx68("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ jsx69("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
                     const isDestructive = m.label.toLowerCase().includes("salir") || m.label.toLowerCase().includes("cerrar") || m.label.toLowerCase().includes("logout");
-                    return /* @__PURE__ */ jsxs53("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx68("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ jsx68(
+                    return /* @__PURE__ */ jsxs54("li", { className: "px-2", children: [
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx69("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ jsx69(
                         "button",
                         {
                           onClick: () => {
@@ -10217,7 +10353,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ jsx68(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ jsx69(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -10233,7 +10369,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
 function ITLayout({
   topBar,
   sidebar,
@@ -10242,8 +10378,8 @@ function ITLayout({
   contentClassName = "",
   sidebarFullHeight = false
 }) {
-  const [internalCollapsed, setInternalCollapsed] = useState36(true);
-  const [mobileSidebarOpen, setMobileSidebarOpen] = useState36(false);
+  const [internalCollapsed, setInternalCollapsed] = useState37(true);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = useState37(false);
   const flat = useITFlatAppearance();
   const isControlled = sidebar.isCollapsed !== void 0;
   const desktopCollapsed = isControlled ? sidebar.isCollapsed : internalCollapsed;
@@ -10257,7 +10393,7 @@ function ITLayout({
     else setMobileSidebarOpen((v) => !v);
   };
   const brand = sidebarFullHeight ? sidebar.brand ?? { logo: topBar.logo, text: topBar.logoText } : sidebar.brand;
-  const topBarNode = /* @__PURE__ */ jsx69(
+  const topBarNode = /* @__PURE__ */ jsx70(
     ITTopBar,
     {
       ...topBar,
@@ -10270,9 +10406,9 @@ function ITLayout({
   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__ */ jsxs54("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
-      /* @__PURE__ */ jsx69("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
-      /* @__PURE__ */ jsx69("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsxs55("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
+      /* @__PURE__ */ jsx70("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
+      /* @__PURE__ */ jsx70("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx70(
         ITSidebar,
         {
           ...sidebar,
@@ -10285,17 +10421,17 @@ function ITLayout({
       ) })
     ] })
   );
-  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ jsx69(
+  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ jsx70(
     "div",
     {
       className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
       onClick: () => setMobileSidebarOpen(false),
-      children: /* @__PURE__ */ jsx69(
+      children: /* @__PURE__ */ jsx70(
         "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__ */ jsx69(
+          children: /* @__PURE__ */ jsx70(
             ITSidebar,
             {
               ...sidebar,
@@ -10312,16 +10448,16 @@ function ITLayout({
       )
     }
   );
-  const main = /* @__PURE__ */ jsx69("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx69("div", { className: clsx52("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) });
+  const main = /* @__PURE__ */ jsx70("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx70("div", { className: clsx52("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__ */ jsxs54(
+    return /* @__PURE__ */ jsxs55(
       "div",
       {
         className: `flex h-screen overflow-hidden w-full relative ${className}`,
         style: { backgroundColor: layoutTokens.backgroundColor },
         children: [
           desktopSidebar,
-          /* @__PURE__ */ jsxs54("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs55("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
             topBarNode,
             main
           ] }),
@@ -10330,9 +10466,9 @@ function ITLayout({
       }
     );
   }
-  return /* @__PURE__ */ jsxs54("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
+  return /* @__PURE__ */ jsxs55("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
     topBarNode,
-    /* @__PURE__ */ jsxs54(
+    /* @__PURE__ */ jsxs55(
       "div",
       {
         className: "flex flex-1 overflow-hidden relative",
@@ -10356,7 +10492,7 @@ var sizeClasses = {
 };
 
 // src/components/atoms/loader/loader.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 function ITLoader({
   size = "md",
   variant = "spinner",
@@ -10371,22 +10507,22 @@ function ITLoader({
   const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
   const colorClass = !isCssValue ? color : "";
   if (variant === "spinner") {
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "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__ */ jsx70(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+        children: /* @__PURE__ */ jsx71(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__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "div",
       {
         className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx70(
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx71(
           "div",
           {
             className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
@@ -10401,11 +10537,11 @@ function ITLoader({
     );
   }
   if (variant === "bar") {
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "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__ */ jsx70(
+        children: /* @__PURE__ */ jsx71(
           "div",
           {
             className: `h-full animate-progress ${colorClass}`,
@@ -10421,7 +10557,7 @@ function ITLoader({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "div",
       {
         className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
@@ -10434,9 +10570,9 @@ function ITLoader({
 
 // src/components/molecules/stepper/stepper.tsx
 import clsx53 from "clsx";
-import { useEffect as useEffect18, useRef as useRef23, useState as useState37 } from "react";
+import { useEffect as useEffect18, useRef as useRef23, useState as useState38 } from "react";
 import { FaChevronLeft as FaChevronLeft4, FaChevronRight as FaChevronRight5, FaCheck as FaCheck5 } from "react-icons/fa";
-import { jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
 function ITStepper({
   steps,
   currentStep,
@@ -10451,7 +10587,7 @@ function ITStepper({
   maxContentHeight = "400px",
   color = "primary"
 }) {
-  const [direction, setDirection] = useState37("next");
+  const [direction, setDirection] = useState38("next");
   const contentRef = useRef23(null);
   const progressRef = useRef23(null);
   const isThemeColor = color in theme.colors;
@@ -10503,23 +10639,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ jsx71(FaCheck5, { className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx72(FaCheck5, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ jsx71("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ jsx72("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
-  return /* @__PURE__ */ jsxs55("div", { className: clsx53("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
-    /* @__PURE__ */ jsxs55("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsxs56("div", { className: clsx53("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
+    /* @__PURE__ */ jsxs56("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ jsx72(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx72(
         "div",
         {
           ref: progressRef,
@@ -10527,11 +10663,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx71("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ jsx72("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__ */ jsx71(
+        return /* @__PURE__ */ jsx72(
           "button",
           {
             type: "button",
@@ -10541,8 +10677,8 @@ function ITStepper({
             "aria-label": `Paso ${idx + 1} ${step.label}`,
             className: "flex-1 group",
             title: step.label,
-            children: /* @__PURE__ */ jsxs55("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx71(
+            children: /* @__PURE__ */ jsxs56("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx72(
                 "div",
                 {
                   className: clsx53(
@@ -10556,7 +10692,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ jsx71(
+              /* @__PURE__ */ jsx72(
                 ITText,
                 {
                   as: "span",
@@ -10574,7 +10710,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       "div",
       {
         ref: contentRef,
@@ -10590,37 +10726,37 @@ function ITStepper({
         children: steps[currentStep].content
       }
     ),
-    /* @__PURE__ */ jsxs55("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsxs56("div", { className: "flex justify-between items-center mt-6", children: [
+      /* @__PURE__ */ jsx72(
         ITButton,
         {
           variant: "outlined",
           color: "secondary",
           disabled: currentStep === 0,
           onClick: prevStep,
-          children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx71(FaChevronLeft4, {}),
-            /* @__PURE__ */ jsx71(ITText, { as: "span", children: "Atr\xE1s" })
+          children: /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx72(FaChevronLeft4, {}),
+            /* @__PURE__ */ jsx72(ITText, { as: "span", children: "Atr\xE1s" })
           ] })
         }
       ),
-      /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs55(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: [
+      /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs56(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: [
           "Paso ",
           currentStep + 1,
           " de ",
           steps.length
         ] }),
-        /* @__PURE__ */ jsx71(
+        /* @__PURE__ */ jsx72(
           ITButton,
           {
             variant: "solid",
             color,
             disabled: disableNext,
             onClick: nextStep,
-            children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx71(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx71(FaCheck5, {}) : /* @__PURE__ */ jsx71(FaChevronRight5, {})
+            children: /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx72(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx72(FaCheck5, {}) : /* @__PURE__ */ jsx72(FaChevronRight5, {})
             ] })
           }
         )
@@ -10630,7 +10766,7 @@ function ITStepper({
 }
 
 // src/components/theme-provider/themeProvider.tsx
-import { useState as useState38, useEffect as useEffect19, useLayoutEffect as useLayoutEffect4 } from "react";
+import { useState as useState39, useEffect as useEffect19, useLayoutEffect as useLayoutEffect4 } from "react";
 import { MdPalette, MdClose, MdRefresh } from "react-icons/md";
 
 // src/components/theme-provider/themePresets.ts
@@ -10808,7 +10944,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs57 } from "react/jsx-runtime";
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -10903,7 +11039,7 @@ function ITThemeProvider({
   shadow,
   appearance = "soft"
 }) {
-  const [palette2, setPaletteState] = useState38(() => {
+  const [palette2, setPaletteState] = useState39(() => {
     const basePalette = {
       ...DEFAULT_PALETTE,
       ...theme2,
@@ -10929,8 +11065,8 @@ function ITThemeProvider({
     }
     return basePalette;
   });
-  const [isOpen, setIsOpen] = useState38(false);
-  const [customPresets, setCustomPresets] = useState38(() => {
+  const [isOpen, setIsOpen] = useState39(false);
+  const [customPresets, setCustomPresets] = useState39(() => {
     try {
       const saved = localStorage.getItem("it-theme-custom-presets");
       return saved ? JSON.parse(saved) : [];
@@ -10939,8 +11075,8 @@ function ITThemeProvider({
       return [];
     }
   });
-  const [newPresetName, setNewPresetName] = useState38("");
-  const [isSavingPreset, setIsSavingPreset] = useState38(false);
+  const [newPresetName, setNewPresetName] = useState39("");
+  const [isSavingPreset, setIsSavingPreset] = useState39(false);
   const handleSavePreset = () => {
     if (!newPresetName.trim()) return;
     const newPreset = {
@@ -10959,8 +11095,8 @@ function ITThemeProvider({
     setCustomPresets(updated);
     localStorage.setItem("it-theme-custom-presets", JSON.stringify(updated));
   };
-  const [resolvedTheme, setResolvedTheme] = useState38("light");
-  const [darkModeMode, setDarkModeMode] = useState38(
+  const [resolvedTheme, setResolvedTheme] = useState39("light");
+  const [darkModeMode, setDarkModeMode] = useState39(
     () => {
       const saved = localStorage.getItem("it-theme-dark-mode");
       if (saved === "light" || saved === "dark" || saved === "system") {
@@ -12205,14 +12341,14 @@ function ITThemeProvider({
     const isNested = colorKey.includes(".");
     const label = isNested ? colorKey.split(".")[1] : colorKey;
     const value = getNestedValue3(palette2, colorKey);
-    return /* @__PURE__ */ jsxs56(
+    return /* @__PURE__ */ jsxs57(
       "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__ */ jsxs56("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxs56("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
-              /* @__PURE__ */ jsx72(
+          /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs57("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__ */ jsx73(
                 "input",
                 {
                   type: "color",
@@ -12221,23 +12357,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ jsx72("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ jsx73("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
-            /* @__PURE__ */ jsxs56("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
-              /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ jsx72(
+            /* @__PURE__ */ jsxs57("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx73(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__ */ jsxs57("div", { className: "flex items-center gap-2 mt-0.5", children: [
+                /* @__PURE__ */ jsx73(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ jsx72(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ jsx73(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx72(
+          /* @__PURE__ */ jsx73(
             "input",
             {
               type: "text",
@@ -12256,14 +12392,14 @@ function ITThemeProvider({
     isCustom
   }) => {
     const isSelected = JSON.stringify(preset.colors) === JSON.stringify(palette2);
-    return /* @__PURE__ */ jsxs56(
+    return /* @__PURE__ */ jsxs57(
       "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__ */ jsx72(
+          isCustom && /* @__PURE__ */ jsx73(
             "span",
             {
               onClick: (e) => {
@@ -12272,11 +12408,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__ */ jsx72(MdClose, { size: 12 })
+              children: /* @__PURE__ */ jsx73(MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
-          /* @__PURE__ */ jsx72("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx72(
+          /* @__PURE__ */ jsx73(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__ */ jsx73("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx73(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -12288,7 +12424,7 @@ function ITThemeProvider({
       }
     );
   };
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     ITThemeContext.Provider,
     {
       value: {
@@ -12305,28 +12441,28 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ jsx72(
+        showFab && /* @__PURE__ */ jsx73(
           "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__ */ jsx72(MdPalette, { size: 28 })
+            children: /* @__PURE__ */ jsx73(MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ jsx72(
+        showFab && /* @__PURE__ */ jsx73(
           ITDialog,
           {
             isOpen,
             onClose: () => setIsOpen(false),
             title: "Dise\xF1ador de Temas",
             useFormHeader: true,
-            children: /* @__PURE__ */ jsxs56("div", { className: "flex gap-6 h-[580px]", children: [
-              /* @__PURE__ */ jsxs56("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
-                /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
-                  /* @__PURE__ */ jsx72(
+            children: /* @__PURE__ */ jsxs57("div", { className: "flex gap-6 h-[580px]", children: [
+              /* @__PURE__ */ jsxs57("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
+                /* @__PURE__ */ jsxs57("div", { children: [
+                  /* @__PURE__ */ jsx73(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__ */ jsx73(
                     ITSegmentedControl,
                     {
                       options: [
@@ -12340,16 +12476,16 @@ function ITThemeProvider({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx72("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
-                  /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx72(PresetCard, { preset }, preset.name)) })
+                /* @__PURE__ */ jsxs57("div", { children: [
+                  /* @__PURE__ */ jsx73("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx73(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
+                  /* @__PURE__ */ jsx73("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx73(PresetCard, { preset }, preset.name)) })
                 ] }),
-                customPresets.length > 0 && /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
-                  /* @__PURE__ */ jsx72("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx72(PresetCard, { preset, isCustom: true }, preset.name)) })
+                customPresets.length > 0 && /* @__PURE__ */ jsxs57("div", { children: [
+                  /* @__PURE__ */ jsx73(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__ */ jsx73("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx73(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
-                isSavingPreset && /* @__PURE__ */ jsxs56("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
-                  /* @__PURE__ */ jsx72(
+                isSavingPreset && /* @__PURE__ */ jsxs57("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__ */ jsx73(
                     ITInput,
                     {
                       name: "presetName",
@@ -12367,8 +12503,8 @@ function ITThemeProvider({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxs56("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx72(
+                  /* @__PURE__ */ jsxs57("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ jsx73(
                       ITButton,
                       {
                         label: "Guardar",
@@ -12379,7 +12515,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ jsx72(
+                    /* @__PURE__ */ jsx73(
                       ITButton,
                       {
                         label: "X",
@@ -12393,31 +12529,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ jsx72(
+                !isSavingPreset && /* @__PURE__ */ jsx73(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ jsx72(MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx73(MdPalette, { size: 14 }),
                     label: "Guardar actual",
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ jsx72(
+                /* @__PURE__ */ jsx73(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ jsx72(MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx73(MdRefresh, { size: 14 }),
                     label: "Restaurar default",
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx72(ITDivider, { orientation: "vertical" }),
-              /* @__PURE__ */ jsxs56("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsx72(
+              /* @__PURE__ */ jsx73(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ jsxs57("div", { className: "flex-1 flex flex-col min-w-0", children: [
+                /* @__PURE__ */ jsx73(
                   tabs_default,
                   {
                     variant: "pill",
@@ -12425,7 +12561,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: "Marca",
-                        content: /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx73("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",
@@ -12434,35 +12570,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx73(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: "Nav & Sidebar",
-                        content: /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx73("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__ */ jsx72(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx73(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: "Tablas",
-                        content: /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx73("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__ */ jsx72(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx73(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ jsx72(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
-                  /* @__PURE__ */ jsx72(
+                /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
+                  /* @__PURE__ */ jsx73(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
+                  /* @__PURE__ */ jsx73(
                     ITButton,
                     {
                       label: "Cerrar",
@@ -12522,6 +12658,7 @@ export {
   ITInput,
   ITInputNumber,
   ITLayout,
+  line_bar_chart_default as ITLineBarChart,
   ITLoader,
   ITMaskedInput,
   ITMultiSelect,