@axzydev/axzy_ui_system 1.7.0 → 1.7.1

package/dist/index.cjs

@@ -31,7 +31,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AXZY_CATALOG_ENTRIES: () => AXZY_CATALOG_ENTRIES,
+  AXZY_EXCLUDED_TYPES: () => AXZY_EXCLUDED_TYPES,
+  CURRENT_SCHEMA_VERSION: () => CURRENT_SCHEMA_VERSION,
+  DEFAULT_LIMITS: () => DEFAULT_LIMITS,
+  DEFAULT_MIGRATIONS: () => DEFAULT_MIGRATIONS,
   FileTypeEnum: () => FileTypeEnum,
+  GLOBALLY_FORBIDDEN_PROPS: () => GLOBALLY_FORBIDDEN_PROPS,
   ITAccordion: () => ITAccordion,
   ITAlert: () => ITAlert,
   ITAvatar: () => ITAvatar,
@@ -75,6 +81,7 @@ __export(index_exports, {
   ITPopover: () => ITPopover,
   ITProgress: () => ITProgress,
   ITRadioGroup: () => ITRadioGroup,
+  ITSchemaRenderer: () => ITSchemaRenderer,
   ITSearchSelect: () => ITSearchSelect,
   ITSearchTable: () => ITSearchTable,
   ITSegmentedControl: () => ITSegmentedControl,
@@ -95,13 +102,39 @@ __export(index_exports, {
   ITToast: () => ITToast,
   ITTripleFilter: () => tripleFilter_default,
   ITWysiwyg: () => ITWysiwyg,
+  JsonEngineError: () => JsonEngineError,
+  NodeBoundary: () => NodeBoundary,
   UploadStatus: () => UploadStatus,
+  auditTree: () => auditTree,
+  axzyCatalog: () => axzyCatalog,
+  axzyCatalogTypes: () => axzyCatalogTypes,
+  buildVocabularyContract: () => buildVocabularyContract,
+  countPendingNodes: () => countPendingNodes,
+  createCatalog: () => createCatalog,
+  createLimitTracker: () => createLimitTracker,
   createValidationSchema: () => createValidationSchema,
   enMessages: () => en_default,
   esMessages: () => es_default,
+  formatPath: () => formatPath,
+  formatVocabularyForPrompt: () => formatVocabularyForPrompt,
+  getCatalogEntry: () => getCatalogEntry,
   getContrastTextColor: () => getContrastTextColor,
+  getExclusionReason: () => getExclusionReason,
+  hasPath: () => hasPath,
+  isExcludedType: () => isExcludedType,
   isLightColor: () => isLightColor,
+  isNodePending: () => isNodePending,
+  issue: () => issue,
+  migrateSchema: () => migrateSchema,
+  parsePartialSchema: () => parsePartialSchema,
+  parsePath: () => parsePath,
+  propPath: () => propPath,
+  pushPath: () => pushPath,
+  readPath: () => readPath,
+  renderNode: () => renderNode,
   resolveCssColor: () => resolveCssColor,
+  resolveLimits: () => resolveLimits,
+  resolveNode: () => resolveNode,
   useClickOutside: () => useClickOutside_default,
   useDebouncedSearch: () => useDebouncedSearch,
   useEditableRow: () => useEditableRow,
@@ -111,7 +144,8 @@ __export(index_exports, {
   useITThemeSafe: () => useITThemeSafe,
   useITTranslation: () => useITTranslation,
   useJsonRender: () => useJsonRender_default,
-  useTableState: () => useTableState
+  useTableState: () => useTableState,
+  validateSchema: () => validateSchema
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1936,7 +1970,7 @@ function ITJsonRenderer({
   json,
   className
 }) {
-  const renderNode = (node) => {
+  const renderNode2 = (node) => {
     if (node == null || typeof node === "boolean") {
       return null;
     }
@@ -1947,10 +1981,10 @@ function ITJsonRenderer({
       return node;
     }
     if (Array.isArray(node)) {
-      return node.map((child, idx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.default.Fragment, { children: renderNode(child) }, idx));
+      return node.map((child, idx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.default.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__ */ (0, import_jsx_runtime9.jsx)(ITButton, { ...props, children: childContent });
@@ -1972,9 +2006,9 @@ function ITJsonRenderer({
     }
   };
   if (Array.isArray(json)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx7.default)(className), children: json.map((n, idx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.default.Fragment, { children: renderNode(n) }, idx)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx7.default)(className), children: json.map((n, idx) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.default.Fragment, { children: renderNode2(n) }, idx)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx7.default)(className), children: renderNode(json) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx7.default)(className), children: renderNode2(json) });
 }
 
 // src/hooks/useJsonRender.tsx
@@ -6065,7 +6099,8 @@ function ITDialog({
   className,
   title,
   useFormHeader = false,
-  fullScreen = false
+  fullScreen = false,
+  padded = true
 }) {
   const { t } = useITTranslation();
   const modalRef = (0, import_react29.useRef)(null);
@@ -6094,7 +6129,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,
@@ -6116,8 +6151,8 @@ function ITDialog({
                 children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_fa15.FaRegTimesCircle, {})
               }
             ),
-            title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ITText, { as: "h2", className: "text-xl font-semibold mb-4", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children })
+            title && (padded ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ITText, { as: "h2", className: "text-xl font-semibold mb-4", children: title }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-between gap-3 px-6 py-4 border-b border-slate-200", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ITText, { as: "h2", className: "text-lg font-medium", children: title }) })),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: padded ? void 0 : "min-h-0 flex-1 flex flex-col", children })
           ] })
         }
       )
@@ -7044,7 +7079,8 @@ var ITImage = ({
   src,
   alt,
   className = "",
-  fallback = ""
+  fallback = "",
+  fit = "cover"
 }) => {
   const [imageError, setImageError] = (0, import_react36.useState)(false);
   const { t } = useITTranslation();
@@ -7060,7 +7096,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__ */ (0, import_jsx_runtime39.jsx)(
         "img",
@@ -7068,7 +7105,8 @@ var ITImage = ({
           src,
           alt,
           onError: handleImageError,
-          className: "w-full h-full object-cover"
+          className: "w-full h-full",
+          style: { objectFit: fit }
         }
       )
     }
@@ -11166,7 +11204,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__ */ (0, import_jsx_runtime72.jsxs)(
         "div",
@@ -11174,7 +11212,7 @@ function ITCodeTreeView({
           className: "it-json-editor-tree-row",
           style: { paddingLeft: node.level * 14 },
           children: [
-            hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            hasChildren2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
               "button",
               {
                 type: "button",
@@ -11189,7 +11227,7 @@ function ITCodeTreeView({
               /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "it-json-editor-tk-key", children: node.label }),
               /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "it-json-editor-tk-punct", children: ":" })
             ] }),
-            hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+            hasChildren2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "it-json-editor-tk-punct", children: node.kind === "array" ? "[" : "{" }),
               isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "it-json-editor-tk-punct", children: node.kind === "array" ? "]" : "}" }),
               /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "it-json-editor-tree-badge", children: t("jsonEditor.childCount", { count: node.childCount }) })
@@ -12209,8 +12247,1452 @@ function EditorToggle({
   );
 }
 
+// src/json-renderer/kernel/SchemaRenderer.tsx
+var import_react53 = require("react");
+
+// 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
+var import_jsx_runtime74 = require("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__ */ (0, import_jsx_runtime74.jsx)(
+      "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__ */ (0, import_jsx_runtime74.jsx)(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__ */ (0, import_jsx_runtime74.jsx)(
+      "div",
+      {
+        className: `flex items-center justify-center space-x-2 ${className}`,
+        children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          "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__ */ (0, import_jsx_runtime74.jsx)(
+      "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__ */ (0, import_jsx_runtime74.jsx)(
+          "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__ */ (0, import_jsx_runtime74.jsx)(
+      "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
+var import_react51 = __toESM(require("react"), 1);
+
+// 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 import_react51.default.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
+var import_react52 = __toESM(require("react"), 1);
+
+// 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 = import_react52.default.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
+var import_jsx_runtime75 = require("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__ */ (0, import_jsx_runtime75.jsx)(
+    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 = (0, import_react53.useMemo)(() => resolveLimits(limits), [limits]);
+  const issues = [];
+  const nodeIds = /* @__PURE__ */ new Set();
+  const audit = (0, import_react53.useMemo)(
+    () => schema ? auditTree(schema, resolvedLimits) : null,
+    [schema, resolvedLimits]
+  );
+  const context = (0, import_react53.useMemo)(
+    () => ({
+      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 = (0, import_react53.useRef)("");
+  (0, import_react53.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime75.jsx)("div", { className, children }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { 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
-var import_react51 = require("react");
+var import_react54 = require("react");
 var import_react_dropzone = require("react-dropzone");
 var import_clsx54 = __toESM(require("clsx"), 1);
 
@@ -12240,7 +13722,7 @@ var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
 })(UploadStatus || {});
 
 // src/components/organisms/dropfile/dropfile.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var ITDropfile = ({
   onFileSelect,
   onCancel,
@@ -12257,15 +13739,15 @@ var ITDropfile = ({
   modalTitle
 }) => {
   const { t } = useITTranslation();
-  const [isModalOpen, setIsModalOpen] = (0, import_react51.useState)(false);
-  const [selectedFile, setSelectedFile] = (0, import_react51.useState)(null);
-  const [fileType, setFileType] = (0, import_react51.useState)(null);
-  const [imagePreview, setImagePreview] = (0, import_react51.useState)(initialPreviewUrl || null);
-  const [isConfirmed, setIsConfirmed] = (0, import_react51.useState)(false);
-  const [internalUploadStatus, setInternalUploadStatus] = (0, import_react51.useState)(
+  const [isModalOpen, setIsModalOpen] = (0, import_react54.useState)(false);
+  const [selectedFile, setSelectedFile] = (0, import_react54.useState)(null);
+  const [fileType, setFileType] = (0, import_react54.useState)(null);
+  const [imagePreview, setImagePreview] = (0, import_react54.useState)(initialPreviewUrl || null);
+  const [isConfirmed, setIsConfirmed] = (0, import_react54.useState)(false);
+  const [internalUploadStatus, setInternalUploadStatus] = (0, import_react54.useState)(
     initialPreviewUrl ? "subido" /* UPLOADED */ : "pendiente" /* PENDING */
   );
-  (0, import_react51.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (initialPreviewUrl && !selectedFile) {
       setImagePreview(initialPreviewUrl);
       if (externalStatus === void 0) setInternalUploadStatus("subido" /* UPLOADED */);
@@ -12380,9 +13862,9 @@ var ITDropfile = ({
       }
     };
     const { label, color, dotColor } = config2[status];
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `inline-flex items-center gap-2 px-2.5 py-1 rounded-full border ${color}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `w-2 h-2 rounded-full ${dotColor}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ITText, { as: "span", className: "text-xs font-medium flex items-center gap-1.5", children: label })
     ] });
   };
   const onDrop = (acceptedFiles) => {
@@ -12414,12 +13896,12 @@ var ITDropfile = ({
     accept: getAcceptedFileTypes(),
     maxFiles: 1
   });
-  (0, import_react51.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     const renderPDF = async () => {
     };
     renderPDF();
   }, [selectedFile, fileType]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     return () => {
       if (imagePreview) {
         URL.revokeObjectURL(imagePreview);
@@ -12456,7 +13938,7 @@ var ITDropfile = ({
   const handleDelete = () => {
     handleCancel();
   };
-  (0, import_react51.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (view === "button" && isConfirmed && uploadStatus === "subido" /* UPLOADED */) {
       const timeout = setTimeout(() => {
         setIsModalOpen(false);
@@ -12473,21 +13955,21 @@ var ITDropfile = ({
       return () => clearTimeout(timeout);
     }
   }, [view, isConfirmed, uploadStatus, externalStatus, onStatusChange]);
-  const headerRow = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("label", { className: "block text-sm font-semibold text-secondary-700", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(ITText, { as: "span", children: [
+  const headerRow = /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("label", { className: "block text-sm font-semibold text-secondary-700", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(ITText, { as: "span", children: [
         t("dropfile.upload"),
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(ITText, { as: "span", className: "text-secondary-400 font-normal text-xs", children: [
         "(",
         getFileExtensions(),
         ")"
       ] })
     ] }),
-    showStatusBadge && selectedFile && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(StatusBadge, { status: uploadStatus })
+    showStatusBadge && selectedFile && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StatusBadge, { status: uploadStatus })
   ] });
-  const dropZoneOrPreview = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  const dropZoneOrPreview = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: !selectedFile && !imagePreview ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "div",
     {
       ...getRootProps(),
@@ -12497,41 +13979,41 @@ var ITDropfile = ({
             ${isDragActive ? "border-primary-500 bg-primary-50 scale-[1.01]" : "border-secondary-300 bg-white hover:border-primary-400 hover:bg-secondary-50"}
           `,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("input", { ...getInputProps() }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("input", { ...getInputProps() }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)(
           "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__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime74.jsx)("div", { className: "text-center space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(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__ */ (0, import_jsx_runtime76.jsx)("div", { className: "text-center space-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(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__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(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__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
+  ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-full bg-white border border-secondary-200 rounded-xl shadow-sm overflow-hidden animate-fade-in", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex items-center justify-between p-3 bg-secondary-50 border-b border-secondary-100", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(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__ */ (0, import_jsx_runtime76.jsx)(ITText, { as: "p", className: "text-[10px] text-secondary-500", children: selectedFile ? (selectedFile.size / 1024 / 1024).toFixed(2) + " MB" : "" })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_clsx54.default)("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__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: (0, import_clsx54.default)("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__ */ (0, import_jsx_runtime76.jsx)(
       "img",
       {
         src: imagePreview,
         alt: t("dropfile.previewAlt"),
         className: "w-full h-full object-contain max-h-[200px]"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)(ITText, { as: "span", className: "text-xs", children: t("dropfile.noPreview") })
+    ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "py-8 flex flex-col items-center text-secondary-400", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "w-10 h-10 mb-2 opacity-50", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)(ITText, { as: "span", className: "text-xs", children: t("dropfile.noPreview") })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-3 py-2 bg-white border-t border-secondary-100 flex justify-end gap-2", children: !isConfirmed ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         ITButton,
         {
           type: "button",
@@ -12539,10 +14021,10 @@ var ITDropfile = ({
           color: "secondary",
           size: "sm",
           onClick: handleCancel,
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { children: t("common.cancel") })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ITText, { children: t("common.cancel") })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         ITButton,
         {
           type: "button",
@@ -12550,13 +14032,13 @@ var ITDropfile = ({
           color: "primary",
           size: "sm",
           onClick: handleConfirm,
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITText, { children: t("common.confirm") }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ITText, { children: t("common.confirm") }),
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) })
           ] })
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       ITButton,
       {
         type: "button",
@@ -12565,12 +14047,12 @@ var ITDropfile = ({
         size: "sm",
         onClick: handleDelete,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)(ITText, { children: t("common.delete") })
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)(ITText, { children: t("common.delete") })
         ]
       }
     ) }),
-    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    uploadStatus === "subiendo" /* UPLOADING */ && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "w-full bg-secondary-200 rounded-full h-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       {
         className: "bg-primary-600 h-1.5 rounded-full transition-all duration-1000 ease-out",
@@ -12583,8 +14065,8 @@ var ITDropfile = ({
   ] }) });
   if (view === "button") {
     const hasFile = Boolean(selectedFile || imagePreview);
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: (0, import_clsx54.default)("inline-block", containerClassName), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: (0, import_clsx54.default)("inline-block", containerClassName), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         ITButton,
         {
           type: "button",
@@ -12592,20 +14074,20 @@ var ITDropfile = ({
           color: hasFile ? "primary" : "secondary",
           size: "sm",
           onClick: () => setIsModalOpen(true),
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? t("dropfile.fileLoaded") : buttonLabel ?? t("dropfile.upload")) }),
-            showStatusBadge && hasFile && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(StatusBadge, { status: uploadStatus })
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-2 max-w-[220px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("svg", { className: "w-4 h-4 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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__ */ (0, import_jsx_runtime76.jsx)(ITText, { className: "truncate", children: selectedFile?.name || (hasFile ? t("dropfile.fileLoaded") : buttonLabel ?? t("dropfile.upload")) }),
+            showStatusBadge && hasFile && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StatusBadge, { status: uploadStatus })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel ?? t("dropfile.upload"), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "w-full transition-all duration-300", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ITDialog, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), title: modalTitle ?? buttonLabel ?? t("dropfile.upload"), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "w-full transition-all duration-300", children: [
         headerRow,
         dropZoneOrPreview
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: (0, import_clsx54.default)("w-full transition-all duration-300", containerClassName), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: (0, import_clsx54.default)("w-full transition-all duration-300", containerClassName), children: [
     headerRow,
     dropZoneOrPreview
   ] });
@@ -12613,13 +14095,13 @@ var ITDropfile = ({
 var dropfile_default = ITDropfile;
 
 // src/components/templates/layout/layout.tsx
-var import_react53 = require("react");
+var import_react56 = require("react");
 var import_clsx55 = __toESM(require("clsx"), 1);
 
 // src/components/organisms/topbar/topbar.tsx
 var import_fa32 = require("react-icons/fa");
-var import_react52 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function ITTopBar({
   logo,
   logoText,
@@ -12636,10 +14118,10 @@ function ITTopBar({
   const flat = useITFlatAppearance();
   const { t } = useITTranslation();
   const initials = (userMenu?.userName ?? "").trim().split(/\s+/).slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
-  const [isUserMenuOpen, setIsUserMenuOpen] = (0, import_react52.useState)(false);
-  const userMenuRef = (0, import_react52.useRef)(null);
+  const [isUserMenuOpen, setIsUserMenuOpen] = (0, import_react55.useState)(false);
+  const userMenuRef = (0, import_react55.useRef)(null);
   useClickOutside_default(userMenuRef, () => setIsUserMenuOpen(false));
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "header",
     {
       className: `sticky top-0 z-40 transition-all duration-300 ${flat ? "" : "backdrop-blur-md"}`,
@@ -12648,9 +14130,9 @@ function ITTopBar({
         borderBottom: "1px solid var(--it-topbar-border, rgba(15, 23, 42, 0.06))",
         boxShadow: flat ? "none" : "var(--shadow-xs)"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-5", children: [
-          showMobileMenuButton && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `flex items-center justify-between px-6 lg:px-8 ${flat ? "h-[64px]" : "h-[72px]"}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-5", children: [
+          showMobileMenuButton && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "button",
             {
               type: "button",
@@ -12662,12 +14144,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__ */ (0, import_jsx_runtime75.jsx)(import_fa32.FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_fa32.FaBars, { className: "w-[1.125rem] h-[1.125rem]" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
-            logo && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
-            logoText && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `items-center gap-3 ${hideBrandOnDesktop ? "flex lg:hidden" : "flex"}`, children: [
+            logo && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex-shrink-0 drop-shadow-sm", children: logo }),
+            logoText && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               ITText,
               {
                 as: "span",
@@ -12677,7 +14159,7 @@ function ITTopBar({
               }
             )
           ] }),
-          navItems && navItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime75.jsx)(
+          navItems && navItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("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__ */ (0, import_jsx_runtime77.jsx)(
             "button",
             {
               onClick: () => onNavItemClick?.(item.id),
@@ -12691,19 +14173,19 @@ function ITTopBar({
                 e.currentTarget.style.color = "var(--it-topbar-text, #475569)";
                 e.currentTarget.style.backgroundColor = "transparent";
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "opacity-70", children: item.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ITText, { as: "span", children: item.label })
+              children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2", children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "opacity-70", children: item.icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ITText, { as: "span", children: item.label })
               ] })
             },
             item.id
           )) })
         ] }),
-        centerContent && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
-        (children || userMenu) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
+        centerContent && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: `hidden lg:flex flex-1 min-w-0 items-center ${hideBrandOnDesktop ? "justify-start pr-4" : "justify-center px-4"}`, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-full max-w-[420px]", children: centerContent }) }),
+        (children || userMenu) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2", children: [
           children,
-          userMenu && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+          userMenu && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
               "button",
               {
                 type: "button",
@@ -12719,15 +14201,15 @@ function ITTopBar({
                 },
                 onClick: () => setIsUserMenuOpen(!isUserMenuOpen),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative", children: [
-                    userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "relative", children: [
+                    userMenu.userImage ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                       "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__ */ (0, import_jsx_runtime75.jsx)(
+                    ) : flat && initials ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                       "div",
                       {
                         "aria-hidden": "true",
@@ -12738,11 +14220,11 @@ function ITTopBar({
                         },
                         children: initials
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_fa32.FaUserCircle, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
-                    !flat && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center ring-2 ring-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_fa32.FaUserCircle, { className: "w-6 h-6", style: { color: "var(--it-topbar-icon, #94a3b8)" } }) }),
+                    !flat && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 bg-green-500 border-2 border-white rounded-full" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: `hidden sm:flex flex-col py-0.5 ${flat ? "text-right" : "text-left"}`, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -12751,7 +14233,7 @@ function ITTopBar({
                         children: userMenu.userName
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                       ITText,
                       {
                         as: "span",
@@ -12764,7 +14246,7 @@ function ITTopBar({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
               "div",
               {
                 ref: userMenuRef,
@@ -12777,15 +14259,15 @@ function ITTopBar({
                   border: "1px solid var(--it-topbar-user-dropdown-border, #f1f5f9)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("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__ */ (0, import_jsx_runtime75.jsx)(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(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__ */ (0, import_jsx_runtime77.jsxs)("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__ */ (0, import_jsx_runtime77.jsx)(ITText, { as: "span", className: "block font-bold text-[0.9rem]", style: { color: "var(--it-topbar-user-text, #0f172a)" }, children: userMenu.userName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(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__ */ (0, import_jsx_runtime75.jsx)("ul", { className: "py-2", children: userMenu.menuItems.map((m, i) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("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__ */ (0, import_jsx_runtime75.jsxs)("li", { className: "px-2", children: [
-                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("li", { className: "px-2", children: [
+                      i === userMenu.menuItems.length - 1 && isDestructive && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "h-px bg-slate-100 my-1 mx-2" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                         "button",
                         {
                           onClick: () => {
@@ -12800,7 +14282,7 @@ function ITTopBar({
                           onMouseLeave: (e) => {
                             e.currentTarget.style.backgroundColor = "transparent";
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ITText, { as: "span", children: m.label })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ITText, { as: "span", children: m.label })
                         }
                       )
                     ] }, i);
@@ -12816,7 +14298,7 @@ function ITTopBar({
 }
 
 // src/components/templates/layout/layout.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function ITLayout({
   topBar,
   sidebar,
@@ -12825,8 +14307,8 @@ function ITLayout({
   contentClassName = "",
   sidebarFullHeight = false
 }) {
-  const [internalCollapsed, setInternalCollapsed] = (0, import_react53.useState)(true);
-  const [mobileSidebarOpen, setMobileSidebarOpen] = (0, import_react53.useState)(false);
+  const [internalCollapsed, setInternalCollapsed] = (0, import_react56.useState)(true);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = (0, import_react56.useState)(false);
   const flat = useITFlatAppearance();
   const isControlled = sidebar.isCollapsed !== void 0;
   const desktopCollapsed = isControlled ? sidebar.isCollapsed : internalCollapsed;
@@ -12840,7 +14322,7 @@ function ITLayout({
     else setMobileSidebarOpen((v) => !v);
   };
   const brand = sidebarFullHeight ? sidebar.brand ?? { logo: topBar.logo, text: topBar.logoText } : sidebar.brand;
-  const topBarNode = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  const topBarNode = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     ITTopBar,
     {
       ...topBar,
@@ -12853,9 +14335,9 @@ function ITLayout({
   const desktopSidebar = (
     // Full-height: the sidebar sits beside the top bar, so it needs to win the
     // stacking order when the collapsed rail expands over the content on hover.
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `hidden lg:block relative h-full ${sidebarFullHeight ? "z-50" : "z-40"}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `${reservedWidth} h-full flex-shrink-0` }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "absolute top-0 left-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         ITSidebar,
         {
           ...sidebar,
@@ -12868,17 +14350,17 @@ function ITLayout({
       ) })
     ] })
   );
-  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  const mobileSidebar = mobileSidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "div",
     {
       className: "lg:hidden fixed inset-0 z-[40] transition-opacity duration-300 backdrop-blur-sm bg-black/40",
       onClick: () => setMobileSidebarOpen(false),
-      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "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__ */ (0, import_jsx_runtime76.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             ITSidebar,
             {
               ...sidebar,
@@ -12895,16 +14377,16 @@ function ITLayout({
       )
     }
   );
-  const main = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: (0, import_clsx55.default)("mx-auto w-full max-w-7xl px-4 sm:px-6 lg:px-8 py-6 h-full", contentClassName), children }) });
+  const main = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("main", { className: "flex-1 overflow-y-auto w-full custom-scrollbar relative z-0", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: (0, import_clsx55.default)("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__ */ (0, import_jsx_runtime76.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       "div",
       {
         className: `flex h-screen overflow-hidden w-full relative ${className}`,
         style: { backgroundColor: layoutTokens.backgroundColor },
         children: [
           desktopSidebar,
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
             topBarNode,
             main
           ] }),
@@ -12913,9 +14395,9 @@ function ITLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `flex flex-col h-screen overflow-hidden w-full ${className}`, children: [
     topBarNode,
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       "div",
       {
         className: "flex flex-1 overflow-hidden relative",
@@ -12930,97 +14412,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
-var import_jsx_runtime77 = require("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__ */ (0, import_jsx_runtime77.jsx)(
-      "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__ */ (0, import_jsx_runtime77.jsx)(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__ */ (0, import_jsx_runtime77.jsx)(
-      "div",
-      {
-        className: `flex items-center justify-center space-x-2 ${className}`,
-        children: [...Array(3)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-          "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__ */ (0, import_jsx_runtime77.jsx)(
-      "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__ */ (0, import_jsx_runtime77.jsx)(
-          "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__ */ (0, import_jsx_runtime77.jsx)(
-      "div",
-      {
-        className: `rounded-full ${sizeClasses[size]} animate-pulse ${colorClass} ${className}`,
-        style: bgStyle
-      }
-    );
-  }
-  return null;
-}
-
 // src/components/molecules/stepper/stepper.tsx
 var import_clsx56 = __toESM(require("clsx"), 1);
-var import_react54 = require("react");
+var import_react57 = require("react");
 var import_fa33 = require("react-icons/fa");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function ITStepper({
   steps,
   currentStep,
@@ -13036,15 +14432,15 @@ function ITStepper({
   color = "primary"
 }) {
   const { t } = useITTranslation();
-  const [direction, setDirection] = (0, import_react54.useState)("next");
-  const contentRef = (0, import_react54.useRef)(null);
-  const progressRef = (0, import_react54.useRef)(null);
+  const [direction, setDirection] = (0, import_react57.useState)("next");
+  const contentRef = (0, import_react57.useRef)(null);
+  const progressRef = (0, import_react57.useRef)(null);
   const isThemeColor = color in theme.colors;
   const resolvedColor = isThemeColor ? theme.colors[color][500] : color;
-  (0, import_react54.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     onStepChange?.(currentStep);
   }, [currentStep, onStepChange]);
-  (0, import_react54.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     const pct = currentStep / Math.max(1, steps.length - 1) * 100;
     if (progressRef.current) {
       progressRef.current.style.width = `${pct}%`;
@@ -13088,23 +14484,23 @@ function ITStepper({
   const renderStepContent = (index, isCompleted) => {
     const step = steps[index];
     if (isCompleted) {
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_fa33.FaCheck, { className: "w-4 h-4" });
+      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_fa33.FaCheck, { className: "w-4 h-4" });
     }
     if (step.icon && useIcons) {
-      return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
+      return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center justify-center w-5 h-5", children: step.icon });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITText, { as: "span", className: "text-sm font-semibold", children: index + 1 });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: (0, import_clsx56.default)("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "relative mb-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: (0, import_clsx56.default)("w-full max-w-5xl mx-auto px-4", containerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative mb-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "div",
         {
           className: "absolute left-6 right-6 top-5 h-1 bg-secondary-200 rounded-full z-0",
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         "div",
         {
           ref: progressRef,
@@ -13112,11 +14508,11 @@ function ITStepper({
           "aria-hidden": true
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex items-start justify-between space-x-2 relative z-20", children: steps.map((step, idx) => {
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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__ */ (0, import_jsx_runtime78.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "button",
           {
             type: "button",
@@ -13126,8 +14522,8 @@ function ITStepper({
             "aria-label": t("stepper.stepAria", { n: idx + 1, label: step.label }),
             className: "flex-1 group",
             title: step.label,
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 "div",
                 {
                   className: (0, import_clsx56.default)(
@@ -13141,7 +14537,7 @@ function ITStepper({
                   children: renderStepContent(idx, isCompleted)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 ITText,
                 {
                   as: "span",
@@ -13159,7 +14555,7 @@ function ITStepper({
         );
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       "div",
       {
         ref: contentRef,
@@ -13175,32 +14571,32 @@ function ITStepper({
         children: steps[currentStep].content
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex justify-between items-center mt-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         ITButton,
         {
           variant: "outlined",
           color: "secondary",
           disabled: currentStep === 0,
           onClick: prevStep,
-          children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_fa33.FaChevronLeft, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ITText, { as: "span", children: t("common.back") })
+          children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_fa33.FaChevronLeft, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITText, { as: "span", children: t("common.back") })
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(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__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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__ */ (0, import_jsx_runtime79.jsx)(
           ITButton,
           {
             variant: "solid",
             color,
             disabled: disableNext,
             onClick: nextStep,
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ITText, { as: "span", children: currentStep === steps.length - 1 ? t("common.finish") : t("common.next") }),
-              currentStep === steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_fa33.FaCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_fa33.FaChevronRight, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITText, { as: "span", children: currentStep === steps.length - 1 ? t("common.finish") : t("common.next") }),
+              currentStep === steps.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_fa33.FaCheck, {}) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_fa33.FaChevronRight, {})
             ] })
           }
         )
@@ -13210,7 +14606,7 @@ function ITStepper({
 }
 
 // src/components/theme-provider/themeProvider.tsx
-var import_react55 = require("react");
+var import_react58 = require("react");
 var import_md3 = require("react-icons/md");
 
 // src/components/theme-provider/themePresets.ts
@@ -13388,7 +14784,7 @@ var PRESETS = [
 ];
 
 // src/components/theme-provider/themeProvider.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var STORAGE_KEY = "it-theme-palette";
 var SHADOW_LEVELS = {
   0: {
@@ -13491,7 +14887,7 @@ function ITThemeProvider({
   appearance = "soft"
 }) {
   const { t } = useITTranslation();
-  const [palette2, setPaletteState] = (0, import_react55.useState)(() => {
+  const [palette2, setPaletteState] = (0, import_react58.useState)(() => {
     const basePalette = {
       ...DEFAULT_PALETTE,
       ...theme2,
@@ -13517,8 +14913,8 @@ function ITThemeProvider({
     }
     return basePalette;
   });
-  const [isOpen, setIsOpen] = (0, import_react55.useState)(false);
-  const [customPresets, setCustomPresets] = (0, import_react55.useState)(() => {
+  const [isOpen, setIsOpen] = (0, import_react58.useState)(false);
+  const [customPresets, setCustomPresets] = (0, import_react58.useState)(() => {
     try {
       const saved = localStorage.getItem("it-theme-custom-presets");
       return saved ? JSON.parse(saved) : [];
@@ -13527,8 +14923,8 @@ function ITThemeProvider({
       return [];
     }
   });
-  const [newPresetName, setNewPresetName] = (0, import_react55.useState)("");
-  const [isSavingPreset, setIsSavingPreset] = (0, import_react55.useState)(false);
+  const [newPresetName, setNewPresetName] = (0, import_react58.useState)("");
+  const [isSavingPreset, setIsSavingPreset] = (0, import_react58.useState)(false);
   const handleSavePreset = () => {
     if (!newPresetName.trim()) return;
     const newPreset = {
@@ -13547,8 +14943,8 @@ function ITThemeProvider({
     setCustomPresets(updated);
     localStorage.setItem("it-theme-custom-presets", JSON.stringify(updated));
   };
-  const [resolvedTheme, setResolvedTheme] = (0, import_react55.useState)("light");
-  const [darkModeMode, setDarkModeMode] = (0, import_react55.useState)(
+  const [resolvedTheme, setResolvedTheme] = (0, import_react58.useState)("light");
+  const [darkModeMode, setDarkModeMode] = (0, import_react58.useState)(
     () => {
       const saved = localStorage.getItem("it-theme-dark-mode");
       if (saved === "light" || saved === "dark" || saved === "system") {
@@ -13557,7 +14953,7 @@ function ITThemeProvider({
       return "system";
     }
   );
-  (0, import_react55.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     localStorage.setItem("it-theme-dark-mode", darkModeMode);
     const applyDarkMode = (isDark) => {
       if (isDark) {
@@ -13582,7 +14978,7 @@ function ITThemeProvider({
       applyDarkMode(darkModeMode === "dark");
     }
   }, [darkModeMode]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!showFab) {
       setPaletteState({
         ...DEFAULT_PALETTE,
@@ -13592,7 +14988,7 @@ function ITThemeProvider({
       });
     }
   }, [theme2, showFab]);
-  (0, import_react55.useLayoutEffect)(() => {
+  (0, import_react58.useLayoutEffect)(() => {
     const root = document.documentElement;
     const scale = typeof density === "number" && isFinite(density) ? Math.min(Math.max(density, 0.5), 1.5) : 1;
     root.style.setProperty("--it-density", String(scale));
@@ -13602,12 +14998,12 @@ function ITThemeProvider({
       root.style.fontSize = "";
     };
   }, [density]);
-  (0, import_react55.useLayoutEffect)(() => {
+  (0, import_react58.useLayoutEffect)(() => {
     const root = document.documentElement;
     root.setAttribute("data-it-appearance", appearance);
     return () => root.removeAttribute("data-it-appearance");
   }, [appearance]);
-  (0, import_react55.useLayoutEffect)(() => {
+  (0, import_react58.useLayoutEffect)(() => {
     const root = document.documentElement;
     const radiusTokens = ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
     if (typeof radius === "number" && isFinite(radius)) {
@@ -13639,7 +15035,7 @@ function ITThemeProvider({
       surfaceStyle?.remove();
     };
   }, [radius, shadow]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     const injectStyles = (obj, prefix = "") => {
       Object.entries(obj).forEach(([key, val]) => {
         if (typeof val === "object" && val !== null) {
@@ -14793,14 +16189,14 @@ function ITThemeProvider({
     const isNested = colorKey.includes(".");
     const label = isNested ? colorKey.split(".")[1] : colorKey;
     const value = getNestedValue3(palette2, colorKey);
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       "div",
       {
         className: "flex items-center justify-between p-3 rounded-xl border border-slate-100 dark:border-slate-800 bg-white dark:bg-slate-900/50 gap-3 hover:border-slate-200 dark:hover:border-slate-700 transition-colors",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("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__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("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__ */ (0, import_jsx_runtime80.jsx)(
                 "input",
                 {
                   type: "color",
@@ -14809,23 +16205,23 @@ function ITThemeProvider({
                   className: "absolute inset-0 opacity-0 cursor-pointer w-full h-full"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-full h-full", style: { backgroundColor: value } })
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "w-full h-full", style: { backgroundColor: value } })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(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__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-2 mt-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   "span",
                   {
                     className: "w-3 h-3 rounded-full border border-slate-200 dark:border-slate-600",
                     style: { backgroundColor: value }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ITText, { as: "span", className: "font-mono text-[11px] text-slate-400", children: value })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "input",
             {
               type: "text",
@@ -14844,14 +16240,14 @@ function ITThemeProvider({
     isCustom
   }) => {
     const isSelected = JSON.stringify(preset.colors) === JSON.stringify(palette2);
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       "button",
       {
         type: "button",
         onClick: () => applyPreset(preset.colors),
         className: `relative flex flex-col items-start p-2.5 rounded-xl border text-left transition-all group ${isSelected ? "border-primary-500 bg-primary-500/5 shadow-sm ring-1 ring-primary-500/20" : "border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900/50 hover:border-slate-300 dark:hover:border-slate-600"}`,
         children: [
-          isCustom && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          isCustom && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "span",
             {
               onClick: (e) => {
@@ -14860,11 +16256,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__ */ (0, import_jsx_runtime79.jsx)(import_md3.MdClose, { size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_md3.MdClose, { size: 12 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(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__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex gap-1", children: ["primary", "secondary", "ternary", "success"].map((c) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "span",
             {
               className: "w-3 h-3 rounded-full border border-black/10",
@@ -14876,7 +16272,7 @@ function ITThemeProvider({
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     ITThemeContext.Provider,
     {
       value: {
@@ -14893,28 +16289,28 @@ function ITThemeProvider({
       },
       children: [
         children,
-        showFab && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        showFab && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "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__ */ (0, import_jsx_runtime79.jsx)(import_md3.MdPalette, { size: 28 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_md3.MdPalette, { size: 28 })
           }
         ),
-        showFab && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        showFab && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           ITDialog,
           {
             isOpen,
             onClose: () => setIsOpen(false),
             title: t("themeProvider.designer.title"),
             useFormHeader: true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex gap-6 h-[580px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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__ */ (0, import_jsx_runtime79.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex gap-6 h-[580px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "w-64 flex-shrink-0 flex flex-col gap-5 overflow-y-auto pr-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(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__ */ (0, import_jsx_runtime80.jsx)(
                     ITSegmentedControl,
                     {
                       options: [
@@ -14928,16 +16324,16 @@ function ITThemeProvider({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: t("themeProvider.designer.presets") }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(PresetCard, { preset }, preset.name)) })
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex items-center justify-between mb-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ITText, { as: "span", className: "text-[11px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-500", children: t("themeProvider.designer.presets") }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "grid grid-cols-2 gap-2", children: PRESETS.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(PresetCard, { preset }, preset.name)) })
                 ] }),
-                customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(PresetCard, { preset, isCustom: true }, preset.name)) })
+                customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(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__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex flex-col gap-1.5", children: customPresets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(PresetCard, { preset, isCustom: true }, preset.name)) })
                 ] }),
-                isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("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__ */ (0, import_jsx_runtime79.jsx)(
+                isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("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__ */ (0, import_jsx_runtime80.jsx)(
                     ITInput,
                     {
                       name: "presetName",
@@ -14955,8 +16351,8 @@ function ITThemeProvider({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                       ITButton,
                       {
                         label: t("themeProvider.designer.save"),
@@ -14967,7 +16363,7 @@ function ITThemeProvider({
                         className: "flex-1"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                       ITButton,
                       {
                         label: t("themeProvider.designer.cancelSave"),
@@ -14981,31 +16377,31 @@ function ITThemeProvider({
                     )
                   ] })
                 ] }),
-                !isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                !isSavingPreset && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   ITButton,
                   {
                     variant: "outlined",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_md3.MdPalette, { size: 14 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_md3.MdPalette, { size: 14 }),
                     label: t("themeProvider.designer.saveCurrent"),
                     onClick: () => setIsSavingPreset(true),
                     size: "sm"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   ITButton,
                   {
                     variant: "outlined",
                     color: "danger",
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_md3.MdRefresh, { size: 14 }),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_md3.MdRefresh, { size: 14 }),
                     label: t("themeProvider.designer.reset"),
                     onClick: resetTheme,
                     size: "sm"
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITDivider, { orientation: "vertical" }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ITDivider, { orientation: "vertical" }),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex-1 flex flex-col min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   tabs_default,
                   {
                     variant: "pill",
@@ -15013,7 +16409,7 @@ function ITThemeProvider({
                       {
                         id: "brand",
                         label: t("themeProvider.tabs.brand"),
-                        content: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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__ */ (0, import_jsx_runtime80.jsx)("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",
@@ -15022,35 +16418,35 @@ function ITThemeProvider({
                           "info",
                           "alert",
                           "warning"
-                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "layout",
                         label: t("themeProvider.tabs.layout"),
-                        content: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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__ */ (0, import_jsx_runtime80.jsx)("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__ */ (0, import_jsx_runtime79.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ColorRow, { colorKey: key }, key)) })
                       },
                       {
                         id: "tables",
                         label: t("themeProvider.tabs.tables"),
-                        content: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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__ */ (0, import_jsx_runtime80.jsx)("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__ */ (0, import_jsx_runtime79.jsx)(ColorRow, { colorKey: key }, key)) })
+                        ].map((key) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ColorRow, { colorKey: key }, key)) })
                       }
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: t("themeProvider.designer.autosave") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center justify-end gap-3 mt-auto pt-4 border-t border-slate-100 dark:border-slate-800", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ITText, { as: "p", className: "text-[11px] text-slate-400 mr-auto", children: t("themeProvider.designer.autosave") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     ITButton,
                     {
                       label: t("themeProvider.designer.close"),
@@ -15081,7 +16477,13 @@ var createValidationSchema = (fields) => Yup.object().shape(
 );
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AXZY_CATALOG_ENTRIES,
+  AXZY_EXCLUDED_TYPES,
+  CURRENT_SCHEMA_VERSION,
+  DEFAULT_LIMITS,
+  DEFAULT_MIGRATIONS,
   FileTypeEnum,
+  GLOBALLY_FORBIDDEN_PROPS,
   ITAccordion,
   ITAlert,
   ITAvatar,
@@ -15125,6 +16527,7 @@ var createValidationSchema = (fields) => Yup.object().shape(
   ITPopover,
   ITProgress,
   ITRadioGroup,
+  ITSchemaRenderer,
   ITSearchSelect,
   ITSearchTable,
   ITSegmentedControl,
@@ -15145,13 +16548,39 @@ var createValidationSchema = (fields) => Yup.object().shape(
   ITToast,
   ITTripleFilter,
   ITWysiwyg,
+  JsonEngineError,
+  NodeBoundary,
   UploadStatus,
+  auditTree,
+  axzyCatalog,
+  axzyCatalogTypes,
+  buildVocabularyContract,
+  countPendingNodes,
+  createCatalog,
+  createLimitTracker,
   createValidationSchema,
   enMessages,
   esMessages,
+  formatPath,
+  formatVocabularyForPrompt,
+  getCatalogEntry,
   getContrastTextColor,
+  getExclusionReason,
+  hasPath,
+  isExcludedType,
   isLightColor,
+  isNodePending,
+  issue,
+  migrateSchema,
+  parsePartialSchema,
+  parsePath,
+  propPath,
+  pushPath,
+  readPath,
+  renderNode,
   resolveCssColor,
+  resolveLimits,
+  resolveNode,
   useClickOutside,
   useDebouncedSearch,
   useEditableRow,
@@ -15161,6 +16590,7 @@ var createValidationSchema = (fields) => Yup.object().shape(
   useITThemeSafe,
   useITTranslation,
   useJsonRender,
-  useTableState
+  useTableState,
+  validateSchema
 });
 //# sourceMappingURL=index.cjs.map