@frontmcp/ui 0.6.0 → 0.6.2

package/react/index.js

@@ -35,8 +35,6 @@ __export(react_exports, {
   Button: () => Button,
   Card: () => Card,
   McpBridgeProvider: () => McpBridgeProvider,
-  isBrowser: () => isBrowser,
-  isServer: () => isServer,
   renderAlert: () => renderAlert,
   renderAlertSync: () => renderAlertSync,
   renderBadge: () => renderBadge,
@@ -45,7 +43,6 @@ __export(react_exports, {
   renderButtonSync: () => renderButtonSync,
   renderCard: () => renderCard,
   renderCardSync: () => renderCardSync,
-  renderChildrenToString: () => renderChildrenToString,
   useCallTool: () => useCallTool,
   useCapability: () => useCapability,
   useDisplayMode: () => useDisplayMode,
@@ -62,150 +59,8 @@ __export(react_exports, {
 });
 module.exports = __toCommonJS(react_exports);
 
-// libs/ui/src/styles/variants.ts
-var CARD_VARIANTS = {
-  default: "bg-white border border-border rounded-xl shadow-sm",
-  outlined: "bg-transparent border-2 border-border rounded-xl",
-  elevated: "bg-white rounded-xl shadow-lg",
-  filled: "bg-gray-50 rounded-xl",
-  ghost: "bg-transparent"
-};
-var CARD_SIZES = {
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8"
-};
-function getCardVariantClasses(variant) {
-  return CARD_VARIANTS[variant];
-}
-function getCardSizeClasses(size) {
-  return CARD_SIZES[size];
-}
-var BADGE_VARIANTS = {
-  default: "bg-gray-100 text-gray-800",
-  primary: "bg-primary/10 text-primary",
-  secondary: "bg-secondary/10 text-secondary",
-  success: "bg-success/10 text-success",
-  warning: "bg-warning/10 text-warning",
-  danger: "bg-danger/10 text-danger",
-  info: "bg-blue-100 text-blue-800",
-  outline: "border border-border text-text-primary bg-transparent"
-};
-var BADGE_SIZES = {
-  sm: "px-2 py-0.5 text-xs",
-  md: "px-2.5 py-1 text-xs",
-  lg: "px-3 py-1.5 text-sm"
-};
-var BADGE_DOT_SIZES = {
-  sm: "w-2 h-2",
-  md: "w-2.5 h-2.5",
-  lg: "w-3 h-3"
-};
-var BADGE_DOT_VARIANTS = {
-  default: "bg-gray-400",
-  primary: "bg-primary",
-  secondary: "bg-secondary",
-  success: "bg-success",
-  warning: "bg-warning",
-  danger: "bg-danger",
-  info: "bg-blue-500",
-  outline: "border border-current"
-};
-function getBadgeVariantClasses(variant) {
-  return BADGE_VARIANTS[variant];
-}
-function getBadgeSizeClasses(size) {
-  return BADGE_SIZES[size];
-}
-function getBadgeDotSizeClasses(size) {
-  return BADGE_DOT_SIZES[size];
-}
-function getBadgeDotVariantClasses(variant) {
-  return BADGE_DOT_VARIANTS[variant];
-}
-var BUTTON_VARIANTS = {
-  primary: "bg-primary hover:bg-primary/90 text-white shadow-sm",
-  secondary: "bg-secondary hover:bg-secondary/90 text-white shadow-sm",
-  outline: "border-2 border-primary text-primary hover:bg-primary/10",
-  ghost: "text-text-primary hover:bg-gray-100",
-  danger: "bg-danger hover:bg-danger/90 text-white shadow-sm",
-  success: "bg-success hover:bg-success/90 text-white shadow-sm",
-  link: "text-primary hover:text-primary/80 hover:underline"
-};
-var BUTTON_SIZES = {
-  xs: "px-2.5 py-1.5 text-xs",
-  sm: "px-3 py-2 text-sm",
-  md: "px-4 py-2.5 text-sm",
-  lg: "px-5 py-3 text-base",
-  xl: "px-6 py-3.5 text-lg"
-};
-var BUTTON_ICON_SIZES = {
-  xs: "p-1.5",
-  sm: "p-2",
-  md: "p-2.5",
-  lg: "p-3",
-  xl: "p-4"
-};
-var BUTTON_BASE_CLASSES = "inline-flex items-center justify-center font-medium rounded-lg transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:ring-offset-2";
-function getButtonVariantClasses(variant) {
-  return BUTTON_VARIANTS[variant];
-}
-function getButtonSizeClasses(size, iconOnly) {
-  return iconOnly ? BUTTON_ICON_SIZES[size] : BUTTON_SIZES[size];
-}
-var ALERT_VARIANTS = {
-  info: {
-    container: "bg-blue-50 border-blue-200 text-blue-800",
-    icon: "text-blue-500"
-  },
-  success: {
-    container: "bg-success/10 border-success/30 text-success",
-    icon: "text-success"
-  },
-  warning: {
-    container: "bg-warning/10 border-warning/30 text-warning",
-    icon: "text-warning"
-  },
-  danger: {
-    container: "bg-danger/10 border-danger/30 text-danger",
-    icon: "text-danger"
-  },
-  neutral: {
-    container: "bg-gray-50 border-gray-200 text-gray-800",
-    icon: "text-gray-500"
-  }
-};
-var ALERT_BASE_CLASSES = "rounded-lg border p-4";
-function getAlertVariantClasses(variant) {
-  return ALERT_VARIANTS[variant];
-}
-var ALERT_ICONS = {
-  info: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`,
-  success: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`,
-  warning: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
-  </svg>`,
-  danger: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`,
-  neutral: `<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
-  </svg>`
-};
-var CLOSE_ICON = `<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
-</svg>`;
-var LOADING_SPINNER = `<svg class="animate-spin -ml-1 mr-2 h-4 w-4" fill="none" viewBox="0 0 24 24">
-  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-</svg>`;
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
+// libs/ui/src/react/Card.tsx
+var import_styles = require("@frontmcp/uipack/styles");
 
 // libs/ui/src/render/prerender.ts
 async function renderToString(element) {
@@ -247,10 +102,10 @@ function Card({
   href,
   children
 }) {
-  const variantClasses = getCardVariantClasses(variant);
-  const sizeClasses = getCardSizeClasses(size);
+  const variantClasses = (0, import_styles.getCardVariantClasses)(variant);
+  const sizeClasses = (0, import_styles.getCardSizeClasses)(size);
   const clickableClasses = clickable ? "cursor-pointer hover:shadow-md transition-shadow" : "";
-  const allClasses = cn(variantClasses, sizeClasses, clickableClasses, className);
+  const allClasses = (0, import_styles.cn)(variantClasses, sizeClasses, clickableClasses, className);
   const hasHeader = title || subtitle || headerActions;
   const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     hasHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between mb-4", children: [
@@ -296,6 +151,7 @@ function renderCardSync(props) {
 }
 
 // libs/ui/src/react/Badge.tsx
+var import_styles2 = require("@frontmcp/uipack/styles");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function Badge({
   variant = "default",
@@ -309,18 +165,18 @@ function Badge({
   children
 }) {
   if (dot) {
-    const dotClasses = cn(
+    const dotClasses = (0, import_styles2.cn)(
       "inline-block rounded-full",
-      getBadgeDotSizeClasses(size),
-      getBadgeDotVariantClasses(variant),
+      (0, import_styles2.getBadgeDotSizeClasses)(size),
+      (0, import_styles2.getBadgeDotVariantClasses)(variant),
       className
     );
     const label = typeof children === "string" ? children : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: dotClasses, "aria-label": label, title: label });
   }
-  const variantClasses = getBadgeVariantClasses(variant);
-  const sizeClasses = getBadgeSizeClasses(size);
-  const baseClasses = cn(
+  const variantClasses = (0, import_styles2.getBadgeVariantClasses)(variant);
+  const sizeClasses = (0, import_styles2.getBadgeSizeClasses)(size);
+  const baseClasses = (0, import_styles2.cn)(
     "inline-flex items-center font-medium",
     pill ? "rounded-full" : "rounded-md",
     variantClasses,
@@ -354,6 +210,7 @@ function renderBadgeSync(props) {
 }
 
 // libs/ui/src/react/Button.tsx
+var import_styles3 = require("@frontmcp/uipack/styles");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Button({
   variant = "primary",
@@ -369,14 +226,14 @@ function Button({
   onClick,
   children
 }) {
-  const variantClasses = getButtonVariantClasses(variant);
-  const sizeClasses = getButtonSizeClasses(size, iconOnly);
+  const variantClasses = (0, import_styles3.getButtonVariantClasses)(variant);
+  const sizeClasses = (0, import_styles3.getButtonSizeClasses)(size, iconOnly);
   const disabledClasses = disabled || loading ? "opacity-50 cursor-not-allowed" : "";
   const widthClasses = fullWidth ? "w-full" : "";
-  const allClasses = cn(BUTTON_BASE_CLASSES, variantClasses, sizeClasses, disabledClasses, widthClasses, className);
+  const allClasses = (0, import_styles3.cn)(import_styles3.BUTTON_BASE_CLASSES, variantClasses, sizeClasses, disabledClasses, widthClasses, className);
   const iconElement = icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: iconPosition === "left" ? "mr-2" : "ml-2", children: icon });
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { type, className: allClasses, disabled: disabled || loading, onClick, children: [
-    loading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mr-2", dangerouslySetInnerHTML: { __html: LOADING_SPINNER } }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mr-2", dangerouslySetInnerHTML: { __html: import_styles3.LOADING_SPINNER } }),
     !loading && icon && iconPosition === "left" && iconElement,
     !iconOnly && children,
     !loading && icon && iconPosition === "right" && iconElement
@@ -394,6 +251,7 @@ function renderButtonSync(props) {
 }
 
 // libs/ui/src/react/Alert.tsx
+var import_styles4 = require("@frontmcp/uipack/styles");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function Alert({
   variant = "info",
@@ -405,13 +263,13 @@ function Alert({
   className,
   children
 }) {
-  const variantStyles = getAlertVariantClasses(variant);
-  const allClasses = cn(ALERT_BASE_CLASSES, variantStyles.container, className);
+  const variantStyles = (0, import_styles4.getAlertVariantClasses)(variant);
+  const allClasses = (0, import_styles4.cn)(import_styles4.ALERT_BASE_CLASSES, variantStyles.container, className);
   const iconContent = icon || (showIcon ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "span",
     {
-      className: cn("flex-shrink-0", variantStyles.icon),
-      dangerouslySetInnerHTML: { __html: ALERT_ICONS[variant] }
+      className: (0, import_styles4.cn)("flex-shrink-0", variantStyles.icon),
+      dangerouslySetInnerHTML: { __html: import_styles4.ALERT_ICONS[variant] }
     }
   ) : null);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: allClasses, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex", children: [
@@ -427,7 +285,7 @@ function Alert({
         className: "flex-shrink-0 ml-3 hover:opacity-70 transition-opacity",
         "aria-label": "Dismiss",
         onClick: onDismiss,
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { dangerouslySetInnerHTML: { __html: CLOSE_ICON } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { dangerouslySetInnerHTML: { __html: import_styles4.CLOSE_ICON } })
       }
     )
   ] }) });
@@ -807,50 +665,50 @@ var FrontMcpBridge = class {
    * Get current theme.
    */
   getTheme() {
-    this._ensureInitialized();
-    return this._adapter.getTheme();
+    const adapter = this._ensureInitialized();
+    return adapter.getTheme();
   }
   /**
    * Get current display mode.
    */
   getDisplayMode() {
-    this._ensureInitialized();
-    return this._adapter.getDisplayMode();
+    const adapter = this._ensureInitialized();
+    return adapter.getDisplayMode();
   }
   /**
    * Get tool input arguments.
    */
   getToolInput() {
-    this._ensureInitialized();
-    return this._adapter.getToolInput();
+    const adapter = this._ensureInitialized();
+    return adapter.getToolInput();
   }
   /**
    * Get tool output/result.
    */
   getToolOutput() {
-    this._ensureInitialized();
-    return this._adapter.getToolOutput();
+    const adapter = this._ensureInitialized();
+    return adapter.getToolOutput();
   }
   /**
    * Get structured content (parsed output).
    */
   getStructuredContent() {
-    this._ensureInitialized();
-    return this._adapter.getStructuredContent();
+    const adapter = this._ensureInitialized();
+    return adapter.getStructuredContent();
   }
   /**
    * Get persisted widget state.
    */
   getWidgetState() {
-    this._ensureInitialized();
-    return this._adapter.getWidgetState();
+    const adapter = this._ensureInitialized();
+    return adapter.getWidgetState();
   }
   /**
    * Get full host context.
    */
   getHostContext() {
-    this._ensureInitialized();
-    return this._adapter.getHostContext();
+    const adapter = this._ensureInitialized();
+    return adapter.getHostContext();
   }
   // ============================================
   // Actions (delegate to adapter)
@@ -861,53 +719,53 @@ var FrontMcpBridge = class {
    * @param args - Tool arguments
    */
   async callTool(name, args) {
-    this._ensureInitialized();
+    const adapter = this._ensureInitialized();
     if (!this.hasCapability("canCallTools")) {
       throw new Error("Tool calls are not supported by the current adapter");
     }
-    return this._adapter.callTool(name, args);
+    return adapter.callTool(name, args);
   }
   /**
    * Send a follow-up message to the conversation.
    * @param content - Message content
    */
   async sendMessage(content) {
-    this._ensureInitialized();
+    const adapter = this._ensureInitialized();
     if (!this.hasCapability("canSendMessages")) {
       throw new Error("Sending messages is not supported by the current adapter");
     }
-    return this._adapter.sendMessage(content);
+    return adapter.sendMessage(content);
   }
   /**
    * Open an external link.
    * @param url - URL to open
    */
   async openLink(url) {
-    this._ensureInitialized();
-    return this._adapter.openLink(url);
+    const adapter = this._ensureInitialized();
+    return adapter.openLink(url);
   }
   /**
    * Request a display mode change.
    * @param mode - Desired display mode
    */
   async requestDisplayMode(mode) {
-    this._ensureInitialized();
-    return this._adapter.requestDisplayMode(mode);
+    const adapter = this._ensureInitialized();
+    return adapter.requestDisplayMode(mode);
   }
   /**
    * Request widget close.
    */
   async requestClose() {
-    this._ensureInitialized();
-    return this._adapter.requestClose();
+    const adapter = this._ensureInitialized();
+    return adapter.requestClose();
   }
   /**
    * Set widget state (persisted across sessions).
    * @param state - State object to persist
    */
   setWidgetState(state) {
-    this._ensureInitialized();
-    this._adapter.setWidgetState(state);
+    const adapter = this._ensureInitialized();
+    adapter.setWidgetState(state);
   }
   // ============================================
   // Events (delegate to adapter)
@@ -918,8 +776,8 @@ var FrontMcpBridge = class {
    * @returns Unsubscribe function
    */
   onContextChange(callback) {
-    this._ensureInitialized();
-    return this._adapter.onContextChange(callback);
+    const adapter = this._ensureInitialized();
+    return adapter.onContextChange(callback);
   }
   /**
    * Subscribe to tool result updates.
@@ -927,19 +785,21 @@ var FrontMcpBridge = class {
    * @returns Unsubscribe function
    */
   onToolResult(callback) {
-    this._ensureInitialized();
-    return this._adapter.onToolResult(callback);
+    const adapter = this._ensureInitialized();
+    return adapter.onToolResult(callback);
   }
   // ============================================
   // Private Helpers
   // ============================================
   /**
    * Ensure the bridge is initialized before operations.
+   * Returns the adapter for type-safe access.
    */
   _ensureInitialized() {
     if (!this._initialized || !this._adapter) {
       throw new Error("FrontMcpBridge is not initialized. Call initialize() first.");
     }
+    return this._adapter;
   }
   /**
    * Wrap a promise with a timeout.
@@ -1325,77 +1185,6 @@ function useOpenLink() {
     [bridge]
   );
 }
-
-// libs/ui/src/theme/platforms.ts
-var CLAUDE_PLATFORM = {
-  id: "claude",
-  name: "Claude (Artifacts)",
-  supportsWidgets: true,
-  supportsTailwind: true,
-  supportsHtmx: false,
-  // Network blocked, HTMX won't work for API calls
-  networkMode: "blocked",
-  scriptStrategy: "inline",
-  maxInlineSize: 100 * 1024,
-  // 100KB limit for artifacts
-  cspRestrictions: ["script-src 'unsafe-inline'", "connect-src 'none'"],
-  options: {
-    mode: "artifacts",
-    framework: "react"
-    // Claude artifacts prefer React
-  }
-};
-
-// libs/ui/src/utils/escape-html.ts
-function escapeHtml(str) {
-  if (str === null || str === void 0) {
-    return "";
-  }
-  const s = String(str);
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-
-// libs/ui/src/react/utils.ts
-var cachedReactDOMServer = null;
-function getReactDOMServer() {
-  if (!cachedReactDOMServer) {
-    try {
-      cachedReactDOMServer = require("react-dom/server");
-    } catch {
-      return null;
-    }
-  }
-  return cachedReactDOMServer;
-}
-function renderChildrenToString(children) {
-  if (children == null) {
-    return "";
-  }
-  if (typeof children === "string") {
-    return escapeHtml(children);
-  }
-  if (typeof children === "number") {
-    return String(children);
-  }
-  if (typeof children === "boolean") {
-    return "";
-  }
-  try {
-    const server = getReactDOMServer();
-    if (server) {
-      return server.renderToStaticMarkup(children);
-    }
-    return String(children);
-  } catch {
-    return String(children);
-  }
-}
-function isBrowser() {
-  return typeof window !== "undefined";
-}
-function isServer() {
-  return typeof window === "undefined";
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -1403,8 +1192,6 @@ function isServer() {
   Button,
   Card,
   McpBridgeProvider,
-  isBrowser,
-  isServer,
   renderAlert,
   renderAlertSync,
   renderBadge,
@@ -1413,7 +1200,6 @@ function isServer() {
   renderButtonSync,
   renderCard,
   renderCardSync,
-  renderChildrenToString,
   useCallTool,
   useCapability,
   useDisplayMode,

package/react/types.d.ts

@@ -8,7 +8,7 @@
  * @module @frontmcp/ui/react/types
  */
 import type { ReactNode } from 'react';
-import type { CardOptions, CardVariant, CardSize, BadgeOptions, BadgeVariant, BadgeSize, ButtonOptions, AlertOptions } from '../components';
+import type { CardVariant, CardSize, BadgeVariant, BadgeSize } from '../components';
 export type { FmcpButton, FmcpCard, FmcpAlert, FmcpBadge, FmcpInput, FmcpSelect } from '../web-components';
 /**
  * React props for Card component
@@ -102,5 +102,4 @@ export interface AlertProps {
     /** Alert content */
     children: ReactNode;
 }
-export type { CardOptions, CardVariant, CardSize, BadgeOptions, BadgeVariant, BadgeSize, ButtonOptions, AlertOptions };
 //# sourceMappingURL=types.d.ts.map

package/react/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/react/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/react/types.ts"],"names":[],"mappings":"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"}

package/renderers/index.d.ts

@@ -1,36 +1,26 @@
 /**
- * Renderer Module
+ * React Renderer Module
  *
- * Multi-framework rendering system for Tool UI templates.
- * Supports HTML, React, and MDX templates with auto-detection.
+ * Provides the React renderer and MDX server-side renderer for template processing.
+ * For React-free renderers (HTML, client-side MDX) use @frontmcp/uipack/renderers.
  *
- * @module @frontmcp/ui
+ * @module @frontmcp/ui/renderers
  *
- * @example Basic usage with auto-detection
+ * @example
  * ```typescript
- * import { rendererRegistry } from '@frontmcp/ui';
- *
- * // HTML template
- * const htmlTemplate = (ctx) => `<div>${ctx.output.name}</div>`;
- * const result = await rendererRegistry.render(htmlTemplate, context);
- * ```
- *
- * @example Register React renderer
- * ```typescript
- * import { rendererRegistry, reactRenderer } from '@frontmcp/ui';
+ * import { reactRenderer, ReactRenderer, mdxRenderer, MdxRenderer } from '@frontmcp/ui/renderers';
+ * import { rendererRegistry } from '@frontmcp/uipack/renderers';
  *
+ * // Register React renderer
  * rendererRegistry.register(reactRenderer);
  *
- * // Now React components are auto-detected
- * const MyComponent = ({ output }) => <div>{output.name}</div>;
- * const result = await rendererRegistry.render(MyComponent, context);
+ * // Use MDX server-side renderer
+ * const html = await mdxRenderer.render('# Hello {output.name}', context);
  * ```
  */
-export type { RendererType, UIRenderer, ToolUIProps, HydratedToolUIProps, TranspileResult, TranspileOptions, RenderOptions, RuntimeScripts, RenderResult, RendererRegistryOptions, DetectionResult, ReactComponentType, WrapperContext, ExtendedToolUIConfig, } from './types';
-export { TranspileCache, transpileCache, renderCache, type TranspileCacheOptions } from './cache';
-export { RendererRegistry, rendererRegistry } from './registry';
-export { HtmlRenderer, htmlRenderer } from './html.renderer';
-export { ReactRenderer, reactRenderer, buildHydrationScript } from './react.renderer';
-export { MdxRenderer, mdxRenderer, buildMdxHydrationScript } from './mdx.renderer';
-export { isReactComponent, isTemplateBuilderFunction, containsJsx, containsMdxSyntax, isPlainHtml, detectTemplateType, hashString, hashCombined, isHash, transpileJsx, isSwcAvailable, executeTranspiledCode, transpileAndExecute, } from './utils';
+export type { RendererType, UIRenderer, ToolUIProps, HydratedToolUIProps, TranspileResult, TranspileOptions, RenderOptions, RuntimeScripts, RenderResult, RendererRegistryOptions, DetectionResult, ReactComponentType, WrapperContext, ExtendedToolUIConfig, } from '@frontmcp/uipack/renderers';
+export { ReactRenderer, reactRenderer } from './react.renderer';
+export { ReactRendererAdapter, createReactAdapter, loadReactAdapter } from './react.adapter';
+export { MdxRenderer, mdxRenderer } from './mdx.renderer';
+export { executeTranspiledCode, transpileAndExecute } from './transpiler';
 //# sourceMappingURL=index.d.ts.map

package/renderers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/renderers/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAKH,YAAY,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,oBAAoB,GACrB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGlG,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAGtF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAGnF,OAAO,EACL,gBAAgB,EAChB,yBAAyB,EACzB,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/renderers/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,YAAY,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,uBAAuB,EACvB,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,oBAAoB,GACrB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGhE,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAI7F,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}