@servlyadmin/runtime-core 0.1.30 → 0.1.32

package/dist/index.js

@@ -1,25 +1,526 @@
-import {
-  DEFAULT_SERVLY_TAILWIND_CONFIG,
-  addCustomStyles,
-  getTailwind,
-  initServlyTailwind,
-  injectTailwind,
-  isTailwindLoaded,
-  removeCustomStyles,
-  removeTailwind,
-  updateTailwindConfig
-} from "./chunk-IWFVKY5N.js";
-import {
-  buildRegistryFromBundle,
-  collectAllDependencies,
-  createRegistry,
-  detectCircularDependencies,
-  extractDependencies,
-  extractDependenciesFromCode
-} from "./chunk-CIUQK4GA.js";
-import "./chunk-MCKGQKYU.js";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/runtime-core/src/tailwind.ts
+var tailwind_exports = {};
+__export(tailwind_exports, {
+  DEFAULT_SERVLY_TAILWIND_CONFIG: () => DEFAULT_SERVLY_TAILWIND_CONFIG,
+  addCustomStyles: () => addCustomStyles,
+  default: () => tailwind_default,
+  getTailwind: () => getTailwind,
+  initServlyTailwind: () => initServlyTailwind,
+  injectTailwind: () => injectTailwind,
+  injectTailwindStyles: () => injectTailwindStyles,
+  isTailwindLoaded: () => isTailwindLoaded,
+  removeCustomStyles: () => removeCustomStyles,
+  removeTailwind: () => removeTailwind,
+  updateTailwindConfig: () => updateTailwindConfig
+});
+function injectTailwind(config = {}) {
+  return new Promise((resolve, reject) => {
+    if (tailwindInjected && tailwindScript) {
+      resolve();
+      return;
+    }
+    if (typeof document === "undefined") {
+      resolve();
+      return;
+    }
+    if (window.tailwind) {
+      tailwindInjected = true;
+      config.onReady?.();
+      resolve();
+      return;
+    }
+    const {
+      cdnUrl = DEFAULT_TAILWIND_CDN,
+      config: tailwindConfig,
+      plugins = [],
+      usePlayCdn = false,
+      onReady,
+      onError
+    } = config;
+    const script = document.createElement("script");
+    script.src = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
+    script.async = true;
+    script.onload = () => {
+      tailwindInjected = true;
+      tailwindScript = script;
+      if (tailwindConfig && window.tailwind) {
+        window.tailwind.config = tailwindConfig;
+      }
+      onReady?.();
+      resolve();
+    };
+    script.onerror = (event) => {
+      const error = new Error(`Failed to load Tailwind CSS from ${cdnUrl}`);
+      onError?.(error);
+      reject(error);
+    };
+    document.head.appendChild(script);
+  });
+}
+function removeTailwind() {
+  if (tailwindScript && tailwindScript.parentNode) {
+    tailwindScript.parentNode.removeChild(tailwindScript);
+    tailwindScript = null;
+    tailwindInjected = false;
+    delete window.tailwind;
+  }
+}
+function isTailwindLoaded() {
+  return tailwindInjected || !!window.tailwind;
+}
+function getTailwind() {
+  return window.tailwind;
+}
+function updateTailwindConfig(config) {
+  if (window.tailwind) {
+    window.tailwind.config = {
+      ...window.tailwind.config,
+      ...config
+    };
+  }
+}
+function addCustomStyles(css, id) {
+  if (typeof document === "undefined") {
+    throw new Error("addCustomStyles can only be used in browser environment");
+  }
+  const styleId = id || `servly-custom-styles-${Date.now()}`;
+  let existingStyle = document.getElementById(styleId);
+  if (existingStyle) {
+    existingStyle.textContent = css;
+    return existingStyle;
+  }
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.textContent = css;
+  document.head.appendChild(style);
+  return style;
+}
+function removeCustomStyles(id) {
+  if (typeof document === "undefined") return;
+  const style = document.getElementById(id);
+  if (style && style.parentNode) {
+    style.parentNode.removeChild(style);
+  }
+}
+async function initServlyTailwind(customConfig) {
+  const config = customConfig ? { ...DEFAULT_SERVLY_TAILWIND_CONFIG, ...customConfig } : DEFAULT_SERVLY_TAILWIND_CONFIG;
+  await injectTailwind({
+    config,
+    usePlayCdn: true
+  });
+}
+var DEFAULT_TAILWIND_CDN, tailwindInjected, tailwindScript, DEFAULT_SERVLY_TAILWIND_CONFIG, injectTailwindStyles, tailwind_default;
+var init_tailwind = __esm({
+  "packages/runtime-core/src/tailwind.ts"() {
+    DEFAULT_TAILWIND_CDN = "https://cdn.tailwindcss.com";
+    tailwindInjected = false;
+    tailwindScript = null;
+    DEFAULT_SERVLY_TAILWIND_CONFIG = {
+      theme: {
+        extend: {
+          // Add any Servly-specific theme extensions here
+        }
+      },
+      // Safelist common dynamic classes
+      safelist: [
+        // Spacing
+        { pattern: /^(p|m|gap)-/ },
+        // Sizing
+        { pattern: /^(w|h|min-w|min-h|max-w|max-h)-/ },
+        // Flexbox
+        { pattern: /^(flex|justify|items|self)-/ },
+        // Grid
+        { pattern: /^(grid|col|row)-/ },
+        // Colors
+        { pattern: /^(bg|text|border|ring)-/ },
+        // Typography
+        { pattern: /^(font|text|leading|tracking)-/ },
+        // Borders
+        { pattern: /^(rounded|border)-/ },
+        // Effects
+        { pattern: /^(shadow|opacity|blur)-/ },
+        // Transforms
+        { pattern: /^(scale|rotate|translate|skew)-/ },
+        // Transitions
+        { pattern: /^(transition|duration|ease|delay)-/ }
+      ]
+    };
+    injectTailwindStyles = initServlyTailwind;
+    tailwind_default = {
+      injectTailwind,
+      injectTailwindStyles,
+      removeTailwind,
+      isTailwindLoaded,
+      getTailwind,
+      updateTailwindConfig,
+      addCustomStyles,
+      removeCustomStyles,
+      initServlyTailwind,
+      DEFAULT_SERVLY_TAILWIND_CONFIG
+    };
+  }
+});
 
-// src/analyticsTypes.ts
+// packages/runtime-core/src/registry.ts
+var registry_exports = {};
+__export(registry_exports, {
+  buildRegistryFromBundle: () => buildRegistryFromBundle,
+  collectAllDependencies: () => collectAllDependencies,
+  createRegistry: () => createRegistry,
+  detectCircularDependencies: () => detectCircularDependencies,
+  extractDependencies: () => extractDependencies,
+  extractDependenciesFromCode: () => extractDependenciesFromCode
+});
+function createRegistry() {
+  const components = /* @__PURE__ */ new Map();
+  return {
+    get(id, version) {
+      if (version) {
+        const key = `${id}@${version}`;
+        if (components.has(key)) {
+          return components.get(key);
+        }
+      }
+      for (const [key, component] of components) {
+        if (key.startsWith(`${id}@`)) {
+          return component;
+        }
+      }
+      return components.get(id);
+    },
+    has(id, version) {
+      if (version) {
+        return components.has(`${id}@${version}`);
+      }
+      for (const key of components.keys()) {
+        if (key.startsWith(`${id}@`) || key === id) {
+          return true;
+        }
+      }
+      return false;
+    },
+    set(id, version, component) {
+      components.set(`${id}@${version}`, component);
+    }
+  };
+}
+function buildRegistryFromBundle(data) {
+  const registry = createRegistry();
+  registry.set(data.id, data.version, {
+    layout: data.layout,
+    propsInterface: data.propsInterface
+  });
+  if (data.bundle) {
+    for (const [key, component] of Object.entries(data.bundle)) {
+      const [id, version] = key.split("@");
+      if (id && version) {
+        registry.set(id, version, component);
+      }
+    }
+  }
+  return registry;
+}
+function extractDependencies(elements) {
+  const dependencies = [];
+  for (const element of elements) {
+    const config = element.configuration;
+    if (!config) continue;
+    if (config.componentViewRef) {
+      dependencies.push({
+        id: config.componentViewRef,
+        version: config.componentViewVersion,
+        type: "viewRef",
+        elementId: element.i
+      });
+    }
+    if (config.blueprint) {
+      dependencies.push({
+        id: config.blueprint,
+        version: config.blueprintVersion,
+        type: "blueprint",
+        elementId: element.i
+      });
+    }
+  }
+  return dependencies;
+}
+function extractDependenciesFromCode(code) {
+  const dependencies = [];
+  const pattern = /renderDynamicList\s*\(\s*\{[^}]*blueprint\s*:\s*["']([^"']+)["']/g;
+  let match;
+  while ((match = pattern.exec(code)) !== null) {
+    dependencies.push({
+      id: match[1],
+      type: "blueprint"
+    });
+  }
+  return dependencies;
+}
+async function collectAllDependencies(rootId, rootVersion, fetchComponent2, maxDepth = 10) {
+  const manifest = {};
+  const visited = /* @__PURE__ */ new Set();
+  async function collect(id, version, via, depth) {
+    if (depth > maxDepth) {
+      console.warn(`Max dependency depth (${maxDepth}) reached for ${id}`);
+      return;
+    }
+    const key = `${id}@${version || "latest"}`;
+    if (visited.has(key)) {
+      return;
+    }
+    visited.add(key);
+    try {
+      const component = await fetchComponent2(id, version);
+      if (!component) {
+        console.warn(`Dependency not found: ${id}@${version || "latest"}`);
+        return;
+      }
+      manifest[id] = {
+        version: version || "latest",
+        resolved: component.version,
+        type: via ? "viewRef" : "viewRef",
+        // Will be set by caller
+        via
+      };
+      const nestedDeps = extractDependencies(component.layout);
+      for (const dep of nestedDeps) {
+        await collect(dep.id, dep.version, id, depth + 1);
+      }
+    } catch (error) {
+      console.error(`Failed to fetch dependency ${id}:`, error);
+    }
+  }
+  const rootComponent = await fetchComponent2(rootId, rootVersion);
+  if (rootComponent) {
+    const rootDeps = extractDependencies(rootComponent.layout);
+    for (const dep of rootDeps) {
+      manifest[dep.id] = {
+        version: dep.version || "latest",
+        resolved: "",
+        // Will be filled when fetched
+        type: dep.type
+      };
+      await collect(dep.id, dep.version, void 0, 1);
+    }
+  }
+  return manifest;
+}
+function detectCircularDependencies(manifest) {
+  const graph = /* @__PURE__ */ new Map();
+  for (const [id, entry] of Object.entries(manifest)) {
+    if (entry.via) {
+      const deps = graph.get(entry.via) || [];
+      deps.push(id);
+      graph.set(entry.via, deps);
+    }
+  }
+  const visited = /* @__PURE__ */ new Set();
+  const stack = /* @__PURE__ */ new Set();
+  const path = [];
+  function dfs(node) {
+    if (stack.has(node)) {
+      const cycleStart = path.indexOf(node);
+      return [...path.slice(cycleStart), node];
+    }
+    if (visited.has(node)) {
+      return null;
+    }
+    visited.add(node);
+    stack.add(node);
+    path.push(node);
+    const neighbors = graph.get(node) || [];
+    for (const neighbor of neighbors) {
+      const cycle = dfs(neighbor);
+      if (cycle) return cycle;
+    }
+    stack.delete(node);
+    path.pop();
+    return null;
+  }
+  for (const node of graph.keys()) {
+    const cycle = dfs(node);
+    if (cycle) return cycle;
+  }
+  return null;
+}
+var init_registry = __esm({
+  "packages/runtime-core/src/registry.ts"() {
+  }
+});
+
+// packages/runtime-core/src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AnalyticsCollector: () => AnalyticsCollector,
+  DEFAULT_CACHE_CONFIG: () => DEFAULT_CACHE_CONFIG,
+  DEFAULT_RETRY_CONFIG: () => DEFAULT_RETRY_CONFIG,
+  DEFAULT_SERVLY_TAILWIND_CONFIG: () => DEFAULT_SERVLY_TAILWIND_CONFIG,
+  EVENT_HANDLERS: () => EVENT_HANDLERS,
+  EventSystem: () => EventSystem,
+  LongTaskObserver: () => LongTaskObserver,
+  MemorySampler: () => MemorySampler,
+  OverrideSystem: () => OverrideSystem,
+  SessionManager: () => SessionManager,
+  StateManager: () => StateManager,
+  addClass: () => addClass,
+  addCustomStyles: () => addCustomStyles,
+  analytics: () => analytics,
+  applyStyles: () => applyStyles,
+  batchFetchComponents: () => batchFetchComponents,
+  buildClassName: () => buildClassName,
+  buildElementStyles: () => buildElementStyles,
+  buildRegistryFromBundle: () => buildRegistryFromBundle,
+  bumpVersion: () => bumpVersion,
+  camelToKebab: () => camelToKebab,
+  clearAllCaches: () => clearAllCaches,
+  clearIconCache: () => clearIconCache,
+  clearLocalStorageCache: () => clearLocalStorageCache,
+  clearMemoryCache: () => clearMemoryCache,
+  clearStyles: () => clearStyles,
+  collectAllDependencies: () => collectAllDependencies,
+  collectAllViewDependencies: () => collectAllViewDependencies,
+  compareVersions: () => compareVersions,
+  configureAnalytics: () => configureAnalytics,
+  createIconSVG: () => createIconSVG,
+  createPlaceholderIcon: () => createPlaceholderIcon,
+  createRegistry: () => createRegistry,
+  createServlyRenderer: () => createServlyRenderer,
+  createViewsMap: () => createViewsMap,
+  deepMerge: () => deepMerge,
+  deleteValueByPath: () => deleteValueByPath,
+  detectCircularDependencies: () => detectCircularDependencies,
+  extractBindingKeys: () => extractBindingKeys,
+  extractDependencies: () => extractDependencies,
+  extractDependenciesFromCode: () => extractDependenciesFromCode,
+  extractIconFromReactIcons: () => extractIconFromReactIcons,
+  extractIconsForLayout: () => extractIconsForLayout,
+  extractOverrideDependencies: () => extractOverrideDependencies,
+  extractReferencedViewIds: () => extractReferencedViewIds,
+  fetchComponent: () => fetchComponent,
+  fetchComponentWithDependencies: () => fetchComponentWithDependencies,
+  findIconsInLayout: () => findIconsInLayout,
+  formatStyleValue: () => formatStyleValue,
+  formatVersion: () => formatVersion,
+  generateIconBundle: () => generateIconBundle,
+  generateTestCases: () => generateTestCases,
+  getAnalytics: () => getAnalytics,
+  getCacheKey: () => getCacheKey,
+  getCleanupOverrides: () => getCleanupOverrides,
+  getDependencyTree: () => getDependencyTree,
+  getEventSystem: () => getEventSystem,
+  getFromCache: () => getFromCache,
+  getIconData: () => getIconData,
+  getIconDataSync: () => getIconDataSync,
+  getIconifyCollection: () => getIconifyCollection,
+  getLocalStorage: () => getLocalStorage,
+  getLongTaskObserver: () => getLongTaskObserver,
+  getMemoryCacheSize: () => getMemoryCacheSize,
+  getMemorySampler: () => getMemorySampler,
+  getMountOverrides: () => getMountOverrides,
+  getOverrideSystem: () => getOverrideSystem,
+  getRegisteredIconKeys: () => getRegisteredIconKeys,
+  getRegistryUrl: () => getRegistryUrl,
+  getSessionManager: () => getSessionManager,
+  getSessionStorage: () => getSessionStorage,
+  getSupportedIconSets: () => getSupportedIconSets,
+  getTailwind: () => getTailwind,
+  getUrlInfo: () => getUrlInfo,
+  getValueByPath: () => getValueByPath,
+  goBack: () => goBack,
+  goForward: () => goForward,
+  hasClass: () => hasClass,
+  hasDependencyOverrides: () => hasDependencyOverrides,
+  hasOverrides: () => hasOverrides,
+  hasTemplateSyntax: () => hasTemplateSyntax,
+  initServlyTailwind: () => initServlyTailwind,
+  injectTailwind: () => injectTailwind,
+  injectTailwindStyles: () => injectTailwindStyles,
+  invalidateCache: () => invalidateCache,
+  isComponentAvailable: () => isComponentAvailable,
+  isIconCdnEnabled: () => isIconCdnEnabled,
+  isIconRegistered: () => isIconRegistered,
+  isIconSetSupported: () => isIconSetSupported,
+  isTailwindLoaded: () => isTailwindLoaded,
+  isValidSpecifier: () => isValidSpecifier,
+  navigateTo: () => navigateTo,
+  parseVersion: () => parseVersion,
+  prefetchComponents: () => prefetchComponents,
+  preloadIcons: () => preloadIcons,
+  processStyles: () => processStyles,
+  registerIcon: () => registerIcon,
+  registerIcons: () => registerIcons,
+  removeClass: () => removeClass,
+  removeCustomStyles: () => removeCustomStyles,
+  removeLocalStorage: () => removeLocalStorage,
+  removeSessionStorage: () => removeSessionStorage,
+  removeTailwind: () => removeTailwind,
+  render: () => render,
+  renderDynamicList: () => renderDynamicList,
+  renderIcon: () => renderIcon,
+  renderInShadow: () => renderInShadow,
+  renderNode: () => renderNode,
+  resetAnalytics: () => resetAnalytics,
+  resetEventSystem: () => resetEventSystem,
+  resetLongTaskObserver: () => resetLongTaskObserver,
+  resetMemorySampler: () => resetMemorySampler,
+  resetOverrideSystem: () => resetOverrideSystem,
+  resetSessionManager: () => resetSessionManager,
+  resolveBindingPath: () => resolveBindingPath,
+  resolveTemplate: () => resolveTemplate,
+  resolveTemplateValue: () => resolveTemplateValue,
+  resolveTemplatesDeep: () => resolveTemplatesDeep,
+  resolveVersion: () => resolveVersion,
+  runAllTests: () => runAllTests,
+  runTestCase: () => runTestCase,
+  satisfiesVersion: () => satisfiesVersion,
+  setIconCdnEnabled: () => setIconCdnEnabled,
+  setInCache: () => setInCache,
+  setLocalStorage: () => setLocalStorage,
+  setRegistryUrl: () => setRegistryUrl,
+  setSessionStorage: () => setSessionStorage,
+  setValueByPath: () => setValueByPath,
+  toDomEventName: () => toDomEventName,
+  toReactEventName: () => toReactEventName,
+  toggleClass: () => toggleClass,
+  updateStyles: () => updateStyles,
+  updateTailwindConfig: () => updateTailwindConfig,
+  validateAssertion: () => validateAssertion,
+  validateProps: () => validateProps
+});
+module.exports = __toCommonJS(index_exports);
+
+// packages/runtime-core/src/analyticsTypes.ts
 var DEFAULT_ANALYTICS_CONFIG = {
   enabled: true,
   endpoint: "/api/v1/analytics/events",
@@ -37,7 +538,7 @@ var MAX_RETRY_ATTEMPTS = 3;
 var SESSION_TIMEOUT_MS = 30 * 60 * 1e3;
 var SDK_VERSION = "1.0.0";
 
-// src/sessionManager.ts
+// packages/runtime-core/src/sessionManager.ts
 var SESSION_STORAGE_KEY = "servly_analytics_session";
 function generateUUID() {
   if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
@@ -99,8 +600,8 @@ function isSessionExpired(session) {
   return now - session.lastActivityAt > SESSION_TIMEOUT_MS;
 }
 var SessionManager = class {
+  session = null;
   constructor() {
-    this.session = null;
     this.initialize();
   }
   /**
@@ -180,13 +681,15 @@ function resetSessionManager() {
   sessionManagerInstance = null;
 }
 
-// src/analytics.ts
+// packages/runtime-core/src/analytics.ts
 var AnalyticsCollector = class {
+  config;
+  eventQueue = [];
+  flushTimer = null;
+  isEnabled;
+  isFlushing = false;
+  retryDelay = 1e3;
   constructor(config) {
-    this.eventQueue = [];
-    this.flushTimer = null;
-    this.isFlushing = false;
-    this.retryDelay = 1e3;
     this.config = { ...DEFAULT_ANALYTICS_CONFIG, ...config };
     this.isEnabled = this.config.enabled;
     this.startFlushTimer();
@@ -529,7 +1032,7 @@ var analytics = {
   enable: () => getAnalytics().enable()
 };
 
-// src/bindings.ts
+// packages/runtime-core/src/bindings.ts
 var BINDING_SOURCES = [
   "props",
   "state",
@@ -913,7 +1416,7 @@ function extractBindingKeys(template) {
   return Array.from(keys);
 }
 
-// src/styles.ts
+// packages/runtime-core/src/styles.ts
 var UNITLESS_PROPERTIES = /* @__PURE__ */ new Set([
   "animationIterationCount",
   "borderImageOutset",
@@ -1081,8 +1584,9 @@ function updateStyles(element, oldStyles, newStyles) {
   }
 }
 
-// src/memorySampler.ts
+// packages/runtime-core/src/memorySampler.ts
 var MemorySampler = class {
+  isSupported;
   constructor() {
     this.isSupported = this.checkSupport();
   }
@@ -1142,12 +1646,13 @@ function resetMemorySampler() {
   memorySamplerInstance = null;
 }
 
-// src/longTaskObserver.ts
+// packages/runtime-core/src/longTaskObserver.ts
 var LongTaskObserver = class {
+  observer = null;
+  longTaskCount = 0;
+  isSupported;
+  isObserving = false;
   constructor() {
-    this.observer = null;
-    this.longTaskCount = 0;
-    this.isObserving = false;
     this.isSupported = this.checkSupport();
   }
   /**
@@ -1237,11 +1742,12 @@ function resetLongTaskObserver() {
   longTaskObserverInstance = null;
 }
 
-// src/stateManager.ts
+// packages/runtime-core/src/stateManager.ts
 var StateManager = class {
+  state = {};
+  listeners = /* @__PURE__ */ new Set();
+  config;
   constructor(config = {}) {
-    this.state = {};
-    this.listeners = /* @__PURE__ */ new Set();
     this.config = config;
     this.state = config.initialState || {};
     if (config.persistToLocalStorage && typeof localStorage !== "undefined") {
@@ -1627,7 +2133,7 @@ function getUrlInfo() {
   };
 }
 
-// src/eventSystem.ts
+// packages/runtime-core/src/eventSystem.ts
 var builtInPlugins = {
   /**
    * Set state value
@@ -1893,9 +2399,11 @@ var builtInPlugins = {
   }
 };
 var EventSystem = class {
+  config;
+  pluginExecutors;
+  debounceTimers = /* @__PURE__ */ new Map();
+  throttleTimers = /* @__PURE__ */ new Map();
   constructor(config = {}) {
-    this.debounceTimers = /* @__PURE__ */ new Map();
-    this.throttleTimers = /* @__PURE__ */ new Map();
     this.config = config;
     this.pluginExecutors = {
       ...builtInPlugins,
@@ -2065,11 +2573,12 @@ function resetEventSystem() {
   }
 }
 
-// src/overrides.ts
+// packages/runtime-core/src/overrides.ts
 var OverrideSystem = class {
+  config;
+  elementStates = /* @__PURE__ */ new Map();
+  watchIntervals = /* @__PURE__ */ new Map();
   constructor(config = {}) {
-    this.elementStates = /* @__PURE__ */ new Map();
-    this.watchIntervals = /* @__PURE__ */ new Map();
     this.config = config;
   }
   /**
@@ -2286,7 +2795,7 @@ function resetOverrideSystem() {
   }
 }
 
-// src/icons.ts
+// packages/runtime-core/src/icons.ts
 var cdnEnabled = true;
 function setIconCdnEnabled(enabled) {
   cdnEnabled = enabled;
@@ -2596,7 +3105,18 @@ function getIconifyCollection(set) {
   return ICONIFY_COLLECTIONS[set];
 }
 
-// src/renderer.ts
+// packages/runtime-core/src/renderer.ts
+init_tailwind();
+var tailwindAutoInjected = false;
+function ensureTailwind() {
+  if (tailwindAutoInjected || typeof document === "undefined") return;
+  tailwindAutoInjected = true;
+  if (!isTailwindLoaded()) {
+    injectTailwind({ usePlayCdn: true }).catch((err) => {
+      console.warn("Failed to auto-inject Tailwind CSS:", err);
+    });
+  }
+}
 var COMPONENT_TO_TAG = {
   container: "div",
   text: "span",
@@ -3155,6 +3675,9 @@ function renderSlotElement(element, tree, context, eventHandlers, elementStates,
   return elementState.domElement;
 }
 function render(options) {
+  if (!options.disableTailwind) {
+    ensureTailwind();
+  }
   const {
     container,
     elements,
@@ -3511,7 +4034,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-3FTT56ZG.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await Promise.resolve().then(() => (init_tailwind(), tailwind_exports));
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];
@@ -3609,7 +4132,7 @@ function collectAllViewDependencies(views, startViewId) {
   return collected;
 }
 
-// src/cache.ts
+// packages/runtime-core/src/cache.ts
 var DEFAULT_CACHE_CONFIG = {
   maxEntries: 50,
   ttl: 5 * 60 * 1e3,
@@ -3853,7 +4376,8 @@ function invalidateCache(id, version, config = DEFAULT_CACHE_CONFIG) {
   }
 }
 
-// src/fetcher.ts
+// packages/runtime-core/src/fetcher.ts
+init_registry();
 var DEFAULT_RETRY_CONFIG = {
   maxRetries: 3,
   initialDelay: 1e3,
@@ -4107,7 +4631,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-7UL42655.js");
+    const { createRegistry: createRegistry2 } = await Promise.resolve().then(() => (init_registry(), registry_exports));
     const registry = result.registry || createRegistry2();
     await Promise.all(
       result.pendingDependencies.map(async (dep) => {
@@ -4213,7 +4737,7 @@ async function getDependencyTree(id, options = {}) {
   return data.data;
 }
 
-// src/version.ts
+// packages/runtime-core/src/version.ts
 function parseVersion(version) {
   const match = version.match(/^(\d+)\.(\d+)\.(\d+)$/);
   if (!match) return null;
@@ -4325,7 +4849,7 @@ function formatVersion(version) {
   return `v${parsed.major}.${parsed.minor}.${parsed.patch}`;
 }
 
-// src/testRunner.ts
+// packages/runtime-core/src/testRunner.ts
 function runTestCase(elements, testCase, container) {
   const startTime = performance.now();
   const assertionResults = [];
@@ -4580,7 +5104,11 @@ function getSampleValue(def) {
   }
 }
 
-// src/iconExtractor.ts
+// packages/runtime-core/src/index.ts
+init_registry();
+init_tailwind();
+
+// packages/runtime-core/src/iconExtractor.ts
 var REACT_ICONS_PACKAGES = {
   Ai: "react-icons/ai",
   Bi: "react-icons/bi",
@@ -4624,8 +5152,8 @@ async function extractIconFromReactIcons(iconName, iconSet) {
       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 React = await import("react");
+    const { renderToStaticMarkup } = await import("react-dom/server");
     const svgString = renderToStaticMarkup(React.createElement(IconComponent, { size: 24 }));
     return parseSvgString(svgString);
   } catch (error) {
@@ -4715,7 +5243,8 @@ function generateIconBundle(icons) {
   lines.push("export { BUNDLED_ICONS };");
   return lines.join("\n");
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   AnalyticsCollector,
   DEFAULT_CACHE_CONFIG,
   DEFAULT_RETRY_CONFIG,
@@ -4799,6 +5328,7 @@ export {
   hasTemplateSyntax,
   initServlyTailwind,
   injectTailwind,
+  injectTailwindStyles,
   invalidateCache,
   isComponentAvailable,
   isIconCdnEnabled,
@@ -4850,4 +5380,4 @@ export {
   updateTailwindConfig,
   validateAssertion,
   validateProps
-};
+});