@axzydev/axzy_ui_system 1.2.2 → 1.2.4

package/dist/index.cjs

@@ -376,7 +376,7 @@ function ITText({
     Tag,
     {
       className,
-      style: muted ? { color: "var(--color-text-muted)", ...style } : { color: "var(--color-text-default)", ...style },
+      style: muted ? { color: "var(--color-text-muted)", ...style } : style,
       ...rest,
       children
     }
@@ -6653,10 +6653,9 @@ function ITNavbar({
 }
 
 // src/components/page/page.tsx
-var import_clsx29 = __toESM(require("clsx"), 1);
+var import_clsx28 = __toESM(require("clsx"), 1);
 
 // src/components/page-header/page-header.tsx
-var import_clsx26 = __toESM(require("clsx"), 1);
 var import_fa16 = require("react-icons/fa");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function ITPageHeader({
@@ -6668,7 +6667,7 @@ function ITPageHeader({
   className
 }) {
   const showTopRow = breadcrumbs?.length || backAction;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_clsx26.default)(className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className, children: [
     showTopRow && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
         backAction && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -6695,7 +6694,7 @@ function ITPageHeader({
 }
 
 // src/components/skeleton/skeleton.tsx
-var import_clsx27 = __toESM(require("clsx"), 1);
+var import_clsx26 = __toESM(require("clsx"), 1);
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var variantClasses = {
   text: "rounded-md h-4 w-full",
@@ -6719,7 +6718,7 @@ function ITSkeleton({
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: items.map((i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
-      className: (0, import_clsx27.default)(
+      className: (0, import_clsx26.default)(
         "animate-pulse bg-slate-200 dark:bg-slate-700",
         variantClasses[variant],
         variant === "text" && count > 1 && i < count - 1 && "mb-2",
@@ -6735,7 +6734,7 @@ function ITSkeleton({
 }
 
 // src/components/stack/stack.tsx
-var import_clsx28 = __toESM(require("clsx"), 1);
+var import_clsx27 = __toESM(require("clsx"), 1);
 var import_react25 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var directionMap2 = {
@@ -6785,7 +6784,7 @@ function ITStack({
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Component,
     {
-      className: (0, import_clsx28.default)(
+      className: (0, import_clsx27.default)(
         "flex",
         directionMap2[direction],
         alignItems && alignMap2[alignItems],
@@ -6804,48 +6803,68 @@ function ITStack({
 
 // src/components/page/page.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-function ITPage({
-  title,
-  description,
-  breadcrumbs,
-  actions,
-  backAction,
-  loading = false,
-  error = null,
-  onRetry,
-  empty = false,
-  emptyTitle,
-  emptyDescription,
-  emptyAction,
-  className,
-  children
-}) {
+var hasHeader = (props) => !!(props.title || props.description || props.breadcrumbs || props.actions || props.backAction);
+var renderHeader = (props) => {
+  if (!hasHeader(props)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    ITPageHeader,
+    {
+      title: props.title || "",
+      description: props.description,
+      breadcrumbs: props.breadcrumbs,
+      actions: props.actions,
+      backAction: props.backAction
+    }
+  );
+};
+function ITPage(props) {
+  const {
+    loading = false,
+    error = null,
+    errorTitle,
+    errorActionLabel,
+    onRetry,
+    empty = false,
+    emptyTitle,
+    emptyDescription,
+    emptyAction,
+    className,
+    children
+  } = props;
+  const wrapperClass = (0, import_clsx28.default)("space-y-6", className);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITPageHeader, { title }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ITStack, { spacing: 4, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: wrapperClass, children: [
+      renderHeader(props),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(ITStack, { spacing: 4, children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITSkeleton, { variant: "rectangular", height: 40, width: "40%" }),
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITSkeleton, { variant: "rectangular", height: 200 }),
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITSkeleton, { variant: "rectangular", height: 200 })
-      ] }) })
+      ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITPageHeader, { title }),
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: wrapperClass, children: [
+      renderHeader(props),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         ITEmptyState,
         {
-          title: "Error",
+          title: errorTitle || "Error",
           description: error,
-          action: onRetry ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITButton, { label: "Reintentar", onClick: onRetry, size: "small" }) : void 0
+          action: onRetry ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+            ITButton,
+            {
+              label: errorActionLabel || "Reintentar",
+              onClick: onRetry,
+              size: "small"
+            }
+          ) : void 0
         }
       )
     ] });
   }
   if (empty) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ITPageHeader, { title }),
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: wrapperClass, children: [
+      renderHeader(props),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         ITEmptyState,
         {
@@ -6856,24 +6875,15 @@ function ITPage({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: (0, import_clsx29.default)("space-y-6", className), children: [
-    (title || breadcrumbs || actions || backAction) && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      ITPageHeader,
-      {
-        title: title || "",
-        description,
-        breadcrumbs,
-        actions,
-        backAction
-      }
-    ),
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: wrapperClass, children: [
+    renderHeader(props),
     children
   ] });
 }
 
 // src/components/popover/popover.tsx
 var import_react26 = require("react");
-var import_clsx30 = __toESM(require("clsx"), 1);
+var import_clsx29 = __toESM(require("clsx"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var positionClasses = {
   top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
@@ -6897,14 +6907,14 @@ function ITPopover({
     if (isControlled) onClose?.();
     else setInternalOpen(false);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: (0, import_clsx30.default)("relative inline-flex", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: (0, import_clsx29.default)("relative inline-flex", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { onClick: () => isControlled ? onClose?.() : setInternalOpen((p) => !p), className: "cursor-pointer", children: trigger }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: (0, import_clsx30.default)("absolute z-[200]", positionClasses[position]), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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 }) })
+    open && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: (0, import_clsx29.default)("absolute z-[200]", positionClasses[position]), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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/progress/progress.tsx
-var import_clsx31 = __toESM(require("clsx"), 1);
+var import_clsx30 = __toESM(require("clsx"), 1);
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var colorMap = {
   primary: "bg-primary-500",
@@ -6935,7 +6945,7 @@ function ITProgress({
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
-      className: (0, import_clsx31.default)("w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden", sizeMap3[size], className),
+      className: (0, import_clsx30.default)("w-full bg-slate-200 dark:bg-slate-700 rounded-full overflow-hidden", sizeMap3[size], className),
       style,
       role: "progressbar",
       "aria-valuenow": variant === "determinate" ? value : void 0,
@@ -6943,7 +6953,7 @@ function ITProgress({
       children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "div",
         {
-          className: (0, import_clsx31.default)(
+          className: (0, import_clsx30.default)(
             "h-full rounded-full transition-all duration-500",
             colorMap[color],
             variant === "indeterminate" && "animate-pulse w-1/2"
@@ -6956,7 +6966,7 @@ function ITProgress({
 }
 
 // src/components/radio/radio.tsx
-var import_clsx32 = __toESM(require("clsx"), 1);
+var import_clsx31 = __toESM(require("clsx"), 1);
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function ITRadioGroup({
   name,
@@ -6970,7 +6980,7 @@ function ITRadioGroup({
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
-      className: (0, import_clsx32.default)(
+      className: (0, import_clsx31.default)(
         "flex gap-3",
         direction === "row" ? "flex-row flex-wrap" : "flex-col",
         className
@@ -6980,7 +6990,7 @@ function ITRadioGroup({
         return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           "label",
           {
-            className: (0, import_clsx32.default)(
+            className: (0, import_clsx31.default)(
               "inline-flex items-center gap-2 cursor-pointer select-none",
               disabled && "opacity-50 cursor-not-allowed"
             ),
@@ -7000,7 +7010,7 @@ function ITRadioGroup({
               /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 "div",
                 {
-                  className: (0, import_clsx32.default)(
+                  className: (0, import_clsx31.default)(
                     "w-4 h-4 rounded-full border-2 flex items-center justify-center transition-all",
                     isSelected ? "border-primary-500" : "border-slate-300 dark:border-slate-600",
                     !disabled && "peer-focus:ring-2 peer-focus:ring-primary-200"
@@ -7020,7 +7030,7 @@ function ITRadioGroup({
 
 // src/components/search-select/search-select.tsx
 var import_react27 = require("react");
-var import_clsx33 = __toESM(require("clsx"), 1);
+var import_clsx32 = __toESM(require("clsx"), 1);
 var import_fa17 = require("react-icons/fa");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function ITSearchSelect({
@@ -7139,12 +7149,12 @@ function ITSearchSelect({
     }
     return style;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_clsx33.default)("w-full flex flex-col gap-1.5", className, isOpen && "relative z-30"), ref: containerRef, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_clsx32.default)("w-full flex flex-col gap-1.5", className, isOpen && "relative z-30"), ref: containerRef, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       ITText,
       {
         as: "label",
-        className: (0, import_clsx33.default)("text-sm font-medium text-gray-700 dark:text-slate-300", {
+        className: (0, import_clsx32.default)("text-sm font-medium text-gray-700 dark:text-slate-300", {
           "text-red-500": hasError
         }),
         children: [
@@ -7174,7 +7184,7 @@ function ITSearchSelect({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "absolute right-3 flex items-center gap-2 text-gray-400 pointer-events-none", children: [
           isLoading && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "animate-spin h-4 w-4 border-2 border-primary-500 border-t-transparent rounded-full" }),
-          !isLoading && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_fa17.FaSearch, { size: 14, className: (0, import_clsx33.default)({ "text-primary-500": isFocused }) })
+          !isLoading && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_fa17.FaSearch, { size: 14, className: (0, import_clsx32.default)({ "text-primary-500": isFocused }) })
         ] })
       ] }),
       isOpen && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute z-50 w-full mt-1 bg-white dark:bg-slate-900 border border-gray-200 dark:border-slate-800 rounded-lg shadow-xl overflow-hidden animate-in fade-in zoom-in duration-200 origin-top", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -7182,7 +7192,7 @@ function ITSearchSelect({
         {
           as: "div",
           onClick: () => handleSelect(option),
-          className: (0, import_clsx33.default)(
+          className: (0, import_clsx32.default)(
             "px-4 py-2 text-sm cursor-pointer transition-colors",
             value === option[valueField] ? "bg-primary-50 dark:bg-primary-950/40 text-primary-700 dark:text-primary-300 font-medium" : "hover:bg-gray-50 dark:hover:bg-slate-800 text-gray-700 dark:text-slate-300"
           ),
@@ -7196,7 +7206,7 @@ function ITSearchSelect({
 }
 
 // src/components/searchTable/searchTable.tsx
-var import_clsx35 = __toESM(require("clsx"), 1);
+var import_clsx34 = __toESM(require("clsx"), 1);
 var import_react28 = require("react");
 
 // src/components/searchTable/components/SearchInput.tsx
@@ -7343,7 +7353,7 @@ var getNestedValue4 = (obj, path) => {
 };
 
 // src/components/searchTable/components/TableRow.tsx
-var import_clsx34 = __toESM(require("clsx"), 1);
+var import_clsx33 = __toESM(require("clsx"), 1);
 var import_fa20 = require("react-icons/fa");
 
 // src/components/searchTable/components/EditableCell.tsx
@@ -7539,7 +7549,7 @@ function TableRow({
       children: columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         "td",
         {
-          className: (0, import_clsx34.default)("pl-5 py-2", col.className, {
+          className: (0, import_clsx33.default)("pl-5 py-2", col.className, {
             "text-center": col.type === "actions" || col.type === "boolean"
           }),
           children: isEditing && col.editable ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -7554,7 +7564,7 @@ function TableRow({
           ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "div",
             {
-              className: (0, import_clsx34.default)({
+              className: (0, import_clsx33.default)({
                 "flex flex-col items-center justify-center gap-1 ": col.type === "actions"
               }),
               children: renderCellContent(
@@ -7739,7 +7749,7 @@ function ITSearchTable({
     handleClearSearch();
     onClearSearch?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: (0, import_clsx35.default)("space-y-4 w-full", containerClassName), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: (0, import_clsx34.default)("space-y-4 w-full", containerClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "shadow-md sm:rounded-lg overflow-hidden", children: [
       title && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "bg-teal-500 text-white px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ITText, { as: "h2", className: "text-xl font-bold text-center whitespace-nowrap", children: title }) }),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "bg-white", children: [
@@ -7757,7 +7767,7 @@ function ITSearchTable({
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
           "table",
           {
-            className: (0, import_clsx35.default)(
+            className: (0, import_clsx34.default)(
               "min-w-full text-sm text-left bg-white text-gray-900 table-auto",
               variantStyles[variant],
               sizeStyles[size]
@@ -8105,7 +8115,7 @@ function ITSidebar({
 
 // src/components/slide/slide.tsx
 var import_react30 = require("react");
-var import_clsx36 = __toESM(require("clsx"), 1);
+var import_clsx35 = __toESM(require("clsx"), 1);
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function ITSlideToggle({
   onToggle,
@@ -8163,7 +8173,7 @@ function ITSlideToggle({
     "div",
     {
       onClick: toggleSwitch,
-      className: (0, import_clsx36.default)(
+      className: (0, import_clsx35.default)(
         "flex items-center rounded-full p-1 transition-colors duration-300",
         container,
         disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
@@ -8182,7 +8192,7 @@ function ITSlideToggle({
       children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         "div",
         {
-          className: (0, import_clsx36.default)(
+          className: (0, import_clsx35.default)(
             "bg-white rounded-full shadow-md transform transition-transform duration-300 pointer-events-none",
             knob,
             isOn ? translate : "translate-x-0"
@@ -8194,7 +8204,7 @@ function ITSlideToggle({
 }
 
 // src/components/slider/slider.tsx
-var import_clsx37 = __toESM(require("clsx"), 1);
+var import_clsx36 = __toESM(require("clsx"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function ITSlider({
   value,
@@ -8206,7 +8216,7 @@ function ITSlider({
   disabled = false,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: (0, import_clsx37.default)("flex flex-col gap-1.5", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: (0, import_clsx36.default)("flex flex-col gap-1.5", className), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(ITText, { as: "label", className: "text-xs font-semibold text-gray-600 dark:text-gray-400", children: [
       label,
       ": ",
@@ -8222,7 +8232,7 @@ function ITSlider({
         value,
         onChange: (e) => onChange(Number(e.target.value)),
         disabled,
-        className: (0, import_clsx37.default)(
+        className: (0, import_clsx36.default)(
           "w-full h-1.5 appearance-none rounded-full outline-none cursor-pointer",
           "bg-gray-200 dark:bg-gray-700",
           "accent-primary-500",
@@ -8242,7 +8252,7 @@ function ITSlider({
 }
 
 // src/components/stat-card/stat-card.tsx
-var import_clsx38 = __toESM(require("clsx"), 1);
+var import_clsx37 = __toESM(require("clsx"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var trendColors = {
   up: "text-emerald-600 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950/30",
@@ -8263,7 +8273,7 @@ function ITStatCard({
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "div",
     {
-      className: (0, import_clsx38.default)("rounded-xl p-4 border border-slate-100 dark:border-slate-800", color, className),
+      className: (0, import_clsx37.default)("rounded-xl p-4 border border-slate-100 dark:border-slate-800", color, className),
       style,
       onClick,
       role: onClick ? "button" : void 0,
@@ -8275,7 +8285,7 @@ function ITStatCard({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-baseline gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ITText, { as: "span", className: "text-2xl font-bold text-slate-800 dark:text-white", children: value }),
-          trend && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ITText, { as: "span", className: (0, import_clsx38.default)("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
+          trend && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ITText, { as: "span", className: (0, import_clsx37.default)("text-[11px] font-semibold px-1.5 py-0.5 rounded-md", trendColors[trendDirection]), children: trend })
         ] })
       ]
     }
@@ -8283,7 +8293,7 @@ function ITStatCard({
 }
 
 // src/components/textarea/textarea.tsx
-var import_clsx39 = __toESM(require("clsx"), 1);
+var import_clsx38 = __toESM(require("clsx"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var resizeMap = {
   none: "resize-none",
@@ -8304,7 +8314,7 @@ function ITTextarea({
   maxLength,
   resize = "vertical"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: (0, import_clsx39.default)("flex flex-col gap-1.5", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: (0, import_clsx38.default)("flex flex-col gap-1.5", className), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ITText, { as: "label", className: inputLabel(!!error), htmlFor: name, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "textarea",
@@ -8317,7 +8327,7 @@ function ITTextarea({
         rows,
         disabled,
         maxLength,
-        className: (0, import_clsx39.default)(
+        className: (0, import_clsx38.default)(
           "w-full border border-solid transition-all duration-200 rounded-lg px-3 py-2 text-sm outline-none",
           "focus:ring-2",
           resizeMap[resize],
@@ -8331,7 +8341,7 @@ function ITTextarea({
 }
 
 // src/components/triple-filter/tripleFilter.tsx
-var import_clsx40 = __toESM(require("clsx"), 1);
+var import_clsx39 = __toESM(require("clsx"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var colorMap2 = {
   primary: "text-primary-600",
@@ -8354,14 +8364,14 @@ var ITTripleFilter = ({
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "div",
     {
-      className: (0, import_clsx40.default)("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
+      className: (0, import_clsx39.default)("flex bg-slate-100 p-1 rounded-xl gap-1 w-fit", className),
       children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "button",
         {
           onClick: () => onChange(option.value),
-          className: (0, import_clsx40.default)(
+          className: (0, import_clsx39.default)(
             "px-4 py-1.5 rounded-lg text-[10px] font-bold uppercase tracking-wider transition-all duration-200 whitespace-nowrap",
-            value === option.value ? (0, import_clsx40.default)("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
+            value === option.value ? (0, import_clsx39.default)("bg-white shadow-sm", colorMap2[color]) : "text-slate-400 hover:text-slate-600"
           ),
           children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ITText, { as: "span", children: option.label })
         },
@@ -8383,7 +8393,7 @@ var positionStyles = {
 };
 
 // src/components/toast/toast.tsx
-var import_clsx41 = __toESM(require("clsx"), 1);
+var import_clsx40 = __toESM(require("clsx"), 1);
 var import_react31 = require("react");
 var import_fa23 = require("react-icons/fa");
 var import_jsx_runtime58 = require("react/jsx-runtime");
@@ -8429,7 +8439,7 @@ function ITToast({
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
-      className: (0, import_clsx41.default)(
+      className: (0, import_clsx40.default)(
         "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],
         {
@@ -8463,7 +8473,7 @@ function ITToast({
 // src/components/dropfile/dropfile.tsx
 var import_react32 = require("react");
 var import_react_dropzone = require("react-dropzone");
-var import_clsx42 = __toESM(require("clsx"), 1);
+var import_clsx41 = __toESM(require("clsx"), 1);
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var FileTypeEnum = /* @__PURE__ */ ((FileTypeEnum2) => {
   FileTypeEnum2["PDF"] = "application/pdf";
@@ -8668,7 +8678,7 @@ var ITDropfile = ({
     handleCancel();
   };
   const isImage = fileType && fileType.startsWith("image/");
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: (0, import_clsx42.default)("w-full transition-all duration-300", containerClassName), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: (0, import_clsx41.default)("w-full transition-all duration-300", containerClassName), children: [
     /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: "block text-sm font-semibold text-gray-700", children: [
         /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ITText, { as: "span", children: "Subir archivo " }),
@@ -8712,7 +8722,7 @@ var ITDropfile = ({
           /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ITText, { as: "p", className: "text-[10px] text-gray-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: (0, import_clsx42.default)("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__ */ (0, import_jsx_runtime59.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: (0, import_clsx41.default)("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__ */ (0, import_jsx_runtime59.jsx)(
         "img",
         {
           src: imagePreview,
@@ -8774,6 +8784,7 @@ var dropfile_default = ITDropfile;
 
 // src/components/layout/layout.tsx
 var import_react34 = require("react");
+var import_clsx42 = __toESM(require("clsx"), 1);
 
 // src/components/topbar/topbar.tsx
 var import_fa24 = require("react-icons/fa");
@@ -9010,7 +9021,7 @@ function ITLayout({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `mx-auto w-full h-full ${contentClassName}`, children }) })
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: (0, import_clsx42.default)("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) })
     ] })
   ] });
 }