@servlyadmin/runtime-core 0.1.43 → 0.1.45

package/dist/{chunk-TXHGJYYM.js → chunk-GN6KAMNI.js}

@@ -33,6 +33,7 @@ function markTailwindAsLoaded() {
 function preloadTailwind(cdnUrl, usePlayCdn) {
   if (typeof document === "undefined") return;
   if (document.querySelector("link[data-servly-tailwind-preload]")) return;
+  if (document.querySelector('script[src*="tailwindcss.com"]')) return;
   const url = cdnUrl || DEFAULT_TAILWIND_CDN;
   const fullUrl = usePlayCdn ? `${url}?plugins=forms,typography,aspect-ratio` : url;
   const link = document.createElement("link");
@@ -40,15 +41,18 @@ function preloadTailwind(cdnUrl, usePlayCdn) {
   link.as = "script";
   link.href = fullUrl;
   link.setAttribute("data-servly-tailwind-preload", "true");
+  link.setAttribute("crossorigin", "anonymous");
   if (document.head.firstChild) {
     document.head.insertBefore(link, document.head.firstChild);
   } else {
     document.head.appendChild(link);
   }
-  const dnsPrefetch = document.createElement("link");
-  dnsPrefetch.rel = "dns-prefetch";
-  dnsPrefetch.href = "https://cdn.tailwindcss.com";
-  document.head.appendChild(dnsPrefetch);
+  if (!document.querySelector('link[rel="dns-prefetch"][href*="tailwindcss.com"]')) {
+    const dnsPrefetch = document.createElement("link");
+    dnsPrefetch.rel = "dns-prefetch";
+    dnsPrefetch.href = "https://cdn.tailwindcss.com";
+    document.head.appendChild(dnsPrefetch);
+  }
 }
 function preventFOUC() {
   if (typeof document === "undefined") return;
@@ -135,7 +139,6 @@ function injectTailwind(config = {}) {
     const {
       cdnUrl = DEFAULT_TAILWIND_CDN,
       config: tailwindConfig,
-      plugins = [],
       usePlayCdn = false,
       onReady,
       onError,

package/dist/index.cjs

@@ -61,6 +61,7 @@ function markTailwindAsLoaded() {
 function preloadTailwind(cdnUrl, usePlayCdn) {
   if (typeof document === "undefined") return;
   if (document.querySelector("link[data-servly-tailwind-preload]")) return;
+  if (document.querySelector('script[src*="tailwindcss.com"]')) return;
   const url = cdnUrl || DEFAULT_TAILWIND_CDN;
   const fullUrl = usePlayCdn ? `${url}?plugins=forms,typography,aspect-ratio` : url;
   const link = document.createElement("link");
@@ -68,15 +69,18 @@ function preloadTailwind(cdnUrl, usePlayCdn) {
   link.as = "script";
   link.href = fullUrl;
   link.setAttribute("data-servly-tailwind-preload", "true");
+  link.setAttribute("crossorigin", "anonymous");
   if (document.head.firstChild) {
     document.head.insertBefore(link, document.head.firstChild);
   } else {
     document.head.appendChild(link);
   }
-  const dnsPrefetch = document.createElement("link");
-  dnsPrefetch.rel = "dns-prefetch";
-  dnsPrefetch.href = "https://cdn.tailwindcss.com";
-  document.head.appendChild(dnsPrefetch);
+  if (!document.querySelector('link[rel="dns-prefetch"][href*="tailwindcss.com"]')) {
+    const dnsPrefetch = document.createElement("link");
+    dnsPrefetch.rel = "dns-prefetch";
+    dnsPrefetch.href = "https://cdn.tailwindcss.com";
+    document.head.appendChild(dnsPrefetch);
+  }
 }
 function preventFOUC() {
   if (typeof document === "undefined") return;
@@ -163,7 +167,6 @@ function injectTailwind(config = {}) {
     const {
       cdnUrl = DEFAULT_TAILWIND_CDN,
       config: tailwindConfig,
-      plugins = [],
       usePlayCdn = false,
       onReady,
       onError,
@@ -684,6 +687,7 @@ __export(index_exports, {
   StateManager: () => StateManager,
   addClass: () => addClass,
   addCustomStyles: () => addCustomStyles,
+  addFontPreconnect: () => addFontPreconnect,
   analytics: () => analytics,
   applyStyles: () => applyStyles,
   batchFetchComponents: () => batchFetchComponents,
@@ -694,6 +698,7 @@ __export(index_exports, {
   camelToKebab: () => camelToKebab,
   clearAllCaches: () => clearAllCaches,
   clearIconCache: () => clearIconCache,
+  clearIconStorageCache: () => clearIconStorageCache,
   clearLocalStorageCache: () => clearLocalStorageCache,
   clearMemoryCache: () => clearMemoryCache,
   clearStyles: () => clearStyles,
@@ -709,6 +714,7 @@ __export(index_exports, {
   deepMerge: () => deepMerge,
   deleteValueByPath: () => deleteValueByPath,
   detectCircularDependencies: () => detectCircularDependencies,
+  ensureFonts: () => ensureFonts,
   extractBindingKeys: () => extractBindingKeys,
   extractDependencies: () => extractDependencies,
   extractDependenciesFromCode: () => extractDependenciesFromCode,
@@ -722,12 +728,14 @@ __export(index_exports, {
   getAnalytics: () => getAnalytics,
   getCacheKey: () => getCacheKey,
   getCleanupOverrides: () => getCleanupOverrides,
+  getDefaultFonts: () => getDefaultFonts,
   getDependencyTree: () => getDependencyTree,
   getEventSystem: () => getEventSystem,
   getFromCache: () => getFromCache,
   getIconData: () => getIconData,
   getIconDataSync: () => getIconDataSync,
   getIconifyCollection: () => getIconifyCollection,
+  getLoadedFonts: () => getLoadedFonts,
   getLocalStorage: () => getLocalStorage,
   getLongTaskObserver: () => getLongTaskObserver,
   getMemoryCacheSize: () => getMemoryCacheSize,
@@ -748,17 +756,22 @@ __export(index_exports, {
   hasDependencyOverrides: () => hasDependencyOverrides,
   hasOverrides: () => hasOverrides,
   hasTemplateSyntax: () => hasTemplateSyntax,
+  initFonts: () => initFonts,
   initServlyTailwind: () => initServlyTailwind,
   injectTailwind: () => injectTailwind,
   injectTailwindStyles: () => injectTailwindStyles,
   invalidateCache: () => invalidateCache,
   isComponentAvailable: () => isComponentAvailable,
+  isFontLoaded: () => isFontLoaded,
   isIconCdnEnabled: () => isIconCdnEnabled,
   isIconRegistered: () => isIconRegistered,
   isIconSetSupported: () => isIconSetSupported,
   isTailwindLoaded: () => isTailwindLoaded,
   isTailwindReady: () => isTailwindReady,
   isValidSpecifier: () => isValidSpecifier,
+  loadDefaultFonts: () => loadDefaultFonts,
+  loadFont: () => loadFont,
+  loadFonts: () => loadFonts,
   markElementReady: () => markElementReady,
   navigateTo: () => navigateTo,
   parseVersion: () => parseVersion,
@@ -3118,6 +3131,58 @@ function resetOverrideSystem() {
 
 // src/icons.ts
 var cdnEnabled = true;
+var ICON_CACHE_KEY = "servly-icon-cache";
+var ICON_CACHE_VERSION = "1";
+var localStorageLoaded = false;
+function loadIconCacheFromStorage() {
+  if (localStorageLoaded) return;
+  localStorageLoaded = true;
+  if (typeof localStorage === "undefined") return;
+  try {
+    const cached = localStorage.getItem(ICON_CACHE_KEY);
+    if (!cached) return;
+    const parsed = JSON.parse(cached);
+    if (parsed.version !== ICON_CACHE_VERSION) {
+      localStorage.removeItem(ICON_CACHE_KEY);
+      return;
+    }
+    for (const [key, data] of Object.entries(parsed.icons)) {
+      if (!iconCache.has(key) && !registeredIcons.has(key)) {
+        iconCache.set(key, data);
+      }
+    }
+  } catch {
+  }
+}
+function saveIconToStorage(key, data) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    const cached = localStorage.getItem(ICON_CACHE_KEY);
+    let cacheData;
+    if (cached) {
+      cacheData = JSON.parse(cached);
+      if (cacheData.version !== ICON_CACHE_VERSION) {
+        cacheData = { version: ICON_CACHE_VERSION, icons: {} };
+      }
+    } else {
+      cacheData = { version: ICON_CACHE_VERSION, icons: {} };
+    }
+    cacheData.icons[key] = data;
+    const keys = Object.keys(cacheData.icons);
+    if (keys.length > 500) {
+      keys.slice(0, 100).forEach((k) => delete cacheData.icons[k]);
+    }
+    localStorage.setItem(ICON_CACHE_KEY, JSON.stringify(cacheData));
+  } catch {
+  }
+}
+function clearIconStorageCache() {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.removeItem(ICON_CACHE_KEY);
+  } catch {
+  }
+}
 function setIconCdnEnabled(enabled) {
   cdnEnabled = enabled;
 }
@@ -3290,6 +3355,7 @@ function parseSvgResponse(svgText) {
 }
 async function getIconData(icon) {
   const key = `${icon.set}:${icon.name}`;
+  loadIconCacheFromStorage();
   if (iconCache.has(key)) {
     return iconCache.get(key);
   }
@@ -3305,11 +3371,13 @@ async function getIconData(icon) {
   pendingFetches.delete(key);
   if (data) {
     iconCache.set(key, data);
+    saveIconToStorage(key, data);
   }
   return data;
 }
 function getIconDataSync(icon) {
   const key = `${icon.set}:${icon.name}`;
+  loadIconCacheFromStorage();
   return iconCache.get(key) || null;
 }
 function createIconSVG(icon, data, size = 24, color = "currentColor") {
@@ -3409,12 +3477,15 @@ function renderIcon(container, icon, size = 24, color = "currentColor") {
 async function preloadIcons(icons) {
   await Promise.all(icons.map((icon) => getIconData(icon)));
 }
-function clearIconCache() {
+function clearIconCache(clearStorage = false) {
   iconCache.clear();
   pendingFetches.clear();
   registeredIcons.forEach((data, key) => {
     iconCache.set(key, data);
   });
+  if (clearStorage) {
+    clearIconStorageCache();
+  }
 }
 function isIconSetSupported(set) {
   return set in ICONIFY_COLLECTIONS;
@@ -3428,6 +3499,113 @@ function getIconifyCollection(set) {
 
 // src/renderer.ts
 init_tailwind();
+
+// src/fonts.ts
+var DEFAULT_FONTS = [
+  "Roboto",
+  "Open Sans",
+  "Lato",
+  "Montserrat",
+  "Poppins",
+  "Inter",
+  "Playfair Display",
+  "Raleway",
+  "Ubuntu",
+  "Nunito",
+  "Merriweather",
+  "Work Sans",
+  "Quicksand",
+  "Mulish",
+  "Manrope",
+  "DM Sans",
+  "Space Grotesk",
+  "Plus Jakarta Sans",
+  "Outfit",
+  "Sora"
+];
+var loadedFonts = /* @__PURE__ */ new Set();
+var fontsInitialized = false;
+var preconnectAdded = false;
+function addFontPreconnect() {
+  if (typeof document === "undefined" || preconnectAdded) return;
+  preconnectAdded = true;
+  if (!document.querySelector('link[href="https://fonts.googleapis.com"]')) {
+    const pc1 = document.createElement("link");
+    pc1.rel = "preconnect";
+    pc1.href = "https://fonts.googleapis.com";
+    document.head.appendChild(pc1);
+  }
+  if (!document.querySelector('link[href="https://fonts.gstatic.com"]')) {
+    const pc2 = document.createElement("link");
+    pc2.rel = "preconnect";
+    pc2.href = "https://fonts.gstatic.com";
+    pc2.crossOrigin = "anonymous";
+    document.head.appendChild(pc2);
+  }
+}
+function loadFont(family, weights = ["400", "500", "600", "700"]) {
+  if (typeof document === "undefined") return;
+  const linkId = `google-font-${family.replace(/[\s+]/g, "-").toLowerCase()}`;
+  if (document.getElementById(linkId) || loadedFonts.has(family)) {
+    return;
+  }
+  addFontPreconnect();
+  const weightsStr = weights.join(";");
+  const encodedFontName = encodeURIComponent(family).replace(/%20/g, "+");
+  const fontUrl = `https://fonts.googleapis.com/css2?family=${encodedFontName}:wght@${weightsStr}&display=swap`;
+  const link = document.createElement("link");
+  link.id = linkId;
+  link.rel = "stylesheet";
+  link.href = fontUrl;
+  document.head.appendChild(link);
+  loadedFonts.add(family);
+}
+function loadFonts(fonts, weights = ["400", "500", "600", "700"]) {
+  for (const font of fonts) {
+    loadFont(font, weights);
+  }
+}
+function loadDefaultFonts() {
+  if (fontsInitialized) return;
+  fontsInitialized = true;
+  console.log("[Servly Fonts] Loading default fonts...");
+  loadFonts(DEFAULT_FONTS);
+  console.log("[Servly Fonts] Default fonts loaded");
+}
+function isFontLoaded(family) {
+  if (typeof document === "undefined") return false;
+  const linkId = `google-font-${family.replace(/[\s+]/g, "-").toLowerCase()}`;
+  return !!document.getElementById(linkId) || loadedFonts.has(family);
+}
+function getDefaultFonts() {
+  return [...DEFAULT_FONTS];
+}
+function getLoadedFonts() {
+  return Array.from(loadedFonts);
+}
+function initFonts(config = {}) {
+  const {
+    additionalFonts = [],
+    weights = ["400", "500", "600", "700"],
+    loadDefaults = true
+  } = config;
+  addFontPreconnect();
+  if (loadDefaults) {
+    loadDefaultFonts();
+  }
+  if (additionalFonts.length > 0) {
+    loadFonts(additionalFonts, weights);
+  }
+}
+var autoInitialized = false;
+function ensureFonts() {
+  if (autoInitialized || typeof document === "undefined") return;
+  autoInitialized = true;
+  addFontPreconnect();
+  loadDefaultFonts();
+}
+
+// src/renderer.ts
 var tailwindAutoInjected = false;
 function ensureTailwind() {
   if (tailwindAutoInjected || typeof document === "undefined") return;
@@ -3435,6 +3613,7 @@ function ensureTailwind() {
   injectTailwind({ usePlayCdn: true }).catch((err) => {
     console.warn("Failed to auto-inject Tailwind CSS:", err);
   });
+  ensureFonts();
 }
 var COMPONENT_TO_TAG = {
   container: "div",
@@ -4366,10 +4545,9 @@ function renderInShadow(options) {
     shadowRoot.insertBefore(styleEl, innerContainer);
   }
   if (shouldInjectTailwind) {
-    const tailwindLink = document.createElement("link");
-    tailwindLink.rel = "stylesheet";
-    tailwindLink.href = "https://cdn.tailwindcss.com";
-    shadowRoot.insertBefore(tailwindLink, innerContainer);
+    const tailwindScript2 = document.createElement("script");
+    tailwindScript2.src = "https://cdn.tailwindcss.com";
+    shadowRoot.insertBefore(tailwindScript2, innerContainer);
   }
   const result = render({
     ...renderOptions,
@@ -5490,6 +5668,7 @@ init_tailwind();
   StateManager,
   addClass,
   addCustomStyles,
+  addFontPreconnect,
   analytics,
   applyStyles,
   batchFetchComponents,
@@ -5500,6 +5679,7 @@ init_tailwind();
   camelToKebab,
   clearAllCaches,
   clearIconCache,
+  clearIconStorageCache,
   clearLocalStorageCache,
   clearMemoryCache,
   clearStyles,
@@ -5515,6 +5695,7 @@ init_tailwind();
   deepMerge,
   deleteValueByPath,
   detectCircularDependencies,
+  ensureFonts,
   extractBindingKeys,
   extractDependencies,
   extractDependenciesFromCode,
@@ -5528,12 +5709,14 @@ init_tailwind();
   getAnalytics,
   getCacheKey,
   getCleanupOverrides,
+  getDefaultFonts,
   getDependencyTree,
   getEventSystem,
   getFromCache,
   getIconData,
   getIconDataSync,
   getIconifyCollection,
+  getLoadedFonts,
   getLocalStorage,
   getLongTaskObserver,
   getMemoryCacheSize,
@@ -5554,17 +5737,22 @@ init_tailwind();
   hasDependencyOverrides,
   hasOverrides,
   hasTemplateSyntax,
+  initFonts,
   initServlyTailwind,
   injectTailwind,
   injectTailwindStyles,
   invalidateCache,
   isComponentAvailable,
+  isFontLoaded,
   isIconCdnEnabled,
   isIconRegistered,
   isIconSetSupported,
   isTailwindLoaded,
   isTailwindReady,
   isValidSpecifier,
+  loadDefaultFonts,
+  loadFont,
+  loadFonts,
   markElementReady,
   navigateTo,
   parseVersion,

package/dist/index.d.cts

@@ -1718,6 +1718,7 @@ declare function resetEventSystem(): void;
 /**
  * Add preload link for Tailwind CDN to start loading earlier
  * This helps the browser start fetching before we actually need it
+ * Note: Only preload if we're going to use the script immediately after
  */
 declare function preloadTailwind(cdnUrl?: string, usePlayCdn?: boolean): void;
 /**
@@ -1822,6 +1823,55 @@ declare const DEFAULT_SERVLY_TAILWIND_CONFIG: {
 declare function initServlyTailwind(customConfig?: Record<string, any>): Promise<void>;
 declare const injectTailwindStyles: typeof initServlyTailwind;
 
+/**
+ * Google Fonts Utilities for Runtime Core
+ * Provides automatic font loading for Servly components
+ */
+/**
+ * Add preconnect links for Google Fonts (improves load performance)
+ */
+declare function addFontPreconnect(): void;
+/**
+ * Load a specific Google Font
+ */
+declare function loadFont(family: string, weights?: string[]): void;
+/**
+ * Load multiple fonts at once
+ */
+declare function loadFonts(fonts: string[], weights?: string[]): void;
+/**
+ * Load default popular fonts
+ */
+declare function loadDefaultFonts(): void;
+/**
+ * Check if a font is loaded
+ */
+declare function isFontLoaded(family: string): boolean;
+/**
+ * Get list of default fonts
+ */
+declare function getDefaultFonts(): string[];
+/**
+ * Get list of currently loaded fonts
+ */
+declare function getLoadedFonts(): string[];
+interface FontConfig {
+    /** Additional fonts to load beyond defaults */
+    additionalFonts?: string[];
+    /** Font weights to load */
+    weights?: string[];
+    /** Whether to load default fonts */
+    loadDefaults?: boolean;
+}
+/**
+ * Initialize fonts with configuration
+ */
+declare function initFonts(config?: FontConfig): void;
+/**
+ * Ensure fonts are loaded (called automatically by renderer)
+ */
+declare function ensureFonts(): void;
+
 /**
  * Overrides System for Runtime Core
  * Handles element overrides with dependency tracking
@@ -1951,6 +2001,10 @@ interface IconData {
     /** ViewBox (default: "0 0 24 24") */
     viewBox?: string;
 }
+/**
+ * Clear icon cache from localStorage
+ */
+declare function clearIconStorageCache(): void;
 /**
  * Enable or disable CDN fallback for icons not in bundle
  * Disabled by default for security - only bundled icons will render
@@ -1978,11 +2032,11 @@ declare function isIconRegistered(icon: IconConfig): boolean;
  */
 declare function getRegisteredIconKeys(): string[];
 /**
- * Get icon data (from cache, registry, or CDN if enabled)
+ * Get icon data (from cache, registry, localStorage, or CDN if enabled)
  */
 declare function getIconData(icon: IconConfig): Promise<IconData | null>;
 /**
- * Get icon data synchronously (only returns cached/registered icons)
+ * Get icon data synchronously (only returns cached/registered/localStorage icons)
  */
 declare function getIconDataSync(icon: IconConfig): IconData | null;
 /**
@@ -2003,9 +2057,9 @@ declare function renderIcon(container: HTMLElement, icon: IconConfig, size?: num
  */
 declare function preloadIcons(icons: IconConfig[]): Promise<void>;
 /**
- * Clear the icon cache (keeps registered icons)
+ * Clear the icon cache (keeps registered icons, optionally clears localStorage)
  */
-declare function clearIconCache(): void;
+declare function clearIconCache(clearStorage?: boolean): void;
 /**
  * Check if an icon set is supported
  */
@@ -2019,4 +2073,4 @@ declare function getSupportedIconSets(): string[];
  */
 declare function getIconifyCollection(set: string): string | undefined;
 
-export { AnalyticsCollector, type AnalyticsConfig, type AnalyticsEvent, type AnalyticsEventType, type Assertion$1 as Assertion, type AssertionResult$1 as AssertionResult, type BatchEventsRequest, type BatchEventsResponse, type BindingContext, type BundleStrategy, type BundledComponent, type CacheConfig, type CacheEntry, type CacheStrategy, type ClientInfo, type ComponentBundle, type ComponentData, type ComponentRegistry, DEFAULT_CACHE_CONFIG, DEFAULT_REGISTRY_URL, DEFAULT_RETRY_CONFIG, DEFAULT_SERVLY_TAILWIND_CONFIG, type DependencyEntry, type DependencyManifest, type DependencyType, EVENT_HANDLERS, type ElementConfig, type ErrorMetadata, type ErrorType, type EventContext, type EventHandlerConfig, EventSystem, type EventSystemConfig, type FetchMetadata, type FetchOptions, type FetchResult, type IconConfig, type IconData, type IconRenderer, type LayoutElement, LongTaskObserver, MemorySampler, type NavigationOptions, type Override, type OverrideState, OverrideSystem, type OverrideSystemConfig, type ParsedVersion, type PluginExecutor, type PropDefinition, type RenderMetadata, type RenderOptions, type RenderResult, type RetryConfig, type ServlyEventHandler, type ServlyPluginAction, type SessionInfo, SessionManager, type StateChangeEvent, StateManager, type StateManagerConfig, type TailwindConfig, type AssertionResult as TestAssertionResult, type TestCase$1 as TestCase, type TestCase as TestCaseInput, type TestCaseResult, type TestResult, type TestSummary as TestRunSummary, type TestSummary$1 as TestSummary, type ViewData, addClass, addCustomStyles, analytics, applyStyles, batchFetchComponents, buildClassName, buildElementStyles, buildRegistryFromBundle, bumpVersion, camelToKebab, clearAllCaches, clearIconCache, clearLocalStorageCache, clearMemoryCache, clearStyles, collectAllDependencies, collectAllViewDependencies, compareVersions, configureAnalytics, createIconSVG, createPlaceholderIcon, createRegistry, createServlyRenderer, createViewsMap, deepMerge, deleteValueByPath, detectCircularDependencies, extractBindingKeys, extractDependencies, extractDependenciesFromCode, extractOverrideDependencies, extractReferencedViewIds, fetchComponent, fetchComponentWithDependencies, formatStyleValue, formatVersion, generateTestCases, getAnalytics, getCacheKey, getCleanupOverrides, getDependencyTree, getEventSystem, getFromCache, getIconData, getIconDataSync, getIconifyCollection, getLocalStorage, getLongTaskObserver, getMemoryCacheSize, getMemorySampler, getMountOverrides, getOverrideSystem, getRegisteredIconKeys, getRegistryUrl, getSessionManager, getSessionStorage, getSupportedIconSets, getTailwind, getUrlInfo, getValueByPath, goBack, goForward, hasClass, hasDependencyOverrides, hasOverrides, hasTemplateSyntax, initServlyTailwind, injectTailwind, injectTailwindStyles, invalidateCache, isComponentAvailable, isIconCdnEnabled, isIconRegistered, isIconSetSupported, isTailwindLoaded, isTailwindReady, isValidSpecifier, markElementReady, navigateTo, parseVersion, prefetchComponents, preloadIcons, preloadTailwind, preventFOUC, processStyles, refreshTailwind, registerIcon, registerIcons, removeClass, removeCustomStyles, removeFOUCPrevention, removeLocalStorage, removeSessionStorage, removeTailwind, render, renderDynamicList, renderIcon, renderInShadow, renderNode, resetAnalytics, resetEventSystem, resetLongTaskObserver, resetMemorySampler, resetOverrideSystem, resetSessionManager, resolveBindingPath, resolveTemplate, resolveTemplateValue, resolveTemplatesDeep, resolveVersion, runAllTests, runTestCase, satisfiesVersion, scheduleRefresh, setIconCdnEnabled, setInCache, setLocalStorage, setRegistryUrl, setSessionStorage, setValueByPath, toDomEventName, toReactEventName, toggleClass, updateStyles, updateTailwindConfig, validateAssertion, validateProps, waitForTailwind };
+export { AnalyticsCollector, type AnalyticsConfig, type AnalyticsEvent, type AnalyticsEventType, type Assertion$1 as Assertion, type AssertionResult$1 as AssertionResult, type BatchEventsRequest, type BatchEventsResponse, type BindingContext, type BundleStrategy, type BundledComponent, type CacheConfig, type CacheEntry, type CacheStrategy, type ClientInfo, type ComponentBundle, type ComponentData, type ComponentRegistry, DEFAULT_CACHE_CONFIG, DEFAULT_REGISTRY_URL, DEFAULT_RETRY_CONFIG, DEFAULT_SERVLY_TAILWIND_CONFIG, type DependencyEntry, type DependencyManifest, type DependencyType, EVENT_HANDLERS, type ElementConfig, type ErrorMetadata, type ErrorType, type EventContext, type EventHandlerConfig, EventSystem, type EventSystemConfig, type FetchMetadata, type FetchOptions, type FetchResult, type FontConfig, type IconConfig, type IconData, type IconRenderer, type LayoutElement, LongTaskObserver, MemorySampler, type NavigationOptions, type Override, type OverrideState, OverrideSystem, type OverrideSystemConfig, type ParsedVersion, type PluginExecutor, type PropDefinition, type RenderMetadata, type RenderOptions, type RenderResult, type RetryConfig, type ServlyEventHandler, type ServlyPluginAction, type SessionInfo, SessionManager, type StateChangeEvent, StateManager, type StateManagerConfig, type TailwindConfig, type AssertionResult as TestAssertionResult, type TestCase$1 as TestCase, type TestCase as TestCaseInput, type TestCaseResult, type TestResult, type TestSummary as TestRunSummary, type TestSummary$1 as TestSummary, type ViewData, addClass, addCustomStyles, addFontPreconnect, analytics, applyStyles, batchFetchComponents, buildClassName, buildElementStyles, buildRegistryFromBundle, bumpVersion, camelToKebab, clearAllCaches, clearIconCache, clearIconStorageCache, clearLocalStorageCache, clearMemoryCache, clearStyles, collectAllDependencies, collectAllViewDependencies, compareVersions, configureAnalytics, createIconSVG, createPlaceholderIcon, createRegistry, createServlyRenderer, createViewsMap, deepMerge, deleteValueByPath, detectCircularDependencies, ensureFonts, extractBindingKeys, extractDependencies, extractDependenciesFromCode, extractOverrideDependencies, extractReferencedViewIds, fetchComponent, fetchComponentWithDependencies, formatStyleValue, formatVersion, generateTestCases, getAnalytics, getCacheKey, getCleanupOverrides, getDefaultFonts, getDependencyTree, getEventSystem, getFromCache, getIconData, getIconDataSync, getIconifyCollection, getLoadedFonts, getLocalStorage, getLongTaskObserver, getMemoryCacheSize, getMemorySampler, getMountOverrides, getOverrideSystem, getRegisteredIconKeys, getRegistryUrl, getSessionManager, getSessionStorage, getSupportedIconSets, getTailwind, getUrlInfo, getValueByPath, goBack, goForward, hasClass, hasDependencyOverrides, hasOverrides, hasTemplateSyntax, initFonts, initServlyTailwind, injectTailwind, injectTailwindStyles, invalidateCache, isComponentAvailable, isFontLoaded, isIconCdnEnabled, isIconRegistered, isIconSetSupported, isTailwindLoaded, isTailwindReady, isValidSpecifier, loadDefaultFonts, loadFont, loadFonts, markElementReady, navigateTo, parseVersion, prefetchComponents, preloadIcons, preloadTailwind, preventFOUC, processStyles, refreshTailwind, registerIcon, registerIcons, removeClass, removeCustomStyles, removeFOUCPrevention, removeLocalStorage, removeSessionStorage, removeTailwind, render, renderDynamicList, renderIcon, renderInShadow, renderNode, resetAnalytics, resetEventSystem, resetLongTaskObserver, resetMemorySampler, resetOverrideSystem, resetSessionManager, resolveBindingPath, resolveTemplate, resolveTemplateValue, resolveTemplatesDeep, resolveVersion, runAllTests, runTestCase, satisfiesVersion, scheduleRefresh, setIconCdnEnabled, setInCache, setLocalStorage, setRegistryUrl, setSessionStorage, setValueByPath, toDomEventName, toReactEventName, toggleClass, updateStyles, updateTailwindConfig, validateAssertion, validateProps, waitForTailwind };

package/dist/index.d.ts

@@ -1718,6 +1718,7 @@ declare function resetEventSystem(): void;
 /**
  * Add preload link for Tailwind CDN to start loading earlier
  * This helps the browser start fetching before we actually need it
+ * Note: Only preload if we're going to use the script immediately after
  */
 declare function preloadTailwind(cdnUrl?: string, usePlayCdn?: boolean): void;
 /**
@@ -1822,6 +1823,55 @@ declare const DEFAULT_SERVLY_TAILWIND_CONFIG: {
 declare function initServlyTailwind(customConfig?: Record<string, any>): Promise<void>;
 declare const injectTailwindStyles: typeof initServlyTailwind;
 
+/**
+ * Google Fonts Utilities for Runtime Core
+ * Provides automatic font loading for Servly components
+ */
+/**
+ * Add preconnect links for Google Fonts (improves load performance)
+ */
+declare function addFontPreconnect(): void;
+/**
+ * Load a specific Google Font
+ */
+declare function loadFont(family: string, weights?: string[]): void;
+/**
+ * Load multiple fonts at once
+ */
+declare function loadFonts(fonts: string[], weights?: string[]): void;
+/**
+ * Load default popular fonts
+ */
+declare function loadDefaultFonts(): void;
+/**
+ * Check if a font is loaded
+ */
+declare function isFontLoaded(family: string): boolean;
+/**
+ * Get list of default fonts
+ */
+declare function getDefaultFonts(): string[];
+/**
+ * Get list of currently loaded fonts
+ */
+declare function getLoadedFonts(): string[];
+interface FontConfig {
+    /** Additional fonts to load beyond defaults */
+    additionalFonts?: string[];
+    /** Font weights to load */
+    weights?: string[];
+    /** Whether to load default fonts */
+    loadDefaults?: boolean;
+}
+/**
+ * Initialize fonts with configuration
+ */
+declare function initFonts(config?: FontConfig): void;
+/**
+ * Ensure fonts are loaded (called automatically by renderer)
+ */
+declare function ensureFonts(): void;
+
 /**
  * Overrides System for Runtime Core
  * Handles element overrides with dependency tracking
@@ -1951,6 +2001,10 @@ interface IconData {
     /** ViewBox (default: "0 0 24 24") */
     viewBox?: string;
 }
+/**
+ * Clear icon cache from localStorage
+ */
+declare function clearIconStorageCache(): void;
 /**
  * Enable or disable CDN fallback for icons not in bundle
  * Disabled by default for security - only bundled icons will render
@@ -1978,11 +2032,11 @@ declare function isIconRegistered(icon: IconConfig): boolean;
  */
 declare function getRegisteredIconKeys(): string[];
 /**
- * Get icon data (from cache, registry, or CDN if enabled)
+ * Get icon data (from cache, registry, localStorage, or CDN if enabled)
  */
 declare function getIconData(icon: IconConfig): Promise<IconData | null>;
 /**
- * Get icon data synchronously (only returns cached/registered icons)
+ * Get icon data synchronously (only returns cached/registered/localStorage icons)
  */
 declare function getIconDataSync(icon: IconConfig): IconData | null;
 /**
@@ -2003,9 +2057,9 @@ declare function renderIcon(container: HTMLElement, icon: IconConfig, size?: num
  */
 declare function preloadIcons(icons: IconConfig[]): Promise<void>;
 /**
- * Clear the icon cache (keeps registered icons)
+ * Clear the icon cache (keeps registered icons, optionally clears localStorage)
  */
-declare function clearIconCache(): void;
+declare function clearIconCache(clearStorage?: boolean): void;
 /**
  * Check if an icon set is supported
  */
@@ -2019,4 +2073,4 @@ declare function getSupportedIconSets(): string[];
  */
 declare function getIconifyCollection(set: string): string | undefined;
 
-export { AnalyticsCollector, type AnalyticsConfig, type AnalyticsEvent, type AnalyticsEventType, type Assertion$1 as Assertion, type AssertionResult$1 as AssertionResult, type BatchEventsRequest, type BatchEventsResponse, type BindingContext, type BundleStrategy, type BundledComponent, type CacheConfig, type CacheEntry, type CacheStrategy, type ClientInfo, type ComponentBundle, type ComponentData, type ComponentRegistry, DEFAULT_CACHE_CONFIG, DEFAULT_REGISTRY_URL, DEFAULT_RETRY_CONFIG, DEFAULT_SERVLY_TAILWIND_CONFIG, type DependencyEntry, type DependencyManifest, type DependencyType, EVENT_HANDLERS, type ElementConfig, type ErrorMetadata, type ErrorType, type EventContext, type EventHandlerConfig, EventSystem, type EventSystemConfig, type FetchMetadata, type FetchOptions, type FetchResult, type IconConfig, type IconData, type IconRenderer, type LayoutElement, LongTaskObserver, MemorySampler, type NavigationOptions, type Override, type OverrideState, OverrideSystem, type OverrideSystemConfig, type ParsedVersion, type PluginExecutor, type PropDefinition, type RenderMetadata, type RenderOptions, type RenderResult, type RetryConfig, type ServlyEventHandler, type ServlyPluginAction, type SessionInfo, SessionManager, type StateChangeEvent, StateManager, type StateManagerConfig, type TailwindConfig, type AssertionResult as TestAssertionResult, type TestCase$1 as TestCase, type TestCase as TestCaseInput, type TestCaseResult, type TestResult, type TestSummary as TestRunSummary, type TestSummary$1 as TestSummary, type ViewData, addClass, addCustomStyles, analytics, applyStyles, batchFetchComponents, buildClassName, buildElementStyles, buildRegistryFromBundle, bumpVersion, camelToKebab, clearAllCaches, clearIconCache, clearLocalStorageCache, clearMemoryCache, clearStyles, collectAllDependencies, collectAllViewDependencies, compareVersions, configureAnalytics, createIconSVG, createPlaceholderIcon, createRegistry, createServlyRenderer, createViewsMap, deepMerge, deleteValueByPath, detectCircularDependencies, extractBindingKeys, extractDependencies, extractDependenciesFromCode, extractOverrideDependencies, extractReferencedViewIds, fetchComponent, fetchComponentWithDependencies, formatStyleValue, formatVersion, generateTestCases, getAnalytics, getCacheKey, getCleanupOverrides, getDependencyTree, getEventSystem, getFromCache, getIconData, getIconDataSync, getIconifyCollection, getLocalStorage, getLongTaskObserver, getMemoryCacheSize, getMemorySampler, getMountOverrides, getOverrideSystem, getRegisteredIconKeys, getRegistryUrl, getSessionManager, getSessionStorage, getSupportedIconSets, getTailwind, getUrlInfo, getValueByPath, goBack, goForward, hasClass, hasDependencyOverrides, hasOverrides, hasTemplateSyntax, initServlyTailwind, injectTailwind, injectTailwindStyles, invalidateCache, isComponentAvailable, isIconCdnEnabled, isIconRegistered, isIconSetSupported, isTailwindLoaded, isTailwindReady, isValidSpecifier, markElementReady, navigateTo, parseVersion, prefetchComponents, preloadIcons, preloadTailwind, preventFOUC, processStyles, refreshTailwind, registerIcon, registerIcons, removeClass, removeCustomStyles, removeFOUCPrevention, removeLocalStorage, removeSessionStorage, removeTailwind, render, renderDynamicList, renderIcon, renderInShadow, renderNode, resetAnalytics, resetEventSystem, resetLongTaskObserver, resetMemorySampler, resetOverrideSystem, resetSessionManager, resolveBindingPath, resolveTemplate, resolveTemplateValue, resolveTemplatesDeep, resolveVersion, runAllTests, runTestCase, satisfiesVersion, scheduleRefresh, setIconCdnEnabled, setInCache, setLocalStorage, setRegistryUrl, setSessionStorage, setValueByPath, toDomEventName, toReactEventName, toggleClass, updateStyles, updateTailwindConfig, validateAssertion, validateProps, waitForTailwind };
+export { AnalyticsCollector, type AnalyticsConfig, type AnalyticsEvent, type AnalyticsEventType, type Assertion$1 as Assertion, type AssertionResult$1 as AssertionResult, type BatchEventsRequest, type BatchEventsResponse, type BindingContext, type BundleStrategy, type BundledComponent, type CacheConfig, type CacheEntry, type CacheStrategy, type ClientInfo, type ComponentBundle, type ComponentData, type ComponentRegistry, DEFAULT_CACHE_CONFIG, DEFAULT_REGISTRY_URL, DEFAULT_RETRY_CONFIG, DEFAULT_SERVLY_TAILWIND_CONFIG, type DependencyEntry, type DependencyManifest, type DependencyType, EVENT_HANDLERS, type ElementConfig, type ErrorMetadata, type ErrorType, type EventContext, type EventHandlerConfig, EventSystem, type EventSystemConfig, type FetchMetadata, type FetchOptions, type FetchResult, type FontConfig, type IconConfig, type IconData, type IconRenderer, type LayoutElement, LongTaskObserver, MemorySampler, type NavigationOptions, type Override, type OverrideState, OverrideSystem, type OverrideSystemConfig, type ParsedVersion, type PluginExecutor, type PropDefinition, type RenderMetadata, type RenderOptions, type RenderResult, type RetryConfig, type ServlyEventHandler, type ServlyPluginAction, type SessionInfo, SessionManager, type StateChangeEvent, StateManager, type StateManagerConfig, type TailwindConfig, type AssertionResult as TestAssertionResult, type TestCase$1 as TestCase, type TestCase as TestCaseInput, type TestCaseResult, type TestResult, type TestSummary as TestRunSummary, type TestSummary$1 as TestSummary, type ViewData, addClass, addCustomStyles, addFontPreconnect, analytics, applyStyles, batchFetchComponents, buildClassName, buildElementStyles, buildRegistryFromBundle, bumpVersion, camelToKebab, clearAllCaches, clearIconCache, clearIconStorageCache, clearLocalStorageCache, clearMemoryCache, clearStyles, collectAllDependencies, collectAllViewDependencies, compareVersions, configureAnalytics, createIconSVG, createPlaceholderIcon, createRegistry, createServlyRenderer, createViewsMap, deepMerge, deleteValueByPath, detectCircularDependencies, ensureFonts, extractBindingKeys, extractDependencies, extractDependenciesFromCode, extractOverrideDependencies, extractReferencedViewIds, fetchComponent, fetchComponentWithDependencies, formatStyleValue, formatVersion, generateTestCases, getAnalytics, getCacheKey, getCleanupOverrides, getDefaultFonts, getDependencyTree, getEventSystem, getFromCache, getIconData, getIconDataSync, getIconifyCollection, getLoadedFonts, getLocalStorage, getLongTaskObserver, getMemoryCacheSize, getMemorySampler, getMountOverrides, getOverrideSystem, getRegisteredIconKeys, getRegistryUrl, getSessionManager, getSessionStorage, getSupportedIconSets, getTailwind, getUrlInfo, getValueByPath, goBack, goForward, hasClass, hasDependencyOverrides, hasOverrides, hasTemplateSyntax, initFonts, initServlyTailwind, injectTailwind, injectTailwindStyles, invalidateCache, isComponentAvailable, isFontLoaded, isIconCdnEnabled, isIconRegistered, isIconSetSupported, isTailwindLoaded, isTailwindReady, isValidSpecifier, loadDefaultFonts, loadFont, loadFonts, markElementReady, navigateTo, parseVersion, prefetchComponents, preloadIcons, preloadTailwind, preventFOUC, processStyles, refreshTailwind, registerIcon, registerIcons, removeClass, removeCustomStyles, removeFOUCPrevention, removeLocalStorage, removeSessionStorage, removeTailwind, render, renderDynamicList, renderIcon, renderInShadow, renderNode, resetAnalytics, resetEventSystem, resetLongTaskObserver, resetMemorySampler, resetOverrideSystem, resetSessionManager, resolveBindingPath, resolveTemplate, resolveTemplateValue, resolveTemplatesDeep, resolveVersion, runAllTests, runTestCase, satisfiesVersion, scheduleRefresh, setIconCdnEnabled, setInCache, setLocalStorage, setRegistryUrl, setSessionStorage, setValueByPath, toDomEventName, toReactEventName, toggleClass, updateStyles, updateTailwindConfig, validateAssertion, validateProps, waitForTailwind };

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   scheduleRefresh,
   updateTailwindConfig,
   waitForTailwind
-} from "./chunk-TXHGJYYM.js";
+} from "./chunk-GN6KAMNI.js";
 import {
   buildRegistryFromBundle,
   collectAllDependencies,
@@ -2332,6 +2332,58 @@ function resetOverrideSystem() {
 
 // src/icons.ts
 var cdnEnabled = true;
+var ICON_CACHE_KEY = "servly-icon-cache";
+var ICON_CACHE_VERSION = "1";
+var localStorageLoaded = false;
+function loadIconCacheFromStorage() {
+  if (localStorageLoaded) return;
+  localStorageLoaded = true;
+  if (typeof localStorage === "undefined") return;
+  try {
+    const cached = localStorage.getItem(ICON_CACHE_KEY);
+    if (!cached) return;
+    const parsed = JSON.parse(cached);
+    if (parsed.version !== ICON_CACHE_VERSION) {
+      localStorage.removeItem(ICON_CACHE_KEY);
+      return;
+    }
+    for (const [key, data] of Object.entries(parsed.icons)) {
+      if (!iconCache.has(key) && !registeredIcons.has(key)) {
+        iconCache.set(key, data);
+      }
+    }
+  } catch {
+  }
+}
+function saveIconToStorage(key, data) {
+  if (typeof localStorage === "undefined") return;
+  try {
+    const cached = localStorage.getItem(ICON_CACHE_KEY);
+    let cacheData;
+    if (cached) {
+      cacheData = JSON.parse(cached);
+      if (cacheData.version !== ICON_CACHE_VERSION) {
+        cacheData = { version: ICON_CACHE_VERSION, icons: {} };
+      }
+    } else {
+      cacheData = { version: ICON_CACHE_VERSION, icons: {} };
+    }
+    cacheData.icons[key] = data;
+    const keys = Object.keys(cacheData.icons);
+    if (keys.length > 500) {
+      keys.slice(0, 100).forEach((k) => delete cacheData.icons[k]);
+    }
+    localStorage.setItem(ICON_CACHE_KEY, JSON.stringify(cacheData));
+  } catch {
+  }
+}
+function clearIconStorageCache() {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.removeItem(ICON_CACHE_KEY);
+  } catch {
+  }
+}
 function setIconCdnEnabled(enabled) {
   cdnEnabled = enabled;
 }
@@ -2504,6 +2556,7 @@ function parseSvgResponse(svgText) {
 }
 async function getIconData(icon) {
   const key = `${icon.set}:${icon.name}`;
+  loadIconCacheFromStorage();
   if (iconCache.has(key)) {
     return iconCache.get(key);
   }
@@ -2519,11 +2572,13 @@ async function getIconData(icon) {
   pendingFetches.delete(key);
   if (data) {
     iconCache.set(key, data);
+    saveIconToStorage(key, data);
   }
   return data;
 }
 function getIconDataSync(icon) {
   const key = `${icon.set}:${icon.name}`;
+  loadIconCacheFromStorage();
   return iconCache.get(key) || null;
 }
 function createIconSVG(icon, data, size = 24, color = "currentColor") {
@@ -2623,12 +2678,15 @@ function renderIcon(container, icon, size = 24, color = "currentColor") {
 async function preloadIcons(icons) {
   await Promise.all(icons.map((icon) => getIconData(icon)));
 }
-function clearIconCache() {
+function clearIconCache(clearStorage = false) {
   iconCache.clear();
   pendingFetches.clear();
   registeredIcons.forEach((data, key) => {
     iconCache.set(key, data);
   });
+  if (clearStorage) {
+    clearIconStorageCache();
+  }
 }
 function isIconSetSupported(set) {
   return set in ICONIFY_COLLECTIONS;
@@ -2640,6 +2698,111 @@ function getIconifyCollection(set) {
   return ICONIFY_COLLECTIONS[set];
 }
 
+// src/fonts.ts
+var DEFAULT_FONTS = [
+  "Roboto",
+  "Open Sans",
+  "Lato",
+  "Montserrat",
+  "Poppins",
+  "Inter",
+  "Playfair Display",
+  "Raleway",
+  "Ubuntu",
+  "Nunito",
+  "Merriweather",
+  "Work Sans",
+  "Quicksand",
+  "Mulish",
+  "Manrope",
+  "DM Sans",
+  "Space Grotesk",
+  "Plus Jakarta Sans",
+  "Outfit",
+  "Sora"
+];
+var loadedFonts = /* @__PURE__ */ new Set();
+var fontsInitialized = false;
+var preconnectAdded = false;
+function addFontPreconnect() {
+  if (typeof document === "undefined" || preconnectAdded) return;
+  preconnectAdded = true;
+  if (!document.querySelector('link[href="https://fonts.googleapis.com"]')) {
+    const pc1 = document.createElement("link");
+    pc1.rel = "preconnect";
+    pc1.href = "https://fonts.googleapis.com";
+    document.head.appendChild(pc1);
+  }
+  if (!document.querySelector('link[href="https://fonts.gstatic.com"]')) {
+    const pc2 = document.createElement("link");
+    pc2.rel = "preconnect";
+    pc2.href = "https://fonts.gstatic.com";
+    pc2.crossOrigin = "anonymous";
+    document.head.appendChild(pc2);
+  }
+}
+function loadFont(family, weights = ["400", "500", "600", "700"]) {
+  if (typeof document === "undefined") return;
+  const linkId = `google-font-${family.replace(/[\s+]/g, "-").toLowerCase()}`;
+  if (document.getElementById(linkId) || loadedFonts.has(family)) {
+    return;
+  }
+  addFontPreconnect();
+  const weightsStr = weights.join(";");
+  const encodedFontName = encodeURIComponent(family).replace(/%20/g, "+");
+  const fontUrl = `https://fonts.googleapis.com/css2?family=${encodedFontName}:wght@${weightsStr}&display=swap`;
+  const link = document.createElement("link");
+  link.id = linkId;
+  link.rel = "stylesheet";
+  link.href = fontUrl;
+  document.head.appendChild(link);
+  loadedFonts.add(family);
+}
+function loadFonts(fonts, weights = ["400", "500", "600", "700"]) {
+  for (const font of fonts) {
+    loadFont(font, weights);
+  }
+}
+function loadDefaultFonts() {
+  if (fontsInitialized) return;
+  fontsInitialized = true;
+  console.log("[Servly Fonts] Loading default fonts...");
+  loadFonts(DEFAULT_FONTS);
+  console.log("[Servly Fonts] Default fonts loaded");
+}
+function isFontLoaded(family) {
+  if (typeof document === "undefined") return false;
+  const linkId = `google-font-${family.replace(/[\s+]/g, "-").toLowerCase()}`;
+  return !!document.getElementById(linkId) || loadedFonts.has(family);
+}
+function getDefaultFonts() {
+  return [...DEFAULT_FONTS];
+}
+function getLoadedFonts() {
+  return Array.from(loadedFonts);
+}
+function initFonts(config = {}) {
+  const {
+    additionalFonts = [],
+    weights = ["400", "500", "600", "700"],
+    loadDefaults = true
+  } = config;
+  addFontPreconnect();
+  if (loadDefaults) {
+    loadDefaultFonts();
+  }
+  if (additionalFonts.length > 0) {
+    loadFonts(additionalFonts, weights);
+  }
+}
+var autoInitialized = false;
+function ensureFonts() {
+  if (autoInitialized || typeof document === "undefined") return;
+  autoInitialized = true;
+  addFontPreconnect();
+  loadDefaultFonts();
+}
+
 // src/renderer.ts
 var tailwindAutoInjected = false;
 function ensureTailwind() {
@@ -2648,6 +2811,7 @@ function ensureTailwind() {
   injectTailwind({ usePlayCdn: true }).catch((err) => {
     console.warn("Failed to auto-inject Tailwind CSS:", err);
   });
+  ensureFonts();
 }
 var COMPONENT_TO_TAG = {
   container: "div",
@@ -3579,10 +3743,9 @@ function renderInShadow(options) {
     shadowRoot.insertBefore(styleEl, innerContainer);
   }
   if (shouldInjectTailwind) {
-    const tailwindLink = document.createElement("link");
-    tailwindLink.rel = "stylesheet";
-    tailwindLink.href = "https://cdn.tailwindcss.com";
-    shadowRoot.insertBefore(tailwindLink, innerContainer);
+    const tailwindScript = document.createElement("script");
+    tailwindScript.src = "https://cdn.tailwindcss.com";
+    shadowRoot.insertBefore(tailwindScript, innerContainer);
   }
   const result = render({
     ...renderOptions,
@@ -3613,7 +3776,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-GU53TXCZ.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-MYAEYQPY.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];
@@ -4697,6 +4860,7 @@ export {
   StateManager,
   addClass,
   addCustomStyles,
+  addFontPreconnect,
   analytics,
   applyStyles,
   batchFetchComponents,
@@ -4707,6 +4871,7 @@ export {
   camelToKebab,
   clearAllCaches,
   clearIconCache,
+  clearIconStorageCache,
   clearLocalStorageCache,
   clearMemoryCache,
   clearStyles,
@@ -4722,6 +4887,7 @@ export {
   deepMerge,
   deleteValueByPath,
   detectCircularDependencies,
+  ensureFonts,
   extractBindingKeys,
   extractDependencies,
   extractDependenciesFromCode,
@@ -4735,12 +4901,14 @@ export {
   getAnalytics,
   getCacheKey,
   getCleanupOverrides,
+  getDefaultFonts,
   getDependencyTree,
   getEventSystem,
   getFromCache,
   getIconData,
   getIconDataSync,
   getIconifyCollection,
+  getLoadedFonts,
   getLocalStorage,
   getLongTaskObserver,
   getMemoryCacheSize,
@@ -4761,17 +4929,22 @@ export {
   hasDependencyOverrides,
   hasOverrides,
   hasTemplateSyntax,
+  initFonts,
   initServlyTailwind,
   injectTailwind,
   injectTailwindStyles,
   invalidateCache,
   isComponentAvailable,
+  isFontLoaded,
   isIconCdnEnabled,
   isIconRegistered,
   isIconSetSupported,
   isTailwindLoaded,
   isTailwindReady,
   isValidSpecifier,
+  loadDefaultFonts,
+  loadFont,
+  loadFonts,
   markElementReady,
   navigateTo,
   parseVersion,

package/dist/{tailwind-GU53TXCZ.js → tailwind-MYAEYQPY.js}

@@ -18,7 +18,7 @@ import {
   tailwind_default,
   updateTailwindConfig,
   waitForTailwind
-} from "./chunk-TXHGJYYM.js";
+} from "./chunk-GN6KAMNI.js";
 export {
   DEFAULT_SERVLY_TAILWIND_CONFIG,
   addCustomStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servlyadmin/runtime-core",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
   "main": "./dist/index.cjs",