@axzydev/axzy_ui_system 1.7.0 → 1.7.2

package/dist/index.js

@@ -1527,6 +1527,14 @@ function ITCard({
       onClick,
       onMouseEnter: () => onClick && setIsHovered(true),
       onMouseLeave: () => onClick && setIsHovered(false),
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
       className: clsx2("overflow-hidden flex flex-col", className),
       style: containerStyle,
       children: [
@@ -1823,7 +1831,7 @@ function ITJsonRenderer({
   json,
   className
 }) {
-  const renderNode = (node) => {
+  const renderNode2 = (node) => {
     if (node == null || typeof node === "boolean") {
       return null;
     }
@@ -1834,10 +1842,10 @@ function ITJsonRenderer({
       return node;
     }
     if (Array.isArray(node)) {
-      return node.map((child, idx) => /* @__PURE__ */ jsx9(React.Fragment, { children: renderNode(child) }, idx));
+      return node.map((child, idx) => /* @__PURE__ */ jsx9(React.Fragment, { children: renderNode2(child) }, idx));
     }
     const { type, props = {}, children, text } = node;
-    const childContent = children !== void 0 ? renderNode(children) : text;
+    const childContent = children !== void 0 ? renderNode2(children) : text;
     switch (type) {
       case "button":
         return /* @__PURE__ */ jsx9(ITButton, { ...props, children: childContent });
@@ -1859,9 +1867,9 @@ function ITJsonRenderer({
     }
   };
   if (Array.isArray(json)) {
-    return /* @__PURE__ */ jsx9("div", { className: clsx7(className), children: json.map((n, idx) => /* @__PURE__ */ jsx9(React.Fragment, { children: renderNode(n) }, idx)) });
+    return /* @__PURE__ */ jsx9("div", { className: clsx7(className), children: json.map((n, idx) => /* @__PURE__ */ jsx9(React.Fragment, { children: renderNode2(n) }, idx)) });
   }
-  return /* @__PURE__ */ jsx9("div", { className: clsx7(className), children: renderNode(json) });
+  return /* @__PURE__ */ jsx9("div", { className: clsx7(className), children: renderNode2(json) });
 }
 
 // src/hooks/useJsonRender.tsx
@@ -5970,7 +5978,8 @@ function ITDialog({
   className,
   title,
   useFormHeader = false,
-  fullScreen = false
+  fullScreen = false,
+  padded = true
 }) {
   const { t } = useITTranslation();
   const modalRef = useRef14(null);
@@ -5999,7 +6008,7 @@ function ITDialog({
         "div",
         {
           ref: modalRef,
-          className: `overflow-hidden relative ${fullScreen ? "w-screen h-screen max-w-none rounded-none m-0 flex flex-col" : `${className || ""} ${useFormHeader ? "p-0" : "p-6"}`}`,
+          className: `overflow-hidden relative ${fullScreen ? "w-screen h-screen max-w-none rounded-none m-0 flex flex-col" : `${className || ""} ${!padded || useFormHeader ? "p-0" : "p-6"}`}`,
           style: {
             backgroundColor: theme.card.backgroundColor,
             borderRadius: fullScreen ? "0" : theme.card.borderRadius,
@@ -6021,8 +6030,8 @@ function ITDialog({
                 children: /* @__PURE__ */ jsx31(FaRegTimesCircle, {})
               }
             ),
-            title && /* @__PURE__ */ jsx31(ITText, { as: "h2", className: "text-xl font-semibold mb-4", children: title }),
-            /* @__PURE__ */ jsx31("div", { children })
+            title && (padded ? /* @__PURE__ */ jsx31(ITText, { as: "h2", className: "text-xl font-semibold mb-4", children: title }) : /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-between gap-3 px-6 py-4 border-b border-slate-200", children: /* @__PURE__ */ jsx31(ITText, { as: "h2", className: "text-lg font-medium", children: title }) })),
+            /* @__PURE__ */ jsx31("div", { className: padded ? void 0 : "min-h-0 flex-1 flex flex-col", children })
           ] })
         }
       )
@@ -6949,7 +6958,8 @@ var ITImage = ({
   src,
   alt,
   className = "",
-  fallback = ""
+  fallback = "",
+  fit = "cover"
 }) => {
   const [imageError, setImageError] = useState23(false);
   const { t } = useITTranslation();
@@ -6965,7 +6975,8 @@ var ITImage = ({
         {
           src: fallback,
           alt: t("image.fallbackAlt"),
-          className: "w-full h-full object-cover"
+          className: "w-full h-full",
+          style: { objectFit: fit }
         }
       ) : /* @__PURE__ */ jsx39(
         "img",
@@ -6973,7 +6984,8 @@ var ITImage = ({
           src,
           alt,
           onError: handleImageError,
-          className: "w-full h-full object-cover"
+          className: "w-full h-full",
+          style: { objectFit: fit }
         }
       )
     }
@@ -8247,6 +8259,7 @@ function ITSegmentedControl({
   return /* @__PURE__ */ jsx59(
     "div",
     {
+      role: "group",
       className: clsx40(
         "inline-flex rounded-xl bg-slate-100 dark:bg-slate-800 border border-slate-200 dark:border-slate-700",
         container,
@@ -8258,6 +8271,8 @@ function ITSegmentedControl({
         return /* @__PURE__ */ jsxs41(
           "button",
           {
+            type: "button",
+            "aria-pressed": isActive,
             onClick: () => !disabled && onChange(opt.value),
             disabled,
             className: clsx40(
@@ -8934,6 +8949,12 @@ function ITStatCard({
       onClick,
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
       children: [
         /* @__PURE__ */ jsxs44("div", { className: "flex items-start justify-between mb-1", children: [
           /* @__PURE__ */ jsx63(ITText, { as: "span", className: "text-xs font-medium text-slate-400 dark:text-slate-500", children: label }),
@@ -11106,7 +11127,7 @@ function ITCodeTreeView({
       const line = analysis.nodeLines.get(pathKey(node.path))?.line;
       const isRoot = node.key === "";
       const isCollapsed = collapsed[node.key] ?? (node.childCount > 0 && node.level >= AUTO_EXPANDED_LEVELS);
-      const hasChildren = node.childCount > 0;
+      const hasChildren2 = node.childCount > 0;
       const isPrimitive = node.kind !== "object" && node.kind !== "array";
       return /* @__PURE__ */ jsxs52(
         "div",
@@ -11114,7 +11135,7 @@ function ITCodeTreeView({
           className: "it-json-editor-tree-row",
           style: { paddingLeft: node.level * 14 },
           children: [
-            hasChildren ? /* @__PURE__ */ jsx72(
+            hasChildren2 ? /* @__PURE__ */ jsx72(
               "button",
               {
                 type: "button",
@@ -11129,7 +11150,7 @@ function ITCodeTreeView({
               /* @__PURE__ */ jsx72("span", { className: "it-json-editor-tk-key", children: node.label }),
               /* @__PURE__ */ jsx72("span", { className: "it-json-editor-tk-punct", children: ":" })
             ] }),
-            hasChildren ? /* @__PURE__ */ jsxs52(Fragment11, { children: [
+            hasChildren2 ? /* @__PURE__ */ jsxs52(Fragment11, { children: [
               /* @__PURE__ */ jsx72("span", { className: "it-json-editor-tk-punct", children: node.kind === "array" ? "[" : "{" }),
               isCollapsed && /* @__PURE__ */ jsx72("span", { className: "it-json-editor-tk-punct", children: node.kind === "array" ? "]" : "}" }),
               /* @__PURE__ */ jsx72("span", { className: "it-json-editor-tree-badge", children: t("jsonEditor.childCount", { count: node.childCount }) })
@@ -12149,201 +12170,1645 @@ function EditorToggle({
   );
 }
 
-// src/components/organisms/dropfile/dropfile.tsx
-import { useState as useState37, useEffect as useEffect18 } from "react";
-import { useDropzone } from "react-dropzone";
-import clsx54 from "clsx";
+// src/json-renderer/kernel/SchemaRenderer.tsx
+import { useEffect as useEffect18, useMemo as useMemo16, useRef as useRef23 } from "react";
 
-// src/components/organisms/dropfile/dropfile.props.ts
-var FileTypeEnum = /* @__PURE__ */ ((FileTypeEnum2) => {
-  FileTypeEnum2["PDF"] = "application/pdf";
-  FileTypeEnum2["XLS"] = "application/vnd.ms-excel";
-  FileTypeEnum2["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-  FileTypeEnum2["CSV"] = "text/csv";
-  FileTypeEnum2["PNG"] = "image/png";
-  FileTypeEnum2["JPG"] = "image/jpg";
-  FileTypeEnum2["JPEG"] = "image/jpeg";
-  FileTypeEnum2["MP4"] = "video/mp4";
-  FileTypeEnum2["MOV"] = "video/quicktime";
-  FileTypeEnum2["AVI"] = "video/x-msvideo";
-  FileTypeEnum2["MKV"] = "video/x-matroska";
-  FileTypeEnum2["VIDEO_3GPP"] = "video/3gpp";
-  FileTypeEnum2["WEBM"] = "video/webm";
-  return FileTypeEnum2;
-})(FileTypeEnum || {});
-var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
-  UploadStatus2["PENDING"] = "pendiente";
-  UploadStatus2["UPLOADING"] = "subiendo";
-  UploadStatus2["UPLOADED"] = "subido";
-  UploadStatus2["ERROR"] = "error";
-  return UploadStatus2;
-})(UploadStatus || {});
+// src/types/loader.types.ts
+var sizeClasses = {
+  sm: "h-4 w-4",
+  md: "h-8 w-8",
+  lg: "h-12 w-12",
+  xl: "h-16 w-16"
+};
 
-// src/components/organisms/dropfile/dropfile.tsx
-import { Fragment as Fragment13, jsx as jsx74, jsxs as jsxs54 } from "react/jsx-runtime";
-var ITDropfile = ({
-  onFileSelect,
-  onCancel,
-  onSubmit,
-  contentClassName,
-  containerClassName,
-  acceptedFileTypes = ["application/pdf" /* PDF */, "application/vnd.ms-excel" /* XLS */, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */, "image/jpg" /* JPG */, "image/png" /* PNG */, "image/jpeg" /* JPEG */],
-  showStatusBadge = true,
-  uploadStatus: externalStatus,
-  onStatusChange,
-  initialPreviewUrl,
-  view = "drop",
-  buttonLabel,
-  modalTitle
-}) => {
+// src/components/atoms/loader/loader.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+function ITLoader({
+  size = "md",
+  variant = "spinner",
+  color = "primary",
+  // Default to semantic primary
+  className = ""
+}) {
   const { t } = useITTranslation();
-  const [isModalOpen, setIsModalOpen] = useState37(false);
-  const [selectedFile, setSelectedFile] = useState37(null);
-  const [fileType, setFileType] = useState37(null);
-  const [imagePreview, setImagePreview] = useState37(initialPreviewUrl || null);
-  const [isConfirmed, setIsConfirmed] = useState37(false);
-  const [internalUploadStatus, setInternalUploadStatus] = useState37(
-    initialPreviewUrl ? "subido" /* UPLOADED */ : "pendiente" /* PENDING */
-  );
-  useEffect18(() => {
-    if (initialPreviewUrl && !selectedFile) {
-      setImagePreview(initialPreviewUrl);
-      if (externalStatus === void 0) setInternalUploadStatus("subido" /* UPLOADED */);
-    }
-  }, [initialPreviewUrl, selectedFile, externalStatus]);
-  const uploadStatus = externalStatus || internalUploadStatus;
-  const setUploadStatus = (status) => {
-    if (externalStatus === void 0) {
-      setInternalUploadStatus(status);
-    }
-    onStatusChange?.(status);
-  };
-  const getAcceptedFileTypes = () => {
-    const accept = {};
-    acceptedFileTypes.forEach((type) => {
-      switch (type) {
-        case "application/pdf" /* PDF */:
-          accept["application/pdf" /* PDF */] = [".pdf"];
-          break;
-        case "application/vnd.ms-excel" /* XLS */:
-          accept["application/vnd.ms-excel" /* XLS */] = [".xls"];
-          break;
-        case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */:
-          accept["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */] = [".xlsx"];
-          break;
-        case "text/csv" /* CSV */:
-          accept["text/csv" /* CSV */] = [".csv"];
-          break;
-        case "image/png" /* PNG */:
-          accept["image/png" /* PNG */] = [".png"];
-          break;
-        case "image/jpg" /* JPG */:
-          accept["image/jpg" /* JPG */] = [".jpg", ".jpeg"];
-          break;
-        case "image/jpeg" /* JPEG */:
-          accept["image/jpeg" /* JPEG */] = [".jpeg", ".jpg"];
-          break;
-        case "video/mp4" /* MP4 */:
-          accept["video/mp4" /* MP4 */] = [".mp4"];
-          break;
-        case "video/quicktime" /* MOV */:
-          accept["video/quicktime" /* MOV */] = [".mov"];
-          break;
-        case "video/x-msvideo" /* AVI */:
-          accept["video/x-msvideo" /* AVI */] = [".avi"];
-          break;
-        case "video/x-matroska" /* MKV */:
-          accept["video/x-matroska" /* MKV */] = [".mkv"];
-          break;
-        case "video/3gpp" /* VIDEO_3GPP */:
-          accept["video/3gpp" /* VIDEO_3GPP */] = [".3gp"];
-          break;
-        case "video/webm" /* WEBM */:
-          accept["video/webm" /* WEBM */] = [".webm"];
-          break;
+  const isSemantic = color in theme.colors;
+  const resolvedColor = isSemantic ? theme.colors[color][500] : color;
+  const isCssValue = isSemantic || color.startsWith("#") || color.startsWith("rgb");
+  const style = isCssValue ? { color: resolvedColor } : {};
+  const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
+  const colorClass = !isCssValue ? color : "";
+  if (variant === "spinner") {
+    return /* @__PURE__ */ jsx74(
+      "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__ */ jsx74(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: t("common.loading") })
       }
-    });
-    return accept;
-  };
-  const getFileExtensions = () => {
-    const extensions = [];
-    acceptedFileTypes.forEach((type) => {
-      switch (type) {
-        case "application/pdf" /* PDF */:
-          if (!extensions.includes("PDF")) extensions.push("PDF");
-          break;
-        case "application/vnd.ms-excel" /* XLS */:
-        case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */:
-          if (!extensions.includes("EXCEL")) extensions.push("EXCEL");
-          break;
-        case "text/csv" /* CSV */:
-          if (!extensions.includes("CSV")) extensions.push("CSV");
-          break;
-        case "image/png" /* PNG */:
-        case "image/jpg" /* JPG */:
-        case "image/jpeg" /* JPEG */:
-          if (!extensions.includes("IMAGEN")) extensions.push("IMAGEN");
-          break;
-        case "video/mp4" /* MP4 */:
-        case "video/quicktime" /* MOV */:
-        case "video/x-msvideo" /* AVI */:
-        case "video/x-matroska" /* MKV */:
-        case "video/3gpp" /* VIDEO_3GPP */:
-        case "video/webm" /* WEBM */:
-          if (!extensions.includes("VIDEO")) extensions.push("VIDEO");
-          break;
+    );
+  }
+  if (variant === "dots") {
+    return /* @__PURE__ */ jsx74(
+      "div",
+      {
+        className: `flex items-center justify-center space-x-2 ${className}`,
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx74(
+          "div",
+          {
+            className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
+            style: {
+              ...bgStyle,
+              animationDelay: `${i * 0.1}s`
+            }
+          },
+          i
+        ))
       }
-    });
-    return extensions.join(", ");
-  };
-  const StatusBadge = ({ status }) => {
-    const config2 = {
-      ["pendiente" /* PENDING */]: {
-        label: t("dropfile.status.pending"),
-        color: "bg-warning-100 text-warning-800 border-warning-200",
-        dotColor: "bg-warning-400"
-      },
-      ["subiendo" /* UPLOADING */]: {
-        label: t("dropfile.status.uploading"),
-        color: "bg-primary-100 text-primary-800 border-primary-200",
-        dotColor: "bg-primary-400 animate-pulse"
-      },
-      ["subido" /* UPLOADED */]: {
-        label: t("dropfile.status.uploaded"),
-        color: "bg-success-100 text-success-800 border-success-200",
-        dotColor: "bg-success-400"
-      },
-      ["error" /* ERROR */]: {
-        label: t("dropfile.status.error"),
-        color: "bg-danger-100 text-danger-800 border-danger-200",
-        dotColor: "bg-danger-400"
+    );
+  }
+  if (variant === "bar") {
+    return /* @__PURE__ */ jsx74(
+      "div",
+      {
+        className: `w-full ${size === "sm" ? "h-1" : size === "md" ? "h-1.5" : size === "lg" ? "h-2" : "h-2.5"} bg-secondary-200 rounded-full overflow-hidden ${className}`,
+        children: /* @__PURE__ */ jsx74(
+          "div",
+          {
+            className: `h-full animate-progress ${colorClass}`,
+            style: {
+              backgroundColor: resolvedColor,
+              // Simplified gradient for modern look, or keep it solid
+              backgroundImage: isCssValue ? `linear-gradient(to right, ${resolvedColor}DD, ${resolvedColor})` : void 0,
+              animation: "progress 1.5s ease-in-out infinite"
+            }
+          }
+        )
       }
-    };
-    const { label, color, dotColor } = config2[status];
-    return /* @__PURE__ */ jsxs54("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ jsx74("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ jsx74(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
-    ] });
-  };
-  const onDrop = (acceptedFiles) => {
-    const file = acceptedFiles[0];
-    if (file) {
-      if (acceptedFileTypes.includes(file.type)) {
-        setSelectedFile(file);
-        setFileType(file.type);
-        setUploadStatus("pendiente" /* PENDING */);
-        if (imagePreview) {
-          URL.revokeObjectURL(imagePreview);
-          setImagePreview(null);
-        }
-        if (file.type.startsWith("image/")) {
-          const previewUrl = URL.createObjectURL(file);
-          setImagePreview(previewUrl);
-        }
-      } else {
-        alert(t("dropfile.fileTypeNotAllowed"));
-        setSelectedFile(null);
-        setFileType(null);
+    );
+  }
+  if (variant === "pulse") {
+    return /* @__PURE__ */ jsx74(
+      "div",
+      {
+        className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
+        style: bgStyle
+      }
+    );
+  }
+  return null;
+}
+
+// src/json-renderer/catalog/catalog.props.ts
+var GLOBALLY_FORBIDDEN_PROPS = [
+  "dangerouslySetInnerHTML",
+  "render",
+  "component",
+  "children",
+  // los hijos se declaran como nodos, nunca como prop
+  "ref",
+  "key",
+  "style",
+  // se permite solo si el catálogo lo declara explícitamente
+  "icon",
+  "actions",
+  "action",
+  "emptyAction",
+  "fallback",
+  "logo",
+  "badge"
+];
+function createCatalog(entries, excluded = {}) {
+  const index = {};
+  for (const entry of entries) {
+    if (index[entry.type]) {
+      throw new Error(`Cat\xE1logo duplicado: ${entry.type}`);
+    }
+    index[entry.type] = entry;
+  }
+  return { entries: index, excluded };
+}
+function getCatalogEntry(catalog, type) {
+  return catalog.entries[type];
+}
+function isExcludedType(catalog, type) {
+  return Boolean(catalog.excluded && type in catalog.excluded);
+}
+function getExclusionReason(catalog, type) {
+  return catalog.excluded?.[type];
+}
+
+// src/json-renderer/catalog/axzyCatalog.ts
+var COLORS = ["primary", "secondary", "success", "danger", "warning", "info", "purple", "error", "gray"];
+var SIZES = ["sm", "md", "lg"];
+var DIRECTIONS = ["row", "column"];
+var ALIGNS = ["start", "center", "end", "stretch", "baseline"];
+var JUSTIFIES = ["start", "center", "end", "between", "around", "evenly"];
+var WRAPS = ["nowrap", "wrap", "wrap-reverse"];
+var TEXT_PROPS = {
+  className: { kind: "string", doc: "Clases extra del componente." }
+};
+var AXZY_CATALOG_ENTRIES = [
+  {
+    type: "ITText",
+    component: ITText,
+    children: true,
+    text: true,
+    summary: "Texto sem\xE1ntico. Usa `text` o `children` para el contenido.",
+    props: {
+      as: { kind: "enum", values: ["span", "p", "h1", "h2", "h3", "h4", "label", "div", "strong", "em"], default: "span", doc: "Etiqueta HTML sem\xE1ntica." },
+      muted: { kind: "boolean", default: false, doc: "Aten\xFAa el color del texto." },
+      ...TEXT_PROPS
+    }
+  },
+  {
+    type: "ITButton",
+    component: ITButton,
+    children: true,
+    text: true,
+    summary: "Bot\xF3n. `onClick` es una acci\xF3n registrada por el host.",
+    props: {
+      label: { kind: "string", doc: "Texto del bot\xF3n (alternativa a `text`)." },
+      color: { kind: "enum", values: COLORS, default: "primary" },
+      size: { kind: "enum", values: SIZES, default: "md" },
+      variant: {
+        kind: "enum",
+        values: ["filled", "outlined", "raised", "rounded", "text", "raised-text", "icon-only", "link"],
+        default: "filled"
+      },
+      disabled: { kind: "boolean", default: false },
+      type: { kind: "enum", values: ["button", "submit", "reset"], default: "button" },
+      ariaLabel: { kind: "string", doc: "Etiqueta accesible cuando el bot\xF3n no lleva texto." },
+      title: { kind: "string" },
+      onClick: { kind: "action", doc: "Nombre de una acci\xF3n registrada." },
+      ...TEXT_PROPS
+    },
+    forbidden: ["icon"]
+  },
+  {
+    type: "ITCard",
+    component: ITCard,
+    children: true,
+    summary: "Tarjeta con t\xEDtulo, imagen y contenido.",
+    props: {
+      title: { kind: "string" },
+      image: { kind: "string", doc: "URL de la imagen de cabecera." },
+      alt: { kind: "string" },
+      onClick: { kind: "action" },
+      imageClassName: { kind: "string" },
+      titleClassName: { kind: "string" },
+      contentClassName: { kind: "string" },
+      actionClassName: { kind: "string" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["actions"]
+  },
+  {
+    type: "ITAlert",
+    component: ITAlert,
+    children: true,
+    text: true,
+    summary: "Aviso con variante sem\xE1ntica.",
+    props: {
+      variant: { kind: "enum", values: ["info", "success", "warning", "error"], default: "info" },
+      title: { kind: "string" },
+      dismissible: { kind: "boolean", default: false },
+      onDismiss: { kind: "action" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["icon"]
+  },
+  {
+    type: "ITEmptyState",
+    component: ITEmptyState,
+    text: true,
+    summary: "Estado vac\xEDo con t\xEDtulo, descripci\xF3n y acci\xF3n.",
+    props: {
+      title: { kind: "string", required: true },
+      description: { kind: "string" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["icon", "action"]
+  },
+  {
+    type: "ITStatCard",
+    component: ITStatCard,
+    summary: "M\xE9trica con valor y tendencia.",
+    props: {
+      label: { kind: "string", required: true },
+      value: { kind: "string", required: true, doc: "Valor ya formateado o n\xFAmero." },
+      trend: { kind: "string" },
+      trendDirection: { kind: "enum", values: ["up", "down", "neutral"] },
+      color: { kind: "string", doc: "Color CSS del icono." },
+      onClick: { kind: "action" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["icon"]
+  },
+  {
+    type: "ITChip",
+    component: ITChip,
+    children: true,
+    text: true,
+    summary: "Etiqueta compacta, opcionalmente removible o seleccionable.",
+    props: {
+      label: { kind: "string" },
+      color: { kind: "enum", values: COLORS, default: "gray" },
+      size: { kind: "enum", values: SIZES, default: "md" },
+      variant: { kind: "enum", values: ["soft", "filled", "outlined"], default: "soft" },
+      removable: { kind: "boolean", default: false },
+      selected: { kind: "boolean", default: false },
+      disabled: { kind: "boolean", default: false },
+      onRemove: { kind: "action" },
+      onClick: { kind: "action" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["icon"]
+  },
+  {
+    type: "ITBadget",
+    component: ITBadget,
+    children: true,
+    text: true,
+    summary: "Insignia de estado.",
+    props: {
+      label: { kind: "string" },
+      color: { kind: "enum", values: COLORS, default: "primary" },
+      size: { kind: "enum", values: SIZES, default: "md" },
+      variant: { kind: "enum", values: ["soft", "filled", "outlined"], default: "soft" },
+      ...TEXT_PROPS
+    }
+  },
+  {
+    type: "ITAvatar",
+    component: ITAvatar,
+    summary: "Avatar con imagen o iniciales.",
+    props: {
+      src: { kind: "string" },
+      alt: { kind: "string" },
+      initials: { kind: "string", doc: "Se usa cuando no hay imagen." },
+      size: { kind: "enum", values: ["xs", "sm", "md", "lg", "xl"] },
+      color: { kind: "string" },
+      onClick: { kind: "action" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["badge"]
+  },
+  {
+    type: "ITDivider",
+    component: ITDivider,
+    summary: "Separador horizontal o vertical.",
+    props: {
+      orientation: { kind: "enum", values: ["horizontal", "vertical"], default: "horizontal" },
+      color: { kind: "string" },
+      thickness: { kind: "string" },
+      ...TEXT_PROPS
+    }
+  },
+  {
+    type: "ITStack",
+    component: ITStack,
+    children: true,
+    summary: "Pila con direcci\xF3n y separaci\xF3n uniforme.",
+    props: {
+      direction: { kind: "enum", values: DIRECTIONS, default: "column" },
+      spacing: { kind: "number", default: 0 },
+      alignItems: { kind: "enum", values: ALIGNS },
+      justifyContent: { kind: "enum", values: JUSTIFIES },
+      flexWrap: { kind: "enum", values: WRAPS },
+      ...TEXT_PROPS
+    },
+    forbidden: ["divider", "style"]
+  },
+  {
+    type: "ITFlex",
+    component: ITFlex,
+    children: true,
+    summary: "Contenedor flex completo.",
+    props: {
+      direction: { kind: "enum", values: DIRECTIONS, default: "row" },
+      align: { kind: "enum", values: ALIGNS },
+      justify: { kind: "enum", values: JUSTIFIES },
+      wrap: { kind: "enum", values: WRAPS },
+      gap: { kind: "number", default: 0 },
+      grow: { kind: "boolean" },
+      shrink: { kind: "boolean" },
+      basis: { kind: "string" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["style", "onClick"]
+  },
+  {
+    type: "ITGrid",
+    component: ITGrid,
+    children: true,
+    summary: "Rejilla de 12 columnas; `item` para una celda.",
+    props: {
+      container: { kind: "boolean", default: false },
+      item: { kind: "boolean", default: false },
+      spacing: { kind: "number", default: 0 },
+      columns: { kind: "integer", default: 12, doc: "Columnas del contenedor." },
+      xs: { kind: "integer" },
+      sm: { kind: "integer" },
+      md: { kind: "integer" },
+      lg: { kind: "integer" },
+      xl: { kind: "integer" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["style"]
+  },
+  {
+    type: "ITLoader",
+    component: ITLoader,
+    summary: "Indicador de carga.",
+    props: {
+      variant: { kind: "enum", values: ["spinner", "dots", "bar", "pulse"], default: "spinner" },
+      size: { kind: "enum", values: ["xs", "sm", "md", "lg", "xl"], default: "md" },
+      color: { kind: "string" },
+      ...TEXT_PROPS
+    }
+  },
+  {
+    type: "ITSkeleton",
+    component: ITSkeleton,
+    summary: "Marcador de carga con forma.",
+    props: {
+      variant: { kind: "enum", values: ["text", "rect", "circle"], default: "text" },
+      width: { kind: "string" },
+      height: { kind: "string" },
+      count: { kind: "integer", default: 1 },
+      ...TEXT_PROPS
+    },
+    forbidden: ["style"]
+  },
+  {
+    type: "ITProgress",
+    component: ITProgress,
+    summary: "Barra de progreso.",
+    props: {
+      value: { kind: "number", default: 0 },
+      max: { kind: "number", default: 100 },
+      variant: { kind: "enum", values: ["determinate", "indeterminate"], default: "determinate" },
+      color: { kind: "enum", values: COLORS, default: "primary" },
+      size: { kind: "enum", values: SIZES, default: "md" },
+      ...TEXT_PROPS
+    },
+    forbidden: ["style"]
+  },
+  {
+    type: "ITDataTable",
+    component: ITDataTable,
+    summary: "Tabla con paginaci\xF3n, orden y filtros. Los datos llegan de una fuente que el host resuelve (`$source`).",
+    props: {
+      columns: {
+        kind: "columns",
+        required: true,
+        doc: "Columnas: { key, label, type, sortable, filter, currencyMX }."
+      },
+      fetchData: {
+        kind: "data",
+        required: true,
+        doc: 'Referencia a una fuente: { "$source": "usuarios" }. El host la convierte en un fetcher.'
+      },
+      title: { kind: "string", doc: "T\xEDtulo opcional sobre la tabla." },
+      defaultItemsPerPage: { kind: "integer", default: 5, doc: "Filas por p\xE1gina al abrir." },
+      itemsPerPageOptions: { kind: "array", doc: "Opciones del paginador, p. ej. [5, 10, 20]." },
+      debounceMs: { kind: "integer", default: 400, doc: "Espera antes de refiltrar al teclear." },
+      variant: { kind: "enum", values: ["default", "striped", "bordered", "minimal"], default: "default" },
+      size: { kind: "enum", values: SIZES, default: "md" },
+      density: { kind: "enum", values: ["compact", "normal", "comfortable"], default: "normal" },
+      layout: { kind: "enum", values: ["auto", "fixed"], default: "auto" },
+      showVerticalBorder: { kind: "boolean", default: true },
+      autoCardBreakpoint: { kind: "integer", default: 0, doc: "Ancho (px) por debajo del cual cae a tarjetas." },
+      onRowClick: { kind: "action", doc: "Nombre de una acci\xF3n registrada; recibe la fila." },
+      className: { kind: "string" },
+      containerClassName: { kind: "string" }
+    },
+    forbidden: ["renderCard", "loadingIndicator"]
+  },
+  {
+    type: "ITImage",
+    component: image_default,
+    summary: "Imagen con respaldo si falla la carga.",
+    props: {
+      src: { kind: "string", required: true },
+      alt: { kind: "string" },
+      fallback: { kind: "string", doc: "URL de respaldo." },
+      onClick: { kind: "action" },
+      ...TEXT_PROPS
+    }
+  }
+];
+var AXZY_EXCLUDED_TYPES = {
+  ITJsonRenderer: "Recursi\xF3n: un esquema no puede pedir otro renderer.",
+  ITSchemaRenderer: "Recursi\xF3n: un esquema no puede pedir otro renderer.",
+  ITJSONEditor: "Ejecuta entrada del usuario como c\xF3digo.",
+  ITFormBuilder: "Se sustituye por el nodo `form` del motor.",
+  ITWysiwyg: "Produce HTML, que se salta la lista blanca.",
+  ITI18nProvider: "Lo monta el host, no el esquema.",
+  ITThemeProvider: "Lo monta el host, no el esquema.",
+  ITLayout: "El shell lo declara el router, no un nodo suelto.",
+  ITNavbar: "El shell lo declara el router, no un nodo suelto.",
+  ITSidebar: "El shell lo declara el router, no un nodo suelto.",
+  ITTopBar: "El shell lo declara el router, no un nodo suelto."
+};
+var axzyCatalog = createCatalog(AXZY_CATALOG_ENTRIES, AXZY_EXCLUDED_TYPES);
+var axzyCatalogTypes = Object.keys(axzyCatalog.entries);
+
+// src/json-renderer/shared/limits.ts
+var DEFAULT_LIMITS = {
+  maxNodes: 5e3,
+  maxDepth: 40,
+  maxMsPerChunk: 8,
+  actionTimeoutMs: 15e3,
+  maxEffectChain: 5
+};
+function resolveLimits(overrides = {}) {
+  const merged = { ...DEFAULT_LIMITS, ...overrides };
+  for (const [key, value] of Object.entries(merged)) {
+    if (!Number.isFinite(value) || value < 0) {
+      throw new RangeError(`L\xEDmite inv\xE1lido: ${key} = ${String(value)}`);
+    }
+  }
+  return merged;
+}
+function createLimitTracker(limits = DEFAULT_LIMITS) {
+  let nodes = 0;
+  let deepest = 0;
+  let exceeded = false;
+  return {
+    visit(depth) {
+      if (depth > deepest) deepest = depth;
+      if (nodes >= limits.maxNodes || depth > limits.maxDepth) {
+        exceeded = true;
+        return false;
+      }
+      nodes += 1;
+      return true;
+    },
+    get nodes() {
+      return nodes;
+    },
+    get deepest() {
+      return deepest;
+    },
+    get exceeded() {
+      return exceeded;
+    }
+  };
+}
+
+// src/json-renderer/kernel/NodeBoundary.tsx
+import React16 from "react";
+
+// src/json-renderer/shared/errors.ts
+var JsonEngineError = class extends Error {
+  constructor(code, message, path, hint) {
+    super(`${code} ${path ? `en ${path}: ` : ""}${message}`);
+    /** Código estable del catálogo de avisos. */
+    __publicField(this, "code");
+    /** Ruta del esquema donde se produjo. */
+    __publicField(this, "path");
+    /** Sugerencia accionable. */
+    __publicField(this, "hint");
+    this.name = "JsonEngineError";
+    this.code = code;
+    this.path = path;
+    this.hint = hint;
+  }
+  /** Convierte el error en el aviso que consume la interfaz y el informe. */
+  toIssue(severity = "error") {
+    return {
+      code: this.code,
+      severity,
+      message: this.message.replace(/^JR\d{3}\s?(en .*?: )?/, ""),
+      path: this.path,
+      hint: this.hint
+    };
+  }
+};
+function issue(code, message, path = "", options = {}) {
+  return {
+    code,
+    severity: options.severity ?? "error",
+    message,
+    path,
+    hint: options.hint
+  };
+}
+
+// src/json-renderer/kernel/NodeBoundary.tsx
+var NodeBoundary = class extends React16.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", { failed: false });
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  componentDidCatch(error) {
+    this.props.onError?.(error, this.props.path);
+  }
+  render() {
+    if (this.state.failed) return this.props.fallback ?? null;
+    return this.props.children;
+  }
+};
+
+// src/json-renderer/stream/tolerantParse.ts
+function isPending(value) {
+  return typeof value === "object" && value !== null && value.$pending === true;
+}
+var TRUNCATED_CONTAINERS = /* @__PURE__ */ new WeakSet();
+function finalize(value, counter) {
+  if (Array.isArray(value)) {
+    return value.map((item) => finalize(item, counter)).filter((item) => item !== void 0);
+  }
+  if (value && typeof value === "object") {
+    if (isPending(value)) {
+      counter.pending += 1;
+      return void 0;
+    }
+    const out = { ...value };
+    let hasPendingChild = false;
+    for (const [key, nested] of Object.entries(out)) {
+      const resolved = finalize(nested, counter);
+      if (resolved === void 0 && isPending(nested)) {
+        hasPendingChild = true;
+        delete out[key];
+      } else {
+        out[key] = resolved;
+      }
+    }
+    const truncated = TRUNCATED_CONTAINERS.has(value);
+    if ((hasPendingChild || truncated) && "type" in out) {
+      out.$status = "pending";
+    }
+    return out;
+  }
+  return value;
+}
+var WHITESPACE = /* @__PURE__ */ new Set([" ", "	", "\n", "\r"]);
+var TolerantParser = class {
+  constructor(text) {
+    __publicField(this, "text", text);
+    __publicField(this, "index", 0);
+    /** `true` cuando se detuvo porque el texto se acabó (y no por un error). */
+    __publicField(this, "truncated", false);
+    /** `true` cuando encontró algo que no puede interpretar. */
+    __publicField(this, "broken", false);
+  }
+  /** Offset actual. */
+  get offset() {
+    return this.index;
+  }
+  /** `true` si el consumo se detuvo por falta de texto. */
+  get isTruncated() {
+    return this.truncated;
+  }
+  /** Salta el espacio en blanco. */
+  skip() {
+    while (this.index < this.text.length && WHITESPACE.has(this.text[this.index])) this.index += 1;
+  }
+  /** Carácter actual, o `undefined` si se acabó. */
+  peek() {
+    return this.text[this.index];
+  }
+  /** Intenta consumir un literal (`true`, `false`, `null`). */
+  tryLiteral(literal) {
+    if (!this.text.startsWith(literal, this.index)) return void 0;
+    const end = this.index + literal.length;
+    if (end > this.text.length) {
+      this.index = this.text.length;
+      this.truncated = true;
+      return { $pending: true };
+    }
+    if (this.text.slice(this.index, end) !== literal) {
+      const prefix = this.text.slice(this.index);
+      if (literal.startsWith(prefix)) {
+        this.index = this.text.length;
+        this.truncated = true;
+        return { $pending: true };
+      }
+      return void 0;
+    }
+    this.index = end;
+    if (literal === "true") return true;
+    if (literal === "false") return false;
+    return null;
+  }
+  /** Lee una cadena. Marca pendiente si no encuentra la comilla de cierre. */
+  readString() {
+    this.index += 1;
+    let out = "";
+    while (this.index < this.text.length) {
+      const char = this.text[this.index];
+      if (char === "\\") {
+        const next = this.text[this.index + 1];
+        if (next === void 0) {
+          this.index = this.text.length;
+          this.truncated = true;
+          return { $pending: true };
+        }
+        out += unescapeChar(next);
+        this.index += 2;
+        continue;
+      }
+      if (char === '"') {
+        this.index += 1;
+        return out;
+      }
+      out += char;
+      this.index += 1;
+    }
+    this.truncated = true;
+    return { $pending: true };
+  }
+  /** Lee un número. Devuelve el texto crudo como número, o pendiente. */
+  readNumber() {
+    const start = this.index;
+    if (this.peek() === "-") this.index += 1;
+    while (this.index < this.text.length && /[0-9.eE+-]/.test(this.text[this.index])) this.index += 1;
+    const raw = this.text.slice(start, this.index);
+    if (raw === "" || raw === "-") {
+      this.index = this.text.length;
+      this.truncated = true;
+      return { $pending: true };
+    }
+    const value = Number(raw);
+    if (Number.isNaN(value)) {
+      this.broken = true;
+      return { $pending: true };
+    }
+    return value;
+  }
+  /** Marca un contenedor como truncado (se cerró por falta de texto). */
+  markTruncated(container) {
+    this.truncated = true;
+    TRUNCATED_CONTAINERS.add(container);
+  }
+  /** Lee un array. */
+  readArray() {
+    this.index += 1;
+    const items = [];
+    this.skip();
+    if (this.peek() === "]") {
+      this.index += 1;
+      return items;
+    }
+    for (; ; ) {
+      this.skip();
+      if (this.peek() === void 0) {
+        if (items.length === 0) {
+          this.truncated = true;
+          return { $pending: true };
+        }
+        this.markTruncated(items);
+        return items;
+      }
+      const value = this.readValue();
+      if (isPending(value)) {
+        if (items.length === 0) {
+          this.truncated = true;
+          return { $pending: true };
+        }
+        this.markTruncated(items);
+        return items;
+      }
+      items.push(value);
+      this.skip();
+      const char = this.peek();
+      if (char === ",") {
+        this.index += 1;
+        continue;
+      }
+      if (char === "]") {
+        this.index += 1;
+        return items;
+      }
+      if (char === void 0) {
+        this.markTruncated(items);
+        return items;
+      }
+      this.broken = true;
+      return items;
+    }
+  }
+  /** Lee un objeto. */
+  readObject() {
+    this.index += 1;
+    const out = {};
+    this.skip();
+    if (this.peek() === "}") {
+      this.index += 1;
+      return out;
+    }
+    for (; ; ) {
+      this.skip();
+      const char = this.peek();
+      if (char === void 0) {
+        if (!Object.keys(out).length) {
+          this.truncated = true;
+          return { $pending: true };
+        }
+        this.markTruncated(out);
+        return out;
+      }
+      if (char !== '"') {
+        this.broken = true;
+        if (!Object.keys(out).length) return { $pending: true };
+        this.markTruncated(out);
+        return out;
+      }
+      const key = this.readString();
+      if (isPending(key)) {
+        if (!Object.keys(out).length) {
+          this.truncated = true;
+          return { $pending: true };
+        }
+        this.markTruncated(out);
+        return out;
+      }
+      this.skip();
+      if (this.peek() !== ":") {
+        this.broken = this.peek() !== void 0;
+        if (!Object.keys(out).length) {
+          this.truncated = true;
+          return { $pending: true };
+        }
+        this.markTruncated(out);
+        return out;
+      }
+      this.index += 1;
+      this.skip();
+      const value = this.readValue();
+      if (isPending(value)) {
+        if (!Object.keys(out).length) {
+          this.truncated = true;
+          return { $pending: true };
+        }
+        this.markTruncated(out);
+        return out;
+      }
+      out[key] = value;
+      this.skip();
+      const separator = this.peek();
+      if (separator === ",") {
+        this.index += 1;
+        continue;
+      }
+      if (separator === "}") {
+        this.index += 1;
+        return out;
+      }
+      if (separator === void 0) {
+        this.markTruncated(out);
+        return out;
+      }
+      this.broken = true;
+      return out;
+    }
+  }
+  /** Lee cualquier valor. */
+  readValue() {
+    this.skip();
+    const char = this.peek();
+    if (char === void 0) {
+      this.truncated = true;
+      return { $pending: true };
+    }
+    if (char === "{") return this.readObject();
+    if (char === "[") return this.readArray();
+    if (char === '"') {
+      const value = this.readString();
+      return isPending(value) ? { $pending: true } : value;
+    }
+    if (char === "t" || char === "f" || char === "n") {
+      const literal = char === "t" ? this.tryLiteral("true") : char === "f" ? this.tryLiteral("false") : this.tryLiteral("null");
+      return literal === void 0 ? { $pending: true } : literal;
+    }
+    if (char === "-" || /[0-9]/.test(char)) return this.readNumber();
+    this.broken = true;
+    this.index = this.text.length;
+    return { $pending: true };
+  }
+  /** Parsea el documento completo (o hasta donde llegue). */
+  parse() {
+    this.skip();
+    if (this.peek() === void 0) {
+      return { value: void 0, truncated: true, broken: false };
+    }
+    const value = this.readValue();
+    this.skip();
+    const truncated = this.truncated || this.index < this.text.length;
+    return { value, truncated, broken: this.broken };
+  }
+};
+function unescapeChar(char) {
+  switch (char) {
+    case "n":
+      return "\n";
+    case "t":
+      return "	";
+    case "r":
+      return "\r";
+    case "b":
+      return "\b";
+    case "f":
+      return "\f";
+    default:
+      return char;
+  }
+}
+function parsePartialSchema(text) {
+  const parser = new TolerantParser(text);
+  const { value, truncated, broken } = parser.parse();
+  if (value === void 0) {
+    return { tree: null, status: "pending", offset: parser.offset, broken, pendingNodes: 0 };
+  }
+  const counter = { pending: 0 };
+  const finalized = finalize(value, counter);
+  if (finalized === void 0 || finalized === null) {
+    return { tree: null, status: "pending", offset: parser.offset, broken, pendingNodes: counter.pending };
+  }
+  const tree = finalized;
+  return {
+    tree,
+    status: truncated || counter.pending > 0 ? "pending" : "complete",
+    offset: parser.offset,
+    broken,
+    pendingNodes: counter.pending
+  };
+}
+function isNodePending(node) {
+  return node?.$status === "pending";
+}
+
+// src/json-renderer/kernel/renderNode.tsx
+import React17 from "react";
+
+// src/json-renderer/shared/paths.ts
+function pushPath(path, segment) {
+  return [...path, segment];
+}
+function formatPath(path) {
+  let out = "";
+  for (const segment of path) {
+    if (typeof segment === "number") out += `[${segment}]`;
+    else out += out ? `.${segment}` : segment;
+  }
+  return out;
+}
+function parsePath(rendered) {
+  if (!rendered) return [];
+  return rendered.split(/\.(?![^[]*])/).flatMap((part) => {
+    const match = part.match(/^([^[\]]*)((?:\[\d+\])*)$/);
+    if (!match) return [part];
+    const [, key, indexes] = match;
+    const segments = key ? [key] : [];
+    for (const index of indexes.match(/\d+/g) ?? []) segments.push(Number(index));
+    return segments;
+  });
+}
+function readPath(source, path) {
+  let cursor = source;
+  for (const segment of path) {
+    if (cursor === null || typeof cursor !== "object") return void 0;
+    cursor = cursor[segment];
+  }
+  return cursor;
+}
+function hasPath(source, path) {
+  if (path.length === 0) return true;
+  const parent = readPath(source, path.slice(0, -1));
+  if (parent === null || typeof parent !== "object") return false;
+  return Object.prototype.hasOwnProperty.call(parent, path[path.length - 1]);
+}
+function propPath(nodePath, prop) {
+  return pushPath(pushPath(nodePath, "props"), prop);
+}
+
+// src/json-renderer/catalog/resolve.ts
+function isSchemaReference(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+  const keys = Object.keys(value);
+  if (keys.length === 0) return false;
+  return keys.some((key) => key === "i18n" || key.startsWith("$"));
+}
+function coerce(value, spec) {
+  switch (spec.kind) {
+    case "string":
+      if (typeof value === "string") return value;
+      if (typeof value === "number" || typeof value === "boolean") return String(value);
+      return void 0;
+    case "number":
+    case "integer": {
+      if (typeof value === "number" && Number.isFinite(value)) {
+        return spec.kind === "integer" ? Math.trunc(value) : value;
+      }
+      if (typeof value === "string" && value.trim() !== "" && Number.isFinite(Number(value))) {
+        const parsed = Number(value);
+        return spec.kind === "integer" ? Math.trunc(parsed) : parsed;
+      }
+      return void 0;
+    }
+    case "boolean":
+      if (typeof value === "boolean") return value;
+      if (value === "true") return true;
+      if (value === "false") return false;
+      return void 0;
+    case "enum":
+      if (typeof value !== "string") return void 0;
+      return spec.values?.includes(value) ? value : void 0;
+    case "array":
+      return Array.isArray(value) ? value : void 0;
+    case "object":
+      return value && typeof value === "object" ? value : void 0;
+    default:
+      return value;
+  }
+}
+function resolveNode(node, catalog, path) {
+  const issues = [];
+  const type = node.type;
+  if (typeof type !== "string" || type === "") {
+    issues.push(issue("JR021", "El nodo no declara `type`.", formatPath(path), { severity: "error" }));
+    return { ok: false, issues };
+  }
+  if (isExcludedType(catalog, type)) {
+    const reason = getExclusionReason(catalog, type);
+    issues.push(
+      issue("JR010", `El tipo \`${type}\` est\xE1 excluido del cat\xE1logo.`, formatPath(path), {
+        severity: "error",
+        hint: reason
+      })
+    );
+    return { ok: false, issues };
+  }
+  const entry = catalog.entries[type];
+  if (!entry) {
+    const known = Object.keys(catalog.entries).slice(0, 8).join(", ");
+    issues.push(
+      issue("JR010", `El tipo \`${type}\` no est\xE1 en el cat\xE1logo.`, formatPath(path), {
+        severity: "error",
+        hint: `Tipos disponibles (primeros 8): ${known}\u2026`
+      })
+    );
+    return { ok: false, issues };
+  }
+  const specs = entry.props ?? {};
+  const props = {};
+  const actions = {};
+  const input = node.props ?? {};
+  for (const [name, spec] of Object.entries(specs)) {
+    if (spec.default !== void 0) props[name] = spec.default;
+  }
+  for (const [name, raw] of Object.entries(input)) {
+    const forbiddenByEntry = entry.forbidden?.includes(name);
+    const forbiddenGlobally = GLOBALLY_FORBIDDEN_PROPS.includes(name);
+    if (forbiddenByEntry || forbiddenGlobally) {
+      issues.push(
+        issue("JR011", `La prop \`${name}\` est\xE1 prohibida en \`${type}\`.`, formatPath(propPath(path, name)), {
+          severity: "warning",
+          hint: "Los nodos React se declaran como hijos del esquema, no como props."
+        })
+      );
+      continue;
+    }
+    const spec = specs[name];
+    if (!spec) {
+      issues.push(
+        issue("JR011", `La prop \`${name}\` no est\xE1 declarada para \`${type}\`.`, formatPath(propPath(path, name)), {
+          severity: "warning",
+          hint: "Se ignora. Si es necesaria, a\xF1\xE1dela al cat\xE1logo con su tipo."
+        })
+      );
+      continue;
+    }
+    if (spec.kind === "action") {
+      actions[name] = raw;
+      continue;
+    }
+    if (isSchemaReference(raw)) {
+      props[name] = raw;
+      continue;
+    }
+    const value = coerce(raw, spec);
+    if (value === void 0) {
+      issues.push(
+        issue(
+          "JR011",
+          `Valor inv\xE1lido para \`${name}\` en \`${type}\`.`,
+          formatPath(propPath(path, name)),
+          { severity: "warning", hint: spec.values ? `Admitidos: ${spec.values.join(", ")}` : `Se esperaba ${spec.kind}.` }
+        )
+      );
+      continue;
+    }
+    props[name] = value;
+  }
+  for (const [name, spec] of Object.entries(specs)) {
+    if (spec.required && props[name] === void 0) {
+      issues.push(
+        issue("JR011", `Falta la prop obligatoria \`${name}\` en \`${type}\`.`, formatPath(propPath(path, name)), {
+          severity: "error"
+        })
+      );
+    }
+  }
+  if (node.children !== void 0 && !entry.children) {
+    issues.push(
+      issue("JR011", `\`${type}\` no acepta \`children\`.`, formatPath([...path, "children"]), {
+        severity: "warning",
+        hint: "Los hijos se ignoran."
+      })
+    );
+  }
+  return { ok: true, entry, props, actions, issues };
+}
+
+// src/json-renderer/kernel/renderNode.tsx
+function childList(node) {
+  if (!node || node.children === void 0 || node.children === null) return [];
+  return Array.isArray(node.children) ? node.children : [node.children];
+}
+function renderNode(node, options) {
+  const { catalog, path, issues, renderChildren } = options;
+  if (!node || typeof node !== "object") {
+    return null;
+  }
+  if (isNodePending(node)) {
+    return options.pendingFallback ?? null;
+  }
+  const resolved = resolveNode(node, catalog, path);
+  issues.push(...resolved.issues);
+  if (!resolved.ok) {
+    return null;
+  }
+  const { entry, props, actions } = resolved;
+  const finalProps = {};
+  for (const [name, value] of Object.entries(props)) {
+    finalProps[name] = options.resolveValue ? options.resolveValue(value, path) : value;
+  }
+  for (const [name, action] of Object.entries(actions)) {
+    const handler = options.resolveAction?.(node, name, action, path);
+    if (typeof handler === "function") finalProps[name] = handler;
+  }
+  const content = renderChildren ? renderChildren(node, path) : null;
+  const rawText = entry.text && node.text !== void 0 ? node.text : void 0;
+  const text = rawText === void 0 ? void 0 : options.resolveValue ? options.resolveValue(rawText, path) : rawText;
+  const children = content ?? text;
+  const element = React17.createElement(
+    entry.component,
+    { ...finalProps, key: node.id ?? path.join("-"), id: node.id },
+    children
+  );
+  return options.wrap ? options.wrap(node, path, element) : element;
+}
+
+// src/json-renderer/kernel/partial.ts
+function auditTree(schema, limits) {
+  const tracker = createLimitTracker(limits);
+  const issues = [];
+  let pending = 0;
+  let depth = 0;
+  const walk = (node, path, level) => {
+    if (!node || typeof node !== "object") return;
+    if (!tracker.visit(level)) return;
+    if (level > depth) depth = level;
+    if (isNodePending(node)) pending += 1;
+    const children = childList(node);
+    children.forEach((child, index) => {
+      walk(child, `${path}[${index}]`, level + 1);
+    });
+    if (node.fallback) walk(node.fallback, `${path}.fallback`, level + 1);
+  };
+  const content = Array.isArray(schema.content) ? schema.content : [schema.content];
+  content.forEach((node, index) => walk(node, `content[${index}]`, 0));
+  if (tracker.exceeded) {
+    issues.push(
+      issue(
+        "JR013",
+        `El esquema supera el presupuesto (${tracker.nodes} nodos, profundidad ${tracker.deepest}).`,
+        "content",
+        {
+          severity: "warning",
+          hint: `M\xE1ximo configurado: ${limits.maxNodes} nodos y profundidad ${limits.maxDepth}. La parte que sobra no se pinta.`
+        }
+      )
+    );
+  }
+  return { nodes: tracker.nodes, depth: tracker.deepest, pending, exceeded: tracker.exceeded, issues };
+}
+function countPendingNodes(schema) {
+  if (!schema) return 0;
+  let total = 0;
+  const walk = (node) => {
+    if (!node || typeof node !== "object") return;
+    if (isNodePending(node)) total += 1;
+    for (const child of childList(node)) walk(child);
+  };
+  const content = Array.isArray(schema.content) ? schema.content : [schema.content];
+  for (const node of content) walk(node);
+  return total;
+}
+
+// src/json-renderer/kernel/SchemaRenderer.tsx
+import { Fragment as Fragment13, jsx as jsx75 } from "react/jsx-runtime";
+function renderTree(node, path, context, level) {
+  if (!node || typeof node !== "object") return null;
+  if (level > context.limits.maxDepth) return null;
+  const issues = context.issues;
+  if (node.id) context.nodeIds.add(node.id);
+  const reportIssue = (issue2) => {
+    issues.push(issue2);
+    context.onIssue?.(issue2);
+  };
+  const issuesBefore = issues.length;
+  const element = renderNode(node, {
+    catalog: context.catalog,
+    path,
+    issues,
+    resolveValue: context.resolveValue,
+    resolveAction: context.resolveAction,
+    pendingFallback: context.pendingFallback,
+    renderChildren: (current, currentPath) => {
+      const children = childList(current);
+      if (children.length === 0) return void 0;
+      return children.map(
+        (child, index) => renderTree(child, [...currentPath, "children", index], context, level + 1)
+      );
+    }
+  });
+  for (let index = issuesBefore; index < issues.length; index += 1) {
+    context.onIssue?.(issues[index]);
+  }
+  const fallback = node.fallback ? renderTree(node.fallback, [...path, "fallback"], context, level + 1) : context.pendingFallback ?? null;
+  const wrapped = /* @__PURE__ */ jsx75(
+    NodeBoundary,
+    {
+      path: path.join("."),
+      fallback,
+      onError: (error, errorPath) => reportIssue({
+        code: "JR012",
+        severity: "error",
+        message: error.message,
+        path: errorPath,
+        hint: "El nodo se ha aislado; el resto de la pantalla sigue pint\xE1ndose."
+      }),
+      children: element
+    },
+    String(path.join("-"))
+  );
+  return wrapped;
+}
+function ITSchemaRenderer({
+  schema,
+  catalog = axzyCatalog,
+  limits,
+  resolveValue,
+  resolveAction,
+  pendingFallback,
+  onIssue,
+  className
+}) {
+  const resolvedLimits = useMemo16(() => resolveLimits(limits), [limits]);
+  const issues = [];
+  const nodeIds = /* @__PURE__ */ new Set();
+  const audit = useMemo16(
+    () => schema ? auditTree(schema, resolvedLimits) : null,
+    [schema, resolvedLimits]
+  );
+  const context = useMemo16(
+    () => ({
+      catalog,
+      nodeIds,
+      limits: resolvedLimits,
+      issues,
+      onIssue,
+      resolveValue,
+      resolveAction,
+      pendingFallback
+    }),
+    // `issues` es un array nuevo en cada render a propósito: acumular avisos
+    // entre renders duplicaría los avisos de esquemas que no han cambiado.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [catalog, resolvedLimits, onIssue, resolveValue, resolveAction, pendingFallback]
+  );
+  const content = schema ? (Array.isArray(schema.content) ? schema.content : [schema.content]).filter(
+    (node) => Boolean(node) && typeof node === "object"
+  ) : [];
+  const children = content.slice(0, resolvedLimits.maxNodes).map((node, index) => renderTree(node, ["content", index], context, 0)).filter(Boolean);
+  const collected = [...audit?.issues ?? [], ...issues];
+  const signature = collected.map((issue2) => `${issue2.code}:${issue2.path}`).join("|");
+  const reported = useRef23("");
+  useEffect18(() => {
+    const all = [...collected];
+    for (const id of nodeIds) {
+      if (!document.getElementById(id)) {
+        all.push({
+          code: "JR014",
+          severity: "warning",
+          message: `El \`id\` "${id}" no lleg\xF3 al DOM.`,
+          path: id,
+          hint: "El componente no reenv\xEDa props al elemento. Pon el id en un nodo que s\xED lo haga (por ejemplo ITText) o en un contenedor del host."
+        });
+      }
+    }
+    const firma = all.map((issue2) => `${issue2.code}:${issue2.path}`).join("|");
+    if (!onIssue || reported.current === firma) return;
+    reported.current = firma;
+    for (const issue2 of all) onIssue(issue2);
+  }, [signature, onIssue]);
+  if (!schema || children.length === 0) return null;
+  return className ? /* @__PURE__ */ jsx75("div", { className, children }) : /* @__PURE__ */ jsx75(Fragment13, { children });
+}
+
+// src/json-renderer/validation/validate.ts
+var CURRENT_SCHEMA_VERSION = 1;
+function validateNodes(node, path, catalog, errors, warnings) {
+  if (!node || typeof node !== "object") {
+    errors.push(issue("JR021", "El nodo no es un objeto.", formatPath(path), { severity: "error" }));
+    return 0;
+  }
+  if (isNodePending(node)) return 1;
+  const resolved = resolveNode(node, catalog, path);
+  for (const item of resolved.issues) {
+    (item.severity === "error" ? errors : warnings).push(item);
+  }
+  let pending = 0;
+  const children = node.children === void 0 ? [] : Array.isArray(node.children) ? node.children : [node.children];
+  children.forEach((child, index) => {
+    pending += validateNodes(child, [...path, "children", index], catalog, errors, warnings);
+  });
+  return pending;
+}
+function validateSchema(schema, options = {}) {
+  const catalog = options.catalog ?? axzyCatalog;
+  const maxVersion = options.maxVersion ?? CURRENT_SCHEMA_VERSION;
+  const errors = [];
+  const warnings = [];
+  if (schema === null || schema === void 0) {
+    return { verdict: "invalid", errors: [issue("JR020", "No hay esquema que validar.", "")], warnings, pendingNodes: 0 };
+  }
+  if (typeof schema !== "object" || Array.isArray(schema)) {
+    return {
+      verdict: "invalid",
+      errors: [issue("JR020", "El esquema debe ser un objeto.", "", { severity: "error" })],
+      warnings,
+      pendingNodes: 0
+    };
+  }
+  const candidate = schema;
+  if (candidate.$schema !== void 0 && candidate.$schema !== "axzy/screen") {
+    errors.push(
+      issue("JR020", `El formato declarado no es \`axzy/screen\`.`, "$schema", {
+        severity: "error",
+        hint: 'Usa `$schema: "axzy/screen"` o quita la propiedad.'
+      })
+    );
+  }
+  if (candidate.version === void 0) {
+    errors.push(issue("JR020", "Falta `version` en el esquema.", "version", { severity: "error" }));
+  } else if (typeof candidate.version !== "number" || !Number.isInteger(candidate.version)) {
+    errors.push(issue("JR020", "`version` debe ser un entero.", "version", { severity: "error" }));
+  } else if (candidate.version > maxVersion) {
+    errors.push(
+      issue("JR020", `La versi\xF3n ${candidate.version} es m\xE1s nueva que la soportada (${maxVersion}).`, "version", {
+        severity: "error",
+        hint: "Actualiza el motor o migra el esquema."
+      })
+    );
+  }
+  if (typeof candidate.id !== "string" || candidate.id.trim() === "") {
+    errors.push(issue("JR020", "Falta `id` en el esquema.", "id", { severity: "error" }));
+  }
+  if (candidate.content === void 0) {
+    errors.push(issue("JR020", "El esquema no declara `content`.", "content", { severity: "error" }));
+    return { verdict: "invalid", errors, warnings, pendingNodes: 0, version: candidate.version };
+  }
+  const content = Array.isArray(candidate.content) ? candidate.content : [candidate.content];
+  if (content.length === 0) {
+    warnings.push(
+      issue("JR021", "`content` est\xE1 vac\xEDo: la pantalla se pinta sin nodos.", "content", { severity: "warning" })
+    );
+  }
+  let pendingNodes = 0;
+  content.map((node, index) => ({ node, index })).filter(({ node }) => node !== void 0 && node !== null).forEach(({ node, index }) => {
+    pendingNodes += validateNodes(node, ["content", index], catalog, errors, warnings);
+  });
+  const verdict = errors.length > 0 ? "invalid" : pendingNodes > 0 ? "partial" : "valid";
+  return { verdict, errors, warnings, pendingNodes, version: candidate.version };
+}
+
+// src/json-renderer/validation/migrate.ts
+var DEFAULT_MIGRATIONS = {};
+function migrateSchema(schema, targetVersion, migrations = DEFAULT_MIGRATIONS) {
+  const from = typeof schema.version === "number" ? schema.version : 0;
+  const issues = [];
+  if (from === targetVersion) {
+    return { schema, migrated: false, from, to: targetVersion, issues };
+  }
+  if (from > targetVersion) {
+    issues.push(
+      issue("JR020", `El esquema es de una versi\xF3n posterior (${from}) a la del motor (${targetVersion}).`, "version", {
+        severity: "error",
+        hint: "Actualiza el motor; no se puede degradar un esquema."
+      })
+    );
+    return { schema, migrated: false, from, to: targetVersion, issues };
+  }
+  let current = schema;
+  let version = from;
+  while (version < targetVersion) {
+    const migration = migrations[version];
+    if (!migration) {
+      issues.push(
+        issue("JR070", `No hay migraci\xF3n registrada de la versi\xF3n ${version} a la ${version + 1}.`, "version", {
+          severity: "error",
+          hint: "Registra la migraci\xF3n en `migrations` o guarda el esquema en la versi\xF3n actual."
+        })
+      );
+      return { schema: current, migrated: false, from, to: version, issues };
+    }
+    current = { ...migration(current), version: version + 1 };
+    version += 1;
+  }
+  return { schema: current, migrated: version !== from, from, to: version, issues };
+}
+
+// src/json-renderer/vocabulary/buildContract.ts
+var RULES = [
+  'Emite SOLO JSON v\xE1lido con la forma: { $schema: "axzy/screen", version, id, content }.',
+  "`content` es un nodo o un array de nodos; cada nodo necesita `type` del cat\xE1logo.",
+  "Usa solo props declaradas para ese `type`; el resto se ignora y se avisa.",
+  "Los hijos se expresan con `children` (nodos) y los textos con `text`, nunca con props de nodo React.",
+  'Las acciones se declaran por nombre: `"onClick": { "action": "nombre.registrado" }`. No hay c\xF3digo en el JSON.',
+  "Prohibido: HTML crudo, URLs, fetch, expresiones JS y props como icon/actions/render.",
+  'Los textos visibles deben ser claves de i18n: { "i18n": "namespace.clave" }.'
+];
+function buildMinimal(entry) {
+  const props = {};
+  for (const [name, spec] of Object.entries(entry.props ?? {})) {
+    if (!spec.required) continue;
+    props[name] = sampleValue(name, spec);
+  }
+  const node = { type: entry.type };
+  if (Object.keys(props).length > 0) node.props = props;
+  if (entry.text) node.text = "Texto";
+  return node;
+}
+function sampleValue(name, spec) {
+  if (spec.values?.length) return spec.values[0];
+  if (spec.kind === "number" || spec.kind === "integer") return 1;
+  if (spec.kind === "boolean") return false;
+  if (spec.kind === "i18n") return { i18n: `ejemplo.${name}` };
+  return name === "src" ? "/imagen.png" : `${name}`;
+}
+function buildVocabularyContract(catalog = axzyCatalog, schemaVersion = CURRENT_SCHEMA_VERSION) {
+  const components2 = Object.values(catalog.entries).map((entry) => ({
+    type: entry.type,
+    summary: entry.summary,
+    children: Boolean(entry.children),
+    text: Boolean(entry.text),
+    props: Object.entries(entry.props ?? {}).map(([name, spec]) => ({
+      name,
+      kind: spec.kind,
+      required: Boolean(spec.required),
+      values: spec.values ? [...spec.values] : void 0,
+      default: spec.default,
+      doc: spec.doc
+    })),
+    forbidden: [...entry.forbidden ?? []],
+    minimal: buildMinimal(entry)
+  })).sort((a, b) => a.type.localeCompare(b.type));
+  return {
+    $schema: "axzy/vocabulary",
+    schemaVersion,
+    rules: RULES,
+    components: components2,
+    excluded: catalog.excluded ?? {}
+  };
+}
+function formatVocabularyForPrompt(contract) {
+  const lines = [
+    `# Contrato de vocabulario AXZY (formato v${contract.schemaVersion})`,
+    "",
+    "Reglas:",
+    ...contract.rules.map((rule) => `- ${rule}`),
+    "",
+    "Componentes:"
+  ];
+  for (const component of contract.components) {
+    const props = component.props.map((prop) => {
+      const parts = [`${prop.name}:${prop.kind}${prop.required ? "*" : ""}`];
+      if (prop.values?.length) parts.push(`(${prop.values.join("|")})`);
+      return parts.join(" ");
+    }).join(", ");
+    lines.push(`- ${component.type}${component.summary ? ` \u2014 ${component.summary}` : ""}`);
+    if (props) lines.push(`  props: ${props}`);
+    if (component.children) lines.push("  children: s\xED");
+    if (component.text) lines.push("  text: s\xED");
+    lines.push(`  m\xEDnimo: ${JSON.stringify(component.minimal)}`);
+  }
+  return lines.join("\n");
+}
+
+// src/components/organisms/dropfile/dropfile.tsx
+import { useState as useState37, useEffect as useEffect19 } from "react";
+import { useDropzone } from "react-dropzone";
+import clsx54 from "clsx";
+
+// src/components/organisms/dropfile/dropfile.props.ts
+var FileTypeEnum = /* @__PURE__ */ ((FileTypeEnum2) => {
+  FileTypeEnum2["PDF"] = "application/pdf";
+  FileTypeEnum2["XLS"] = "application/vnd.ms-excel";
+  FileTypeEnum2["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+  FileTypeEnum2["CSV"] = "text/csv";
+  FileTypeEnum2["PNG"] = "image/png";
+  FileTypeEnum2["JPG"] = "image/jpg";
+  FileTypeEnum2["JPEG"] = "image/jpeg";
+  FileTypeEnum2["MP4"] = "video/mp4";
+  FileTypeEnum2["MOV"] = "video/quicktime";
+  FileTypeEnum2["AVI"] = "video/x-msvideo";
+  FileTypeEnum2["MKV"] = "video/x-matroska";
+  FileTypeEnum2["VIDEO_3GPP"] = "video/3gpp";
+  FileTypeEnum2["WEBM"] = "video/webm";
+  return FileTypeEnum2;
+})(FileTypeEnum || {});
+var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
+  UploadStatus2["PENDING"] = "pendiente";
+  UploadStatus2["UPLOADING"] = "subiendo";
+  UploadStatus2["UPLOADED"] = "subido";
+  UploadStatus2["ERROR"] = "error";
+  return UploadStatus2;
+})(UploadStatus || {});
+
+// src/components/organisms/dropfile/dropfile.tsx
+import { Fragment as Fragment14, jsx as jsx76, jsxs as jsxs54 } from "react/jsx-runtime";
+var ITDropfile = ({
+  onFileSelect,
+  onCancel,
+  onSubmit,
+  contentClassName,
+  containerClassName,
+  acceptedFileTypes = ["application/pdf" /* PDF */, "application/vnd.ms-excel" /* XLS */, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */, "image/jpg" /* JPG */, "image/png" /* PNG */, "image/jpeg" /* JPEG */],
+  showStatusBadge = true,
+  uploadStatus: externalStatus,
+  onStatusChange,
+  initialPreviewUrl,
+  view = "drop",
+  buttonLabel,
+  modalTitle
+}) => {
+  const { t } = useITTranslation();
+  const [isModalOpen, setIsModalOpen] = useState37(false);
+  const [selectedFile, setSelectedFile] = useState37(null);
+  const [fileType, setFileType] = useState37(null);
+  const [imagePreview, setImagePreview] = useState37(initialPreviewUrl || null);
+  const [isConfirmed, setIsConfirmed] = useState37(false);
+  const [internalUploadStatus, setInternalUploadStatus] = useState37(
+    initialPreviewUrl ? "subido" /* UPLOADED */ : "pendiente" /* PENDING */
+  );
+  useEffect19(() => {
+    if (initialPreviewUrl && !selectedFile) {
+      setImagePreview(initialPreviewUrl);
+      if (externalStatus === void 0) setInternalUploadStatus("subido" /* UPLOADED */);
+    }
+  }, [initialPreviewUrl, selectedFile, externalStatus]);
+  const uploadStatus = externalStatus || internalUploadStatus;
+  const setUploadStatus = (status) => {
+    if (externalStatus === void 0) {
+      setInternalUploadStatus(status);
+    }
+    onStatusChange?.(status);
+  };
+  const getAcceptedFileTypes = () => {
+    const accept = {};
+    acceptedFileTypes.forEach((type) => {
+      switch (type) {
+        case "application/pdf" /* PDF */:
+          accept["application/pdf" /* PDF */] = [".pdf"];
+          break;
+        case "application/vnd.ms-excel" /* XLS */:
+          accept["application/vnd.ms-excel" /* XLS */] = [".xls"];
+          break;
+        case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */:
+          accept["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */] = [".xlsx"];
+          break;
+        case "text/csv" /* CSV */:
+          accept["text/csv" /* CSV */] = [".csv"];
+          break;
+        case "image/png" /* PNG */:
+          accept["image/png" /* PNG */] = [".png"];
+          break;
+        case "image/jpg" /* JPG */:
+          accept["image/jpg" /* JPG */] = [".jpg", ".jpeg"];
+          break;
+        case "image/jpeg" /* JPEG */:
+          accept["image/jpeg" /* JPEG */] = [".jpeg", ".jpg"];
+          break;
+        case "video/mp4" /* MP4 */:
+          accept["video/mp4" /* MP4 */] = [".mp4"];
+          break;
+        case "video/quicktime" /* MOV */:
+          accept["video/quicktime" /* MOV */] = [".mov"];
+          break;
+        case "video/x-msvideo" /* AVI */:
+          accept["video/x-msvideo" /* AVI */] = [".avi"];
+          break;
+        case "video/x-matroska" /* MKV */:
+          accept["video/x-matroska" /* MKV */] = [".mkv"];
+          break;
+        case "video/3gpp" /* VIDEO_3GPP */:
+          accept["video/3gpp" /* VIDEO_3GPP */] = [".3gp"];
+          break;
+        case "video/webm" /* WEBM */:
+          accept["video/webm" /* WEBM */] = [".webm"];
+          break;
+      }
+    });
+    return accept;
+  };
+  const getFileExtensions = () => {
+    const extensions = [];
+    acceptedFileTypes.forEach((type) => {
+      switch (type) {
+        case "application/pdf" /* PDF */:
+          if (!extensions.includes("PDF")) extensions.push("PDF");
+          break;
+        case "application/vnd.ms-excel" /* XLS */:
+        case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /* XLSX */:
+          if (!extensions.includes("EXCEL")) extensions.push("EXCEL");
+          break;
+        case "text/csv" /* CSV */:
+          if (!extensions.includes("CSV")) extensions.push("CSV");
+          break;
+        case "image/png" /* PNG */:
+        case "image/jpg" /* JPG */:
+        case "image/jpeg" /* JPEG */:
+          if (!extensions.includes("IMAGEN")) extensions.push("IMAGEN");
+          break;
+        case "video/mp4" /* MP4 */:
+        case "video/quicktime" /* MOV */:
+        case "video/x-msvideo" /* AVI */:
+        case "video/x-matroska" /* MKV */:
+        case "video/3gpp" /* VIDEO_3GPP */:
+        case "video/webm" /* WEBM */:
+          if (!extensions.includes("VIDEO")) extensions.push("VIDEO");
+          break;
+      }
+    });
+    return extensions.join(", ");
+  };
+  const StatusBadge = ({ status }) => {
+    const config2 = {
+      ["pendiente" /* PENDING */]: {
+        label: t("dropfile.status.pending"),
+        color: "bg-warning-100 text-warning-800 border-warning-200",
+        dotColor: "bg-warning-400"
+      },
+      ["subiendo" /* UPLOADING */]: {
+        label: t("dropfile.status.uploading"),
+        color: "bg-primary-100 text-primary-800 border-primary-200",
+        dotColor: "bg-primary-400 animate-pulse"
+      },
+      ["subido" /* UPLOADED */]: {
+        label: t("dropfile.status.uploaded"),
+        color: "bg-success-100 text-success-800 border-success-200",
+        dotColor: "bg-success-400"
+      },
+      ["error" /* ERROR */]: {
+        label: t("dropfile.status.error"),
+        color: "bg-danger-100 text-danger-800 border-danger-200",
+        dotColor: "bg-danger-400"
+      }
+    };
+    const { label, color, dotColor } = config2[status];
+    return /* @__PURE__ */ jsxs54("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
+      /* @__PURE__ */ jsx76("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ jsx76(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+    ] });
+  };
+  const onDrop = (acceptedFiles) => {
+    const file = acceptedFiles[0];
+    if (file) {
+      if (acceptedFileTypes.includes(file.type)) {
+        setSelectedFile(file);
+        setFileType(file.type);
+        setUploadStatus("pendiente" /* PENDING */);
+        if (imagePreview) {
+          URL.revokeObjectURL(imagePreview);
+          setImagePreview(null);
+        }
+        if (file.type.startsWith("image/")) {
+          const previewUrl = URL.createObjectURL(file);
+          setImagePreview(previewUrl);
+        }
+      } else {
+        alert(t("dropfile.fileTypeNotAllowed"));
+        setSelectedFile(null);
+        setFileType(null);
         setImagePreview(null);
         setUploadStatus("pendiente" /* PENDING */);
       }
@@ -12354,12 +13819,12 @@ var ITDropfile = ({
     accept: getAcceptedFileTypes(),
     maxFiles: 1
   });
-  useEffect18(() => {
+  useEffect19(() => {
     const renderPDF = async () => {
     };
     renderPDF();
   }, [selectedFile, fileType]);
-  useEffect18(() => {
+  useEffect19(() => {
     return () => {
       if (imagePreview) {
         URL.revokeObjectURL(imagePreview);
@@ -12396,7 +13861,7 @@ var ITDropfile = ({
   const handleDelete = () => {
     handleCancel();
   };
-  useEffect18(() => {
+  useEffect19(() => {
     if (view === "button" && isConfirmed && uploadStatus === "subido" /* UPLOADED */) {
       const timeout = setTimeout(() => {
         setIsModalOpen(false);
@@ -12425,9 +13890,9 @@ var ITDropfile = ({
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ jsx74(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ jsx76(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ jsx74(Fragment13, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs54(
+  const dropZoneOrPreview = /* @__PURE__ */ jsx76(Fragment14, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ jsxs54(
     "div",
     {
       ...getRootProps(),
@@ -12437,29 +13902,29 @@ var ITDropfile = ({
             ${isDragActive ? "border-primary-500 bg-primary-50 scale-[1.01]" : "border-secondary-300 bg-white hover:border-primary-400 hover:bg-secondary-50"}
           `,
       children: [
-        /* @__PURE__ */ jsx74("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsx74("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx76("input", { ...getInputProps() }),
+        /* @__PURE__ */ jsx76("div", { className: `mb-3 p-3 rounded-full transition-colors duration-300 ${isDragActive ? "bg-primary-100" : "bg-secondary-100 group-hover:bg-primary-50"}`, children: /* @__PURE__ */ jsx76(
           "svg",
           {
             className: `w-6 h-6 transition-colors duration-300 ${isDragActive ? "text-primary-600" : "text-secondary-400 group-hover:text-primary-500"}`,
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor",
-            children: /* @__PURE__ */ jsx74("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__ */ jsx76("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__ */ jsx74("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx74(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? t("dropfile.dropHere") : t("dropfile.clickOrDrag") }) })
+        /* @__PURE__ */ jsx76("div", { className: "text-center space-y-1", children: /* @__PURE__ */ jsx76(ITText, { as: "p", className: `text-sm font-medium transition-colors duration-300 ${isDragActive ? "text-primary-700" : "text-secondary-700"}`, children: isDragActive ? t("dropfile.dropHere") : t("dropfile.clickOrDrag") }) })
       ]
     }
   ) : /* @__PURE__ */ jsxs54("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ jsx74("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ jsx74("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__ */ jsx74("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx74("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__ */ jsx74("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx74("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__ */ jsx76("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ jsx76("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__ */ jsx76("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx76("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__ */ jsx76("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx76("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__ */ jsxs54("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx74(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || t("dropfile.imageLoaded"), children: selectedFile?.name || t("dropfile.imageLoaded") }),
-        /* @__PURE__ */ jsx74(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+        /* @__PURE__ */ jsx76(ITText, { as: "p", className: "text-xs font-medium text-secondary-900 truncate", title: selectedFile?.name || t("dropfile.imageLoaded"), children: selectedFile?.name || t("dropfile.imageLoaded") }),
+        /* @__PURE__ */ jsx76(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx74("div", { className: clsx54("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx76("div", { className: clsx54("relative bg-secondary-100 flex items-center justify-center", !contentClassName ? "max-h-[200px] min-h-[100px] overflow-auto" : contentClassName), children: selectedFile && fileType?.startsWith("image/") || !selectedFile && imagePreview ? /* @__PURE__ */ jsx76(
       "img",
       {
         src: imagePreview,
@@ -12467,11 +13932,11 @@ var ITDropfile = ({
         className: "w-full h-full object-contain max-h-[200px]"
       }
     ) : /* @__PURE__ */ jsxs54("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ jsx74("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx74("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__ */ jsx74(ITText, { as: "span", className: "text-xs", children: t("dropfile.noPreview") })
+      /* @__PURE__ */ jsx76("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx76("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__ */ jsx76(ITText, { as: "span", className: "text-xs", children: t("dropfile.noPreview") })
     ] }) }),
-    /* @__PURE__ */ jsx74("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs54(Fragment13, { children: [
-      /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsx76("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ jsxs54(Fragment14, { children: [
+      /* @__PURE__ */ jsx76(
         ITButton,
         {
           type: "button",
@@ -12479,10 +13944,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ jsx74(ITText, { children: t("common.cancel") })
+          children: /* @__PURE__ */ jsx76(ITText, { children: t("common.cancel") })
         }
       ),
-      /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx76(
         ITButton,
         {
           type: "button",
@@ -12491,8 +13956,8 @@ var ITDropfile = ({
           size: "sm",
           onClick: handleConfirm,
           children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx74(ITText, { children: t("common.confirm") }),
-            /* @__PURE__ */ jsx74("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx74("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+            /* @__PURE__ */ jsx76(ITText, { children: t("common.confirm") }),
+            /* @__PURE__ */ jsx76("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx76("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
@@ -12505,12 +13970,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ jsx74("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx74("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__ */ jsx74(ITText, { children: t("common.delete") })
+          /* @__PURE__ */ jsx76("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx76("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__ */ jsx76(ITText, { children: t("common.delete") })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx74("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx74("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx74(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ jsx76("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx76("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ jsx76(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -12524,7 +13989,7 @@ var ITDropfile = ({
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
     return /* @__PURE__ */ jsxs54("div", { className: clsx54("inline-block", containerClassName), children: [
-      /* @__PURE__ */ jsx74(
+      /* @__PURE__ */ jsx76(
         ITButton,
         {
           type: "button",
@@ -12533,13 +13998,13 @@ var ITDropfile = ({
           size: "sm",
           onClick: () => setIsModalOpen(true),
           children: /* @__PURE__ */ jsxs54("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ jsx74("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx74("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__ */ jsx74(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? t("dropfile.fileLoaded") : buttonLabel ?? t("dropfile.upload")) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ jsx74(StatusBadge, { status: uploadStatus })
+            /* @__PURE__ */ jsx76("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx76("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__ */ jsx76(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? t("dropfile.fileLoaded") : buttonLabel ?? t("dropfile.upload")) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ jsx76(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ jsx74(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel ?? t("dropfile.upload"), children: /* @__PURE__ */ jsxs54("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ jsx76(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel ?? t("dropfile.upload"), children: /* @__PURE__ */ jsxs54("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
@@ -12558,8 +14023,8 @@ import clsx55 from "clsx";
 
 // src/components/organisms/topbar/topbar.tsx
 import { FaUserCircle as FaUserCircle2, FaBars } from "react-icons/fa";
-import { useRef as useRef23, useState as useState38 } from "react";
-import { jsx as jsx75, jsxs as jsxs55 } from "react/jsx-runtime";
+import { useRef as useRef24, useState as useState38 } from "react";
+import { jsx as jsx77, jsxs as jsxs55 } from "react/jsx-runtime";
 function ITTopBar({
   logo,
   logoText,
@@ -12577,9 +14042,9 @@ function ITTopBar({
   const { t } = useITTranslation();
   const initials = (userMenu?.userName ?? "").trim().split(/\s+/).slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
   const [isUserMenuOpen, setIsUserMenuOpen] = useState38(false);
-  const userMenuRef = useRef23(null);
+  const userMenuRef = useRef24(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx77(
     "header",
     {
       className: `sticky top-0 z-40 transition-all duration-300 ${flat ? "" : "backdrop-blur-md"}`,
@@ -12590,7 +14055,7 @@ function ITTopBar({
       },
       children: /* @__PURE__ */ jsxs55("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
         /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ jsx75(
+          showMobileMenuButton && /* @__PURE__ */ jsx77(
             "button",
             {
               type: "button",
@@ -12602,12 +14067,12 @@ function ITTopBar({
               onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--it-topbar-user-hover, #f1f5f9)",
               onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
               onClick: onToggleMobileMenu,
-              children: /* @__PURE__ */ jsx75(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ jsx77(FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
           /* @__PURE__ */ jsxs55("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
-            logo && /* @__PURE__ */ jsx75("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ jsx75(
+            logo && /* @__PURE__ */ jsx77("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ jsx77(
               ITText,
               {
                 as: "span",
@@ -12617,7 +14082,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ jsx75("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ jsx75(
+          navItems && navItems.length > 0 && /* @__PURE__ */ jsx77("nav", { className: "hidden md:flex ml-8 space-x-1 border-l pl-8", style: { borderColor: "var(--it-topbar-border, rgba(15, 23, 42, 0.06))" }, children: navItems.map((item) => /* @__PURE__ */ jsx77(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -12632,14 +14097,14 @@ function ITTopBar({
                 e.currentTarget.style.backgroundColor = "transparent";
               },
               children: /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ jsx75("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ jsx75(ITText, { as: "span", children: item.label })
+                item.icon && /* @__PURE__ */ jsx77("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ jsx77(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ jsx75("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ jsx75("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        centerContent && /* @__PURE__ */ jsx77("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ jsx77("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
         (children || userMenu) && /* @__PURE__ */ jsxs55("div", { className: "flex items-center gap-2", children: [
           children,
           userMenu && /* @__PURE__ */ jsxs55("div", { className: "relative", children: [
@@ -12660,14 +14125,14 @@ function ITTopBar({
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
                   /* @__PURE__ */ jsxs55("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ jsx75(
+                    userMenu.userImage ? /* @__PURE__ */ jsx77(
                       "img",
                       {
                         className: "w-9 h-9 rounded-full object-cover ring-2 ring-white shadow-sm",
                         src: userMenu.userImage,
                         alt: t("common.userAvatar")
                       }
-                    ) : flat && initials ? /* @__PURE__ */ jsx75(
+                    ) : flat && initials ? /* @__PURE__ */ jsx77(
                       "div",
                       {
                         "aria-hidden": "true",
@@ -12678,11 +14143,11 @@ function ITTopBar({
                         },
                         children: initials
                       }
-                    ) : /* @__PURE__ */ jsx75("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx75(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    !flat && /* @__PURE__ */ jsx75("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ jsx77("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ jsx77(FaUserCircle2, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    !flat && /* @__PURE__ */ jsx77("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
                   /* @__PURE__ */ jsxs55("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
-                    /* @__PURE__ */ jsx75(
+                    /* @__PURE__ */ jsx77(
                       ITText,
                       {
                         as: "span",
@@ -12691,7 +14156,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ jsx75(
+                    /* @__PURE__ */ jsx77(
                       ITText,
                       {
                         as: "span",
@@ -12718,14 +14183,14 @@ function ITTopBar({
                 },
                 children: [
                   /* @__PURE__ */ jsxs55("div", { className: "px-5 py-4 border-b", style: { borderColor: "var(--it-topbar-user-dropdown-border, #f1f5f9)", backgroundColor: "var(--it-topbar-user-bg, #f8fafc)" }, children: [
-                    /* @__PURE__ */ jsx75(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ jsx75(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
+                    /* @__PURE__ */ jsx77(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ jsx77(ITText, { as: "span", className: "block text-xs font-medium truncate mt-0.5", style: { color: "var(--it-topbar-user-subtitle, #64748b)" }, children: userMenu.userEmail })
                   ] }),
-                  /* @__PURE__ */ jsx75("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ jsx77("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__ */ jsxs55("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx75("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ jsx75(
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ jsx77("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ jsx77(
                         "button",
                         {
                           onClick: () => {
@@ -12740,7 +14205,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ jsx75(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ jsx77(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -12756,7 +14221,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-import { jsx as jsx76, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs56 } from "react/jsx-runtime";
 function ITLayout({
   topBar,
   sidebar,
@@ -12780,7 +14245,7 @@ function ITLayout({
     else setMobileSidebarOpen((v) => !v);
   };
   const brand = sidebarFullHeight ? sidebar.brand ?? { logo: topBar.logo, text: topBar.logoText } : sidebar.brand;
-  const topBarNode = /* @__PURE__ */ jsx76(
+  const topBarNode = /* @__PURE__ */ jsx78(
     ITTopBar,
     {
       ...topBar,
@@ -12794,8 +14259,8 @@ function ITLayout({
     // Full-height: the sidebar sits beside the top bar, so it needs to win the
     // stacking order when the collapsed rail expands over the content on hover.
     /* @__PURE__ */ jsxs56("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
-      /* @__PURE__ */ jsx76("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
-      /* @__PURE__ */ jsx76("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx76(
+      /* @__PURE__ */ jsx78("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
+      /* @__PURE__ */ jsx78("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ jsx78(
         ITSidebar,
         {
           ...sidebar,
@@ -12808,17 +14273,17 @@ function ITLayout({
       ) })
     ] })
   );
-  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ jsx76(
+  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ jsx78(
     "div",
     {
       className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
       onClick: () => setMobileSidebarOpen(false),
-      children: /* @__PURE__ */ jsx76(
+      children: /* @__PURE__ */ jsx78(
         "div",
         {
           className: "h-full w-fit flex transform transition-transform duration-300 ease-[cubic-bezier(0.2,0,0,1)]",
           onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsx76(
+          children: /* @__PURE__ */ jsx78(
             ITSidebar,
             {
               ...sidebar,
@@ -12835,7 +14300,7 @@ function ITLayout({
       )
     }
   );
-  const main = /* @__PURE__ */ jsx76("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx76("div", { className: clsx55("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) });
+  const main = /* @__PURE__ */ jsx78("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ jsx78("div", { className: clsx55("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) });
   if (sidebarFullHeight) {
     return /* @__PURE__ */ jsxs56(
       "div",
@@ -12870,97 +14335,11 @@ function ITLayout({
   ] });
 }
 
-// src/types/loader.types.ts
-var sizeClasses = {
-  sm: "h-4 w-4",
-  md: "h-8 w-8",
-  lg: "h-12 w-12",
-  xl: "h-16 w-16"
-};
-
-// src/components/atoms/loader/loader.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
-function ITLoader({
-  size = "md",
-  variant = "spinner",
-  color = "primary",
-  // Default to semantic primary
-  className = ""
-}) {
-  const { t } = useITTranslation();
-  const isSemantic = color in theme.colors;
-  const resolvedColor = isSemantic ? theme.colors[color][500] : color;
-  const isCssValue = isSemantic || color.startsWith("#") || color.startsWith("rgb");
-  const style = isCssValue ? { color: resolvedColor } : {};
-  const bgStyle = isCssValue ? { backgroundColor: resolvedColor } : {};
-  const colorClass = !isCssValue ? color : "";
-  if (variant === "spinner") {
-    return /* @__PURE__ */ jsx77(
-      "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__ */ jsx77(ITText, { as: "span", className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]", children: t("common.loading") })
-      }
-    );
-  }
-  if (variant === "dots") {
-    return /* @__PURE__ */ jsx77(
-      "div",
-      {
-        className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx77(
-          "div",
-          {
-            className: `${sizeClasses[size.replace(/l|g/, "")]} animate-bounce rounded-full ${colorClass}`,
-            style: {
-              ...bgStyle,
-              animationDelay: `${i * 0.1}s`
-            }
-          },
-          i
-        ))
-      }
-    );
-  }
-  if (variant === "bar") {
-    return /* @__PURE__ */ jsx77(
-      "div",
-      {
-        className: `w-full ${size === "sm" ? "h-1" : size === "md" ? "h-1.5" : size === "lg" ? "h-2" : "h-2.5"} bg-secondary-200 rounded-full overflow-hidden ${className}`,
-        children: /* @__PURE__ */ jsx77(
-          "div",
-          {
-            className: `h-full animate-progress ${colorClass}`,
-            style: {
-              backgroundColor: resolvedColor,
-              // Simplified gradient for modern look, or keep it solid
-              backgroundImage: isCssValue ? `linear-gradient(to right, ${resolvedColor}DD, ${resolvedColor})` : void 0,
-              animation: "progress 1.5s ease-in-out infinite"
-            }
-          }
-        )
-      }
-    );
-  }
-  if (variant === "pulse") {
-    return /* @__PURE__ */ jsx77(
-      "div",
-      {
-        className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
-        style: bgStyle
-      }
-    );
-  }
-  return null;
-}
-
 // src/components/molecules/stepper/stepper.tsx
 import clsx56 from "clsx";
-import { useEffect as useEffect19, useRef as useRef24, useState as useState40 } from "react";
+import { useEffect as useEffect20, useRef as useRef25, useState as useState40 } from "react";
 import { FaChevronLeft as FaChevronLeft4, FaChevronRight as FaChevronRight7, FaCheck as FaCheck6 } from "react-icons/fa";
-import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs57 } from "react/jsx-runtime";
 function ITStepper({
   steps,
   currentStep,
@@ -12977,14 +14356,14 @@ function ITStepper({
 }) {
   const { t } = useITTranslation();
   const [direction, setDirection] = useState40("next");
-  const contentRef = useRef24(null);
-  const progressRef = useRef24(null);
+  const contentRef = useRef25(null);
+  const progressRef = useRef25(null);
   const isThemeColor = color in theme.colors;
   const resolvedColor = isThemeColor ? theme.colors[color][500] : color;
-  useEffect19(() => {
+  useEffect20(() => {
     onStepChange?.(currentStep);
   }, [currentStep, onStepChange]);
-  useEffect19(() => {
+  useEffect20(() => {
     const pct = currentStep / Math.max(1, steps.length - 1) * 100;
     if (progressRef.current) {
       progressRef.current.style.width = `${pct}%`;
@@ -13028,23 +14407,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ jsx78(FaCheck6, { className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx79(FaCheck6, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ jsx78("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ jsx79("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ jsx78(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ jsx79(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
   return /* @__PURE__ */ jsxs57("div", { className: clsx56("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
     /* @__PURE__ */ jsxs57("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         "div",
         {
           ref: progressRef,
@@ -13052,11 +14431,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ jsx78("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ jsx79("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__ */ jsx78(
+        return /* @__PURE__ */ jsx79(
           "button",
           {
             type: "button",
@@ -13067,7 +14446,7 @@ function ITStepper({
             className: "flex-1 group",
             title: step.label,
             children: /* @__PURE__ */ jsxs57("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx78(
+              /* @__PURE__ */ jsx79(
                 "div",
                 {
                   className: clsx56(
@@ -13081,7 +14460,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ jsx78(
+              /* @__PURE__ */ jsx79(
                 ITText,
                 {
                   as: "span",
@@ -13099,7 +14478,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       "div",
       {
         ref: contentRef,
@@ -13116,7 +14495,7 @@ function ITStepper({
       }
     ),
     /* @__PURE__ */ jsxs57("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx79(
         ITButton,
         {
           variant: "outlined",
@@ -13124,14 +14503,14 @@ function ITStepper({
           disabled: currentStep === 0,
           onClick: prevStep,
           children: /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx78(FaChevronLeft4, {}),
-            /* @__PURE__ */ jsx78(ITText, { as: "span", children: t("common.back") })
+            /* @__PURE__ */ jsx79(FaChevronLeft4, {}),
+            /* @__PURE__ */ jsx79(ITText, { as: "span", children: t("common.back") })
           ] })
         }
       ),
       /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx78(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: t("stepper.stepOf", { current: currentStep + 1, total: steps.length }) }),
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(ITText, { as: "div", className: "text-sm text-secondary-500 mr-2 hidden sm:block", children: t("stepper.stepOf", { current: currentStep + 1, total: steps.length }) }),
+        /* @__PURE__ */ jsx79(
           ITButton,
           {
             variant: "solid",
@@ -13139,8 +14518,8 @@ function ITStepper({
             disabled: disableNext,
             onClick: nextStep,
             children: /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx78(ITText, { as: "span", children: currentStep === steps.length - 1 ? t("common.finish") : t("common.next") }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx78(FaCheck6, {}) : /* @__PURE__ */ jsx78(FaChevronRight7, {})
+              /* @__PURE__ */ jsx79(ITText, { as: "span", children: currentStep === steps.length - 1 ? t("common.finish") : t("common.next") }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ jsx79(FaCheck6, {}) : /* @__PURE__ */ jsx79(FaChevronRight7, {})
             ] })
           }
         )
@@ -13150,7 +14529,7 @@ function ITStepper({
 }
 
 // src/components/theme-provider/themeProvider.tsx
-import { useState as useState41, useEffect as useEffect20, useLayoutEffect as useLayoutEffect5 } from "react";
+import { useState as useState41, useEffect as useEffect21, useLayoutEffect as useLayoutEffect5 } from "react";
 import { MdPalette, MdClose, MdRefresh } from "react-icons/md";
 
 // src/components/theme-provider/themePresets.ts
@@ -13328,7 +14707,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-import { jsx as jsx79, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs58 } from "react/jsx-runtime";
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -13497,7 +14876,7 @@ function ITThemeProvider({
       return "system";
     }
   );
-  useEffect20(() => {
+  useEffect21(() => {
     localStorage.setItem("it-theme-dark-mode", darkModeMode);
     const applyDarkMode = (isDark) => {
       if (isDark) {
@@ -13522,7 +14901,7 @@ function ITThemeProvider({
       applyDarkMode(darkModeMode === "dark");
     }
   }, [darkModeMode]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!showFab) {
       setPaletteState({
         ...DEFAULT_PALETTE,
@@ -13579,7 +14958,7 @@ function ITThemeProvider({
       surfaceStyle?.remove();
     };
   }, [radius, shadow]);
-  useEffect20(() => {
+  useEffect21(() => {
     const injectStyles = (obj, prefix = "") => {
       Object.entries(obj).forEach(([key, val]) => {
         if (typeof val === "object" && val !== null) {
@@ -14740,7 +16119,7 @@ function ITThemeProvider({
         children: [
           /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs58("div", { className: "relative w-10 h-10 rounded-xl border-2 border-slate-200 dark:border-slate-700 overflow-hidden cursor-pointer flex-shrink-0 shadow-sm hover:scale-105 transition-transform", children: [
-              /* @__PURE__ */ jsx79(
+              /* @__PURE__ */ jsx80(
                 "input",
                 {
                   type: "color",
@@ -14749,23 +16128,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ jsx79("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ jsx80("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
             /* @__PURE__ */ jsxs58("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx79(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
+              /* @__PURE__ */ jsx80(ITText, { as: "span", className: "text-xs font-bold text-slate-700 dark:text-slate-300 truncate capitalize", children: label.replace(/([A-Z])/g, " $1").trim() }),
               /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ jsx79(
+                /* @__PURE__ */ jsx80(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ jsx79(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ jsx80(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx80(
             "input",
             {
               type: "text",
@@ -14791,7 +16170,7 @@ function ITThemeProvider({
         onClick: () => applyPreset(preset.colors),
         className: `relative flex flex-col items-start p-2.5 rounded-xl border text-left transition-all group ${isSelected ? "border-primary-500 bg-primary-500/5 shadow-sm ring-1 ring-primary-500/20" : "border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50 hover:border-slate-300 dark:hover:border-slate-600"}`,
         children: [
-          isCustom && /* @__PURE__ */ jsx79(
+          isCustom && /* @__PURE__ */ jsx80(
             "span",
             {
               onClick: (e) => {
@@ -14800,11 +16179,11 @@ function ITThemeProvider({
               },
               className: "absolute top-1.5 right-1.5 opacity-0 group-hover:opacity-100 p-0.5 rounded-md hover:bg-danger-500/10 hover:text-danger-500 text-slate-400 dark:text-slate-500 cursor-pointer transition-all z-10",
               title: t("themeProvider.designer.deletePreset"),
-              children: /* @__PURE__ */ jsx79(MdClose, { size: 12 })
+              children: /* @__PURE__ */ jsx80(MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ jsx79(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: PRESET_I18N_KEY[preset.name] ? t(PRESET_I18N_KEY[preset.name]) : preset.name }),
-          /* @__PURE__ */ jsx79("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx80(ITText, { as: "span", className: "text-xs font-semibold truncate w-full mb-1.5 pr-4 text-slate-700 dark:text-slate-300", children: PRESET_I18N_KEY[preset.name] ? t(PRESET_I18N_KEY[preset.name]) : preset.name }),
+          /* @__PURE__ */ jsx80("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ jsx80(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -14833,17 +16212,17 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ jsx79(
+        showFab && /* @__PURE__ */ jsx80(
           "button",
           {
             onClick: () => setIsOpen((prev) => !prev),
             className: "it-theme-fab it-theme-bounce",
             style: { backgroundColor: "var(--color-primary)" },
             "aria-label": t("themeProvider.fab.ariaLabel"),
-            children: /* @__PURE__ */ jsx79(MdPalette, { size: 28 })
+            children: /* @__PURE__ */ jsx80(MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ jsx79(
+        showFab && /* @__PURE__ */ jsx80(
           ITDialog,
           {
             isOpen,
@@ -14853,8 +16232,8 @@ function ITThemeProvider({
             children: /* @__PURE__ */ jsxs58("div", { className: "flex gap-6 h-[580px]", children: [
               /* @__PURE__ */ jsxs58("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
                 /* @__PURE__ */ jsxs58("div", { children: [
-                  /* @__PURE__ */ jsx79(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: t("themeProvider.designer.appearance") }),
-                  /* @__PURE__ */ jsx79(
+                  /* @__PURE__ */ jsx80(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: t("themeProvider.designer.appearance") }),
+                  /* @__PURE__ */ jsx80(
                     ITSegmentedControl,
                     {
                       options: [
@@ -14869,15 +16248,15 @@ function ITThemeProvider({
                   )
                 ] }),
                 /* @__PURE__ */ jsxs58("div", { children: [
-                  /* @__PURE__ */ jsx79("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx79(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: t("themeProvider.designer.presets") }) }),
-                  /* @__PURE__ */ jsx79("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx79(PresetCard, { preset }, preset.name)) })
+                  /* @__PURE__ */ jsx80("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ jsx80(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: t("themeProvider.designer.presets") }) }),
+                  /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ jsx80(PresetCard, { preset }, preset.name)) })
                 ] }),
                 customPresets.length > 0 && /* @__PURE__ */ jsxs58("div", { children: [
-                  /* @__PURE__ */ jsx79(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: t("themeProvider.designer.myThemes") }),
-                  /* @__PURE__ */ jsx79("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx79(PresetCard, { preset, isCustom: true }, preset.name)) })
+                  /* @__PURE__ */ jsx80(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500 mb-2.5 block", children: t("themeProvider.designer.myThemes") }),
+                  /* @__PURE__ */ jsx80("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ jsx80(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
                 isSavingPreset && /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-2 p-3 rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50", children: [
-                  /* @__PURE__ */ jsx79(
+                  /* @__PURE__ */ jsx80(
                     ITInput,
                     {
                       name: "presetName",
@@ -14896,7 +16275,7 @@ function ITThemeProvider({
                     }
                   ),
                   /* @__PURE__ */ jsxs58("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx79(
+                    /* @__PURE__ */ jsx80(
                       ITButton,
                       {
                         label: t("themeProvider.designer.save"),
@@ -14907,7 +16286,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ jsx79(
+                    /* @__PURE__ */ jsx80(
                       ITButton,
                       {
                         label: t("themeProvider.designer.cancelSave"),
@@ -14921,31 +16300,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ jsx79(
+                !isSavingPreset && /* @__PURE__ */ jsx80(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ jsx79(MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx80(MdPalette, { size: 14 }),
                     label: t("themeProvider.designer.saveCurrent"),
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ jsx79(
+                /* @__PURE__ */ jsx80(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ jsx79(MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ jsx80(MdRefresh, { size: 14 }),
                     label: t("themeProvider.designer.reset"),
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx79(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ jsx80(ITDivider, { orientation: "vertical" }),
               /* @__PURE__ */ jsxs58("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ jsx79(
+                /* @__PURE__ */ jsx80(
                   tabs_default,
                   {
                     variant: "pill",
@@ -14953,7 +16332,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: t("themeProvider.tabs.brand"),
-                        content: /* @__PURE__ */ jsx79("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "primary",
                           "secondary",
                           "ternary",
@@ -14962,35 +16341,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ jsx79(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx80(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: t("themeProvider.tabs.layout"),
-                        content: /* @__PURE__ */ jsx79("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "layout.sidebarBg",
                           "layout.sidebarText",
                           "layout.navbarBg",
                           "layout.navbarText"
-                        ].map((key) => /* @__PURE__ */ jsx79(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx80(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: t("themeProvider.tabs.tables"),
-                        content: /* @__PURE__ */ jsx79("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
+                        content: /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[480px] overflow-y-auto pr-2 mt-3", children: [
                           "table.headerBg",
                           "table.headerText",
                           "table.rowBg",
                           "table.rowText",
                           "table.rowHover"
-                        ].map((key) => /* @__PURE__ */ jsx79(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ jsx80(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
                 /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ jsx79(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: t("themeProvider.designer.autosave") }),
-                  /* @__PURE__ */ jsx79(
+                  /* @__PURE__ */ jsx80(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: t("themeProvider.designer.autosave") }),
+                  /* @__PURE__ */ jsx80(
                     ITButton,
                     {
                       label: t("themeProvider.designer.close"),
@@ -15020,7 +16399,13 @@ var createValidationSchema = (fields) => Yup.object().shape(
   }, {})
 );
 export {
+  AXZY_CATALOG_ENTRIES,
+  AXZY_EXCLUDED_TYPES,
+  CURRENT_SCHEMA_VERSION,
+  DEFAULT_LIMITS,
+  DEFAULT_MIGRATIONS,
   FileTypeEnum,
+  GLOBALLY_FORBIDDEN_PROPS,
   ITAccordion,
   ITAlert,
   ITAvatar,
@@ -15064,6 +16449,7 @@ export {
   ITPopover,
   ITProgress,
   ITRadioGroup,
+  ITSchemaRenderer,
   ITSearchSelect,
   ITSearchTable,
   ITSegmentedControl,
@@ -15084,13 +16470,39 @@ export {
   ITToast,
   tripleFilter_default as ITTripleFilter,
   ITWysiwyg,
+  JsonEngineError,
+  NodeBoundary,
   UploadStatus,
+  auditTree,
+  axzyCatalog,
+  axzyCatalogTypes,
+  buildVocabularyContract,
+  countPendingNodes,
+  createCatalog,
+  createLimitTracker,
   createValidationSchema,
   en_default as enMessages,
   es_default as esMessages,
+  formatPath,
+  formatVocabularyForPrompt,
+  getCatalogEntry,
   getContrastTextColor,
+  getExclusionReason,
+  hasPath,
+  isExcludedType,
   isLightColor,
+  isNodePending,
+  issue,
+  migrateSchema,
+  parsePartialSchema,
+  parsePath,
+  propPath,
+  pushPath,
+  readPath,
+  renderNode,
   resolveCssColor,
+  resolveLimits,
+  resolveNode,
   useClickOutside_default as useClickOutside,
   useDebouncedSearch,
   useEditableRow,
@@ -15100,6 +16512,7 @@ export {
   useITThemeSafe,
   useITTranslation,
   useJsonRender_default as useJsonRender,
-  useTableState
+  useTableState,
+  validateSchema
 };
 //# sourceMappingURL=index.js.map