@axzydev/axzy_ui_system 1.0.165 → 1.0.167

package/dist/index.js

@@ -3724,10 +3724,178 @@ function ITNavbar({
   ] });
 }
 
-// src/components/slide/slide.tsx
-import { useState as useState15, useEffect as useEffect12 } from "react";
+// src/components/search-select/search-select.tsx
+import { useState as useState15, useEffect as useEffect12, useRef as useRef7, useMemo as useMemo4 } from "react";
 import clsx14 from "clsx";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { FaSearch } from "react-icons/fa";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+function ITSearchSelect({
+  name,
+  options = [],
+  label,
+  placeholder = "Selecciona una opci\xF3n",
+  valueField = "value",
+  labelField = "label",
+  value,
+  onChange,
+  onBlur,
+  disabled = false,
+  className,
+  touched,
+  required,
+  error,
+  readOnly = false,
+  onSearch,
+  isLoading = false,
+  noResultsMessage = "No se encontraron resultados"
+}) {
+  const [isOpen, setIsOpen] = useState15(false);
+  const [searchTerm, setSearchTerm] = useState15("");
+  const [isFocused, setIsFocused] = useState15(false);
+  const containerRef = useRef7(null);
+  const timeoutRef = useRef7(null);
+  const selectedOption = useMemo4(() => {
+    return options.find((opt) => opt[valueField] === value);
+  }, [options, value, valueField]);
+  useEffect12(() => {
+    if (!isFocused) {
+      setSearchTerm(selectedOption ? String(selectedOption[labelField]) : "");
+    }
+  }, [selectedOption, isFocused, labelField]);
+  useEffect12(() => {
+    function handleClickOutside(event) {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const filteredOptions = useMemo4(() => {
+    if (onSearch) return options;
+    if (!searchTerm || !isFocused) return options;
+    return options.filter(
+      (opt) => String(opt[labelField]).toLowerCase().includes(searchTerm.toLowerCase())
+    );
+  }, [options, searchTerm, onSearch, labelField, isFocused]);
+  const handleInputChange = (e) => {
+    const query = e.target.value;
+    setSearchTerm(query);
+    setIsOpen(true);
+    if (onSearch) {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        onSearch(query);
+      }, 500);
+    }
+  };
+  const handleSelect = (option) => {
+    if (onChange) {
+      onChange(option[valueField], option);
+    }
+    setSearchTerm(String(option[labelField]));
+    setIsOpen(false);
+  };
+  const handleFocus = () => {
+    if (disabled || readOnly) return;
+    setIsFocused(true);
+    setIsOpen(true);
+  };
+  const handleInputBlur = (e) => {
+    setTimeout(() => {
+      setIsFocused(false);
+      onBlur?.(e);
+    }, 200);
+  };
+  const inputTheme = theme.input || {};
+  const getInputStyle = () => {
+    const style = {
+      backgroundColor: inputTheme.backgroundColor || "#ffffff",
+      borderColor: inputTheme.borderColor || "#e2e8f0",
+      borderRadius: inputTheme.borderRadius || "0.5rem",
+      padding: inputTheme.padding || "0.5rem 0.75rem",
+      fontSize: inputTheme.fontSize || "0.875rem",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      transition: "all 0.2s",
+      color: theme.colors.gray[900],
+      width: "100%"
+    };
+    if (disabled) {
+      style.backgroundColor = inputTheme.disabled?.backgroundColor || "#f1f5f9";
+      style.borderColor = inputTheme.disabled?.borderColor || "#e2e8f0";
+      style.opacity = 0.7;
+      style.cursor = "not-allowed";
+    }
+    if (touched && error) {
+      style.borderColor = inputTheme.error?.borderColor || "red";
+      if (isFocused) {
+        style.boxShadow = inputTheme.error?.ring;
+      }
+    } else if (isFocused && !readOnly) {
+      style.boxShadow = inputTheme.focus?.ring;
+      style.borderColor = inputTheme.focus?.borderColor;
+    }
+    return style;
+  };
+  return /* @__PURE__ */ jsxs14("div", { className: clsx14("w-full flex flex-col gap-1.5", className), ref: containerRef, children: [
+    label && /* @__PURE__ */ jsxs14(
+      "label",
+      {
+        className: clsx14("text-sm font-medium text-gray-700", {
+          "text-red-500": touched && error
+        }),
+        children: [
+          label,
+          required && /* @__PURE__ */ jsx19("span", { className: "text-red-500 ml-1", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs14("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "relative flex items-center", children: [
+        /* @__PURE__ */ jsx19(
+          "input",
+          {
+            type: "text",
+            name,
+            value: searchTerm,
+            onChange: handleInputChange,
+            onFocus: handleFocus,
+            onBlur: handleInputBlur,
+            disabled,
+            readOnly,
+            placeholder,
+            className: "outline-none pr-10",
+            style: getInputStyle(),
+            autoComplete: "off"
+          }
+        ),
+        /* @__PURE__ */ jsxs14("div", { className: "absolute right-3 flex items-center gap-2 text-gray-400 pointer-events-none", children: [
+          isLoading && /* @__PURE__ */ jsx19("div", { className: "animate-spin h-4 w-4 border-2 border-primary-500 border-t-transparent rounded-full" }),
+          !isLoading && /* @__PURE__ */ jsx19(FaSearch, { size: 14, className: clsx14({ "text-primary-500": isFocused }) })
+        ] })
+      ] }),
+      isOpen && /* @__PURE__ */ jsx19("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-xl overflow-hidden animate-in fade-in zoom-in duration-200 origin-top", children: /* @__PURE__ */ jsx19("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsx19(
+        "div",
+        {
+          onClick: () => handleSelect(option),
+          className: clsx14(
+            "px-4 py-2 text-sm cursor-pointer transition-colors",
+            value === option[valueField] ? "bg-primary-50 text-primary-700 font-medium" : "hover:bg-gray-50 text-gray-700"
+          ),
+          children: option[labelField]
+        },
+        option[valueField]
+      )) : /* @__PURE__ */ jsx19("div", { className: "px-4 py-6 text-sm text-center text-gray-500 italic", children: isLoading ? "Cargando..." : noResultsMessage }) }) })
+    ] }),
+    touched && error && /* @__PURE__ */ jsx19("p", { className: "text-red-500 text-xs mt-1", children: error })
+  ] });
+}
+
+// src/components/slide/slide.tsx
+import { useState as useState16, useEffect as useEffect13 } from "react";
+import clsx15 from "clsx";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ITSlideToggle({
   onToggle,
   isOn: controlledIsOn,
@@ -3740,8 +3908,8 @@ function ITSlideToggle({
   className = ""
 }) {
   const isControlled = controlledIsOn !== void 0;
-  const [internalIsOn, setInternalIsOn] = useState15(initialState);
-  useEffect12(() => {
+  const [internalIsOn, setInternalIsOn] = useState16(initialState);
+  useEffect13(() => {
     if (isControlled) {
       setInternalIsOn(controlledIsOn);
     }
@@ -3780,11 +3948,11 @@ function ITSlideToggle({
     }
   };
   const { container, knob, translate } = sizeClasses2[size];
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       onClick: toggleSwitch,
-      className: clsx14(
+      className: clsx15(
         "flex items-center rounded-full p-1 transition-colors duration-300",
         container,
         disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
@@ -3800,10 +3968,10 @@ function ITSlideToggle({
           toggleSwitch();
         }
       },
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         "div",
         {
-          className: clsx14(
+          className: clsx15(
             "bg-white rounded-full shadow-md transform transition-transform duration-300 pointer-events-none",
             knob,
             isOn ? translate : "translate-x-0"
@@ -3815,11 +3983,95 @@ function ITSlideToggle({
 }
 
 // src/components/text/text.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function ITText({ children, className = "" }) {
-  return /* @__PURE__ */ jsx20("p", { className: `${className} text-gray-900 `, children });
+  return /* @__PURE__ */ jsx21("p", { className: `${className} text-gray-900 `, children });
 }
 
+// src/components/tabs/tabs.tsx
+import { useState as useState17 } from "react";
+import { clsx as clsx16 } from "clsx";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+var ITTabs = ({
+  items,
+  defaultActiveId,
+  onChange,
+  variant = "line",
+  className = "",
+  containerClassName = ""
+}) => {
+  const [activeId, setActiveId] = useState17(defaultActiveId || items[0]?.id);
+  const handleTabClick = (id, disabled) => {
+    if (disabled) return;
+    setActiveId(id);
+    if (onChange) onChange(id);
+  };
+  const activeContent = items.find((item) => item.id === activeId)?.content;
+  return /* @__PURE__ */ jsxs15("div", { className: clsx16("w-full", containerClassName), children: [
+    /* @__PURE__ */ jsx22("div", { className: clsx16(
+      "flex border-gray-200 mb-4",
+      variant === "line" ? "border-b" : "gap-2 p-1 bg-gray-100 rounded-lg w-fit",
+      className
+    ), children: items.map((item) => {
+      const isActive = item.id === activeId;
+      return /* @__PURE__ */ jsxs15(
+        "button",
+        {
+          onClick: () => handleTabClick(item.id, item.disabled),
+          disabled: item.disabled,
+          className: clsx16(
+            "flex items-center gap-2 px-4 py-2 text-sm font-medium transition-all duration-200 outline-none",
+            // LINE VARIANT
+            variant === "line" && [
+              "border-b-2 -mb-[2px]",
+              isActive ? "border-primary-500 text-primary-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
+            ],
+            // PILL VARIANT
+            variant === "pill" && [
+              "rounded-md",
+              isActive ? "bg-white text-primary-600 shadow-sm" : "text-gray-500 hover:text-gray-700"
+            ],
+            item.disabled && "opacity-50 cursor-not-allowed"
+          ),
+          children: [
+            item.icon && /* @__PURE__ */ jsx22("span", { className: "w-4 h-4", children: item.icon }),
+            item.label
+          ]
+        },
+        item.id
+      );
+    }) }),
+    /* @__PURE__ */ jsx22("div", { className: "tab-content animate-fadeIn", children: activeContent })
+  ] });
+};
+var tabs_default = ITTabs;
+
+// src/components/triple-filter/tripleFilter.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var ITTripleFilter = ({
+  value,
+  onChange,
+  options,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      className: `flex bg-slate-100 p-1 rounded-xl gap-1 w-fit ${className}`,
+      children: options.map((option) => /* @__PURE__ */ jsx23(
+        "button",
+        {
+          onClick: () => onChange(option.value),
+          className: `px-4 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider transition-all duration-200 whitespace-nowrap ${value === option.value ? "bg-white text-emerald-600 shadow-sm" : "text-slate-400 hover:text-slate-600"}`,
+          children: option.label
+        },
+        String(option.value)
+      ))
+    }
+  );
+};
+var tripleFilter_default = ITTripleFilter;
+
 // src/types/toast.types.ts
 var positionStyles = {
   "top-right": "top-4 right-4",
@@ -3831,10 +4083,10 @@ var positionStyles = {
 };
 
 // src/components/toast/toast.tsx
-import clsx15 from "clsx";
-import { useEffect as useEffect13, useState as useState16 } from "react";
-import { FaTimesCircle, FaCheckCircle, FaExclamationTriangle, FaInfoCircle, FaTimes as FaTimes4 } from "react-icons/fa";
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import clsx17 from "clsx";
+import { useEffect as useEffect14, useState as useState18 } from "react";
+import { FaTimesCircle, FaCheckCircle, FaExclamationTriangle, FaInfoCircle, FaTimes as FaTimes5 } from "react-icons/fa";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function ITToast({
   message,
   type = "info",
@@ -3842,8 +4094,8 @@ function ITToast({
   position = "top-right",
   onClose
 }) {
-  const [isVisible, setIsVisible] = useState16(true);
-  useEffect13(() => {
+  const [isVisible, setIsVisible] = useState18(true);
+  useEffect14(() => {
     const timer = setTimeout(() => {
       setIsVisible(false);
       setTimeout(() => {
@@ -3863,21 +4115,21 @@ function ITToast({
   const TypeIcon = () => {
     switch (type) {
       case "success":
-        return /* @__PURE__ */ jsx21(FaCheckCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx24(FaCheckCircle, { className: "w-5 h-5 flex-shrink-0" });
       case "error":
       case "danger":
-        return /* @__PURE__ */ jsx21(FaTimesCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx24(FaTimesCircle, { className: "w-5 h-5 flex-shrink-0" });
       case "warning":
-        return /* @__PURE__ */ jsx21(FaExclamationTriangle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx24(FaExclamationTriangle, { className: "w-5 h-5 flex-shrink-0" });
       case "info":
       default:
-        return /* @__PURE__ */ jsx21(FaInfoCircle, { className: "w-5 h-5 flex-shrink-0" });
+        return /* @__PURE__ */ jsx24(FaInfoCircle, { className: "w-5 h-5 flex-shrink-0" });
     }
   };
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
-      className: clsx15(
+      className: clsx17(
         "fixed z-50 p-4 rounded-xl shadow-xl flex items-center justify-between gap-4 transition-all duration-300 text-white min-w-[300px]",
         positionStyles[position],
         {
@@ -3890,17 +4142,17 @@ function ITToast({
       style: { backgroundColor },
       role: "alert",
       children: [
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx21(TypeIcon, {}),
-          /* @__PURE__ */ jsx21("span", { className: "font-medium text-sm sm:text-base leading-snug", children: message })
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx24(TypeIcon, {}),
+          /* @__PURE__ */ jsx24("span", { className: "font-medium text-sm sm:text-base leading-snug", children: message })
         ] }),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx24(
           "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__ */ jsx21(FaTimes4, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx24(FaTimes5, { className: "w-4 h-4" })
           }
         )
       ]
@@ -3909,10 +4161,10 @@ function ITToast({
 }
 
 // src/components/dropfile/dropfile.tsx
-import { useState as useState17, useEffect as useEffect14, useRef as useRef7 } from "react";
+import { useState as useState19, useEffect as useEffect15, useRef as useRef8 } from "react";
 import { useDropzone } from "react-dropzone";
-import clsx16 from "clsx";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import clsx18 from "clsx";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -3925,15 +4177,15 @@ var ITDropfile = ({
   onStatusChange,
   initialPreviewUrl
 }) => {
-  const [selectedFile, setSelectedFile] = useState17(null);
-  const [fileType, setFileType] = useState17(null);
-  const [imagePreview, setImagePreview] = useState17(initialPreviewUrl || null);
-  const [isConfirmed, setIsConfirmed] = useState17(false);
-  const [internalUploadStatus, setInternalUploadStatus] = useState17(
+  const [selectedFile, setSelectedFile] = useState19(null);
+  const [fileType, setFileType] = useState19(null);
+  const [imagePreview, setImagePreview] = useState19(initialPreviewUrl || null);
+  const [isConfirmed, setIsConfirmed] = useState19(false);
+  const [internalUploadStatus, setInternalUploadStatus] = useState19(
     initialPreviewUrl ? "subido" /* UPLOADED */ : "pendiente" /* PENDING */
   );
-  const canvasRef = useRef7(null);
-  useEffect14(() => {
+  const canvasRef = useRef8(null);
+  useEffect15(() => {
     if (initialPreviewUrl && !selectedFile) {
       setImagePreview(initialPreviewUrl);
       if (externalStatus === void 0) setInternalUploadStatus("subido" /* UPLOADED */);
@@ -4022,9 +4274,9 @@ var ITDropfile = ({
       }
     };
     const { label, color, dotColor } = config[status];
-    return /* @__PURE__ */ jsxs15("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ jsx22("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ jsx22("span", { className: "text-xs font-medium flex items-center gap-1.5", children: label })
+    return /* @__PURE__ */ jsxs17("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
+      /* @__PURE__ */ jsx25("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ jsx25("span", { className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -4056,12 +4308,12 @@ var ITDropfile = ({
     accept: getAcceptedFileTypes(),
     maxFiles: 1
   });
-  useEffect14(() => {
+  useEffect15(() => {
     const renderPDF = async () => {
     };
     renderPDF();
   }, [selectedFile, fileType]);
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       if (imagePreview) {
         URL.revokeObjectURL(imagePreview);
@@ -4099,19 +4351,19 @@ var ITDropfile = ({
     handleCancel();
   };
   const isImage = fileType && fileType.startsWith("image/");
-  return /* @__PURE__ */ jsxs15("div", { className: clsx16("w-full transition-all duration-300", containerClassName), children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between mb-2", children: [
-      /* @__PURE__ */ jsxs15("label", { className: "block text-sm font-semibold text-gray-700", children: [
+  return /* @__PURE__ */ jsxs17("div", { className: clsx18("w-full transition-all duration-300", containerClassName), children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxs17("label", { className: "block text-sm font-semibold text-gray-700", children: [
         "Subir archivo ",
-        /* @__PURE__ */ jsxs15("span", { className: "text-gray-400 font-normal text-xs", children: [
+        /* @__PURE__ */ jsxs17("span", { className: "text-gray-400 font-normal text-xs", children: [
           "(",
           getFileExtensions(),
           ")"
         ] })
       ] }),
-      showStatusBadge && selectedFile && /* @__PURE__ */ jsx22(StatusBadge, { status: uploadStatus })
+      showStatusBadge && selectedFile && /* @__PURE__ */ jsx25(StatusBadge, { status: uploadStatus })
     ] }),
-    !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs15(
+    !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs17(
       "div",
       {
         ...getRootProps(),
@@ -4121,41 +4373,41 @@ var ITDropfile = ({
             ${isDragActive ? "border-primary-500 bg-primary-50 scale-[1.01]" : "border-gray-300 bg-white hover:border-primary-400 hover:bg-gray-50"}
           `,
         children: [
-          /* @__PURE__ */ jsx22("input", { ...getInputProps() }),
-          /* @__PURE__ */ jsx22("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-gray-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx25("input", { ...getInputProps() }),
+          /* @__PURE__ */ jsx25("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-gray-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx25(
             "svg",
             {
               className: `w-6 h-6 transition-colors duration-300 ${isDragActive ? "text-primary-600" : "text-gray-400 group-hover:text-primary-500"}`,
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor",
-              children: /* @__PURE__ */ jsx22("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__ */ jsx25("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__ */ jsx22("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx22("p", { className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-gray-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
+          /* @__PURE__ */ jsx25("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx25("p", { className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-gray-700"}`, children: isDragActive ? "\xA1Suelta aqu\xED!" : "Haz clic o arrastra" }) })
         ]
       }
-    ) : /* @__PURE__ */ jsxs15("div", { className: "w-full bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-      /* @__PURE__ */ jsx22("div", { className: "flex items-center justify-between p-3 bg-gray-50 border-b border-gray-100", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-        /* @__PURE__ */ jsx22("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__ */ jsx22("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx22("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__ */ jsx22("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx22("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__ */ jsxs15("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx22("p", { className: "text-xs font-medium text-gray-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
-          /* @__PURE__ */ jsx22("p", { className: "text-[10px] text-gray-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+    ) : /* @__PURE__ */ jsxs17("div", { className: "w-full bg-white border border-gray-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
+      /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-between p-3 bg-gray-50 border-b border-gray-100", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+        /* @__PURE__ */ jsx25("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__ */ jsx25("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx25("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__ */ jsx25("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx25("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__ */ jsxs17("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx25("p", { className: "text-xs font-medium text-gray-900 truncate", title: selectedFile?.name || "Imagen cargada", children: selectedFile?.name || "Imagen cargada" }),
+          /* @__PURE__ */ jsx25("p", { className: "text-[10px] text-gray-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx22("div", { className: clsx16("relative bg-gray-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx25("div", { className: clsx18("relative bg-gray-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx25(
         "img",
         {
           src: imagePreview,
           alt: "Vista previa",
           className: "w-full h-full object-contain max-h-[200px]"
         }
-      ) : /* @__PURE__ */ jsxs15("div", { className: "py-8 flex flex-col items-center text-gray-400", children: [
-        /* @__PURE__ */ jsx22("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx22("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__ */ jsx22("span", { className: "text-xs", children: "Sin vista previa" })
+      ) : /* @__PURE__ */ jsxs17("div", { className: "py-8 flex flex-col items-center text-gray-400", children: [
+        /* @__PURE__ */ jsx25("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx25("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__ */ jsx25("span", { className: "text-xs", children: "Sin vista previa" })
       ] }) }),
-      /* @__PURE__ */ jsx22("div", { className: "px-3 py-2 bg-white border-t border-gray-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs15(Fragment5, { children: [
-        /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx25("div", { className: "px-3 py-2 bg-white border-t border-gray-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
+        /* @__PURE__ */ jsx25(
           "button",
           {
             type: "button",
@@ -4164,31 +4416,31 @@ var ITDropfile = ({
             children: "Cancelar"
           }
         ),
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs17(
           "button",
           {
             type: "button",
             onClick: handleConfirm,
             className: "px-3 py-1.5 text-xs font-medium text-white bg-primary-600 rounded-lg hover:bg-primary-700 shadow-sm transition-colors flex items-center gap-1",
             children: [
-              /* @__PURE__ */ jsx22("span", { children: "Confirmar" }),
-              /* @__PURE__ */ jsx22("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx22("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+              /* @__PURE__ */ jsx25("span", { children: "Confirmar" }),
+              /* @__PURE__ */ jsx25("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs15(
+      ] }) : /* @__PURE__ */ jsxs17(
         "button",
         {
           type: "button",
           onClick: handleDelete,
           className: "px-3 py-1.5 text-xs font-medium text-danger-600 bg-danger-50 border border-danger-100 rounded-lg hover:bg-danger-100 transition-colors flex items-center gap-1",
           children: [
-            /* @__PURE__ */ jsx22("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx22("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__ */ jsx22("span", { children: "Eliminar" })
+            /* @__PURE__ */ jsx25("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx25("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__ */ jsx25("span", { children: "Eliminar" })
           ]
         }
       ) }),
-      uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx22("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx22("div", { className: "w-full bg-gray-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx22(
+      uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx25("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx25("div", { className: "w-full bg-gray-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx25(
         "div",
         {
           className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -4204,12 +4456,12 @@ var ITDropfile = ({
 var dropfile_default = ITDropfile;
 
 // src/components/layout/layout.tsx
-import { useState as useState20 } from "react";
+import { useState as useState22 } from "react";
 
 // src/components/topbar/topbar.tsx
 import { FaUserCircle as FaUserCircle2, FaBars } from "react-icons/fa";
-import { useRef as useRef8, useState as useState18 } from "react";
-import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useRef as useRef9, useState as useState20 } from "react";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 function ITTopBar({
   logo,
   logoText,
@@ -4219,10 +4471,10 @@ function ITTopBar({
   navItems,
   onNavItemClick
 }) {
-  const [isUserMenuOpen, setIsUserMenuOpen] = useState18(false);
-  const userMenuRef = useRef8(null);
+  const [isUserMenuOpen, setIsUserMenuOpen] = useState20(false);
+  const userMenuRef = useRef9(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx26(
     "header",
     {
       className: "sticky top-0 z-40 backdrop-blur-md transition-all duration-300",
@@ -4231,9 +4483,9 @@ function ITTopBar({
         borderBottom: `1px solid ${theme.topbar?.borderColor || "#e2e8f0"}`,
         boxShadow: theme.topbar?.shadow || "none"
       },
-      children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between h-[72px] px-6 lg:px-8", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between h-[72px] px-6 lg:px-8", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-5", children: [
+          showMobileMenuButton && /* @__PURE__ */ jsx26(
             "button",
             {
               className: "lg:hidden p-2.5 rounded-xl transition-colors duration-200",
@@ -4243,12 +4495,12 @@ function ITTopBar({
               onMouseEnter: (e) => e.currentTarget.style.backgroundColor = theme.topbar?.userMenu?.hoverBackground || "#f1f5f9",
               onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
               onClick: onToggleMobileMenu,
-              children: /* @__PURE__ */ jsx23(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ jsx26(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
-          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-            logo && /* @__PURE__ */ jsx23("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+            logo && /* @__PURE__ */ jsx26("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ jsx26(
               "span",
               {
                 className: "text-[1.15rem] font-bold tracking-tight",
@@ -4257,7 +4509,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ jsx23("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: theme.topbar?.borderColor || "#e2e8f0" }, children: navItems.map((item) => /* @__PURE__ */ jsx23(
+          navItems && navItems.length > 0 && /* @__PURE__ */ jsx26("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: theme.topbar?.borderColor || "#e2e8f0" }, children: navItems.map((item) => /* @__PURE__ */ jsx26(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -4271,16 +4523,16 @@ function ITTopBar({
                 e.currentTarget.style.color = theme.topbar?.textColor || "#475569";
                 e.currentTarget.style.backgroundColor = "transparent";
               },
-              children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ jsx23("span", { className: "opacity-70", children: item.icon }),
+              children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+                item.icon && /* @__PURE__ */ jsx26("span", { className: "opacity-70", children: item.icon }),
                 item.label
               ] })
             },
             item.id
           )) })
         ] }),
-        userMenu && /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxs16(
+        userMenu && /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
@@ -4296,19 +4548,19 @@ function ITTopBar({
               },
               onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
               children: [
-                /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-                  userMenu.userImage ? /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+                  userMenu.userImage ? /* @__PURE__ */ jsx26(
                     "img",
                     {
                       className: "w-9 h-9 rounded-full object-cover ring-2 ring-white shadow-sm",
                       src: userMenu.userImage,
                       alt: "Current user"
                     }
-                  ) : /* @__PURE__ */ jsx23("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx23(FaUserCircle2, { className: "w-6 h-6", style: { color: theme.topbar?.iconColor || "#94a3b8" } }) }),
-                  /* @__PURE__ */ jsx23("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                  ) : /* @__PURE__ */ jsx26("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx26(FaUserCircle2, { className: "w-6 h-6", style: { color: theme.topbar?.iconColor || "#94a3b8" } }) }),
+                  /* @__PURE__ */ jsx26("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                 ] }),
-                /* @__PURE__ */ jsxs16("div", { className: "hidden sm:flex flex-col text-left py-0.5", children: [
-                  /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsxs18("div", { className: "hidden sm:flex flex-col text-left py-0.5", children: [
+                  /* @__PURE__ */ jsx26(
                     "span",
                     {
                       className: "font-semibold text-[0.85rem] leading-tight",
@@ -4316,7 +4568,7 @@ function ITTopBar({
                       children: userMenu.userName
                     }
                   ),
-                  /* @__PURE__ */ jsx23(
+                  /* @__PURE__ */ jsx26(
                     "span",
                     {
                       className: "text-[0.7rem] font-medium",
@@ -4328,7 +4580,7 @@ function ITTopBar({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs18(
             "div",
             {
               ref: userMenuRef,
@@ -4341,15 +4593,15 @@ function ITTopBar({
                 border: `1px solid ${theme.topbar?.userMenu?.dropdown?.borderColor || "#f1f5f9"}`
               },
               children: [
-                /* @__PURE__ */ jsxs16("div", { className: "px-5 py-4 border-b bg-slate-50/50", style: { borderColor: theme.topbar?.userMenu?.dropdown?.borderColor || "#f1f5f9" }, children: [
-                  /* @__PURE__ */ jsx23("span", { className: "block font-bold text-[0.9rem]", style: { color: theme.topbar?.userMenu?.textColor || "#0f172a" }, children: userMenu.userName }),
-                  /* @__PURE__ */ jsx23("span", { className: "block text-xs font-medium truncate mt-0.5", style: { color: theme.topbar?.userMenu?.subtitleColor || "#64748b" }, children: userMenu.userEmail })
+                /* @__PURE__ */ jsxs18("div", { className: "px-5 py-4 border-b bg-slate-50/50", style: { borderColor: theme.topbar?.userMenu?.dropdown?.borderColor || "#f1f5f9" }, children: [
+                  /* @__PURE__ */ jsx26("span", { className: "block font-bold text-[0.9rem]", style: { color: theme.topbar?.userMenu?.textColor || "#0f172a" }, children: userMenu.userName }),
+                  /* @__PURE__ */ jsx26("span", { className: "block text-xs font-medium truncate mt-0.5", style: { color: theme.topbar?.userMenu?.subtitleColor || "#64748b" }, children: userMenu.userEmail })
                 ] }),
-                /* @__PURE__ */ jsx23("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                /* @__PURE__ */ jsx26("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__ */ jsxs16("li", { className: "px-2", children: [
-                    i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx23("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                    /* @__PURE__ */ jsx23(
+                  return /* @__PURE__ */ jsxs18("li", { className: "px-2", children: [
+                    i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx26("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                    /* @__PURE__ */ jsx26(
                       "button",
                       {
                         onClick: (e) => {
@@ -4379,22 +4631,24 @@ function ITTopBar({
 }
 
 // src/components/sidebar/sidebar.tsx
-import { useEffect as useEffect15, useRef as useRef9, useState as useState19 } from "react";
+import { useEffect as useEffect16, useRef as useRef10, useState as useState21 } from "react";
 import { FaChevronDown as FaChevronDown2 } from "react-icons/fa";
-import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function ITSidebar({
   navigationItems = [],
   isCollapsed = false,
   onToggleCollapse,
   className = "",
-  visibleOnMobile = false
+  visibleOnMobile = false,
+  onItemClick,
+  onSubItemClick
 }) {
-  const [expandedItems, setExpandedItems] = useState19(/* @__PURE__ */ new Set());
-  const [isHovering, setIsHovering] = useState19(false);
-  const sidebarRef = useRef9(null);
-  const hoverTimeoutRef = useRef9(null);
-  const leaveTimeoutRef = useRef9(null);
-  useEffect15(() => {
+  const [expandedItems, setExpandedItems] = useState21(/* @__PURE__ */ new Set());
+  const [isHovering, setIsHovering] = useState21(false);
+  const sidebarRef = useRef10(null);
+  const hoverTimeoutRef = useRef10(null);
+  const leaveTimeoutRef = useRef10(null);
+  useEffect16(() => {
     const handleMouseEnter = () => {
       if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
       if (leaveTimeoutRef.current) clearTimeout(leaveTimeoutRef.current);
@@ -4428,13 +4682,14 @@ function ITSidebar({
   const handleItemClick = (item) => {
     if (item.subitems && item.subitems.length > 0) {
       toggleExpanded(item.id);
-    } else if (item.action) {
-      item.action();
+    } else {
+      if (item.action) item.action();
+      if (onItemClick) onItemClick(item);
     }
   };
   const isSidebarCollapsed = visibleOnMobile ? false : !isHovering && isCollapsed;
   const sidebarWidth = isSidebarCollapsed ? "w-[88px]" : "w-[280px]";
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx27(
     "aside",
     {
       ref: sidebarRef,
@@ -4453,8 +4708,8 @@ function ITSidebar({
         WebkitBackdropFilter: "blur(12px)",
         backdropFilter: "blur(12px)"
       },
-      children: /* @__PURE__ */ jsx24("nav", { className: "flex-1 py-6 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ jsx24("ul", { className: "space-y-2", children: navigationItems.map((item) => /* @__PURE__ */ jsxs17("li", { className: "relative group/navitem", children: [
-        /* @__PURE__ */ jsxs17(
+      children: /* @__PURE__ */ jsx27("nav", { className: "flex-1 py-6 overflow-y-auto overflow-x-hidden custom-scrollbar px-4", children: /* @__PURE__ */ jsx27("ul", { className: "space-y-2", children: navigationItems.map((item) => /* @__PURE__ */ jsxs19("li", { className: "relative group/navitem", children: [
+        /* @__PURE__ */ jsxs19(
           "div",
           {
             className: `flex items-center cursor-pointer 
@@ -4475,15 +4730,15 @@ function ITSidebar({
             },
             onClick: () => handleItemClick(item),
             children: [
-              item.isActive && !isSidebarCollapsed && /* @__PURE__ */ jsx24(
+              item.isActive && !isSidebarCollapsed && /* @__PURE__ */ jsx27(
                 "div",
                 {
                   className: "absolute left-0 top-1/4 bottom-1/4 w-[3px] rounded-r-full transition-all",
                   style: { backgroundColor: theme.sidebar?.active?.iconColor || "#10b981", boxShadow: `0 0 10px ${theme.sidebar?.active?.iconColor || "#10b981"}` }
                 }
               ),
-              /* @__PURE__ */ jsxs17("div", { className: `flex items-center ${!isSidebarCollapsed ? "gap-3.5" : "justify-center"} relative z-10 w-full`, children: [
-                item.icon && /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsxs19("div", { className: `flex items-center ${!isSidebarCollapsed ? "gap-3.5" : "justify-center"} relative z-10 w-full`, children: [
+                item.icon && /* @__PURE__ */ jsx27(
                   "div",
                   {
                     className: `transition-all duration-300 flex-shrink-0 flex items-center justify-center`,
@@ -4496,7 +4751,7 @@ function ITSidebar({
                     children: item.icon
                   }
                 ),
-                !isSidebarCollapsed && /* @__PURE__ */ jsx24(
+                !isSidebarCollapsed && /* @__PURE__ */ jsx27(
                   "span",
                   {
                     className: `transition-all duration-300 truncate tracking-wide`,
@@ -4509,15 +4764,15 @@ function ITSidebar({
                   }
                 )
               ] }),
-              !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx24(
+              !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx27(
                 "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 ? theme.sidebar?.active?.color || "#0f172a" : theme.sidebar?.icon?.color || "#64748b", opacity: 0.7 },
-                  children: /* @__PURE__ */ jsx24(FaChevronDown2, { className: "w-3 h-3" })
+                  children: /* @__PURE__ */ jsx27(FaChevronDown2, { className: "w-3 h-3" })
                 }
               ),
-              item.badge && /* @__PURE__ */ jsx24(
+              item.badge && /* @__PURE__ */ jsx27(
                 "span",
                 {
                   className: `
@@ -4535,7 +4790,7 @@ function ITSidebar({
             ]
           }
         ),
-        isSidebarCollapsed && /* @__PURE__ */ jsxs17(
+        isSidebarCollapsed && /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "absolute left-full top-0 ml-4 rounded-2xl opacity-0 invisible group-hover/navitem:opacity-100 group-hover/navitem:visible transition-all duration-300 pointer-events-none z-50 min-w-[220px] overflow-hidden -translate-x-2 group-hover/navitem:translate-x-0 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.15)]",
@@ -4546,30 +4801,33 @@ function ITSidebar({
               backdropFilter: "blur(16px)"
             },
             children: [
-              /* @__PURE__ */ jsxs17("div", { className: "px-5 py-4 flex items-center gap-3 font-semibold border-b", style: { borderColor: theme.sidebar?.borderColor || "#e2e8f0", color: theme.sidebar?.active?.color || "#0f172a" }, children: [
-                item.icon && /* @__PURE__ */ jsx24("span", { style: { color: theme.sidebar?.active?.iconColor || "#10b981" }, className: "text-xl drop-shadow-sm", children: item.icon }),
-                /* @__PURE__ */ jsx24("span", { className: "tracking-wide text-[15px]", children: item.label })
+              /* @__PURE__ */ jsxs19("div", { className: "px-5 py-4 flex items-center gap-3 font-semibold border-b", style: { borderColor: theme.sidebar?.borderColor || "#e2e8f0", color: theme.sidebar?.active?.color || "#0f172a" }, children: [
+                item.icon && /* @__PURE__ */ jsx27("span", { style: { color: theme.sidebar?.active?.iconColor || "#10b981" }, className: "text-xl drop-shadow-sm", children: item.icon }),
+                /* @__PURE__ */ jsx27("span", { className: "tracking-wide text-[15px]", children: item.label })
               ] }),
-              item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "py-2", children: item.subitems.map((subitem) => /* @__PURE__ */ jsxs17(
+              item.subitems && item.subitems.length > 0 ? /* @__PURE__ */ jsx27("div", { className: "py-2", children: item.subitems.map((subitem) => /* @__PURE__ */ jsxs19(
                 "div",
                 {
                   className: `px-5 py-2.5 text-sm flex items-center gap-3 transition-colors`,
                   children: [
-                    /* @__PURE__ */ jsx24("span", { className: `w-1.5 h-1.5 rounded-full transition-all ${subitem.isActive ? "scale-125" : ""}`, style: { backgroundColor: subitem.isActive ? theme.sidebar?.active?.iconColor || "#10b981" : theme.sidebar?.icon?.color || "#94a3b8" } }),
-                    /* @__PURE__ */ jsx24("span", { style: { color: subitem.isActive ? theme.sidebar?.active?.color || "#0f172a" : theme.sidebar?.label?.color || "#475569", fontWeight: subitem.isActive ? 600 : 500 }, children: subitem.label })
+                    /* @__PURE__ */ jsx27("span", { className: `w-1.5 h-1.5 rounded-full transition-all ${subitem.isActive ? "scale-125" : ""}`, style: { backgroundColor: subitem.isActive ? theme.sidebar?.active?.iconColor || "#10b981" : theme.sidebar?.icon?.color || "#94a3b8" } }),
+                    /* @__PURE__ */ jsx27("span", { style: { color: subitem.isActive ? theme.sidebar?.active?.color || "#0f172a" : theme.sidebar?.label?.color || "#475569", fontWeight: subitem.isActive ? 600 : 500 }, children: subitem.label })
                   ]
                 },
                 subitem.id
-              )) }) : /* @__PURE__ */ jsx24("div", { className: "px-5 py-3 text-sm text-zinc-500 italic", children: "No hay submen\xFA" })
+              )) }) : /* @__PURE__ */ jsx27("div", { className: "px-5 py-3 text-sm text-zinc-500 italic", children: "No hay submen\xFA" })
             ]
           }
         ),
-        !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx24("div", { className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[500px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ jsx24("ul", { className: "ml-5 pl-4 space-y-1 py-1", style: { borderLeft: `2px solid ${theme.sidebar?.borderColor || "#e2e8f0"}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ jsxs17("li", { className: "relative", children: [
-          subitem.isActive && /* @__PURE__ */ jsx24("div", { className: "absolute -left-[18px] top-1/2 -translate-y-1/2 w-4 h-[2px] rounded-r-full", style: { backgroundColor: theme.sidebar?.active?.iconColor || "#10b981" } }),
-          /* @__PURE__ */ jsx24(
+        !isSidebarCollapsed && item.subitems && item.subitems.length > 0 && /* @__PURE__ */ jsx27("div", { className: `overflow-hidden transition-all duration-400 ease-[cubic-bezier(0.2,0,0,1)] ${expandedItems.has(item.id) ? "max-h-[500px] opacity-100 mt-1" : "max-h-0 opacity-0"}`, children: /* @__PURE__ */ jsx27("ul", { className: "ml-5 pl-4 space-y-1 py-1", style: { borderLeft: `2px solid ${theme.sidebar?.borderColor || "#e2e8f0"}` }, children: item.subitems.map((subitem) => /* @__PURE__ */ jsxs19("li", { className: "relative", children: [
+          subitem.isActive && /* @__PURE__ */ jsx27("div", { className: "absolute -left-[18px] top-1/2 -translate-y-1/2 w-4 h-[2px] rounded-r-full", style: { backgroundColor: theme.sidebar?.active?.iconColor || "#10b981" } }),
+          /* @__PURE__ */ jsx27(
             "button",
             {
-              onClick: subitem.action,
+              onClick: () => {
+                if (subitem.action) subitem.action();
+                if (onSubItemClick) onSubItemClick(subitem);
+              },
               className: `block w-full text-left px-4 py-2 rounded-xl transition-all duration-300`,
               style: {
                 color: subitem.isActive ? theme.sidebar?.active?.color || "#0f172a" : theme.sidebar?.label?.color || "#475569",
@@ -4600,7 +4858,7 @@ function ITSidebar({
 }
 
 // src/components/layout/layout.tsx
-import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 function ITLayout({
   topBar,
   sidebar,
@@ -4608,10 +4866,10 @@ function ITLayout({
   className = "",
   contentClassName = ""
 }) {
-  const [desktopCollapsed, setDesktopCollapsed] = useState20(true);
-  const [mobileSidebarOpen, setMobileSidebarOpen] = useState20(false);
-  return /* @__PURE__ */ jsxs18("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
-    /* @__PURE__ */ jsx25(
+  const [desktopCollapsed, setDesktopCollapsed] = useState22(true);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = useState22(false);
+  return /* @__PURE__ */ jsxs20("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
+    /* @__PURE__ */ jsx28(
       ITTopBar,
       {
         ...topBar,
@@ -4619,10 +4877,10 @@ function ITLayout({
         onToggleMobileMenu: () => setMobileSidebarOpen((v) => !v)
       }
     ),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-1 overflow-hidden relative", style: { backgroundColor: theme.layout?.backgroundColor || "#f8fafc" }, children: [
-      /* @__PURE__ */ jsxs18("div", { className: "hidden lg:block relative z-40 h-full", children: [
-        /* @__PURE__ */ jsx25("div", { className: "w-[88px] h-full flex-shrink-0" }),
-        /* @__PURE__ */ jsx25("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsxs20("div", { className: "flex flex-1 overflow-hidden relative", style: { backgroundColor: theme.layout?.backgroundColor || "#f8fafc" }, children: [
+      /* @__PURE__ */ jsxs20("div", { className: "hidden lg:block relative z-40 h-full", children: [
+        /* @__PURE__ */ jsx28("div", { className: "w-[88px] h-full flex-shrink-0" }),
+        /* @__PURE__ */ jsx28("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx28(
           ITSidebar,
           {
             ...sidebar,
@@ -4633,31 +4891,33 @@ function ITLayout({
           }
         ) })
       ] }),
-      mobileSidebarOpen && /* @__PURE__ */ jsx25(
+      mobileSidebarOpen && /* @__PURE__ */ jsx28(
         "div",
         {
           className: "lg:hidden fixed inset-0 z-50 transition-opacity duration-300 backdrop-blur-sm bg-black/40",
           onClick: () => setMobileSidebarOpen(false),
-          children: /* @__PURE__ */ jsx25(
+          children: /* @__PURE__ */ jsx28(
             "div",
             {
-              className: "h-full w-auto transform transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]",
+              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__ */ jsx25(
+              children: /* @__PURE__ */ jsx28(
                 ITSidebar,
                 {
                   ...sidebar,
                   isCollapsed: false,
                   visibleOnMobile: true,
-                  className: "h-full shadow-2xl",
-                  onToggleCollapse: () => setMobileSidebarOpen(false)
+                  className: "h-full shadow-2xl relative z-[60]",
+                  onToggleCollapse: () => setMobileSidebarOpen(false),
+                  onItemClick: () => setMobileSidebarOpen(false),
+                  onSubItemClick: () => setMobileSidebarOpen(false)
                 }
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx25("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx28("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx28(
         "div",
         {
           className: `mx-auto w-full h-full ${contentClassName}`,
@@ -4678,7 +4938,7 @@ var sizeClasses = {
 };
 
 // src/components/loader/loader.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function ITLoader({
   size = "md",
   variant = "spinner",
@@ -4693,22 +4953,22 @@ function ITLoader({
   const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
   const colorClass = !isCssValue ? color : "";
   if (variant === "spinner") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx29(
       "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__ */ jsx26("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__ */ jsx29("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__ */ jsx26(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx26(
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx29(
           "div",
           {
             className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
@@ -4723,11 +4983,11 @@ function ITLoader({
     );
   }
   if (variant === "bar") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         className: `w-full ${size === "sm" ? "h-1" : size === "md" ? "h-1.5" : size === "lg" ? "h-2" : "h-2.5"} bg-gray-200 rounded-full overflow-hidden ${className}`,
-        children: /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsx29(
           "div",
           {
             className: `h-full animate-progress ${colorClass}`,
@@ -4743,7 +5003,7 @@ function ITLoader({
     );
   }
   if (variant === "pulse") {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
@@ -4755,10 +5015,10 @@ function ITLoader({
 }
 
 // src/components/stepper/stepper.tsx
-import clsx17 from "clsx";
-import { useEffect as useEffect16, useRef as useRef10, useState as useState21 } from "react";
+import clsx19 from "clsx";
+import { useEffect as useEffect17, useRef as useRef11, useState as useState23 } from "react";
 import { FaChevronLeft as FaChevronLeft4, FaChevronRight as FaChevronRight5, FaCheck as FaCheck3 } from "react-icons/fa";
-import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
 function ITStepper({
   steps,
   currentStep,
@@ -4773,15 +5033,15 @@ function ITStepper({
   maxContentHeight = "400px",
   color = "primary"
 }) {
-  const [direction, setDirection] = useState21("next");
-  const contentRef = useRef10(null);
-  const progressRef = useRef10(null);
+  const [direction, setDirection] = useState23("next");
+  const contentRef = useRef11(null);
+  const progressRef = useRef11(null);
   const isThemeColor = color in theme.colors;
   const resolvedColor = isThemeColor ? theme.colors[color][500] : color;
-  useEffect16(() => {
+  useEffect17(() => {
     onStepChange?.(currentStep);
   }, [currentStep, onStepChange]);
-  useEffect16(() => {
+  useEffect17(() => {
     const pct = currentStep / Math.max(1, steps.length - 1) * 100;
     if (progressRef.current) {
       progressRef.current.style.width = `${pct}%`;
@@ -4825,23 +5085,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted, isActive) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ jsx27(FaCheck3, { className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx30(FaCheck3, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ jsx27("span", { className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ jsx30("span", { className: "text-sm font-semibold", children: index + 1 });
   };
-  return /* @__PURE__ */ jsxs19("div", { className: clsx17("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
-    /* @__PURE__ */ jsxs19("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs21("div", { className: clsx19("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
+    /* @__PURE__ */ jsxs21("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ jsx30(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-gray-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx30(
         "div",
         {
           ref: progressRef,
@@ -4849,11 +5109,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx27("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ jsx30("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__ */ jsx27(
+        return /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
@@ -4863,11 +5123,11 @@ function ITStepper({
             "aria-label": `Paso ${idx + 1} ${step.label}`,
             className: "flex-1 group",
             title: step.label,
-            children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx27(
+            children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx30(
                 "div",
                 {
-                  className: clsx17(
+                  className: clsx19(
                     "flex items-center justify-center w-11 h-11 rounded-full border-2 transition-all duration-300 transform",
                     hasIcon && "p-2",
                     isCompleted && "bg-slate-400 border-slate-400 text-white scale-100 shadow",
@@ -4878,10 +5138,10 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted, isActive)
                 }
               ),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx30(
                 "span",
                 {
-                  className: clsx17(
+                  className: clsx19(
                     "mt-2 text-xs sm:text-sm font-medium transition-colors text-center",
                     isCompleted ? "text-slate-400" : !isActive && "text-gray-400"
                   ),
@@ -4895,14 +5155,14 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx30(
       "div",
       {
         ref: contentRef,
         tabIndex: -1,
         role: "region",
         "aria-labelledby": `step-${currentStep}`,
-        className: clsx17(
+        className: clsx19(
           stepClassName,
           "bg-white border border-gray-100 rounded-2xl shadow-lg min-h-[280px] transition-transform duration-400 no-scrollbar p-6",
           scrollableContent && "overflow-y-auto hide-scrollbar"
@@ -4911,37 +5171,37 @@ function ITStepper({
         children: steps[currentStep].content
       }
     ),
-    /* @__PURE__ */ jsxs19("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-center mt-6", children: [
+      /* @__PURE__ */ jsx30(
         ITButton,
         {
           variant: "outlined",
           color: "secondary",
           disabled: currentStep === 0,
           onClick: prevStep,
-          children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx27(FaChevronLeft4, {}),
+          children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx30(FaChevronLeft4, {}),
             "Atr\xE1s"
           ] })
         }
       ),
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "text-sm text-gray-500 mr-2 hidden sm:block", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "text-sm text-gray-500 mr-2 hidden sm:block", children: [
           "Paso ",
           currentStep + 1,
           " de ",
           steps.length
         ] }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx30(
           ITButton,
           {
             variant: "solid",
             color,
             disabled: disableNext,
             onClick: nextStep,
-            children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+            children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
               currentStep === steps.length - 1 ? "Finalizar" : "Siguiente",
-              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx27(FaCheck3, {}) : /* @__PURE__ */ jsx27(FaChevronRight5, {})
+              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx30(FaCheck3, {}) : /* @__PURE__ */ jsx30(FaChevronRight5, {})
             ] })
           }
         )
@@ -4951,10 +5211,10 @@ function ITStepper({
 }
 
 // src/components/theme-provider/themeProvider.tsx
-import { useMemo as useMemo4 } from "react";
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useMemo as useMemo5 } from "react";
+import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 function ITThemeProvider({ theme: theme2, children }) {
-  const activeThemeContext = useMemo4(() => {
+  const activeThemeContext = useMemo5(() => {
     const baseColors = {
       primary: palette.blue,
       secondary: palette.gray,
@@ -4975,7 +5235,7 @@ function ITThemeProvider({ theme: theme2, children }) {
       }
     };
   }, [theme2]);
-  const cssVariables = useMemo4(() => {
+  const cssVariables = useMemo5(() => {
     let variablesString = "";
     Object.entries(activeThemeContext.colors).forEach(([colorName, scale]) => {
       Object.entries(scale).forEach(([shade, hexValue]) => {
@@ -5094,8 +5354,8 @@ function ITThemeProvider({ theme: theme2, children }) {
     return `:root {
 ${variablesString}}`;
   }, [activeThemeContext]);
-  return /* @__PURE__ */ jsxs20(Fragment6, { children: [
-    /* @__PURE__ */ jsx28("style", { suppressHydrationWarning: true, children: cssVariables }),
+  return /* @__PURE__ */ jsxs22(Fragment6, { children: [
+    /* @__PURE__ */ jsx31("style", { suppressHydrationWarning: true, children: cssVariables }),
     children
   ] });
 }
@@ -5126,14 +5386,17 @@ export {
   ITLoader,
   ITNavbar,
   ITPagination,
+  ITSearchSelect,
   ITSelect,
   ITSlideToggle,
   ITStepper,
   ITTable,
+  tabs_default as ITTabs,
   ITText,
   ITThemeProvider,
   ITTimePicker,
   ITToast,
+  tripleFilter_default as ITTripleFilter,
   createValidationSchema
 };
 //# sourceMappingURL=index.js.map