@axzydev/axzy_ui_system 1.3.5 → 1.4.0

package/dist/index.js

@@ -7,6 +7,8 @@ var useClickOutside = (ref, callback) => {
       const clickedDialog = target?.closest("[data-it-dialog]");
       const currentDialog = ref.current?.closest("[data-it-dialog]");
       if (clickedDialog && clickedDialog !== currentDialog) return;
+      const clickedFloating = target?.closest("[data-it-floating]");
+      if (clickedFloating && !ref.current?.contains(clickedFloating)) return;
       if (ref.current && !ref.current.contains(event.target)) {
         callback();
       }
@@ -202,7 +204,7 @@ function useFloatingPanel(anchorRef, isOpen, {
     const spaceAbove = rect.top;
     const flipAbove = spaceBelow < panelHeight + offset && spaceAbove > spaceBelow;
     const width = matchWidth ? rect.width : void 0;
-    const panelWidth = panelRef.current?.offsetWidth ?? width ?? 0;
+    const panelWidth = width ?? panelRef.current?.offsetWidth ?? 0;
     let left = align === "end" && panelWidth ? rect.right - panelWidth : rect.left;
     if (panelWidth) {
       left = Math.max(8, Math.min(left, viewportWidth - panelWidth - 8));
@@ -2449,6 +2451,7 @@ function ITDropdownMenu({
         "div",
         {
           ref: panelRef,
+          "data-it-floating": "true",
           role: "menu",
           "aria-label": triggerLabel,
           style: panelStyle,
@@ -2557,11 +2560,13 @@ function ITInput({
   max,
   readOnly = false,
   focusContent,
-  size = "md"
+  size = "md",
+  decimals
 }) {
   const isCheckboxOrRadio = type === "checkbox" || type === "radio";
   const isNumberType = type === "number";
   const isTextArea = type === "textarea";
+  const decimalPlaces = decimals ?? (currencyFormat ? 2 : 0);
   const [displayValue, setDisplayValue] = useState11("");
   const [isFocused, setIsFocused] = useState11(false);
   const [hasSelectedAll, setHasSelectedAll] = useState11(false);
@@ -2614,13 +2619,16 @@ function ITInput({
       }
       if (currencyFormat) {
         return num.toLocaleString("es-MX", {
-          minimumFractionDigits: 2,
-          maximumFractionDigits: 2
+          minimumFractionDigits: decimalPlaces,
+          maximumFractionDigits: decimalPlaces
         });
       }
+      if (decimalPlaces > 0) {
+        return num.toFixed(decimalPlaces);
+      }
       return num.toString();
     },
-    [currencyFormat]
+    [currencyFormat, decimalPlaces]
   );
   const unformatValue = useCallback5(
     (val) => {
@@ -2666,11 +2674,11 @@ function ITInput({
     if (allowedKeys.includes(key) || ctrlKey || metaKey) {
       return;
     }
-    if (!currencyFormat && (key === "." || key === ",")) {
+    if (decimalPlaces === 0 && (key === "." || key === ",")) {
       e.preventDefault();
       return;
     }
-    if (currencyFormat && (key === "." || key === ",") && currentValue.includes(".")) {
+    if (decimalPlaces > 0 && (key === "." || key === ",") && currentValue.includes(".")) {
       const dotIndex = currentValue.indexOf(".");
       const replacingDot = selectionStart !== null && selectionEnd !== null && selectionStart <= dotIndex && dotIndex < selectionEnd;
       if (!replacingDot) {
@@ -2678,7 +2686,7 @@ function ITInput({
         return;
       }
     }
-    const allowedCharsRegex = currencyFormat ? /^[0-9.,]$/ : /^[0-9]$/;
+    const allowedCharsRegex = decimalPlaces > 0 ? /^[0-9.,]$/ : /^[0-9]$/;
     if (key !== "Unidentified" && !allowedCharsRegex.test(key)) {
       e.preventDefault();
       return;
@@ -2696,7 +2704,7 @@ function ITInput({
     if (readOnly) return;
     let rawValue = e.target.value;
     let cleanedValue = "";
-    if (currencyFormat) {
+    if (decimalPlaces > 0) {
       if (rawValue.includes(",") && rawValue.includes(".")) {
         rawValue = rawValue.replace(/,/g, "");
       } else if (rawValue.includes(",")) {
@@ -2705,8 +2713,8 @@ function ITInput({
       cleanedValue = rawValue.replace(/[^0-9.]/g, "");
       const parts = cleanedValue.split(".");
       if (parts.length > 1) {
-        const decimals = parts.slice(1).join("").substring(0, 2);
-        cleanedValue = parts[0] + "." + decimals;
+        const decimalPart = parts.slice(1).join("").substring(0, decimalPlaces);
+        cleanedValue = parts[0] + "." + decimalPart;
       }
     } else {
       cleanedValue = rawValue.replace(/[^0-9]/g, "");
@@ -2717,7 +2725,7 @@ function ITInput({
       if (!formatNumber) {
         valueToSend = cleanedValue;
       } else if (cleanedValue !== "") {
-        if (currencyFormat) {
+        if (decimalPlaces > 0) {
           const numericValue = parseFloat(cleanedValue);
           if (!isNaN(numericValue)) {
             valueToSend = cleanedValue;
@@ -2794,7 +2802,7 @@ function ITInput({
       let numericValue = void 0;
       let valueToSend = void 0;
       let cleanedValue = "";
-      if (currencyFormat) {
+      if (decimalPlaces > 0) {
         cleanedValue = currentValue.replace(/[^0-9.]/g, "");
         const parts = cleanedValue.split(".");
         if (parts.length > 2) {
@@ -2804,7 +2812,7 @@ function ITInput({
       } else {
         cleanedValue = currentValue.replace(/[^0-9]/g, "");
       }
-      const parsed = currencyFormat ? parseFloat(cleanedValue) : parseInt(cleanedValue, 10);
+      const parsed = decimalPlaces > 0 ? parseFloat(cleanedValue) : parseInt(cleanedValue, 10);
       if (!isNaN(parsed)) {
         numericValue = parsed;
         if (min !== void 0 && numericValue < min) {
@@ -2837,7 +2845,7 @@ function ITInput({
     }
     onBlur?.(e);
   };
-  const currentLength = isNumberType ? (currencyFormat ? displayValue.replace(/[.,]/g, "") : displayValue).length : typeof value === "string" ? value.length : String(value ?? "").length;
+  const currentLength = isNumberType ? (decimalPlaces > 0 ? displayValue.replace(/[.,]/g, "") : displayValue).length : typeof value === "string" ? value.length : String(value ?? "").length;
   return /* @__PURE__ */ jsxs13("div", { className: clsx15("w-full", containerClassName), children: [
     isCheckboxOrRadio ? (
       // CHECKBOX / RADIO LAYOUT (Row)
@@ -2934,7 +2942,7 @@ function ITInput({
                 name,
                 id: name,
                 type: isNumberType ? "text" : type === "password" ? showPassword ? "text" : "password" : type,
-                inputMode: isNumberType ? currencyFormat ? "decimal" : "numeric" : void 0,
+                inputMode: isNumberType ? decimalPlaces > 0 ? "decimal" : "numeric" : void 0,
                 placeholder,
                 value: isNumberType ? displayValue : String(value ?? ""),
                 onChange: isNumberType ? handleNumberChange : handleTextChange,
@@ -2946,7 +2954,7 @@ function ITInput({
                 },
                 onKeyDown: isNumberType ? handleKeyDown : onKeyDown,
                 readOnly,
-                maxLength: isNumberType && !currencyFormat ? maxLength : void 0,
+                maxLength: isNumberType && decimalPlaces === 0 ? maxLength : void 0,
                 minLength,
                 min,
                 max,
@@ -3429,6 +3437,7 @@ function ITMultiSelect({
           "div",
           {
             ref: panelRef,
+            "data-it-floating": "true",
             role: "listbox",
             "aria-multiselectable": "true",
             style: panelStyle,
@@ -4098,6 +4107,7 @@ function ITSearchSelect({
           "div",
           {
             ref: panelRef,
+            "data-it-floating": "true",
             style: panelStyle,
             className: "bg-white dark:bg-slate-900 border border-secondary-200 dark:border-slate-800 rounded-lg shadow-xl overflow-hidden animate-in fade-in zoom-in duration-200 origin-top",
             children: /* @__PURE__ */ jsx21("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => {
@@ -4343,6 +4353,7 @@ function ITDatePicker({
         "div",
         {
           ref: panelRef,
+          "data-it-floating": "true",
           className: clsx22(
             calendarClassName,
             range ? "w-[320px]" : "w-[280px]"
@@ -5490,6 +5501,7 @@ function ITTimePicker({
         "div",
         {
           ref: dropdownRef,
+          "data-it-floating": "true",
           className: "bg-white border border-secondary-100 shadow-xl rounded-xl w-64 overflow-hidden flex flex-col animate-in fade-in zoom-in-95 duration-200 origin-top it-timepicker-dropdown",
           style: panelStyle,
           children: [
@@ -6198,10 +6210,52 @@ var ITImage = ({
 };
 var image_default = ITImage;
 
+// src/components/atoms/input-number/input-number.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+function parseNumber(raw) {
+  if (raw === void 0 || raw === null) return void 0;
+  if (typeof raw === "number") return Number.isFinite(raw) ? raw : void 0;
+  const cleaned = String(raw).replace(/,/g, "").trim();
+  if (cleaned === "" || cleaned === "-" || cleaned === ".") return void 0;
+  const parsed = Number(cleaned);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function ITInputNumber({
+  value,
+  onChange,
+  onBlur,
+  decimals = 2,
+  prefix,
+  iconLeft,
+  ...rest
+}) {
+  const resolvedIconLeft = iconLeft ?? (prefix ? /* @__PURE__ */ jsx36(ITText, { as: "span", className: "text-secondary-500 text-xs font-semibold", children: prefix }) : void 0);
+  const handleChange = (event) => {
+    onChange(parseNumber(event.target.value), event);
+  };
+  return /* @__PURE__ */ jsx36(
+    ITInput,
+    {
+      ...rest,
+      type: "number",
+      currencyFormat: true,
+      formatNumber: true,
+      decimals,
+      iconLeft: resolvedIconLeft,
+      value: value ?? "",
+      onChange: handleChange,
+      onBlur: (event) => {
+        const input = event.target;
+        onBlur?.(parseNumber(input.value), event);
+      }
+    }
+  );
+}
+
 // src/components/organisms/navbar/navbar.tsx
 import { useRef as useRef18, useState as useState24 } from "react";
 import { FaChevronDown as FaChevronDown3, FaChevronRight as FaChevronRight4, FaUserCircle } from "react-icons/fa";
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 function ITNavbar({
   logo,
   logoText,
@@ -6240,28 +6294,28 @@ function ITNavbar({
   const shouldUseLegacy = !navigationItems.length && (navItems || sidebarItems);
   if (shouldUseLegacy) {
     return /* @__PURE__ */ jsxs28("div", { className: "flex flex-col h-screen", children: [
-      /* @__PURE__ */ jsx36("nav", { className: "bg-white border-b border-secondary-200", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between mx-auto p-4", children: [
+      /* @__PURE__ */ jsx37("nav", { className: "bg-white border-b border-secondary-200", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between mx-auto p-4", children: [
         /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-3 rtl:space-x-reverse", children: [
-          logo && /* @__PURE__ */ jsx36("div", { className: "h-8", children: logo }),
-          logoText && /* @__PURE__ */ jsx36(ITText, { as: "span", className: "self-center text-2xl font-semibold whitespace-nowrap text-secondary-900", children: logoText })
+          logo && /* @__PURE__ */ jsx37("div", { className: "h-8", children: logo }),
+          logoText && /* @__PURE__ */ jsx37(ITText, { as: "span", className: "self-center text-2xl font-semibold whitespace-nowrap text-secondary-900", children: logoText })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-end w-full md:w-auto md:order-2", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-4 md:order-2", children: [
-          /* @__PURE__ */ jsx36("ul", { className: "hidden md:flex space-x-4", children: navItems }),
+        /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-end w-full md:w-auto md:order-2", children: /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-4 md:order-2", children: [
+          /* @__PURE__ */ jsx37("ul", { className: "hidden md:flex space-x-4", children: navItems }),
           userMenu && /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               "button",
               {
                 type: "button",
                 className: "flex text-sm bg-secondary-200 rounded-full md:me-0 focus:ring-4 focus:ring-secondary-300",
                 onClick: toggleUserMenu,
-                children: userMenu.userImage ? /* @__PURE__ */ jsx36(
+                children: userMenu.userImage ? /* @__PURE__ */ jsx37(
                   "img",
                   {
                     className: "w-8 h-8 rounded-full",
                     src: userMenu.userImage,
                     alt: "user photo"
                   }
-                ) : /* @__PURE__ */ jsx36(FaUserCircle, { className: "w-8 h-8 text-secondary-500" })
+                ) : /* @__PURE__ */ jsx37(FaUserCircle, { className: "w-8 h-8 text-secondary-500" })
               }
             ),
             isUserMenuOpen && /* @__PURE__ */ jsxs28(
@@ -6271,10 +6325,10 @@ function ITNavbar({
                 className: "z-[70] absolute right-0 mt-2 text-base list-none bg-white divide-y divide-secondary-100 rounded-lg shadow-sm",
                 children: [
                   /* @__PURE__ */ jsxs28("div", { className: "px-4 py-3", children: [
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-sm text-secondary-900", children: userMenu.userName }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-sm text-secondary-500 truncate", children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-sm text-secondary-900", children: userMenu.userName }),
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-sm text-secondary-500 truncate", children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx36("ul", { className: "py-2", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37("ul", { className: "py-2", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsx37(
                     "button",
                     {
                       onClick: () => {
@@ -6282,7 +6336,7 @@ function ITNavbar({
                         setIsUserMenuOpen(false);
                       },
                       className: "block px-4 py-2 text-sm text-secondary-700 hover:bg-secondary-100 w-full text-left",
-                      children: /* @__PURE__ */ jsx36(ITText, { as: "span", children: item.label })
+                      children: /* @__PURE__ */ jsx37(ITText, { as: "span", children: item.label })
                     }
                   ) }, index)) })
                 ]
@@ -6292,8 +6346,8 @@ function ITNavbar({
         ] }) })
       ] }) }),
       /* @__PURE__ */ jsxs28("div", { className: "flex-1 flex overflow-hidden relative", children: [
-        (showSidebar || showSidebarOnMobile) && /* @__PURE__ */ jsx36("aside", { className: "fixed inset-y-0 left-0 w-64 bg-secondary-50 transform transition-transform duration-300 ease-in-out z-[40] shadow-lg md:static md:transform-none md:shadow-none md:border-r md:border-secondary-200", children: /* @__PURE__ */ jsx36("div", { className: "h-full overflow-y-auto py-4 px-3", children: /* @__PURE__ */ jsx36("ul", { className: "space-y-2 font-medium", children: sidebarItems }) }) }),
-        /* @__PURE__ */ jsx36("main", { className: "flex-1 bg-secondary-100 overflow-y-auto", children })
+        (showSidebar || showSidebarOnMobile) && /* @__PURE__ */ jsx37("aside", { className: "fixed inset-y-0 left-0 w-64 bg-secondary-50 transform transition-transform duration-300 ease-in-out z-[40] shadow-lg md:static md:transform-none md:shadow-none md:border-r md:border-secondary-200", children: /* @__PURE__ */ jsx37("div", { className: "h-full overflow-y-auto py-4 px-3", children: /* @__PURE__ */ jsx37("ul", { className: "space-y-2 font-medium", children: sidebarItems }) }) }),
+        /* @__PURE__ */ jsx37("main", { className: "flex-1 bg-secondary-100 overflow-y-auto", children })
       ] })
     ] });
   }
@@ -6307,10 +6361,10 @@ function ITNavbar({
         style: { backgroundColor: sidebar.backgroundColor, borderRight: `1px solid ${sidebar.borderColor}` },
         children: [
           /* @__PURE__ */ jsxs28("div", { className: "p-6 flex items-center gap-3", style: { borderBottom: `1px solid ${sidebar.borderColor}` }, children: [
-            logo && /* @__PURE__ */ jsx36("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
-            logoText && /* @__PURE__ */ jsx36(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: sidebar.active.color }, children: logoText })
+            logo && /* @__PURE__ */ jsx37("div", { className: "h-8 w-auto object-contain transition-transform hover:scale-105", children: logo }),
+            logoText && /* @__PURE__ */ jsx37(ITText, { as: "span", className: "text-lg font-bold tracking-wide", style: { color: sidebar.active.color }, children: logoText })
           ] }),
-          /* @__PURE__ */ jsx36("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ jsx36("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ jsxs28("li", { children: [
+          /* @__PURE__ */ jsx37("nav", { className: "flex-1 px-4 py-6 overflow-y-auto custom-scrollbar", children: /* @__PURE__ */ jsx37("ul", { className: "flex flex-col gap-1.5", children: navigationItems.map((item) => /* @__PURE__ */ jsxs28("li", { children: [
             /* @__PURE__ */ jsxs28(
               "div",
               {
@@ -6335,16 +6389,16 @@ function ITNavbar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-                    item.icon && /* @__PURE__ */ jsx36("div", { className: "text-xl transition-colors", style: {
+                    item.icon && /* @__PURE__ */ jsx37("div", { className: "text-xl transition-colors", style: {
                       color: item.isActive ? sidebar.active.iconColor : sidebar.icon.color
                     }, children: item.icon }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: `font-medium text-sm ${item.isActive ? "font-semibold" : ""}`, children: item.label })
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: `font-medium text-sm ${item.isActive ? "font-semibold" : ""}`, children: item.label })
                   ] }),
-                  item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx36("div", { className: "transition-transform", style: { color: sidebar.icon.color }, children: expandedItems.has(item.id) ? /* @__PURE__ */ jsx36(FaChevronDown3, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx36(FaChevronRight4, { className: "w-3 h-3" }) })
+                  item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx37("div", { className: "transition-transform", style: { color: sidebar.icon.color }, children: expandedItems.has(item.id) ? /* @__PURE__ */ jsx37(FaChevronDown3, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx37(FaChevronRight4, { className: "w-3 h-3" }) })
                 ]
               }
             ),
-            item.subitems && item.subitems.length > 0 && expandedItems.has(item.id) && /* @__PURE__ */ jsx36("ul", { className: "mt-1 ml-4 pl-4 space-y-1", style: { borderLeft: `1px solid ${sidebar.borderColor}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsx36(
+            item.subitems && item.subitems.length > 0 && expandedItems.has(item.id) && /* @__PURE__ */ jsx37("ul", { className: "mt-1 ml-4 pl-4 space-y-1", style: { borderLeft: `1px solid ${sidebar.borderColor}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsx37(
               "button",
               {
                 onClick: subitem.action,
@@ -6363,11 +6417,11 @@ function ITNavbar({
                     e.currentTarget.style.backgroundColor = "transparent";
                   }
                 },
-                children: /* @__PURE__ */ jsx36(ITText, { as: "span", children: subitem.label })
+                children: /* @__PURE__ */ jsx37(ITText, { as: "span", children: subitem.label })
               }
             ) }, subitem.id)) })
           ] }, item.id)) }) }),
-          userMenu && /* @__PURE__ */ jsx36("div", { className: "p-4", style: { borderTop: `1px solid ${sidebar.borderColor}` }, children: /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
+          userMenu && /* @__PURE__ */ jsx37("div", { className: "p-4", style: { borderTop: `1px solid ${sidebar.borderColor}` }, children: /* @__PURE__ */ jsxs28("div", { className: "relative", children: [
             /* @__PURE__ */ jsxs28(
               "button",
               {
@@ -6384,7 +6438,7 @@ function ITNavbar({
                 },
                 onClick: toggleUserMenu,
                 children: [
-                  userMenu.userImage ? /* @__PURE__ */ jsx36(
+                  userMenu.userImage ? /* @__PURE__ */ jsx37(
                     "img",
                     {
                       className: "w-10 h-10 rounded-full border-2 transition-colors",
@@ -6392,19 +6446,19 @@ function ITNavbar({
                       alt: "user photo",
                       style: { borderColor: sidebar.borderColor }
                     }
-                  ) : /* @__PURE__ */ jsx36(
+                  ) : /* @__PURE__ */ jsx37(
                     "div",
                     {
                       className: "w-10 h-10 rounded-full flex items-center justify-center transition-colors",
                       style: { backgroundColor: sidebar.hover.backgroundColor, color: sidebar.icon.color },
-                      children: /* @__PURE__ */ jsx36(FaUserCircle, { className: "w-6 h-6" })
+                      children: /* @__PURE__ */ jsx37(FaUserCircle, { className: "w-6 h-6" })
                     }
                   ),
                   /* @__PURE__ */ jsxs28("div", { className: "flex-1 text-left overflow-hidden", children: [
-                    /* @__PURE__ */ jsx36(ITText, { as: "div", className: "font-medium text-sm truncate", style: { color: sidebar.active.color }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "div", className: "text-xs truncate", style: { color: sidebar.label.color }, children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx37(ITText, { as: "div", className: "font-medium text-sm truncate", style: { color: sidebar.active.color }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx37(ITText, { as: "div", className: "text-xs truncate", style: { color: sidebar.label.color }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx36(FaChevronRight4, { className: "w-3 h-3", style: { color: sidebar.icon.color } })
+                  /* @__PURE__ */ jsx37(FaChevronRight4, { className: "w-3 h-3", style: { color: sidebar.icon.color } })
                 ]
               }
             ),
@@ -6416,10 +6470,10 @@ function ITNavbar({
                 style: { backgroundColor: topbar.userMenu.dropdown.backgroundColor, border: `1px solid ${topbar.userMenu.dropdown.borderColor}` },
                 children: [
                   /* @__PURE__ */ jsxs28("div", { className: "px-4 py-3", style: { backgroundColor: topbar.userMenu.backgroundColor, borderBottom: `1px solid ${topbar.userMenu.dropdown.borderColor}` }, children: [
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-sm font-semibold", style: { color: topbar.userMenu.textColor }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx36(ITText, { as: "span", className: "block text-xs truncate", style: { color: topbar.userMenu.subtitleColor }, children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-sm font-semibold", style: { color: topbar.userMenu.textColor }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx37(ITText, { as: "span", className: "block text-xs truncate", style: { color: topbar.userMenu.subtitleColor }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx36("ul", { className: "py-1", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx36("li", { children: /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx37("ul", { className: "py-1", children: userMenu.menuItems.map((item, index) => /* @__PURE__ */ jsx37("li", { children: /* @__PURE__ */ jsx37(
                     "button",
                     {
                       onClick: () => {
@@ -6434,7 +6488,7 @@ function ITNavbar({
                       onMouseLeave: (e) => {
                         e.currentTarget.style.backgroundColor = "transparent";
                       },
-                      children: /* @__PURE__ */ jsx36(ITText, { as: "span", children: item.label })
+                      children: /* @__PURE__ */ jsx37(ITText, { as: "span", children: item.label })
                     }
                   ) }, index)) })
                 ]
@@ -6444,7 +6498,7 @@ function ITNavbar({
         ]
       }
     ),
-    /* @__PURE__ */ jsx36("main", { className: "flex-1 overflow-y-auto relative", style: { backgroundColor: theme.layout.backgroundColor }, children })
+    /* @__PURE__ */ jsx37("main", { className: "flex-1 overflow-y-auto relative", style: { backgroundColor: theme.layout.backgroundColor }, children })
   ] });
 }
 
@@ -6453,7 +6507,7 @@ import clsx33 from "clsx";
 
 // src/components/organisms/page-header/page-header.tsx
 import { FaChevronLeft as FaChevronLeft3 } from "react-icons/fa";
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
 function ITPageHeader({
   title,
   description,
@@ -6468,22 +6522,22 @@ function ITPageHeader({
   return /* @__PURE__ */ jsxs29("div", { className: `${className} space-y-3`, children: [
     showTopRow && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2 min-w-0", children: [
-        backAction && /* @__PURE__ */ jsx37(
+        backAction && /* @__PURE__ */ jsx38(
           "button",
           {
             onClick: backAction,
             className: "flex items-center justify-center w-9 h-9 rounded-full border border-slate-200 dark:border-slate-700 text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 hover:border-slate-300 dark:hover:border-slate-600 hover:bg-slate-50 dark:hover:bg-slate-800/60 transition-all duration-200 flex-shrink-0",
             "aria-label": "Volver",
-            children: /* @__PURE__ */ jsx37(FaChevronLeft3, { size: 14 })
+            children: /* @__PURE__ */ jsx38(FaChevronLeft3, { size: 14 })
           }
         ),
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx37(ITBreadcrumbs, { items: breadcrumbs })
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx38(ITBreadcrumbs, { items: breadcrumbs })
       ] }),
-      actions && /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
+      actions && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
     ] }),
     /* @__PURE__ */ jsxs29("div", { className: "flex items-start justify-between gap-6", children: [
       /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-4 min-w-0", children: [
-        icon && /* @__PURE__ */ jsx37(
+        icon && /* @__PURE__ */ jsx38(
           "div",
           {
             className: "flex items-center justify-center w-12 h-12 rounded-full border border-slate-200 dark:border-slate-700 bg-slate-50/50 dark:bg-slate-800/50 text-slate-600 dark:text-slate-300 flex-shrink-0 transition-all duration-200 hover:border-slate-300 dark:hover:border-slate-500 hover:shadow-sm",
@@ -6492,7 +6546,7 @@ function ITPageHeader({
           }
         ),
         /* @__PURE__ */ jsxs29("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx38(
             ITText,
             {
               as: "h1",
@@ -6500,7 +6554,7 @@ function ITPageHeader({
               children: title
             }
           ),
-          description && /* @__PURE__ */ jsx37(
+          description && /* @__PURE__ */ jsx38(
             ITText,
             {
               as: "p",
@@ -6510,14 +6564,14 @@ function ITPageHeader({
           )
         ] })
       ] }),
-      !showTopRow && actions && /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
+      !showTopRow && actions && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-3 flex-shrink-0", children: actions })
     ] })
   ] });
 }
 
 // src/components/atoms/skeleton/skeleton.tsx
 import clsx31 from "clsx";
-import { Fragment as Fragment7, jsx as jsx38 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx39 } from "react/jsx-runtime";
 var variantClasses = {
   text: "rounded-md h-4 w-full",
   circular: "rounded-full",
@@ -6537,7 +6591,7 @@ function ITSkeleton({
     ...style
   };
   const items = Array.from({ length: count }, (_, i) => i);
-  return /* @__PURE__ */ jsx38(Fragment7, { children: items.map((i) => /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Fragment7, { children: items.map((i) => /* @__PURE__ */ jsx39(
     "div",
     {
       className: clsx31(
@@ -6558,7 +6612,7 @@ function ITSkeleton({
 // src/components/atoms/stack/stack.tsx
 import clsx32 from "clsx";
 import { Children, cloneElement, isValidElement, Fragment as Fragment8 } from "react";
-import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
 var directionMap2 = {
   row: "flex-row",
   column: "flex-col",
@@ -6603,7 +6657,7 @@ function ITStack({
     gap: spacing > 0 ? `${spacing * 0.25}rem` : void 0,
     ...style
   };
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     Component,
     {
       className: clsx32(
@@ -6624,11 +6678,11 @@ function ITStack({
 }
 
 // src/components/templates/page/page.tsx
-import { jsx as jsx40, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 var hasHeader = (props) => !!(props.title || props.description || props.breadcrumbs || props.actions || props.backAction || props.icon);
 var renderHeader = (props) => {
   if (!hasHeader(props)) return null;
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     ITPageHeader,
     {
       title: props.title || "",
@@ -6670,21 +6724,21 @@ function ITPage(props) {
     return /* @__PURE__ */ jsxs31("div", { className: wrapperClass, children: [
       renderHeader(props),
       /* @__PURE__ */ jsxs31(ITStack, { spacing: 6, children: [
-        /* @__PURE__ */ jsx40(ITSkeleton, { variant: "rectangular", height: 40, width: "40%", className: "rounded-lg" }),
-        /* @__PURE__ */ jsx40(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" }),
-        /* @__PURE__ */ jsx40(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" })
+        /* @__PURE__ */ jsx41(ITSkeleton, { variant: "rectangular", height: 40, width: "40%", className: "rounded-lg" }),
+        /* @__PURE__ */ jsx41(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" }),
+        /* @__PURE__ */ jsx41(ITSkeleton, { variant: "rectangular", height: 200, className: "rounded-lg" })
       ] })
     ] });
   }
   if (error) {
     return /* @__PURE__ */ jsxs31("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ITEmptyState,
         {
           title: errorTitle || "Error",
           description: error,
-          action: onRetry ? /* @__PURE__ */ jsx40(
+          action: onRetry ? /* @__PURE__ */ jsx41(
             ITButton,
             {
               label: errorActionLabel || "Reintentar",
@@ -6699,7 +6753,7 @@ function ITPage(props) {
   if (empty) {
     return /* @__PURE__ */ jsxs31("div", { className: wrapperClass, children: [
       renderHeader(props),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ITEmptyState,
         {
           title: emptyTitle || "Sin datos",
@@ -6718,7 +6772,7 @@ function ITPage(props) {
 // src/components/atoms/popover/popover.tsx
 import { useState as useState25, useRef as useRef19 } from "react";
 import clsx34 from "clsx";
-import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
 var positionClasses = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -6742,14 +6796,14 @@ function ITPopover({
     else setInternalOpen(false);
   });
   return /* @__PURE__ */ jsxs32("div", { ref, className: clsx34("relative inline-flex", className), children: [
-    /* @__PURE__ */ jsx41("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
-    open && /* @__PURE__ */ jsx41("div", { className: clsx34("absolute z-[70]", positionClasses[position]), children: /* @__PURE__ */ jsx41("div", { className: "bg-white dark:bg-slate-800 rounded-xl shadow-xl border border-slate-200 dark:border-slate-700 p-3 min-w-[160px]", children }) })
+    /* @__PURE__ */ jsx42("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
+    open && /* @__PURE__ */ jsx42("div", { className: clsx34("absolute z-[70]", positionClasses[position]), children: /* @__PURE__ */ jsx42("div", { className: "bg-white dark:bg-slate-800 rounded-xl shadow-xl border border-slate-200 dark:border-slate-700 p-3 min-w-[160px]", children }) })
   ] });
 }
 
 // src/components/atoms/progress/progress.tsx
 import clsx35 from "clsx";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var colorMap = {
   primary: "bg-primary-500",
   secondary: "bg-secondary-500",
@@ -6776,7 +6830,7 @@ function ITProgress({
   style
 }) {
   const pct = Math.min(Math.max(value / max * 100, 0), 100);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: clsx35("w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden", sizeMap2[size], className),
@@ -6784,7 +6838,7 @@ function ITProgress({
       role: "progressbar",
       "aria-valuenow": variant === "determinate" ? value : void 0,
       "aria-valuemax": max,
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx43(
         "div",
         {
           className: clsx35(
@@ -6801,7 +6855,7 @@ function ITProgress({
 
 // src/components/atoms/radio/radio.tsx
 import clsx36 from "clsx";
-import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 function ITRadioGroup({
   name,
   value,
@@ -6811,7 +6865,7 @@ function ITRadioGroup({
   direction = "column",
   className
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: clsx36(
@@ -6829,7 +6883,7 @@ function ITRadioGroup({
               disabled && "opacity-50 cursor-not-allowed"
             ),
             children: [
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 "input",
                 {
                   type: "radio",
@@ -6841,7 +6895,7 @@ function ITRadioGroup({
                   className: "peer sr-only"
                 }
               ),
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44(
                 "div",
                 {
                   className: clsx36(
@@ -6849,10 +6903,10 @@ function ITRadioGroup({
                     isSelected ? "border-primary-500" : "border-slate-300 dark:border-slate-600",
                     !disabled && "peer-focus:ring-2 peer-focus:ring-primary-200"
                   ),
-                  children: isSelected && /* @__PURE__ */ jsx43("div", { className: "w-2 h-2 rounded-full bg-primary-500" })
+                  children: isSelected && /* @__PURE__ */ jsx44("div", { className: "w-2 h-2 rounded-full bg-primary-500" })
                 }
               ),
-              /* @__PURE__ */ jsx43(ITText, { as: "span", className: "text-sm text-slate-700 dark:text-slate-300", children: opt.label })
+              /* @__PURE__ */ jsx44(ITText, { as: "span", className: "text-sm text-slate-700 dark:text-slate-300", children: opt.label })
             ]
           },
           opt.value
@@ -6868,7 +6922,7 @@ import { useState as useState26 } from "react";
 
 // src/components/organisms/searchTable/components/SearchInput.tsx
 import { FaSearch as FaSearch3 } from "react-icons/fa";
-import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 function SearchInput({
   placeholder = "Buscar en todos los campos...",
   value,
@@ -6876,8 +6930,8 @@ function SearchInput({
   className = ""
 }) {
   return /* @__PURE__ */ jsxs34("div", { className: `relative flex-1 ${className}`, children: [
-    /* @__PURE__ */ jsx44("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx44(FaSearch3, { className: "h-5 w-5 text-secondary-400" }) }),
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx45("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx45(FaSearch3, { className: "h-5 w-5 text-secondary-400" }) }),
+    /* @__PURE__ */ jsx45(
       ITInput,
       {
         name: "global-search",
@@ -6894,7 +6948,7 @@ function SearchInput({
 
 // src/components/organisms/searchTable/components/SortButton.tsx
 import { FaSort, FaSortUp, FaSortDown } from "react-icons/fa";
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
 function SortButton({
   sortConfig,
   onClick,
@@ -6908,15 +6962,15 @@ function SortButton({
       "aria-label": `Ordenar tabla ${sortConfig ? sortConfig.direction === "asc" ? "descendente" : "ascendente" : "ascendente"}`,
       title: "Ordenar tabla",
       children: [
-        sortConfig ? sortConfig.direction === "asc" ? /* @__PURE__ */ jsx45(FaSortUp, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx45(FaSortDown, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx45(FaSort, { className: "w-4 h-4 text-secondary-500" }),
-        /* @__PURE__ */ jsx45(ITText, { as: "span", className: "text-sm font-medium text-secondary-700", children: sortConfig ? sortConfig.direction === "asc" ? "Asc \u2191" : "Desc \u2193" : "Ordenar" })
+        sortConfig ? sortConfig.direction === "asc" ? /* @__PURE__ */ jsx46(FaSortUp, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx46(FaSortDown, { className: "w-4 h-4 text-slate-500" }) : /* @__PURE__ */ jsx46(FaSort, { className: "w-4 h-4 text-secondary-500" }),
+        /* @__PURE__ */ jsx46(ITText, { as: "span", className: "text-sm font-medium text-secondary-700", children: sortConfig ? sortConfig.direction === "asc" ? "Asc \u2191" : "Desc \u2193" : "Ordenar" })
       ]
     }
   );
 }
 
 // src/components/organisms/searchTable/components/SearchAndSortBar.tsx
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 function SearchAndSortBar({
   searchTerm,
   onSearchChange,
@@ -6925,8 +6979,8 @@ function SearchAndSortBar({
   sortConfig,
   searchInputPlaceholder = "Buscar en todos los campos..."
 }) {
-  return /* @__PURE__ */ jsx46("div", { className: "bg-secondary-50 px-6 py-4 border-b border-secondary-200", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47("div", { className: "bg-secondary-50 px-6 py-4 border-b border-secondary-200", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ jsx47(
       SearchInput,
       {
         placeholder: searchInputPlaceholder,
@@ -6934,8 +6988,8 @@ function SearchAndSortBar({
         onChange: onSearchChange
       }
     ),
-    /* @__PURE__ */ jsx46(SortButton, { sortConfig, onClick: onGlobalSort }),
-    searchTerm && /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(SortButton, { sortConfig, onClick: onGlobalSort }),
+    searchTerm && /* @__PURE__ */ jsx47(
       ITButton,
       {
         size: "sm",
@@ -6944,14 +6998,14 @@ function SearchAndSortBar({
         onClick: onClearSearch,
         ariaLabel: "Limpiar b\xFAsqueda",
         title: "Limpiar b\xFAsqueda",
-        children: /* @__PURE__ */ jsx46(ITText, { as: "span", children: "Limpiar" })
+        children: /* @__PURE__ */ jsx47(ITText, { as: "span", children: "Limpiar" })
       }
     )
   ] }) });
 }
 
 // src/components/organisms/searchTable/components/TableHeaderCell.tsx
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 function TableHeaderCell({
   label,
   sortable = false,
@@ -6959,8 +7013,8 @@ function TableHeaderCell({
   sortConfig,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx47("th", { className, children: /* @__PURE__ */ jsx47("div", { className: "flex flex-col items-center gap-2 w-full", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-center gap-2 w-full", children: [
-    /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48("th", { className, children: /* @__PURE__ */ jsx48("div", { className: "flex flex-col items-center gap-2 w-full", children: /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-center gap-2 w-full", children: [
+    /* @__PURE__ */ jsx48(
       ITText,
       {
         as: "span",
@@ -6974,18 +7028,18 @@ function TableHeaderCell({
         children: label
       }
     ),
-    sortable && /* @__PURE__ */ jsx47(SortButton, { sortConfig, onClick: onSort })
+    sortable && /* @__PURE__ */ jsx48(SortButton, { sortConfig, onClick: onSort })
   ] }) }) });
 }
 
 // src/components/organisms/searchTable/components/TableHeader.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   onSort,
   sortConfig
 }) {
-  return /* @__PURE__ */ jsx48("thead", { children: /* @__PURE__ */ jsx48("tr", { className: "bg-white border-b border-secondary-200", children: columns.map((col) => /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49("thead", { children: /* @__PURE__ */ jsx49("tr", { className: "bg-white border-b border-secondary-200", children: columns.map((col) => /* @__PURE__ */ jsx49(
     TableHeaderCell,
     {
       label: col.label,
@@ -7003,7 +7057,7 @@ import clsx37 from "clsx";
 import { FaCheck as FaCheck3, FaTimes as FaTimes8 } from "react-icons/fa";
 
 // src/components/organisms/searchTable/components/EditableCell.tsx
-import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
 function EditableCell({
   column,
   value,
@@ -7032,7 +7086,7 @@ function EditableCell({
     onChange(value, errorMsg);
   };
   const renderITInput = (type) => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITInput,
       {
         type,
@@ -7046,7 +7100,7 @@ function EditableCell({
     );
   };
   const renderITDatePicker = () => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITDatePicker,
       {
         name: column.key,
@@ -7059,7 +7113,7 @@ function EditableCell({
     );
   };
   const renderITSelect = (options) => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITSelect,
       {
         name: column.key,
@@ -7073,7 +7127,7 @@ function EditableCell({
     );
   };
   const renderBooleanInput = () => {
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx50(
       ITInput,
       {
         type: "checkbox",
@@ -7116,12 +7170,12 @@ function EditableCell({
   };
   return /* @__PURE__ */ jsxs38("div", { className: "w-full", children: [
     renderInput(),
-    error && /* @__PURE__ */ jsx49("div", { className: "text-danger-500 text-xs mt-1", children: /* @__PURE__ */ jsx49(ITText, { as: "span", children: error }) })
+    error && /* @__PURE__ */ jsx50("div", { className: "text-danger-500 text-xs mt-1", children: /* @__PURE__ */ jsx50(ITText, { as: "span", children: error }) })
   ] });
 }
 
 // src/components/organisms/searchTable/components/TableRow.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function TableRow({
   row,
   rowIndex,
@@ -7154,14 +7208,14 @@ function TableRow({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ jsx50(
+        return value ? /* @__PURE__ */ jsx51(
           FaCheck3,
           {
             className: "text-green-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ jsx50(FaTimes8, { className: "text-danger-500", "aria-label": "Falso", title: "Falso" });
+        ) : /* @__PURE__ */ jsx51(FaTimes8, { className: "text-danger-500", "aria-label": "Falso", title: "Falso" });
       case "actions":
         if (isEditing && col.saveActions) {
           return col.saveActions(rowData, {
@@ -7185,19 +7239,19 @@ function TableRow({
         return value;
     }
   };
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "tr",
     {
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
       className: `border-b border-secondary-200 transition-colors duration-150 ${isEditing ? "bg-slate-50" : rowIndex % 2 === 0 ? "bg-white" : "bg-secondary-50"} ${isHovered && !isEditing ? "bg-secondary-100" : ""}`,
-      children: columns.map((col) => /* @__PURE__ */ jsx50(
+      children: columns.map((col) => /* @__PURE__ */ jsx51(
         "td",
         {
           className: clsx37("pl-5 py-2", col.className, {
             "text-center": col.type === "actions" || col.type === "boolean"
           }),
-          children: isEditing && col.editable ? /* @__PURE__ */ jsx50(
+          children: isEditing && col.editable ? /* @__PURE__ */ jsx51(
             EditableCell,
             {
               column: col,
@@ -7206,7 +7260,7 @@ function TableRow({
               error: errors[col.key],
               row: editedRow
             }
-          ) : /* @__PURE__ */ jsx50(
+          ) : /* @__PURE__ */ jsx51(
             "div",
             {
               className: clsx37({
@@ -7226,12 +7280,12 @@ function TableRow({
 }
 
 // src/components/organisms/searchTable/components/TableEmptyState.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function TableEmptyState({
   colSpan,
   searchTerm
 }) {
-  return /* @__PURE__ */ jsx51("tr", { children: /* @__PURE__ */ jsx51("td", { colSpan, className: "px-6 py-4 text-center", children: searchTerm ? /* @__PURE__ */ jsx51(ITText, { as: "span", children: "No se encontraron resultados para tu b\xFAsqueda" }) : /* @__PURE__ */ jsx51(ITText, { as: "span", children: "No se encontraron resultados" }) }) });
+  return /* @__PURE__ */ jsx52("tr", { children: /* @__PURE__ */ jsx52("td", { colSpan, className: "px-6 py-4 text-center", children: searchTerm ? /* @__PURE__ */ jsx52(ITText, { as: "span", children: "No se encontraron resultados para tu b\xFAsqueda" }) : /* @__PURE__ */ jsx52(ITText, { as: "span", children: "No se encontraron resultados" }) }) });
 }
 
 // src/components/organisms/searchTable/components/PaginationControls.tsx
@@ -7254,7 +7308,7 @@ function PaginationInfo({
 }
 
 // src/components/organisms/searchTable/components/PaginationControls.tsx
-import { jsx as jsx52, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
 function PaginationControls({
   pageIndex,
   totalPages,
@@ -7269,10 +7323,10 @@ function PaginationControls({
 }) {
   return /* @__PURE__ */ jsxs40("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4", children: [
     /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx52(PaginationInfo, { currentCount, totalCount }),
+      /* @__PURE__ */ jsx53(PaginationInfo, { currentCount, totalCount }),
       /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx52(ITText, { as: "span", className: "text-sm text-secondary-700", children: "Mostrar:" }),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(ITText, { as: "span", className: "text-sm text-secondary-700", children: "Mostrar:" }),
+        /* @__PURE__ */ jsx53(
           ITSelect,
           {
             name: "itemsPerPage",
@@ -7291,7 +7345,7 @@ function PaginationControls({
       ] })
     ] }),
     /* @__PURE__ */ jsxs40("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ITButton,
         {
           color: "secondary",
@@ -7301,7 +7355,7 @@ function PaginationControls({
           className: "min-w-[32px]",
           ariaLabel: "P\xE1gina anterior",
           title: "Ir a la p\xE1gina anterior",
-          children: /* @__PURE__ */ jsx52(FaArrowLeft, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx53(FaArrowLeft, { "aria-hidden": "true" })
         }
       ),
       /* @__PURE__ */ jsxs40(ITText, { as: "span", className: "px-4 py-2 text-sm text-secondary-700", "aria-live": "polite", children: [
@@ -7310,7 +7364,7 @@ function PaginationControls({
         " de ",
         totalPages
       ] }),
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         ITButton,
         {
           size: "sm",
@@ -7320,7 +7374,7 @@ function PaginationControls({
           className: "min-w-[32px]",
           ariaLabel: "P\xE1gina siguiente",
           title: "Ir a la p\xE1gina siguiente",
-          children: /* @__PURE__ */ jsx52(FaArrowRight, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx53(FaArrowRight, { "aria-hidden": "true" })
         }
       )
     ] })
@@ -7328,7 +7382,7 @@ function PaginationControls({
 }
 
 // src/components/organisms/searchTable/searchTable.tsx
-import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs41 } from "react/jsx-runtime";
 function ITSearchTable({
   columns,
   data,
@@ -7395,9 +7449,9 @@ function ITSearchTable({
   };
   return /* @__PURE__ */ jsxs41("div", { className: clsx38("space-y-4 w-full", containerClassName), children: [
     /* @__PURE__ */ jsxs41("div", { className: "shadow-md sm:rounded-lg overflow-hidden", children: [
-      title && /* @__PURE__ */ jsx53("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ jsx53(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
+      title && /* @__PURE__ */ jsx54("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ jsx54(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
       /* @__PURE__ */ jsxs41("div", { className: "bg-white", children: [
-        /* @__PURE__ */ jsx53("div", { className: "p-4 border-b border-secondary-200", children: /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54("div", { className: "p-4 border-b border-secondary-200", children: /* @__PURE__ */ jsx54(
           SearchAndSortBar,
           {
             searchTerm,
@@ -7408,7 +7462,7 @@ function ITSearchTable({
             searchInputPlaceholder
           }
         ) }),
-        /* @__PURE__ */ jsx53("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsx54("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs41(
           "table",
           {
             className: clsx38(
@@ -7417,7 +7471,7 @@ function ITSearchTable({
               sizeStyles[size]
             ),
             children: [
-              /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54(
                 TableHeader,
                 {
                   columns,
@@ -7425,7 +7479,7 @@ function ITSearchTable({
                   sortConfig
                 }
               ),
-              /* @__PURE__ */ jsx53("tbody", { children: data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx53(
+              /* @__PURE__ */ jsx54("tbody", { children: data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx54(
                 TableRow,
                 {
                   row,
@@ -7439,7 +7493,7 @@ function ITSearchTable({
                   onCancel: handleCancelEdit
                 },
                 rowIndex
-              )) : /* @__PURE__ */ jsx53(
+              )) : /* @__PURE__ */ jsx54(
                 TableEmptyState,
                 {
                   colSpan: columns.length + 1,
@@ -7451,7 +7505,7 @@ function ITSearchTable({
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       PaginationControls,
       {
         pageIndex,
@@ -7471,7 +7525,7 @@ function ITSearchTable({
 
 // src/components/atoms/segmented-control/segmented-control.tsx
 import clsx39 from "clsx";
-import { jsx as jsx54, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
 var sizeMap3 = {
   sm: { button: "px-2.5 py-1.5 text-[11px]", container: "p-0.5" },
   md: { button: "px-3 py-2 text-xs", container: "p-1" }
@@ -7485,7 +7539,7 @@ function ITSegmentedControl({
   disabled = false
 }) {
   const { button, container } = sizeMap3[size];
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       className: clsx39(
@@ -7508,8 +7562,8 @@ function ITSegmentedControl({
               disabled && "pointer-events-none"
             ),
             children: [
-              opt.icon && /* @__PURE__ */ jsx54("span", { children: opt.icon }),
-              /* @__PURE__ */ jsx54(ITText, { as: "span", children: opt.label })
+              opt.icon && /* @__PURE__ */ jsx55("span", { children: opt.icon }),
+              /* @__PURE__ */ jsx55(ITText, { as: "span", children: opt.label })
             ]
           },
           opt.value
@@ -7522,7 +7576,7 @@ function ITSegmentedControl({
 // src/components/organisms/sidebar/sidebar.tsx
 import { useEffect as useEffect13, useRef as useRef20, useState as useState27 } from "react";
 import { FaChevronDown as FaChevronDown4 } from "react-icons/fa";
-import { jsx as jsx55, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
 function isSubItemGroup(entry) {
   return "items" in entry;
 }
@@ -7610,7 +7664,7 @@ function ITSidebar({
   };
   const isSidebarCollapsed = visibleOnMobile ? false : !isHovering && isCollapsed;
   const sidebarWidth = isSidebarCollapsed ? "w-[88px]" : "w-[280px]";
-  const renderSubItem = (subitem) => /* @__PURE__ */ jsx55("li", { className: "relative", children: /* @__PURE__ */ jsxs43(
+  const renderSubItem = (subitem) => /* @__PURE__ */ jsx56("li", { className: "relative", children: /* @__PURE__ */ jsxs43(
     "button",
     {
       "aria-current": subitem.isActive ? "page" : void 0,
@@ -7640,7 +7694,7 @@ function ITSidebar({
         }
       },
       children: [
-        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ jsx55(
+        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ jsx56(
           "div",
           {
             className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full transition-all",
@@ -7650,7 +7704,7 @@ function ITSidebar({
             }
           }
         ),
-        subitemConnector === "dot" && /* @__PURE__ */ jsx55(
+        subitemConnector === "dot" && /* @__PURE__ */ jsx56(
           "span",
           {
             className: `w-1.5 h-1.5 rounded-full flex-shrink-0 transition-all duration-300 ${subitem.isActive ? "scale-125" : ""}`,
@@ -7659,14 +7713,14 @@ function ITSidebar({
             }
           }
         ),
-        /* @__PURE__ */ jsx55(ITText, { as: "span", className: "truncate", children: subitem.label })
+        /* @__PURE__ */ jsx56(ITText, { as: "span", className: "truncate", children: subitem.label })
       ]
     }
   ) }, subitem.id);
   const renderSubItemGroup = (group, itemId) => {
     const headingId = `it-sidebar-subgroup-${itemId}-${group.id}`;
     return /* @__PURE__ */ jsxs43("li", { className: "relative", children: [
-      /* @__PURE__ */ jsx55("div", { id: headingId, className: "px-3 pt-2.5 pb-1 mt-1", children: /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx56("div", { id: headingId, className: "px-3 pt-2.5 pb-1 mt-1", children: /* @__PURE__ */ jsx56(
         ITText,
         {
           as: "span",
@@ -7681,7 +7735,7 @@ function ITSidebar({
           children: group.label
         }
       ) }),
-      /* @__PURE__ */ jsx55("ul", { "aria-labelledby": headingId, className: "flex flex-col gap-0", children: group.items.map(renderSubItem) })
+      /* @__PURE__ */ jsx56("ul", { "aria-labelledby": headingId, className: "flex flex-col gap-0", children: group.items.map(renderSubItem) })
     ] }, group.id);
   };
   return /* @__PURE__ */ jsxs43(
@@ -7704,8 +7758,8 @@ function ITSidebar({
         backdropFilter: "blur(12px)"
       },
       children: [
-        header && !isSidebarCollapsed && /* @__PURE__ */ jsx55("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
-        /* @__PURE__ */ jsx55("nav", { "aria-label": "Componentes de la librer\xEDa", className: "flex-1 py-4 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ jsx55("ul", { className: "space-y-1", children: navigationItems.map((item) => {
+        header && !isSidebarCollapsed && /* @__PURE__ */ jsx56("div", { className: "px-4 pt-4 pb-1 flex-shrink-0", children: header }),
+        /* @__PURE__ */ jsx56("nav", { "aria-label": "Componentes de la librer\xEDa", className: "flex-1 py-4 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ jsx56("ul", { className: "space-y-1", children: navigationItems.map((item) => {
           const hasSubmenu = !!item.subitems && item.subitems.length > 0;
           const submenuId = `it-sidebar-submenu-${item.id}`;
           return /* @__PURE__ */ jsxs43("li", { className: "relative group/navitem", children: [
@@ -7741,7 +7795,7 @@ function ITSidebar({
                   }
                 },
                 children: [
-                  item.isActive && !isSidebarCollapsed && /* @__PURE__ */ jsx55(
+                  item.isActive && !isSidebarCollapsed && /* @__PURE__ */ jsx56(
                     "div",
                     {
                       className: "absolute left-0 top-1/4 bottom-1/4 w-[3px] rounded-r-full transition-all",
@@ -7749,7 +7803,7 @@ function ITSidebar({
                     }
                   ),
                   /* @__PURE__ */ jsxs43("div", { className: `flex items-center ${!isSidebarCollapsed ? "gap-2.5" : "justify-center"} relative z-10 w-full`, children: [
-                    item.icon && /* @__PURE__ */ jsx55(
+                    item.icon && /* @__PURE__ */ jsx56(
                       "div",
                       {
                         className: `transition-all duration-300 flex-shrink-0 flex items-center justify-center`,
@@ -7762,7 +7816,7 @@ function ITSidebar({
                         children: item.icon
                       }
                     ),
-                    !isSidebarCollapsed && /* @__PURE__ */ jsx55(
+                    !isSidebarCollapsed && /* @__PURE__ */ jsx56(
                       ITText,
                       {
                         as: "span",
@@ -7776,15 +7830,15 @@ function ITSidebar({
                       }
                     )
                   ] }),
-                  !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx55(
+                  !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx56(
                     "div",
                     {
                       className: `flex-shrink-0 transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "rotate-180" : ""}`,
                       style: { color: item.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-icon-color, var(--color-secondary-500))", opacity: 0.7 },
-                      children: /* @__PURE__ */ jsx55(FaChevronDown4, { className: "w-3 h-3" })
+                      children: /* @__PURE__ */ jsx56(FaChevronDown4, { className: "w-3 h-3" })
                     }
                   ),
-                  item.badge && /* @__PURE__ */ jsx55(
+                  item.badge && /* @__PURE__ */ jsx56(
                     "span",
                     {
                       className: `
@@ -7814,15 +7868,15 @@ function ITSidebar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs43("div", { className: "px-5 py-4 flex items-center gap-3 font-semibold border-b", style: { borderColor: "var(--it-sidebar-border, var(--color-secondary-200))", color: "var(--it-sidebar-active-color, var(--color-secondary-900))" }, children: [
-                    item.icon && /* @__PURE__ */ jsx55("span", { style: { color: "var(--it-sidebar-active-icon, var(--color-primary-500))" }, className: "text-xl drop-shadow-sm", children: item.icon }),
-                    /* @__PURE__ */ jsx55(ITText, { as: "span", className: "tracking-wide text-[15px]", children: item.label })
+                    item.icon && /* @__PURE__ */ jsx56("span", { style: { color: "var(--it-sidebar-active-icon, var(--color-primary-500))" }, className: "text-xl drop-shadow-sm", children: item.icon }),
+                    /* @__PURE__ */ jsx56(ITText, { as: "span", className: "tracking-wide text-[15px]", children: item.label })
                   ] }),
-                  item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ jsx55("div", { className: "py-2", children: flattenSubItems(item.subitems).map((subitem) => /* @__PURE__ */ jsxs43(
+                  item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ jsx56("div", { className: "py-2", children: flattenSubItems(item.subitems).map((subitem) => /* @__PURE__ */ jsxs43(
                     "div",
                     {
                       className: `px-5 py-2.5 text-sm flex items-center gap-3 transition-colors relative`,
                       children: [
-                        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ jsx55(
+                        subitem.isActive && subitemConnector === "|" && /* @__PURE__ */ jsx56(
                           "div",
                           {
                             className: "absolute left-0 top-1/3 bottom-1/3 w-[2.5px] rounded-r-full",
@@ -7832,16 +7886,16 @@ function ITSidebar({
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx55("span", { className: `w-1.5 h-1.5 rounded-full transition-all ${subitem.isActive ? "scale-125" : ""}`, style: { backgroundColor: subitem.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, var(--color-secondary-400))" } }),
-                        /* @__PURE__ */ jsx55(ITText, { as: "span", style: { color: subitem.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-label-color, var(--color-secondary-600))", fontWeight: subitem.isActive ? 600 : 500 }, children: subitem.label })
+                        /* @__PURE__ */ jsx56("span", { className: `w-1.5 h-1.5 rounded-full transition-all ${subitem.isActive ? "scale-125" : ""}`, style: { backgroundColor: subitem.isActive ? "var(--it-sidebar-active-icon, var(--color-primary-500))" : "var(--it-sidebar-icon-color, var(--color-secondary-400))" } }),
+                        /* @__PURE__ */ jsx56(ITText, { as: "span", style: { color: subitem.isActive ? "var(--it-sidebar-active-color, var(--color-secondary-900))" : "var(--it-sidebar-label-color, var(--color-secondary-600))", fontWeight: subitem.isActive ? 600 : 500 }, children: subitem.label })
                       ]
                     },
                     subitem.id
-                  )) }) : /* @__PURE__ */ jsx55(ITText, { as: "div", className: "px-5 py-3 text-sm italic", style: { color: "var(--it-sidebar-label-color, var(--color-secondary-400))" }, children: "No hay submen\xFA" })
+                  )) }) : /* @__PURE__ */ jsx56(ITText, { as: "div", className: "px-5 py-3 text-sm italic", style: { color: "var(--it-sidebar-label-color, var(--color-secondary-400))" }, children: "No hay submen\xFA" })
                 ]
               }
             ),
-            !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx55("div", { id: submenuId, role: "group", "aria-label": item.label, className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[1000px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ jsx55(
+            !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx56("div", { id: submenuId, role: "group", "aria-label": item.label, className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[1000px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ jsx56(
               "ul",
               {
                 className: "ml-4 flex flex-col gap-0 py-0.5",
@@ -7863,7 +7917,7 @@ function ITSidebar({
 // src/components/atoms/slide/slide.tsx
 import { useState as useState28, useEffect as useEffect14 } from "react";
 import clsx40 from "clsx";
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function ITSlideToggle({
   onToggle,
   isOn: controlledIsOn,
@@ -7916,7 +7970,7 @@ function ITSlideToggle({
     }
   };
   const { container, knob, translate } = sizeClasses2[size];
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       onClick: toggleSwitch,
@@ -7936,7 +7990,7 @@ function ITSlideToggle({
           toggleSwitch();
         }
       },
-      children: /* @__PURE__ */ jsx56(
+      children: /* @__PURE__ */ jsx57(
         "div",
         {
           className: clsx40(
@@ -7952,7 +8006,7 @@ function ITSlideToggle({
 
 // src/components/atoms/slider/slider.tsx
 import clsx41 from "clsx";
-import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
 function ITSlider({
   value,
   onChange,
@@ -7969,7 +8023,7 @@ function ITSlider({
       ": ",
       value
     ] }),
-    /* @__PURE__ */ jsx57("div", { className: "relative w-full h-5 flex items-center", children: /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("div", { className: "relative w-full h-5 flex items-center", children: /* @__PURE__ */ jsx58(
       "input",
       {
         type: "range",
@@ -8000,7 +8054,7 @@ function ITSlider({
 
 // src/components/molecules/stat-card/stat-card.tsx
 import clsx42 from "clsx";
-import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
 var trendColors = {
   up: "text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30",
   down: "text-rose-600 bg-rose-50 dark:text-rose-400 dark:bg-rose-950/30",
@@ -8027,12 +8081,12 @@ function ITStatCard({
       tabIndex: onClick ? 0 : void 0,
       children: [
         /* @__PURE__ */ jsxs45("div", { className: "flex items-start justify-between mb-1", children: [
-          /* @__PURE__ */ jsx58(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
-          icon && /* @__PURE__ */ jsx58("span", { className: "text-slate-400", children: icon })
+          /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
+          icon && /* @__PURE__ */ jsx59("span", { className: "text-slate-400", children: icon })
         ] }),
         /* @__PURE__ */ jsxs45("div", { className: "flex items-baseline gap-2", children: [
-          /* @__PURE__ */ jsx58(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
-          trend && /* @__PURE__ */ jsx58(ITText, { as: "span", className: clsx42("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
+          /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
+          trend && /* @__PURE__ */ jsx59(ITText, { as: "span", className: clsx42("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
         ] })
       ]
     }
@@ -8051,7 +8105,7 @@ import {
 } from "react-icons/fa";
 import { MdOutlineSwapVert as MdOutlineSwapVert2 } from "react-icons/md";
 import { isSameDay as isSameDay2, startOfDay as startOfDay2, endOfDay } from "date-fns";
-import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
 function ITTable({
   columns,
   data = [],
@@ -8207,14 +8261,14 @@ function ITTable({
         if (currentValue === true) return "Filtrar solo verdaderos";
         return "Filtrar solo falsos";
       };
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         "button",
         {
           className: "flex items-center justify-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 rounded-full p-1 transition-all duration-200",
           onClick: () => handleFilterChange(col.key, nextValue),
           "aria-label": `${getToggleLabel()} para ${col.label}`,
           title: `${getToggleLabel()} para ${col.label}`,
-          children: /* @__PURE__ */ jsx59("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ jsx59(
+          children: /* @__PURE__ */ jsx60("div", { className: "relative w-10 h-5 bg-secondary-300 rounded-full", children: /* @__PURE__ */ jsx60(
             "div",
             {
               className: clsx43(
@@ -8232,7 +8286,7 @@ function ITTable({
     }
     if (col.filter === "catalog" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx60(
           FaSpinner3,
           {
             className: "animate-spin",
@@ -8242,9 +8296,9 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITSelect,
         {
           name: `filter-${col.key}`,
@@ -8268,7 +8322,7 @@ function ITTable({
     }
     if (col.filter === "search" && col.catalogOptions) {
       if (col.catalogOptions.loading) {
-        return /* @__PURE__ */ jsx59(
+        return /* @__PURE__ */ jsx60(
           FaSpinner3,
           {
             className: "animate-spin",
@@ -8278,10 +8332,10 @@ function ITTable({
         );
       }
       if (col.catalogOptions.error) {
-        return /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
+        return /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-danger-500 text-xs", children: "Error cargando" });
       }
       const searchValue = filters[col.key];
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITSearchSelect,
         {
           name: `filter-${col.key}`,
@@ -8304,7 +8358,7 @@ function ITTable({
     }
     if (col.filter === "date") {
       const dateValue = filters[col.key];
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8320,7 +8374,7 @@ function ITTable({
     }
     if (col.filter === "date-range") {
       const rangeValue = filters[col.key];
-      return /* @__PURE__ */ jsx59(
+      return /* @__PURE__ */ jsx60(
         ITDatePicker,
         {
           name: `filter-${col.key}`,
@@ -8335,7 +8389,7 @@ function ITTable({
         }
       );
     }
-    return /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(
       ITInput,
       {
         name: `filter-${col.key}`,
@@ -8357,14 +8411,14 @@ function ITTable({
       case "number":
         return typeof value === "number" && col.currencyMX ? formatCurrencyMX(value) : value;
       case "boolean":
-        return value ? /* @__PURE__ */ jsx59(
+        return value ? /* @__PURE__ */ jsx60(
           FaCheck4,
           {
             className: "text-success-500",
             "aria-label": "Verdadero",
             title: "Verdadero"
           }
-        ) : /* @__PURE__ */ jsx59(
+        ) : /* @__PURE__ */ jsx60(
           FaTimes9,
           {
             className: "text-danger-500",
@@ -8391,10 +8445,10 @@ function ITTable({
     const actionCol = columns.find((c) => c.type === "actions");
     return /* @__PURE__ */ jsxs46("div", { className: "bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700 p-3 space-y-2 shadow-sm", children: [
       dataCols.map((col) => /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx59("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
-        /* @__PURE__ */ jsx59("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
+        /* @__PURE__ */ jsx60("span", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 whitespace-nowrap flex-shrink-0 min-w-[70px]", children: col.label }),
+        /* @__PURE__ */ jsx60("span", { className: "text-sm font-medium text-slate-800 dark:text-white text-right truncate", children: renderCellContent(col, row) })
       ] }, col.key)),
-      actionCol?.actions && /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
+      actionCol?.actions && /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-slate-100 dark:border-slate-700", children: actionCol.actions(row) })
     ] });
   };
   const handleRowClick = (row) => (event) => {
@@ -8408,9 +8462,9 @@ function ITTable({
     event.preventDefault();
     onRowClick(row, event);
   };
-  return /* @__PURE__ */ jsx59("div", { ref: rootRef, className: clsx43("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ jsxs46("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
+  return /* @__PURE__ */ jsx60("div", { ref: rootRef, className: clsx43("space-y-4 w-full", containerClassName), children: /* @__PURE__ */ jsxs46("div", { className: tableContainer, style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
     title && /* @__PURE__ */ jsxs46("div", { className: "px-6 py-5 flex items-center justify-between", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: [
-      /* @__PURE__ */ jsx59(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
+      /* @__PURE__ */ jsx60(ITText, { as: "h2", className: "text-xl font-bold text-secondary-900 leading-tight", children: title }),
       /* @__PURE__ */ jsxs46("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
         /* @__PURE__ */ jsxs46(
           "button",
@@ -8419,7 +8473,7 @@ function ITTable({
             disabled: forcedCards,
             className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "table" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
             children: [
-              /* @__PURE__ */ jsx59(FaTable2, { size: 11 }),
+              /* @__PURE__ */ jsx60(FaTable2, { size: 11 }),
               "Table"
             ]
           }
@@ -8430,14 +8484,14 @@ function ITTable({
             onClick: () => setViewMode("cards"),
             className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "cards" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
             children: [
-              /* @__PURE__ */ jsx59(FaThLarge2, { size: 11 }),
+              /* @__PURE__ */ jsx60(FaThLarge2, { size: 11 }),
               "Cards"
             ]
           }
         )
       ] })
     ] }),
-    !title && /* @__PURE__ */ jsx59("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
+    !title && /* @__PURE__ */ jsx60("div", { className: "flex justify-end px-4 pt-3", children: /* @__PURE__ */ jsxs46("div", { className: "flex items-center bg-slate-100 dark:bg-slate-800/80 rounded-lg p-0.5 border border-slate-200 dark:border-slate-700/50", children: [
       /* @__PURE__ */ jsxs46(
         "button",
         {
@@ -8445,7 +8499,7 @@ function ITTable({
           disabled: forcedCards,
           className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "table" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
           children: [
-            /* @__PURE__ */ jsx59(FaTable2, { size: 11 }),
+            /* @__PURE__ */ jsx60(FaTable2, { size: 11 }),
             "Table"
           ]
         }
@@ -8456,13 +8510,13 @@ function ITTable({
           onClick: () => setViewMode("cards"),
           className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${effectiveView === "cards" ? "bg-white dark:bg-slate-900 text-slate-900 dark:text-white shadow-sm border border-slate-200/50 dark:border-slate-700" : "text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-200"}`,
           children: [
-            /* @__PURE__ */ jsx59(FaThLarge2, { size: 11 }),
+            /* @__PURE__ */ jsx60(FaThLarge2, { size: 11 }),
             "Cards"
           ]
         }
       )
     ] }) }),
-    effectiveView === "cards" ? /* @__PURE__ */ jsx59("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx59(
+    effectiveView === "cards" ? /* @__PURE__ */ jsx60("div", { className: "p-4 space-y-3 max-h-[400px] overflow-y-auto", children: currentData.length > 0 ? currentData.map((row, i) => /* @__PURE__ */ jsx60(
       "div",
       {
         className: clsx43(tableCardHover, onRowClick && tableCardClickable),
@@ -8474,9 +8528,9 @@ function ITTable({
       },
       i
     )) : /* @__PURE__ */ jsxs46("div", { className: clsx43(tableEmptyContent, "py-12"), children: [
-      /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-      /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
-    ] }) }) : /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+      /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+    ] }) }) : /* @__PURE__ */ jsx60(
       "div",
       {
         ref: isTableVirtual ? scrollRef : void 0,
@@ -8495,14 +8549,14 @@ function ITTable({
             style: isFixed ? { tableLayout: "fixed" } : void 0,
             "aria-rowcount": isTableVirtual ? currentData.length + 1 : void 0,
             children: [
-              hasColumnWidths && /* @__PURE__ */ jsx59("colgroup", { children: columns.map((col) => /* @__PURE__ */ jsx59(
+              hasColumnWidths && /* @__PURE__ */ jsx60("colgroup", { children: columns.map((col) => /* @__PURE__ */ jsx60(
                 "col",
                 {
                   style: col.width != null ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
                 },
                 col.key
               )) }),
-              /* @__PURE__ */ jsx59("thead", { children: /* @__PURE__ */ jsx59(
+              /* @__PURE__ */ jsx60("thead", { children: /* @__PURE__ */ jsx60(
                 "tr",
                 {
                   className: clsx43(tableHeaderRow, "dark:text-slate-200"),
@@ -8510,7 +8564,7 @@ function ITTable({
                   children: columns.map((col) => {
                     const pin = pinnedMeta[col.key];
                     const isPinned = pin != null;
-                    return /* @__PURE__ */ jsx59(
+                    return /* @__PURE__ */ jsx60(
                       "th",
                       {
                         scope: "col",
@@ -8529,18 +8583,18 @@ function ITTable({
                         } : void 0,
                         children: /* @__PURE__ */ jsxs46("div", { className: isFixed ? "flex flex-col gap-3" : "flex flex-col gap-3 min-w-[150px]", children: [
                           /* @__PURE__ */ jsxs46("div", { className: "flex items-center justify-between gap-2", children: [
-                            /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
-                            col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx59(
+                            /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-slate-900 dark:text-white font-bold", children: col.label }),
+                            col.sortable && col.type !== "actions" && /* @__PURE__ */ jsx60(
                               "button",
                               {
                                 onClick: () => handleSort(col.key),
                                 className: `p-1 rounded-md transition-colors ${sortConfig?.key === col.key ? "bg-secondary-200 text-secondary-900" : "hover:bg-secondary-200 text-secondary-400 hover:text-secondary-700"}`,
                                 title: `Ordenar por ${col.label}`,
-                                children: /* @__PURE__ */ jsx59(MdOutlineSwapVert2, { className: "w-4 h-4", "aria-hidden": "true" })
+                                children: /* @__PURE__ */ jsx60(MdOutlineSwapVert2, { className: "w-4 h-4", "aria-hidden": "true" })
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ jsx59("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
+                          /* @__PURE__ */ jsx60("div", { className: "w-full", children: col.filter ? renderFilterInput(col) : null })
                         ] })
                       },
                       col.key
@@ -8548,11 +8602,11 @@ function ITTable({
                   })
                 }
               ) }),
-              /* @__PURE__ */ jsx59("tbody", { className: clsx43(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ jsxs46(Fragment9, { children: [
-                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ jsx59("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ jsx59("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
+              /* @__PURE__ */ jsx60("tbody", { className: clsx43(tableBody, "dark:divide-slate-700/30"), children: currentData.length > 0 ? /* @__PURE__ */ jsxs46(Fragment9, { children: [
+                isTableVirtual && topSpacerHeight > 0 && /* @__PURE__ */ jsx60("tr", { "aria-hidden": "true", style: { height: topSpacerHeight }, children: /* @__PURE__ */ jsx60("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) }),
                 windowData.map((row, windowIndex) => {
                   const absoluteIndex = isTableVirtual ? startIndex + windowIndex : windowIndex;
-                  return /* @__PURE__ */ jsx59(
+                  return /* @__PURE__ */ jsx60(
                     "tr",
                     {
                       "aria-rowindex": isTableVirtual ? absoluteIndex + 2 : void 0,
@@ -8569,7 +8623,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__ */ jsx59(
+                        return /* @__PURE__ */ jsx60(
                           "td",
                           {
                             className: clsx43(
@@ -8584,7 +8638,7 @@ function ITTable({
                               ...isPinned ? pin.side === "left" ? { left: pin.offset } : { right: pin.offset } : {}
                             } : void 0,
                             title: truncateTitle,
-                            children: col.type === "actions" ? /* @__PURE__ */ jsx59("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx59("div", { className: clsx43(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
+                            children: col.type === "actions" ? /* @__PURE__ */ jsx60("div", { className: tableActionsCell, children: renderCellContent(col, row) }) : /* @__PURE__ */ jsx60("div", { className: clsx43(tableCellText, col.truncate && "truncate"), children: renderCellContent(col, row) })
                           },
                           `${absoluteIndex}-${col.key}`
                         );
@@ -8593,17 +8647,17 @@ function ITTable({
                     absoluteIndex
                   );
                 }),
-                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ jsx59("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ jsx59("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
-              ] }) : /* @__PURE__ */ jsx59("tr", { children: /* @__PURE__ */ jsx59("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ jsxs46("div", { className: tableEmptyContent, children: [
-                /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
-                /* @__PURE__ */ jsx59(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
+                isTableVirtual && bottomSpacerHeight > 0 && /* @__PURE__ */ jsx60("tr", { "aria-hidden": "true", style: { height: bottomSpacerHeight }, children: /* @__PURE__ */ jsx60("td", { colSpan: columnCount, style: { padding: 0, border: 0 } }) })
+              ] }) : /* @__PURE__ */ jsx60("tr", { children: /* @__PURE__ */ jsx60("td", { colSpan: columns.length, className: "px-6 py-12 text-center", children: /* @__PURE__ */ jsxs46("div", { className: tableEmptyContent, children: [
+                /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-lg", children: "No se encontraron resultados" }),
+                /* @__PURE__ */ jsx60(ITText, { as: "span", className: "text-sm mt-1", children: "Intenta ajustar los filtros" })
               ] }) }) }) })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx59("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60("div", { className: "rounded-b-xl px-6 py-4", style: { backgroundColor: "var(--color-table-rowBg, #ffffff)" }, children: /* @__PURE__ */ jsx60(
       ITPagination,
       {
         currentPage,
@@ -8621,7 +8675,7 @@ function ITTable({
 
 // src/components/atoms/textarea/textarea.tsx
 import clsx44 from "clsx";
-import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 var resizeMap = {
   none: "resize-none",
   vertical: "resize-y",
@@ -8642,8 +8696,8 @@ function ITTextarea({
   resize = "vertical"
 }) {
   return /* @__PURE__ */ jsxs47("div", { className: clsx44("flex flex-col gap-1.5", className), children: [
-    label && /* @__PURE__ */ jsx60(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
-    /* @__PURE__ */ jsx60(
+    label && /* @__PURE__ */ jsx61(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    /* @__PURE__ */ jsx61(
       "textarea",
       {
         id: name,
@@ -8663,14 +8717,14 @@ function ITTextarea({
         )
       }
     ),
-    error && /* @__PURE__ */ jsx60(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ jsx61(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
 // src/components/molecules/tabs/tabs.tsx
 import { useState as useState30 } from "react";
 import { clsx as clsx45 } from "clsx";
-import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
 var ITTabs = ({
   items,
   defaultActiveId,
@@ -8687,7 +8741,7 @@ var ITTabs = ({
   };
   const activeContent = items.find((item) => item.id === activeId)?.content;
   return /* @__PURE__ */ jsxs48("div", { className: clsx45("w-full", containerClassName), children: [
-    /* @__PURE__ */ jsx61("div", { className: clsx45(
+    /* @__PURE__ */ jsx62("div", { className: clsx45(
       "flex border-secondary-200 mb-4",
       variant === "line" ? "border-b" : "gap-2 p-1 bg-secondary-100 rounded-lg w-fit",
       className
@@ -8713,21 +8767,21 @@ var ITTabs = ({
             item.disabled && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            item.icon && /* @__PURE__ */ jsx61("span", { className: "w-4 h-4", children: item.icon }),
-            /* @__PURE__ */ jsx61(ITText, { as: "span", children: item.label })
+            item.icon && /* @__PURE__ */ jsx62("span", { className: "w-4 h-4", children: item.icon }),
+            /* @__PURE__ */ jsx62(ITText, { as: "span", children: item.label })
           ]
         },
         item.id
       );
     }) }),
-    /* @__PURE__ */ jsx61("div", { className: "tab-content animate-fadeIn", children: activeContent })
+    /* @__PURE__ */ jsx62("div", { className: "tab-content animate-fadeIn", children: activeContent })
   ] });
 };
 var tabs_default = ITTabs;
 
 // src/components/organisms/triple-filter/tripleFilter.tsx
 import clsx46 from "clsx";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var colorMap2 = {
   primary: "text-primary-600",
   secondary: "text-secondary-600",
@@ -8746,11 +8800,11 @@ var ITTripleFilter = ({
   color = "primary",
   className
 }) => {
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx63(
     "div",
     {
       className: clsx46("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
-      children: options.map((option) => /* @__PURE__ */ jsx62(
+      children: options.map((option) => /* @__PURE__ */ jsx63(
         "button",
         {
           onClick: () => onChange(option.value),
@@ -8758,7 +8812,7 @@ var ITTripleFilter = ({
             "px-4 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider transition-all duration-200 whitespace-nowrap",
             value === option.value ? clsx46("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
           ),
-          children: /* @__PURE__ */ jsx62(ITText, { as: "span", children: option.label })
+          children: /* @__PURE__ */ jsx63(ITText, { as: "span", children: option.label })
         },
         String(option.value)
       ))
@@ -8781,7 +8835,7 @@ var positionStyles = {
 import clsx47 from "clsx";
 import { useEffect as useEffect15, useState as useState31 } from "react";
 import { FaTimesCircle as FaTimesCircle2, FaCheckCircle as FaCheckCircle2, FaExclamationTriangle as FaExclamationTriangle3, FaInfoCircle as FaInfoCircle2, FaTimes as FaTimes10 } from "react-icons/fa";
-import { jsx as jsx63, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs49 } from "react/jsx-runtime";
 function ITToast({
   message,
   type = "info",
@@ -8810,15 +8864,15 @@ function ITToast({
   const TypeIcon = () => {
     switch (type) {
       case "success":
-        return /* @__PURE__ */ jsx63(FaCheckCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaCheckCircle2, { className: "w-5 h-5 flex-shrink-0" });
       case "error":
       case "danger":
-        return /* @__PURE__ */ jsx63(FaTimesCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaTimesCircle2, { className: "w-5 h-5 flex-shrink-0" });
       case "warning":
-        return /* @__PURE__ */ jsx63(FaExclamationTriangle3, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaExclamationTriangle3, { className: "w-5 h-5 flex-shrink-0" });
       case "info":
       default:
-        return /* @__PURE__ */ jsx63(FaInfoCircle2, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx64(FaInfoCircle2, { className: "w-5 h-5 flex-shrink-0" });
     }
   };
   return /* @__PURE__ */ jsxs49(
@@ -8838,16 +8892,16 @@ function ITToast({
       role: "alert",
       children: [
         /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx63(TypeIcon, {}),
-          /* @__PURE__ */ jsx63(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
+          /* @__PURE__ */ jsx64(TypeIcon, {}),
+          /* @__PURE__ */ jsx64(ITText, { as: "span", className: "font-medium text-sm sm:text-base leading-snug", children: message })
         ] }),
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx64(
           "button",
           {
             onClick: handleClose,
             className: "p-1.5 rounded-full hover:bg-black/15 transition-colors focus:outline-none focus:ring-2 focus:ring-white/50",
             "aria-label": "Close notification",
-            children: /* @__PURE__ */ jsx63(FaTimes10, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx64(FaTimes10, { className: "w-4 h-4" })
           }
         )
       ]
@@ -8887,7 +8941,7 @@ var toolbarActions = [
 // src/components/atoms/tooltip/tooltip.tsx
 import { useState as useState32 } from "react";
 import clsx48 from "clsx";
-import { jsx as jsx64, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs50 } from "react/jsx-runtime";
 var positionClasses2 = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
   bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -8925,8 +8979,8 @@ function ITTooltip({
       children: [
         children,
         visible && /* @__PURE__ */ jsxs50("div", { className: clsx48("absolute z-[70] pointer-events-none", positionClasses2[position]), children: [
-          /* @__PURE__ */ jsx64("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ jsx64(ITText, { as: "span", children: content }) }),
-          /* @__PURE__ */ jsx64("div", { className: clsx48("absolute", arrowClasses[position]) })
+          /* @__PURE__ */ jsx65("div", { className: "bg-slate-800 dark:bg-slate-700 text-white text-xs rounded-lg px-2.5 py-1.5 whitespace-nowrap shadow-lg", children: /* @__PURE__ */ jsx65(ITText, { as: "span", children: content }) }),
+          /* @__PURE__ */ jsx65("div", { className: clsx48("absolute", arrowClasses[position]) })
         ] })
       ]
     }
@@ -8934,16 +8988,16 @@ function ITTooltip({
 }
 
 // src/components/molecules/wysiwyg/wysiwyg.tsx
-import { jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs51 } from "react/jsx-runtime";
 var INLINE_TAGS = /* @__PURE__ */ new Set(["STRONG", "B", "EM", "I", "U", "MARK"]);
 var ACTION_META = {
-  bold: { label: "Negrita", icon: /* @__PURE__ */ jsx65(FaBold, {}) },
-  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ jsx65(FaItalic, {}) },
-  underline: { label: "Subrayado", icon: /* @__PURE__ */ jsx65(FaUnderline, {}) },
-  highlight: { label: "Marcador", icon: /* @__PURE__ */ jsx65(FaHighlighter, {}) },
-  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ jsx65(FaListUl, {}) },
-  ol: { label: "Lista numerada", icon: /* @__PURE__ */ jsx65(FaListOl, {}) },
-  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ jsx65(FaEraser, {}) }
+  bold: { label: "Negrita", icon: /* @__PURE__ */ jsx66(FaBold, {}) },
+  italic: { label: "It\xE1lica", icon: /* @__PURE__ */ jsx66(FaItalic, {}) },
+  underline: { label: "Subrayado", icon: /* @__PURE__ */ jsx66(FaUnderline, {}) },
+  highlight: { label: "Marcador", icon: /* @__PURE__ */ jsx66(FaHighlighter, {}) },
+  ul: { label: "Lista con vi\xF1etas", icon: /* @__PURE__ */ jsx66(FaListUl, {}) },
+  ol: { label: "Lista numerada", icon: /* @__PURE__ */ jsx66(FaListOl, {}) },
+  clear: { label: "Limpiar formato", icon: /* @__PURE__ */ jsx66(FaEraser, {}) }
 };
 function ITWysiwyg({
   value,
@@ -9359,7 +9413,7 @@ function ITWysiwyg({
   }) => {
     const meta = ACTION_META[action];
     const isActive = !!active[action];
-    return /* @__PURE__ */ jsx65(ITTooltip, { content: meta.label, children: /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx66(ITTooltip, { content: meta.label, children: /* @__PURE__ */ jsx66(
       "button",
       {
         type: "button",
@@ -9380,7 +9434,7 @@ function ITWysiwyg({
     ) });
   };
   return /* @__PURE__ */ jsxs51("div", { className: inputWrapper(className), children: [
-    label && /* @__PURE__ */ jsx65(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
+    label && /* @__PURE__ */ jsx66(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
     /* @__PURE__ */ jsxs51(
       "div",
       {
@@ -9390,7 +9444,7 @@ function ITWysiwyg({
           isLocked && "opacity-50 cursor-not-allowed bg-secondary-100 dark:bg-slate-800"
         ),
         children: [
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx66(
             "div",
             {
               className: clsx49(
@@ -9398,12 +9452,12 @@ function ITWysiwyg({
                 isLocked && "bg-secondary-100 dark:bg-slate-900"
               ),
               children: toolbar.map((action, i) => /* @__PURE__ */ jsxs51("span", { className: "flex items-center", children: [
-                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ jsx65("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
-                /* @__PURE__ */ jsx65(ToolbarButton, { action })
+                i > 0 && (action === "ul" || action === "ol" || action === "clear") && /* @__PURE__ */ jsx66("span", { className: "mx-1 h-4 w-px bg-secondary-200 dark:bg-slate-600" }),
+                /* @__PURE__ */ jsx66(ToolbarButton, { action })
               ] }, action))
             }
           ),
-          /* @__PURE__ */ jsx65(
+          /* @__PURE__ */ jsx66(
             "div",
             {
               id: name,
@@ -9437,7 +9491,7 @@ function ITWysiwyg({
         ]
       }
     ),
-    error && /* @__PURE__ */ jsx65(ITText, { as: "span", className: inputError, children: error })
+    error && /* @__PURE__ */ jsx66(ITText, { as: "span", className: inputError, children: error })
   ] });
 }
 
@@ -9472,7 +9526,7 @@ var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
 })(UploadStatus || {});
 
 // src/components/organisms/dropfile/dropfile.tsx
-import { Fragment as Fragment10, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs52 } from "react/jsx-runtime";
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -9612,8 +9666,8 @@ var ITDropfile = ({
     };
     const { label, color, dotColor } = config2[status];
     return /* @__PURE__ */ jsxs52("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ jsx66("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ jsx66(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+      /* @__PURE__ */ jsx67("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ jsx67(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -9706,16 +9760,16 @@ var ITDropfile = ({
   }, [view, isConfirmed, uploadStatus, externalStatus, onStatusChange]);
   const headerRow = /* @__PURE__ */ jsxs52("div", { className: "flex items-center justify-between mb-2", children: [
     /* @__PURE__ */ jsxs52("label", { className: "block text-sm font-semibold text-secondary-700", children: [
-      /* @__PURE__ */ jsx66(ITText, { as: "span", children: "Subir archivo " }),
+      /* @__PURE__ */ jsx67(ITText, { as: "span", children: "Subir archivo " }),
       /* @__PURE__ */ jsxs52(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
         "(",
         getFileExtensions(),
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ jsx66(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ jsx67(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ jsx66(Fragment10, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs52(
+  const dropZoneOrPreview = /* @__PURE__ */ jsx67(Fragment10, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs52(
     "div",
     {
       ...getRootProps(),
@@ -9725,29 +9779,29 @@ var ITDropfile = ({
             ${isDragActive ? "border-primary-500 bg-primary-50 scale-[1.01]" : "border-secondary-300 bg-white hover:border-primary-400 hover:bg-secondary-50"}
           `,
       children: [
-        /* @__PURE__ */ jsx66("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsx66("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx66(
+        /* @__PURE__ */ jsx67("input", { ...getInputProps() }),
+        /* @__PURE__ */ jsx67("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx67(
           "svg",
           {
             className: `w-6 h-6 transition-colors duration-300 ${isDragActive ? "text-primary-600" : "text-secondary-400 group-hover:text-primary-500"}`,
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
+            children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" })
           }
         ) }),
-        /* @__PURE__ */ jsx66("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx66(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
+        /* @__PURE__ */ jsx67("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx67(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
       ]
     }
   ) : /* @__PURE__ */ jsxs52("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ jsx66("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ jsx66("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx66("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ jsx66("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
+    /* @__PURE__ */ jsx67("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ jsx67("div", { className: "flex-shrink-0 w-8 h-8 rounded-lg bg-primary-100 flex items-center justify-center text-primary-600", children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx67("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) : /* @__PURE__ */ jsx67("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) }) }),
       /* @__PURE__ */ jsxs52("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx66(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
-        /* @__PURE__ */ jsx66(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+        /* @__PURE__ */ jsx67(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
+        /* @__PURE__ */ jsx67(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx66("div", { className: clsx50("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67("div", { className: clsx50("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx67(
       "img",
       {
         src: imagePreview,
@@ -9755,11 +9809,11 @@ var ITDropfile = ({
         className: "w-full h-full object-contain max-h-[200px]"
       }
     ) : /* @__PURE__ */ jsxs52("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ jsx66("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
-      /* @__PURE__ */ jsx66(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
+      /* @__PURE__ */ jsx67("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" }) }),
+      /* @__PURE__ */ jsx67(ITText, { as: "span", className: "text-xs", children: "Sin vista previa" })
     ] }) }),
-    /* @__PURE__ */ jsx66("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
-      /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs52(Fragment10, { children: [
+      /* @__PURE__ */ jsx67(
         ITButton,
         {
           type: "button",
@@ -9767,10 +9821,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ jsx66(ITText, { children: "Cancelar" })
+          children: /* @__PURE__ */ jsx67(ITText, { children: "Cancelar" })
         }
       ),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67(
         ITButton,
         {
           type: "button",
@@ -9779,8 +9833,8 @@ var ITDropfile = ({
           size: "sm",
           onClick: handleConfirm,
           children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx66(ITText, { children: "Confirmar" }),
-            /* @__PURE__ */ jsx66("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+            /* @__PURE__ */ jsx67(ITText, { children: "Confirmar" }),
+            /* @__PURE__ */ jsx67("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
@@ -9793,12 +9847,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ jsx66("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
-          /* @__PURE__ */ jsx66(ITText, { children: "Eliminar" })
+          /* @__PURE__ */ jsx67("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" }) }),
+          /* @__PURE__ */ jsx67(ITText, { children: "Eliminar" })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx66("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx66("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx66(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx67("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx67("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx67(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -9812,7 +9866,7 @@ var ITDropfile = ({
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
     return /* @__PURE__ */ jsxs52("div", { className: clsx50("inline-block", containerClassName), children: [
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67(
         ITButton,
         {
           type: "button",
@@ -9821,13 +9875,13 @@ var ITDropfile = ({
           size: "sm",
           onClick: () => setIsModalOpen(true),
           children: /* @__PURE__ */ jsxs52("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ jsx66("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx66("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
-            /* @__PURE__ */ jsx66(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ jsx66(StatusBadge, { status: uploadStatus })
+            /* @__PURE__ */ jsx67("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx67("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" }) }),
+            /* @__PURE__ */ jsx67(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? "Archivo cargado" : buttonLabel) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ jsx67(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx66(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ jsxs52("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ jsx67(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel, children: /* @__PURE__ */ jsxs52("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
@@ -9847,7 +9901,7 @@ import clsx51 from "clsx";
 // src/components/organisms/topbar/topbar.tsx
 import { FaUserCircle as FaUserCircle2, FaBars } from "react-icons/fa";
 import { useRef as useRef22, useState as useState35 } from "react";
-import { jsx as jsx67, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs53 } from "react/jsx-runtime";
 function ITTopBar({
   logo,
   logoText,
@@ -9862,7 +9916,7 @@ function ITTopBar({
   const [isUserMenuOpen, setIsUserMenuOpen] = useState35(false);
   const userMenuRef = useRef22(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx68(
     "header",
     {
       className: "sticky top-0 z-40 backdrop-blur-md transition-all duration-300",
@@ -9873,7 +9927,7 @@ function ITTopBar({
       },
       children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center justify-between h-[72px] px-6 lg:px-8", children: [
         /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ jsx67(
+          showMobileMenuButton && /* @__PURE__ */ jsx68(
             "button",
             {
               className: "lg:hidden p-2.5 rounded-xl transition-colors duration-200",
@@ -9883,12 +9937,12 @@ function ITTopBar({
               onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--it-topbar-user-hover, #f1f5f9)",
               onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
               onClick: onToggleMobileMenu,
-              children: /* @__PURE__ */ jsx67(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ jsx68(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
           /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-3", children: [
-            logo && /* @__PURE__ */ jsx67("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ jsx67(
+            logo && /* @__PURE__ */ jsx68("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ jsx68(
               ITText,
               {
                 as: "span",
@@ -9898,7 +9952,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ jsx67("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ jsx67(
+          navItems && navItems.length > 0 && /* @__PURE__ */ jsx68("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ jsx68(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -9913,14 +9967,14 @@ function ITTopBar({
                 e.currentTarget.style.backgroundColor = "transparent";
               },
               children: /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ jsx67("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ jsx67(ITText, { as: "span", children: item.label })
+                item.icon && /* @__PURE__ */ jsx68("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ jsx68(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ jsx67("div", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center px-4", children: /* @__PURE__ */ jsx67("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        centerContent && /* @__PURE__ */ jsx68("div", { className: "hidden lg:flex flex-1 min-w-0 items-center justify-center px-4", children: /* @__PURE__ */ jsx68("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
         (children || userMenu) && /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2", children: [
           children,
           userMenu && /* @__PURE__ */ jsxs53("div", { className: "relative", children: [
@@ -9941,18 +9995,18 @@ function ITTopBar({
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
                   /* @__PURE__ */ jsxs53("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ jsx67(
+                    userMenu.userImage ? /* @__PURE__ */ jsx68(
                       "img",
                       {
                         className: "w-9 h-9 rounded-full object-cover ring-2 ring-white shadow-sm",
                         src: userMenu.userImage,
                         alt: "Current user"
                       }
-                    ) : /* @__PURE__ */ jsx67("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx67(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    /* @__PURE__ */ jsx67("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ jsx68("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx68(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    /* @__PURE__ */ jsx68("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
                   /* @__PURE__ */ jsxs53("div", { className: "hidden sm:flex flex-col text-left py-0.5", children: [
-                    /* @__PURE__ */ jsx67(
+                    /* @__PURE__ */ jsx68(
                       ITText,
                       {
                         as: "span",
@@ -9961,7 +10015,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ jsx67(
+                    /* @__PURE__ */ jsx68(
                       ITText,
                       {
                         as: "span",
@@ -9988,14 +10042,14 @@ function ITTopBar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs53("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
-                    /* @__PURE__ */ jsx67(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx67(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx68(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx68(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx67("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ jsx68("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
                     const isDestructive = m.label.toLowerCase().includes("salir") || m.label.toLowerCase().includes("cerrar") || m.label.toLowerCase().includes("logout");
                     return /* @__PURE__ */ jsxs53("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx67("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ jsx67(
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx68("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ jsx68(
                         "button",
                         {
                           onClick: () => {
@@ -10010,7 +10064,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ jsx67(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ jsx68(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -10026,7 +10080,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-import { jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs54 } from "react/jsx-runtime";
 function ITLayout({
   topBar,
   sidebar,
@@ -10042,7 +10096,7 @@ function ITLayout({
   }) : () => setInternalCollapsed((v) => !v);
   const layoutTokens = theme.layout;
   return /* @__PURE__ */ jsxs54("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
-    /* @__PURE__ */ jsx68(
+    /* @__PURE__ */ jsx69(
       ITTopBar,
       {
         ...topBar,
@@ -10057,13 +10111,13 @@ function ITLayout({
         style: { backgroundColor: layoutTokens.backgroundColor },
         children: [
           /* @__PURE__ */ jsxs54("div", { className: "hidden lg:block relative z-40 h-full", children: [
-            /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69(
               "div",
               {
                 className: `${desktopCollapsed ? "w-[88px]" : "w-[280px]"} h-full flex-shrink-0`
               }
             ),
-            /* @__PURE__ */ jsx68("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx68(
+            /* @__PURE__ */ jsx69("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx69(
               ITSidebar,
               {
                 ...sidebar,
@@ -10074,17 +10128,17 @@ function ITLayout({
               }
             ) })
           ] }),
-          mobileSidebarOpen && /* @__PURE__ */ jsx68(
+          mobileSidebarOpen && /* @__PURE__ */ jsx69(
             "div",
             {
               className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
               onClick: () => setMobileSidebarOpen(false),
-              children: /* @__PURE__ */ jsx68(
+              children: /* @__PURE__ */ jsx69(
                 "div",
                 {
                   className: "h-full w-fit flex transform transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]",
                   onClick: (e) => e.stopPropagation(),
-                  children: /* @__PURE__ */ jsx68(
+                  children: /* @__PURE__ */ jsx69(
                     ITSidebar,
                     {
                       ...sidebar,
@@ -10100,7 +10154,7 @@ function ITLayout({
               )
             }
           ),
-          /* @__PURE__ */ jsx68("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx68("div", { className: clsx51("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
+          /* @__PURE__ */ jsx69("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx69("div", { className: clsx51("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
         ]
       }
     )
@@ -10116,7 +10170,7 @@ var sizeClasses = {
 };
 
 // src/components/atoms/loader/loader.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function ITLoader({
   size = "md",
   variant = "spinner",
@@ -10131,22 +10185,22 @@ function ITLoader({
   const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
   const colorClass = !isCssValue ? color : "";
   if (variant === "spinner") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       {
         className: `inline-block ${sizeClasses[size]} animate-spin rounded-full border-2 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] ${colorClass} ${className}`,
         role: "status",
         style,
-        children: /* @__PURE__ */ jsx69(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
+        children: /* @__PURE__ */ jsx70(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: "Loading..." })
       }
     );
   }
   if (variant === "dots") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       {
         className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx69(
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx70(
           "div",
           {
             className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
@@ -10161,11 +10215,11 @@ function ITLoader({
     );
   }
   if (variant === "bar") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       {
         className: `w-full ${size === "sm" ? "h-1" : size === "md" ? "h-1.5" : size === "lg" ? "h-2" : "h-2.5"} bg-secondary-200 rounded-full overflow-hidden ${className}`,
-        children: /* @__PURE__ */ jsx69(
+        children: /* @__PURE__ */ jsx70(
           "div",
           {
             className: `h-full animate-progress ${colorClass}`,
@@ -10181,7 +10235,7 @@ function ITLoader({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       {
         className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
@@ -10196,7 +10250,7 @@ function ITLoader({
 import clsx52 from "clsx";
 import { useEffect as useEffect18, useRef as useRef23, useState as useState37 } from "react";
 import { FaChevronLeft as FaChevronLeft4, FaChevronRight as FaChevronRight5, FaCheck as FaCheck5 } from "react-icons/fa";
-import { jsx as jsx70, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
 function ITStepper({
   steps,
   currentStep,
@@ -10263,23 +10317,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ jsx70(FaCheck5, { className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx71(FaCheck5, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ jsx70("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ jsx71("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ jsx70(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
   return /* @__PURE__ */ jsxs55("div", { className: clsx52("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
     /* @__PURE__ */ jsxs55("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         "div",
         {
           ref: progressRef,
@@ -10287,11 +10341,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx70("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ jsx71("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
         const isActive = idx === currentStep;
         const isCompleted = idx < currentStep;
         const hasIcon = step.icon && useIcons;
-        return /* @__PURE__ */ jsx70(
+        return /* @__PURE__ */ jsx71(
           "button",
           {
             type: "button",
@@ -10302,7 +10356,7 @@ function ITStepper({
             className: "flex-1 group",
             title: step.label,
             children: /* @__PURE__ */ jsxs55("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx71(
                 "div",
                 {
                   className: clsx52(
@@ -10316,7 +10370,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ jsx70(
+              /* @__PURE__ */ jsx71(
                 ITText,
                 {
                   as: "span",
@@ -10334,7 +10388,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx71(
       "div",
       {
         ref: contentRef,
@@ -10351,7 +10405,7 @@ function ITStepper({
       }
     ),
     /* @__PURE__ */ jsxs55("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx71(
         ITButton,
         {
           variant: "outlined",
@@ -10359,8 +10413,8 @@ function ITStepper({
           disabled: currentStep === 0,
           onClick: prevStep,
           children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx70(FaChevronLeft4, {}),
-            /* @__PURE__ */ jsx70(ITText, { as: "span", children: "Atr\xE1s" })
+            /* @__PURE__ */ jsx71(FaChevronLeft4, {}),
+            /* @__PURE__ */ jsx71(ITText, { as: "span", children: "Atr\xE1s" })
           ] })
         }
       ),
@@ -10371,7 +10425,7 @@ function ITStepper({
           " de ",
           steps.length
         ] }),
-        /* @__PURE__ */ jsx70(
+        /* @__PURE__ */ jsx71(
           ITButton,
           {
             variant: "solid",
@@ -10379,8 +10433,8 @@ function ITStepper({
             disabled: disableNext,
             onClick: nextStep,
             children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx70(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx70(FaCheck5, {}) : /* @__PURE__ */ jsx70(FaChevronRight5, {})
+              /* @__PURE__ */ jsx71(ITText, { as: "span", children: currentStep === steps.length - 1 ? "Finalizar" : "Siguiente" }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx71(FaCheck5, {}) : /* @__PURE__ */ jsx71(FaChevronRight5, {})
             ] })
           }
         )
@@ -10568,7 +10622,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-import { jsx as jsx71, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -11966,7 +12020,7 @@ function ITThemeProvider({
         children: [
           /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs56("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
-              /* @__PURE__ */ jsx71(
+              /* @__PURE__ */ jsx72(
                 "input",
                 {
                   type: "color",
@@ -11975,23 +12029,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ jsx71("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ jsx72("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
             /* @__PURE__ */ jsxs56("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
+              /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
               /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ jsx71(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ jsx72(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             "input",
             {
               type: "text",
@@ -12017,7 +12071,7 @@ function ITThemeProvider({
         onClick: () => applyPreset(preset.colors),
         className: `relative flex flex-col items-start p-2.5 rounded-xl border text-left transition-all group ${isSelected ? "border-primary-500 bg-primary-500/5 shadow-sm ring-1 ring-primary-500/20" : "border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50 hover:border-slate-300 dark:hover:border-slate-600"}`,
         children: [
-          isCustom && /* @__PURE__ */ jsx71(
+          isCustom && /* @__PURE__ */ jsx72(
             "span",
             {
               onClick: (e) => {
@@ -12026,11 +12080,11 @@ function ITThemeProvider({
               },
               className: "absolute top-1.5 right-1.5 opacity-0 group-hover:opacity-100 p-0.5 rounded-md hover:bg-danger-500/10 hover:text-danger-500 text-slate-400 dark:text-slate-500 cursor-pointer transition-all z-10",
               title: "Eliminar",
-              children: /* @__PURE__ */ jsx71(MdClose, { size: 12 })
+              children: /* @__PURE__ */ jsx72(MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
-          /* @__PURE__ */ jsx71("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: preset.name }),
+          /* @__PURE__ */ jsx72("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx72(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -12058,17 +12112,17 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ jsx71(
+        showFab && /* @__PURE__ */ jsx72(
           "button",
           {
             onClick: () => setIsOpen((prev) => !prev),
             className: "it-theme-fab it-theme-bounce",
             style: { backgroundColor: "var(--color-primary)" },
             "aria-label": "Configurar Paleta de Colores",
-            children: /* @__PURE__ */ jsx71(MdPalette, { size: 28 })
+            children: /* @__PURE__ */ jsx72(MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ jsx71(
+        showFab && /* @__PURE__ */ jsx72(
           ITDialog,
           {
             isOpen,
@@ -12078,8 +12132,8 @@ function ITThemeProvider({
             children: /* @__PURE__ */ jsxs56("div", { className: "flex gap-6 h-[580px]", children: [
               /* @__PURE__ */ jsxs56("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
                 /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
-                  /* @__PURE__ */ jsx71(
+                  /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Apariencia" }),
+                  /* @__PURE__ */ jsx72(
                     ITSegmentedControl,
                     {
                       options: [
@@ -12094,15 +12148,15 @@ function ITThemeProvider({
                   )
                 ] }),
                 /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx71("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
-                  /* @__PURE__ */ jsx71("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx71(PresetCard, { preset }, preset.name)) })
+                  /* @__PURE__ */ jsx72("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: "Presets" }) }),
+                  /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx72(PresetCard, { preset }, preset.name)) })
                 ] }),
                 customPresets.length > 0 && /* @__PURE__ */ jsxs56("div", { children: [
-                  /* @__PURE__ */ jsx71(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
-                  /* @__PURE__ */ jsx71("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx71(PresetCard, { preset, isCustom: true }, preset.name)) })
+                  /* @__PURE__ */ jsx72(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: "Mis Temas" }),
+                  /* @__PURE__ */ jsx72("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx72(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
                 isSavingPreset && /* @__PURE__ */ jsxs56("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
-                  /* @__PURE__ */ jsx71(
+                  /* @__PURE__ */ jsx72(
                     ITInput,
                     {
                       name: "presetName",
@@ -12121,7 +12175,7 @@ function ITThemeProvider({
                     }
                   ),
                   /* @__PURE__ */ jsxs56("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx71(
+                    /* @__PURE__ */ jsx72(
                       ITButton,
                       {
                         label: "Guardar",
@@ -12132,7 +12186,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ jsx71(
+                    /* @__PURE__ */ jsx72(
                       ITButton,
                       {
                         label: "X",
@@ -12146,31 +12200,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ jsx71(
+                !isSavingPreset && /* @__PURE__ */ jsx72(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ jsx71(MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx72(MdPalette, { size: 14 }),
                     label: "Guardar actual",
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ jsx71(MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx72(MdRefresh, { size: 14 }),
                     label: "Restaurar default",
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx71(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ jsx72(ITDivider, { orientation: "vertical" }),
               /* @__PURE__ */ jsxs56("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsx71(
+                /* @__PURE__ */ jsx72(
                   tabs_default,
                   {
                     variant: "pill",
@@ -12178,7 +12232,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: "Marca",
-                        content: /* @__PURE__ */ jsx71("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "primary",
                           "secondary",
                           "ternary",
@@ -12187,35 +12241,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ jsx71(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: "Nav & Sidebar",
-                        content: /* @__PURE__ */ jsx71("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "layout.sidebarBg",
                           "layout.sidebarText",
                           "layout.navbarBg",
                           "layout.navbarText"
-                        ].map((key) => /* @__PURE__ */ jsx71(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: "Tablas",
-                        content: /* @__PURE__ */ jsx71("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx72("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "table.headerBg",
                           "table.headerText",
                           "table.rowBg",
                           "table.rowText",
                           "table.rowHover"
-                        ].map((key) => /* @__PURE__ */ jsx71(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx72(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
                 /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ jsx71(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
-                  /* @__PURE__ */ jsx71(
+                  /* @__PURE__ */ jsx72(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: "Los cambios se guardan autom\xE1ticamente" }),
+                  /* @__PURE__ */ jsx72(
                     ITButton,
                     {
                       label: "Cerrar",
@@ -12273,6 +12327,7 @@ export {
   ITGrid,
   image_default as ITImage,
   ITInput,
+  ITInputNumber,
   ITLayout,
   ITLoader,
   ITMaskedInput,