@servlyadmin/runtime-core 0.1.8 → 0.1.10

package/dist/index.js

@@ -17,6 +17,7 @@ import {
   extractDependencies,
   extractDependenciesFromCode
 } from "./chunk-CIUQK4GA.js";
+import "./chunk-MCKGQKYU.js";
 
 // src/analyticsTypes.ts
 var DEFAULT_ANALYTICS_CONFIG = {
@@ -2291,6 +2292,316 @@ function resetOverrideSystem() {
   }
 }
 
+// src/icons.ts
+var cdnEnabled = false;
+function setIconCdnEnabled(enabled) {
+  cdnEnabled = enabled;
+}
+function isIconCdnEnabled() {
+  return cdnEnabled;
+}
+var ICONIFY_COLLECTIONS = {
+  Ai: "ant-design",
+  Bi: "bi",
+  Bs: "bi",
+  Bx: "bx",
+  Ci: "circum",
+  Cg: "gg",
+  Di: "devicon",
+  Fi: "feather",
+  Fc: "flat-color-icons",
+  Fa: "fa-solid",
+  Fa6: "fa6-solid",
+  Gi: "game-icons",
+  Go: "octicon",
+  Gr: "grommet-icons",
+  Hi: "heroicons-outline",
+  Hi2: "heroicons",
+  Im: "icomoon-free",
+  Io: "ion",
+  Io5: "ion",
+  Lu: "lucide",
+  Md: "ic",
+  Pi: "ph",
+  Ri: "ri",
+  Rx: "radix-icons",
+  Si: "simple-icons",
+  Sl: "simple-line-icons",
+  Tb: "tabler",
+  Tfi: "themify",
+  Vsc: "codicon",
+  Wi: "wi"
+};
+var ICON_SET_STYLES = {
+  Fi: { stroke: true },
+  Lu: { stroke: true },
+  Hi: { stroke: true },
+  Hi2: { stroke: true },
+  Tb: { stroke: true }
+};
+var iconCache = /* @__PURE__ */ new Map();
+var pendingFetches = /* @__PURE__ */ new Map();
+var registeredIcons = /* @__PURE__ */ new Map();
+function registerIcon(set, name, data) {
+  const key = `${set}:${name}`;
+  registeredIcons.set(key, data);
+  iconCache.set(key, data);
+}
+function registerIcons(icons) {
+  for (const [set, setIcons] of Object.entries(icons)) {
+    for (const [name, data] of Object.entries(setIcons)) {
+      registerIcon(set, name, data);
+    }
+  }
+}
+function isIconRegistered(icon) {
+  const key = `${icon.set}:${icon.name}`;
+  return registeredIcons.has(key);
+}
+function getRegisteredIconKeys() {
+  return Array.from(registeredIcons.keys());
+}
+function toKebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function getIconifyName(name, set) {
+  const prefixLength = set.length;
+  let baseName = name;
+  if (name.startsWith(set)) {
+    baseName = name.slice(prefixLength);
+  }
+  let kebabName = toKebabCase(baseName);
+  switch (set) {
+    case "Md":
+      if (baseName.startsWith("Outline")) {
+        kebabName = toKebabCase(baseName.slice(7)) + "-outline";
+      }
+      kebabName = "baseline-" + kebabName;
+      break;
+    case "Hi2":
+      if (baseName.startsWith("Outline")) {
+        kebabName = toKebabCase(baseName.slice(7));
+      } else if (baseName.startsWith("Solid")) {
+        kebabName = toKebabCase(baseName.slice(5)) + "-solid";
+      }
+      break;
+    case "Io":
+    case "Io5":
+      if (baseName.startsWith("Ios")) {
+        kebabName = toKebabCase(baseName.slice(3));
+      } else if (baseName.startsWith("Md")) {
+        kebabName = toKebabCase(baseName.slice(2));
+      }
+      break;
+    case "Pi":
+      if (baseName.endsWith("Bold")) {
+        kebabName = toKebabCase(baseName.slice(0, -4)) + "-bold";
+      } else if (baseName.endsWith("Fill")) {
+        kebabName = toKebabCase(baseName.slice(0, -4)) + "-fill";
+      } else if (baseName.endsWith("Light")) {
+        kebabName = toKebabCase(baseName.slice(0, -5)) + "-light";
+      } else if (baseName.endsWith("Thin")) {
+        kebabName = toKebabCase(baseName.slice(0, -4)) + "-thin";
+      } else if (baseName.endsWith("Duotone")) {
+        kebabName = toKebabCase(baseName.slice(0, -7)) + "-duotone";
+      }
+      break;
+  }
+  return kebabName;
+}
+async function fetchIconFromIconify(set, name) {
+  if (!cdnEnabled) {
+    return null;
+  }
+  const collection = ICONIFY_COLLECTIONS[set];
+  if (!collection) {
+    return null;
+  }
+  const iconName = getIconifyName(name, set);
+  try {
+    const url = `https://api.iconify.design/${collection}/${iconName}.svg`;
+    const response = await fetch(url);
+    if (!response.ok) {
+      const altNames = [
+        iconName.replace(/-outline$/, ""),
+        iconName.replace(/-solid$/, ""),
+        iconName.replace(/-fill$/, ""),
+        iconName.replace(/^baseline-/, "")
+      ].filter((alt) => alt !== iconName);
+      for (const altName of altNames) {
+        const altUrl = `https://api.iconify.design/${collection}/${altName}.svg`;
+        const altResponse = await fetch(altUrl);
+        if (altResponse.ok) {
+          return parseSvgResponse(await altResponse.text());
+        }
+      }
+      return null;
+    }
+    return parseSvgResponse(await response.text());
+  } catch {
+    return null;
+  }
+}
+function parseSvgResponse(svgText) {
+  try {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(svgText, "image/svg+xml");
+    const svg = doc.querySelector("svg");
+    if (!svg) {
+      return null;
+    }
+    const viewBox = svg.getAttribute("viewBox");
+    const width = parseInt(svg.getAttribute("width") || "24", 10);
+    const height = parseInt(svg.getAttribute("height") || "24", 10);
+    const body = svg.innerHTML;
+    return {
+      body,
+      width,
+      height,
+      viewBox: viewBox || `0 0 ${width} ${height}`
+    };
+  } catch {
+    return null;
+  }
+}
+async function getIconData(icon) {
+  const key = `${icon.set}:${icon.name}`;
+  if (iconCache.has(key)) {
+    return iconCache.get(key);
+  }
+  if (pendingFetches.has(key)) {
+    return pendingFetches.get(key);
+  }
+  if (!cdnEnabled) {
+    return null;
+  }
+  const fetchPromise = fetchIconFromIconify(icon.set, icon.name);
+  pendingFetches.set(key, fetchPromise);
+  const data = await fetchPromise;
+  pendingFetches.delete(key);
+  if (data) {
+    iconCache.set(key, data);
+  }
+  return data;
+}
+function getIconDataSync(icon) {
+  const key = `${icon.set}:${icon.name}`;
+  return iconCache.get(key) || null;
+}
+function createIconSVG(icon, data, size = 24, color = "currentColor") {
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("width", String(size));
+  svg.setAttribute("height", String(size));
+  svg.setAttribute("viewBox", data.viewBox || "0 0 24 24");
+  svg.setAttribute("data-icon-name", icon.name);
+  svg.setAttribute("data-icon-set", icon.set);
+  svg.setAttribute("class", `servly-icon servly-icon-${icon.set.toLowerCase()}`);
+  const style = ICON_SET_STYLES[icon.set];
+  if (style?.stroke) {
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", color);
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+  } else {
+    svg.setAttribute("fill", color);
+  }
+  svg.innerHTML = data.body;
+  const paths = svg.querySelectorAll("path, circle, rect, polygon, line, polyline");
+  paths.forEach((el) => {
+    if (!el.getAttribute("fill") || el.getAttribute("fill") === "currentColor") {
+      if (style?.stroke) {
+        el.setAttribute("stroke", color);
+      } else {
+        el.setAttribute("fill", color);
+      }
+    }
+  });
+  return svg;
+}
+function createPlaceholderIcon(icon, size = 24, color = "currentColor") {
+  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  svg.setAttribute("width", String(size));
+  svg.setAttribute("height", String(size));
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("fill", "none");
+  svg.setAttribute("stroke", color);
+  svg.setAttribute("stroke-width", "2");
+  svg.setAttribute("stroke-linecap", "round");
+  svg.setAttribute("stroke-linejoin", "round");
+  svg.setAttribute("data-icon-name", icon.name);
+  svg.setAttribute("data-icon-set", icon.set);
+  svg.setAttribute("data-icon-missing", "true");
+  svg.setAttribute("class", "servly-icon servly-icon-placeholder");
+  const circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+  circle.setAttribute("cx", "12");
+  circle.setAttribute("cy", "12");
+  circle.setAttribute("r", "10");
+  const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+  path.setAttribute("d", "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3");
+  const dot = document.createElementNS("http://www.w3.org/2000/svg", "line");
+  dot.setAttribute("x1", "12");
+  dot.setAttribute("y1", "17");
+  dot.setAttribute("x2", "12.01");
+  dot.setAttribute("y2", "17");
+  svg.appendChild(circle);
+  svg.appendChild(path);
+  svg.appendChild(dot);
+  return svg;
+}
+function renderIcon(container, icon, size = 24, color = "currentColor") {
+  const cachedData = getIconDataSync(icon);
+  if (cachedData) {
+    const svg = createIconSVG(icon, cachedData, size, color);
+    container.innerHTML = "";
+    container.appendChild(svg);
+    return;
+  }
+  if (!cdnEnabled) {
+    const placeholder2 = createPlaceholderIcon(icon, size, color);
+    container.innerHTML = "";
+    container.appendChild(placeholder2);
+    console.warn(
+      `[Icons] Icon not bundled: ${icon.set}:${icon.name}. Use registerIcon() to bundle it, or enable CDN with setIconCdnEnabled(true).`
+    );
+    return;
+  }
+  const placeholder = createPlaceholderIcon(icon, size, color);
+  placeholder.setAttribute("data-icon-loading", "true");
+  placeholder.removeAttribute("data-icon-missing");
+  container.innerHTML = "";
+  container.appendChild(placeholder);
+  getIconData(icon).then((data) => {
+    if (data) {
+      const svg = createIconSVG(icon, data, size, color);
+      container.innerHTML = "";
+      container.appendChild(svg);
+    } else {
+      placeholder.setAttribute("data-icon-missing", "true");
+      placeholder.removeAttribute("data-icon-loading");
+    }
+  });
+}
+async function preloadIcons(icons) {
+  await Promise.all(icons.map((icon) => getIconData(icon)));
+}
+function clearIconCache() {
+  iconCache.clear();
+  pendingFetches.clear();
+  registeredIcons.forEach((data, key) => {
+    iconCache.set(key, data);
+  });
+}
+function isIconSetSupported(set) {
+  return set in ICONIFY_COLLECTIONS;
+}
+function getSupportedIconSets() {
+  return Object.keys(ICONIFY_COLLECTIONS);
+}
+function getIconifyCollection(set) {
+  return ICONIFY_COLLECTIONS[set];
+}
+
 // src/renderer.ts
 var COMPONENT_TO_TAG = {
   container: "div",
@@ -2673,6 +2984,9 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   if (element.componentId === "slot") {
     return renderSlotElement(element, tree, context, eventHandlers, elementStates, state, isRootElement);
   }
+  if (element.componentId === "icon") {
+    return renderIconElement(element, context, eventHandlers, elementStates, state, isRootElement);
+  }
   const elementState = createElement(element, context, eventHandlers, isRootElement, state);
   elementStates.set(element.i, elementState);
   const config = element.configuration;
@@ -2690,6 +3004,40 @@ function renderElement(element, tree, context, eventHandlers, elementStates, sta
   }
   return elementState.domElement;
 }
+function renderIconElement(element, context, eventHandlers, elementStates, state, isRootElement) {
+  const config = element.configuration || {};
+  const icon = config.icon;
+  const iconColor = config.iconColor || "currentColor";
+  const iconSize = config.iconSize || 24;
+  const wrapper = document.createElement("div");
+  wrapper.setAttribute("data-servly-id", element.i);
+  wrapper.className = "pointer-events-none";
+  const styles = buildElementStyles(element, context);
+  applyStyles(wrapper, styles);
+  const className = buildClassName(element, context);
+  if (className) {
+    wrapper.className = `pointer-events-none ${className}`;
+  }
+  if (state.iconRenderer && icon) {
+    const iconElement = state.iconRenderer(icon, iconSize, iconColor, "");
+    if (iconElement) {
+      wrapper.appendChild(iconElement);
+    }
+  } else if (icon) {
+    renderIcon(wrapper, icon, iconSize, iconColor);
+  }
+  const elementState = {
+    element,
+    domElement: wrapper,
+    styles,
+    className: wrapper.className,
+    textContent: "",
+    eventListeners: /* @__PURE__ */ new Map()
+  };
+  elementStates.set(element.i, elementState);
+  attachEventHandlers(wrapper, element, eventHandlers, context, elementState, isRootElement, state);
+  return wrapper;
+}
 function renderComponentViewElement(element, tree, context, eventHandlers, elementStates, state, isRootElement) {
   const componentViewId = `${element.componentId}-${element.i}`;
   if (globalRenderingStack.has(componentViewId)) {
@@ -2709,7 +3057,15 @@ function renderComponentViewElement(element, tree, context, eventHandlers, eleme
       viewLayout = component.layout;
     }
   }
+  if (!viewLayout && state.views === void 0 && state.viewsArray) {
+    const viewsArray = state.viewsArray;
+    const found = viewsArray.find((v) => v.id === element.componentId);
+    if (found) {
+      viewLayout = found.layout;
+    }
+  }
   if (!viewLayout) {
+    console.warn(`[Servly] Component not found: ${element.componentId}. Available in views: ${state.views ? Array.from(state.views.keys()).join(", ") : "none"}. Registry has: ${state.componentRegistry?.has(element.componentId) ? "yes" : "no"}`);
     const placeholder = document.createElement("div");
     placeholder.className = "border-2 border-yellow-500 border-dashed p-4 bg-yellow-50";
     placeholder.innerHTML = `<p class="text-yellow-600 text-sm">Component not found: ${element.componentId}</p>`;
@@ -2823,14 +3179,26 @@ function render(options) {
     eventHandlers,
     componentRegistry,
     onDependencyNeeded,
-    views,
+    views: viewsInput,
     enableStateManager,
     initialState,
     onStateChange,
     pluginExecutors,
     onNavigate,
-    onApiCall
+    onApiCall,
+    iconRenderer
   } = options;
+  let views;
+  if (viewsInput instanceof Map) {
+    views = viewsInput;
+  } else if (Array.isArray(viewsInput)) {
+    views = /* @__PURE__ */ new Map();
+    for (const view of viewsInput) {
+      if (view && view.id) {
+        views.set(view.id, view);
+      }
+    }
+  }
   const startTime = performance.now();
   const memorySampler = getMemorySampler();
   const longTaskObserver = getLongTaskObserver();
@@ -2878,7 +3246,8 @@ function render(options) {
       eventSystem,
       stateManager,
       overrideSystem,
-      enableOverrides: hasAnyOverrides
+      enableOverrides: hasAnyOverrides,
+      iconRenderer
     };
     container.innerHTML = "";
     if (rootElements.length === 0) {
@@ -3155,7 +3524,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-CGAHPC3O.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-3FTT56ZG.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];
@@ -3525,17 +3894,33 @@ function calculateBackoffDelay(retryCount, config) {
 function sleep(ms) {
   return new Promise((resolve) => setTimeout(resolve, ms));
 }
-function buildViewsMap(views) {
-  if (!views || views.length === 0) return void 0;
+function buildViewsMap(views, bundle) {
   const viewsMap = /* @__PURE__ */ new Map();
-  for (const view of views) {
-    viewsMap.set(view.id, {
-      id: view.id,
-      layout: view.layout,
-      props: view.props
-    });
+  if (views && views.length > 0) {
+    for (const view of views) {
+      if (view && view.id) {
+        viewsMap.set(view.id, {
+          id: view.id,
+          layout: view.layout,
+          props: view.props
+        });
+      }
+    }
   }
-  return viewsMap;
+  if (bundle) {
+    for (const [key, component] of Object.entries(bundle)) {
+      const atIndex = key.lastIndexOf("@");
+      const viewId = atIndex > 0 ? key.substring(0, atIndex) : key;
+      if (!viewsMap.has(viewId) && component && component.layout) {
+        viewsMap.set(viewId, {
+          id: viewId,
+          layout: component.layout,
+          props: void 0
+        });
+      }
+    }
+  }
+  return viewsMap.size > 0 ? viewsMap : void 0;
 }
 async function resolveVersionFromApi(id, specifier, apiKey) {
   if (/^\d+\.\d+\.\d+$/.test(specifier)) {
@@ -3637,7 +4022,7 @@ async function fetchComponent(id, options = {}) {
       if (cached.bundle) {
         registry = buildRegistryFromBundle(cached);
       }
-      const views = buildViewsMap(cached.views);
+      const views = buildViewsMap(cached.views, cached.bundle);
       const duration = performance.now() - startTime;
       analytics.trackFetch(id, cached.version, duration, true, {
         cacheHit: true,
@@ -3660,7 +4045,7 @@ async function fetchComponent(id, options = {}) {
       if (cached.bundle) {
         registry = buildRegistryFromBundle(cached);
       }
-      const views = buildViewsMap(cached.views);
+      const views = buildViewsMap(cached.views, cached.bundle);
       return {
         data: cached,
         fromCache: true,
@@ -3692,7 +4077,7 @@ async function fetchComponent(id, options = {}) {
           version: entry.resolved || entry.version
         }));
       }
-      const views = buildViewsMap(data.views);
+      const views = buildViewsMap(data.views, data.bundle);
       const duration = performance.now() - startTime;
       analytics.trackFetch(id, resolvedVersion, duration, false, {
         cacheHit: false,
@@ -3727,7 +4112,7 @@ async function fetchComponent(id, options = {}) {
 async function fetchComponentWithDependencies(id, options = {}) {
   const result = await fetchComponent(id, { ...options, includeBundle: true });
   if (result.pendingDependencies && result.pendingDependencies.length > 0) {
-    const { createRegistry: createRegistry2 } = await import("./registry-GCCVK65D.js");
+    const { createRegistry: createRegistry2 } = await import("./registry-7UL42655.js");
     const registry = result.registry || createRegistry2();
     await Promise.all(
       result.pendingDependencies.map(async (dep) => {
@@ -4199,6 +4584,142 @@ function getSampleValue(def) {
       return def.defaultValue;
   }
 }
+
+// src/iconExtractor.ts
+var REACT_ICONS_PACKAGES = {
+  Ai: "react-icons/ai",
+  Bi: "react-icons/bi",
+  Bs: "react-icons/bs",
+  Cg: "react-icons/cg",
+  Di: "react-icons/di",
+  Fa: "react-icons/fa",
+  Fa6: "react-icons/fa6",
+  Fc: "react-icons/fc",
+  Fi: "react-icons/fi",
+  Gi: "react-icons/gi",
+  Go: "react-icons/go",
+  Gr: "react-icons/gr",
+  Hi: "react-icons/hi",
+  Hi2: "react-icons/hi2",
+  Im: "react-icons/im",
+  Io: "react-icons/io",
+  Io5: "react-icons/io5",
+  Lu: "react-icons/lu",
+  Md: "react-icons/md",
+  Pi: "react-icons/pi",
+  Ri: "react-icons/ri",
+  Rx: "react-icons/rx",
+  Si: "react-icons/si",
+  Sl: "react-icons/sl",
+  Tb: "react-icons/tb",
+  Tfi: "react-icons/tfi",
+  Vsc: "react-icons/vsc",
+  Wi: "react-icons/wi"
+};
+async function extractIconFromReactIcons(iconName, iconSet) {
+  const packagePath = REACT_ICONS_PACKAGES[iconSet];
+  if (!packagePath) {
+    console.warn(`Unknown icon set: ${iconSet}`);
+    return null;
+  }
+  try {
+    const iconModule = await import(packagePath);
+    const IconComponent = iconModule[iconName];
+    if (!IconComponent) {
+      console.warn(`Icon not found: ${iconName} in ${packagePath}`);
+      return null;
+    }
+    const React = await import("./react-EKMBDYIU.js");
+    const { renderToStaticMarkup } = await import("./server.node-CQL3CG75.js");
+    const svgString = renderToStaticMarkup(React.createElement(IconComponent, { size: 24 }));
+    return parseSvgString(svgString);
+  } catch (error) {
+    console.error(`Failed to extract icon ${iconSet}:${iconName}:`, error);
+    return null;
+  }
+}
+function parseSvgString(svgString) {
+  const viewBoxMatch = svgString.match(/viewBox="([^"]+)"/);
+  const viewBox = viewBoxMatch ? viewBoxMatch[1] : "0 0 24 24";
+  const widthMatch = svgString.match(/width="(\d+)"/);
+  const heightMatch = svgString.match(/height="(\d+)"/);
+  const width = widthMatch ? parseInt(widthMatch[1], 10) : 24;
+  const height = heightMatch ? parseInt(heightMatch[1], 10) : 24;
+  const bodyMatch = svgString.match(/<svg[^>]*>([\s\S]*)<\/svg>/);
+  const body = bodyMatch ? bodyMatch[1].trim() : "";
+  if (!body) {
+    return null;
+  }
+  return {
+    body,
+    viewBox,
+    width,
+    height
+  };
+}
+function findIconsInLayout(elements) {
+  const icons = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const element of elements) {
+    if (element.componentId === "icon" && element.configuration?.icon) {
+      const icon = element.configuration.icon;
+      const key = `${icon.set}:${icon.name}`;
+      if (!seen.has(key)) {
+        seen.add(key);
+        icons.push({
+          name: icon.name,
+          set: icon.set,
+          setName: icon.setName
+        });
+      }
+    }
+  }
+  return icons;
+}
+async function extractIconsForLayout(elements) {
+  const icons = findIconsInLayout(elements);
+  const result = {};
+  for (const icon of icons) {
+    const data = await extractIconFromReactIcons(icon.name, icon.set);
+    if (data) {
+      if (!result[icon.set]) {
+        result[icon.set] = {};
+      }
+      result[icon.set][icon.name] = data;
+    }
+  }
+  return result;
+}
+function generateIconBundle(icons) {
+  const lines = [
+    "// Auto-generated icon bundle",
+    "// Do not edit manually",
+    "",
+    "import { registerIcons, type IconData } from '@servlyadmin/runtime-core';",
+    "",
+    "const BUNDLED_ICONS: Record<string, Record<string, IconData>> = {"
+  ];
+  for (const [set, setIcons] of Object.entries(icons)) {
+    lines.push(`  ${set}: {`);
+    for (const [name, data] of Object.entries(setIcons)) {
+      const escapedBody = data.body.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n");
+      lines.push(`    ${name}: {`);
+      lines.push(`      body: '${escapedBody}',`);
+      lines.push(`      viewBox: '${data.viewBox}',`);
+      if (data.width) lines.push(`      width: ${data.width},`);
+      if (data.height) lines.push(`      height: ${data.height},`);
+      lines.push(`    },`);
+    }
+    lines.push(`  },`);
+  }
+  lines.push("};");
+  lines.push("");
+  lines.push("// Register all bundled icons");
+  lines.push("registerIcons(BUNDLED_ICONS);");
+  lines.push("");
+  lines.push("export { BUNDLED_ICONS };");
+  return lines.join("\n");
+}
 export {
   AnalyticsCollector,
   DEFAULT_CACHE_CONFIG,
@@ -4222,6 +4743,7 @@ export {
   bumpVersion,
   camelToKebab,
   clearAllCaches,
+  clearIconCache,
   clearLocalStorageCache,
   clearMemoryCache,
   clearStyles,
@@ -4229,6 +4751,8 @@ export {
   collectAllViewDependencies,
   compareVersions,
   configureAnalytics,
+  createIconSVG,
+  createPlaceholderIcon,
   createRegistry,
   createServlyRenderer,
   createViewsMap,
@@ -4238,12 +4762,16 @@ export {
   extractBindingKeys,
   extractDependencies,
   extractDependenciesFromCode,
+  extractIconFromReactIcons,
+  extractIconsForLayout,
   extractOverrideDependencies,
   extractReferencedViewIds,
   fetchComponent,
   fetchComponentWithDependencies,
+  findIconsInLayout,
   formatStyleValue,
   formatVersion,
+  generateIconBundle,
   generateTestCases,
   getAnalytics,
   getCacheKey,
@@ -4251,15 +4779,20 @@ export {
   getDependencyTree,
   getEventSystem,
   getFromCache,
+  getIconData,
+  getIconDataSync,
+  getIconifyCollection,
   getLocalStorage,
   getLongTaskObserver,
   getMemoryCacheSize,
   getMemorySampler,
   getMountOverrides,
   getOverrideSystem,
+  getRegisteredIconKeys,
   getRegistryUrl,
   getSessionManager,
   getSessionStorage,
+  getSupportedIconSets,
   getTailwind,
   getUrlInfo,
   getValueByPath,
@@ -4273,12 +4806,18 @@ export {
   injectTailwind,
   invalidateCache,
   isComponentAvailable,
+  isIconCdnEnabled,
+  isIconRegistered,
+  isIconSetSupported,
   isTailwindLoaded,
   isValidSpecifier,
   navigateTo,
   parseVersion,
   prefetchComponents,
+  preloadIcons,
   processStyles,
+  registerIcon,
+  registerIcons,
   removeClass,
   removeCustomStyles,
   removeLocalStorage,
@@ -4286,6 +4825,7 @@ export {
   removeTailwind,
   render,
   renderDynamicList,
+  renderIcon,
   renderInShadow,
   renderNode,
   resetAnalytics,
@@ -4302,6 +4842,7 @@ export {
   runAllTests,
   runTestCase,
   satisfiesVersion,
+  setIconCdnEnabled,
   setInCache,
   setLocalStorage,
   setRegistryUrl,