@frontmcp/ui 0.5.1 → 0.6.0

package/src/index.js

@@ -1,192 +0,0 @@
-"use strict";
-/**
- * @frontmcp/ui
- *
- * Comprehensive UI library for FrontMCP applications.
- * Provides theme system, layouts, components, page templates, and widgets
- * for building authentication and authorization UIs across multiple LLM platforms.
- *
- * Key features:
- * - Multi-framework renderer support (HTML, React, MDX)
- * - Platform-aware theming (OpenAI, Claude, etc.)
- * - Runtime JSX/TSX transpilation with SWC
- * - MCP Bridge integration for cross-platform widgets
- * - Standalone types and adapters for external consumers (AgentLink)
- * - Build-time API for pre-compiling UI templates
- *
- * ## Standalone Usage (without @frontmcp/sdk)
- *
- * For external systems like AgentLink that want to use the UI components
- * without the full SDK:
- *
- * ```typescript
- * // Import standalone types
- * import type { UITemplateConfig, TemplateContext } from '@frontmcp/ui/types';
- *
- * // Import platform adapters
- * import { buildUIMeta } from '@frontmcp/ui/adapters';
- *
- * // Import build-time API
- * import { buildToolUI } from '@frontmcp/ui/build';
- *
- * // Import components directly
- * import { card, button, table } from '@frontmcp/ui/components';
- * ```
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FmcpBadge = exports.FmcpAlert = exports.FmcpCard = exports.FmcpButton = exports.registerFmcpSelect = exports.registerFmcpInput = exports.registerFmcpBadge = exports.registerFmcpAlert = exports.registerFmcpCard = exports.registerFmcpButton = exports.registerAllComponents = exports.BRIDGE_SCRIPT_TAGS = exports.UNIVERSAL_BRIDGE_SCRIPT = exports.generatePlatformBundle = exports.generateBridgeIIFE = exports.registerAdapter = exports.defaultRegistry = exports.AdapterRegistry = exports.createBridge = exports.FrontMcpBridge = exports.redactPIIFromText = exports.detectPIIType = exports.isIPv4 = exports.isSSN = exports.isCreditCard = exports.isPhone = exports.isEmail = exports.detectPII = exports.createSanitizer = exports.sanitizeInput = exports.PII_PATTERNS = exports.REDACTION_TOKENS = exports.getToolUIMimeType = exports.createTemplateHelpers = exports.wrapToolUIMinimal = exports.wrapToolUI = exports.sanitizeCSPDomains = exports.validateCSPDomain = exports.buildCSPMetaTag = exports.buildCSPDirectives = exports.DEFAULT_CSP_DIRECTIVES = exports.isMCPBridgeSupported = exports.getMCPBridgeScript = exports.MCP_BRIDGE_RUNTIME = exports.buildStaticWidget = exports.buildToolUIMulti = exports.buildToolUI = exports.buildOpenAICSP = exports.buildToolDiscoveryMeta = exports.buildUIMeta = void 0;
-exports.getUIResourceMimeType = exports.buildStaticWidgetUri = exports.parseWidgetUri = exports.isStaticWidgetUri = exports.isUIResourceUri = exports.UI_RESOURCE_SCHEME = exports.containsMdxSyntax = exports.hasUIConfig = exports.isReactComponent = exports.renderToolTemplateAsync = exports.renderToolTemplate = exports.ToolUIRegistry = exports.FmcpElement = exports.FmcpSelect = exports.FmcpInput = void 0;
-const tslib_1 = require("tslib");
-// ============================================
-// Standalone Types (SDK-independent)
-// These are the canonical source for UI configuration types
-// ============================================
-tslib_1.__exportStar(require("./types"), exports);
-// ============================================
-// Platform Adapters (SDK-independent)
-// ============================================
-var adapters_1 = require("./adapters");
-Object.defineProperty(exports, "buildUIMeta", { enumerable: true, get: function () { return adapters_1.buildUIMeta; } });
-Object.defineProperty(exports, "buildToolDiscoveryMeta", { enumerable: true, get: function () { return adapters_1.buildToolDiscoveryMeta; } });
-// Note: buildOpenAICSP is exported from both adapters and runtime/csp
-// We export from adapters as the canonical source
-Object.defineProperty(exports, "buildOpenAICSP", { enumerable: true, get: function () { return adapters_1.buildOpenAICSP; } });
-// ============================================
-// Build-Time API (SDK-independent)
-// ============================================
-var build_1 = require("./build");
-Object.defineProperty(exports, "buildToolUI", { enumerable: true, get: function () { return build_1.buildToolUI; } });
-Object.defineProperty(exports, "buildToolUIMulti", { enumerable: true, get: function () { return build_1.buildToolUIMulti; } });
-Object.defineProperty(exports, "buildStaticWidget", { enumerable: true, get: function () { return build_1.buildStaticWidget; } });
-// ============================================
-// Core Modules
-// ============================================
-// Validation system
-tslib_1.__exportStar(require("./validation"), exports);
-// Theme system
-tslib_1.__exportStar(require("./theme"), exports);
-// Layout system
-tslib_1.__exportStar(require("./layouts"), exports);
-// UI Components
-tslib_1.__exportStar(require("./components"), exports);
-// Page templates
-tslib_1.__exportStar(require("./pages"), exports);
-// Widgets (OpenAI App SDK, progress, etc.)
-tslib_1.__exportStar(require("./widgets"), exports);
-// MCP Bridge Runtime (Tool UI templates)
-// Note: Excluding types that are now in ./types to avoid duplicates
-var runtime_1 = require("./runtime");
-// MCP Bridge Runtime
-Object.defineProperty(exports, "MCP_BRIDGE_RUNTIME", { enumerable: true, get: function () { return runtime_1.MCP_BRIDGE_RUNTIME; } });
-Object.defineProperty(exports, "getMCPBridgeScript", { enumerable: true, get: function () { return runtime_1.getMCPBridgeScript; } });
-Object.defineProperty(exports, "isMCPBridgeSupported", { enumerable: true, get: function () { return runtime_1.isMCPBridgeSupported; } });
-// CSP utilities (excluding buildOpenAICSP which is in adapters)
-Object.defineProperty(exports, "DEFAULT_CSP_DIRECTIVES", { enumerable: true, get: function () { return runtime_1.DEFAULT_CSP_DIRECTIVES; } });
-Object.defineProperty(exports, "buildCSPDirectives", { enumerable: true, get: function () { return runtime_1.buildCSPDirectives; } });
-Object.defineProperty(exports, "buildCSPMetaTag", { enumerable: true, get: function () { return runtime_1.buildCSPMetaTag; } });
-Object.defineProperty(exports, "validateCSPDomain", { enumerable: true, get: function () { return runtime_1.validateCSPDomain; } });
-Object.defineProperty(exports, "sanitizeCSPDomains", { enumerable: true, get: function () { return runtime_1.sanitizeCSPDomains; } });
-Object.defineProperty(exports, "wrapToolUI", { enumerable: true, get: function () { return runtime_1.wrapToolUI; } });
-Object.defineProperty(exports, "wrapToolUIMinimal", { enumerable: true, get: function () { return runtime_1.wrapToolUIMinimal; } });
-Object.defineProperty(exports, "createTemplateHelpers", { enumerable: true, get: function () { return runtime_1.createTemplateHelpers; } });
-Object.defineProperty(exports, "getToolUIMimeType", { enumerable: true, get: function () { return runtime_1.getToolUIMimeType; } });
-Object.defineProperty(exports, "REDACTION_TOKENS", { enumerable: true, get: function () { return runtime_1.REDACTION_TOKENS; } });
-Object.defineProperty(exports, "PII_PATTERNS", { enumerable: true, get: function () { return runtime_1.PII_PATTERNS; } });
-Object.defineProperty(exports, "sanitizeInput", { enumerable: true, get: function () { return runtime_1.sanitizeInput; } });
-Object.defineProperty(exports, "createSanitizer", { enumerable: true, get: function () { return runtime_1.createSanitizer; } });
-Object.defineProperty(exports, "detectPII", { enumerable: true, get: function () { return runtime_1.detectPII; } });
-Object.defineProperty(exports, "isEmail", { enumerable: true, get: function () { return runtime_1.isEmail; } });
-Object.defineProperty(exports, "isPhone", { enumerable: true, get: function () { return runtime_1.isPhone; } });
-Object.defineProperty(exports, "isCreditCard", { enumerable: true, get: function () { return runtime_1.isCreditCard; } });
-Object.defineProperty(exports, "isSSN", { enumerable: true, get: function () { return runtime_1.isSSN; } });
-Object.defineProperty(exports, "isIPv4", { enumerable: true, get: function () { return runtime_1.isIPv4; } });
-Object.defineProperty(exports, "detectPIIType", { enumerable: true, get: function () { return runtime_1.detectPIIType; } });
-Object.defineProperty(exports, "redactPIIFromText", { enumerable: true, get: function () { return runtime_1.redactPIIFromText; } });
-// Tool Template Builder
-tslib_1.__exportStar(require("./tool-template"), exports);
-// Base Template (for Tool UI widgets)
-tslib_1.__exportStar(require("./base-template"), exports);
-// Multi-Framework Renderer System
-tslib_1.__exportStar(require("./renderers"), exports);
-// ============================================
-// FrontMcpBridge - Multi-Platform Adapter System
-// ============================================
-// The bridge module provides a unified API for MCP widgets across platforms:
-// - OpenAI ChatGPT Apps SDK
-// - ext-apps (SEP-1865 protocol)
-// - Claude (Anthropic)
-// - Gemini (Google)
-// - Generic fallback
-//
-// For full access to the bridge system, import from '@frontmcp/ui/bridge':
-// import { FrontMcpBridge, createBridge } from '@frontmcp/ui/bridge';
-//
-// Core bridge exports are also available here:
-var bridge_1 = require("./bridge");
-// Bridge class
-Object.defineProperty(exports, "FrontMcpBridge", { enumerable: true, get: function () { return bridge_1.FrontMcpBridge; } });
-Object.defineProperty(exports, "createBridge", { enumerable: true, get: function () { return bridge_1.createBridge; } });
-// Registry
-Object.defineProperty(exports, "AdapterRegistry", { enumerable: true, get: function () { return bridge_1.AdapterRegistry; } });
-Object.defineProperty(exports, "defaultRegistry", { enumerable: true, get: function () { return bridge_1.defaultRegistry; } });
-Object.defineProperty(exports, "registerAdapter", { enumerable: true, get: function () { return bridge_1.registerAdapter; } });
-// Runtime script generation
-Object.defineProperty(exports, "generateBridgeIIFE", { enumerable: true, get: function () { return bridge_1.generateBridgeIIFE; } });
-Object.defineProperty(exports, "generatePlatformBundle", { enumerable: true, get: function () { return bridge_1.generatePlatformBundle; } });
-Object.defineProperty(exports, "UNIVERSAL_BRIDGE_SCRIPT", { enumerable: true, get: function () { return bridge_1.UNIVERSAL_BRIDGE_SCRIPT; } });
-Object.defineProperty(exports, "BRIDGE_SCRIPT_TAGS", { enumerable: true, get: function () { return bridge_1.BRIDGE_SCRIPT_TAGS; } });
-// ============================================
-// Web Components - Custom Elements for React/Vue/HTML
-// ============================================
-// Web Components wrap the HTML functions as native custom elements
-// that work directly in React, Vue, Angular, or plain HTML.
-//
-// For full access to all web components, import from '@frontmcp/ui/web-components':
-// import { registerAllComponents } from '@frontmcp/ui/web-components';
-//
-// Core web component exports:
-var web_components_1 = require("./web-components");
-// Registration
-Object.defineProperty(exports, "registerAllComponents", { enumerable: true, get: function () { return web_components_1.registerAllComponents; } });
-Object.defineProperty(exports, "registerFmcpButton", { enumerable: true, get: function () { return web_components_1.registerFmcpButton; } });
-Object.defineProperty(exports, "registerFmcpCard", { enumerable: true, get: function () { return web_components_1.registerFmcpCard; } });
-Object.defineProperty(exports, "registerFmcpAlert", { enumerable: true, get: function () { return web_components_1.registerFmcpAlert; } });
-Object.defineProperty(exports, "registerFmcpBadge", { enumerable: true, get: function () { return web_components_1.registerFmcpBadge; } });
-Object.defineProperty(exports, "registerFmcpInput", { enumerable: true, get: function () { return web_components_1.registerFmcpInput; } });
-Object.defineProperty(exports, "registerFmcpSelect", { enumerable: true, get: function () { return web_components_1.registerFmcpSelect; } });
-// Element classes
-Object.defineProperty(exports, "FmcpButton", { enumerable: true, get: function () { return web_components_1.FmcpButton; } });
-Object.defineProperty(exports, "FmcpCard", { enumerable: true, get: function () { return web_components_1.FmcpCard; } });
-Object.defineProperty(exports, "FmcpAlert", { enumerable: true, get: function () { return web_components_1.FmcpAlert; } });
-Object.defineProperty(exports, "FmcpBadge", { enumerable: true, get: function () { return web_components_1.FmcpBadge; } });
-Object.defineProperty(exports, "FmcpInput", { enumerable: true, get: function () { return web_components_1.FmcpInput; } });
-Object.defineProperty(exports, "FmcpSelect", { enumerable: true, get: function () { return web_components_1.FmcpSelect; } });
-// Base class for custom elements
-Object.defineProperty(exports, "FmcpElement", { enumerable: true, get: function () { return web_components_1.FmcpElement; } });
-// ============================================
-// Registry Module - Standalone Tool UI Building
-// ============================================
-// The registry module provides the ToolUIRegistry class for standalone widget
-// compilation and rendering without requiring @frontmcp/sdk.
-//
-// For full access to the registry system, import from '@frontmcp/ui/registry':
-// import { ToolUIRegistry, renderToolTemplateAsync } from '@frontmcp/ui/registry';
-//
-// Core registry exports:
-var registry_1 = require("./registry");
-// Core registry
-Object.defineProperty(exports, "ToolUIRegistry", { enumerable: true, get: function () { return registry_1.ToolUIRegistry; } });
-// Template rendering
-Object.defineProperty(exports, "renderToolTemplate", { enumerable: true, get: function () { return registry_1.renderToolTemplate; } });
-Object.defineProperty(exports, "renderToolTemplateAsync", { enumerable: true, get: function () { return registry_1.renderToolTemplateAsync; } });
-Object.defineProperty(exports, "isReactComponent", { enumerable: true, get: function () { return registry_1.isReactComponent; } });
-Object.defineProperty(exports, "hasUIConfig", { enumerable: true, get: function () { return registry_1.hasUIConfig; } });
-Object.defineProperty(exports, "containsMdxSyntax", { enumerable: true, get: function () { return registry_1.containsMdxSyntax; } });
-// URI utilities
-Object.defineProperty(exports, "UI_RESOURCE_SCHEME", { enumerable: true, get: function () { return registry_1.UI_RESOURCE_SCHEME; } });
-Object.defineProperty(exports, "isUIResourceUri", { enumerable: true, get: function () { return registry_1.isUIResourceUri; } });
-Object.defineProperty(exports, "isStaticWidgetUri", { enumerable: true, get: function () { return registry_1.isStaticWidgetUri; } });
-Object.defineProperty(exports, "parseWidgetUri", { enumerable: true, get: function () { return registry_1.parseWidgetUri; } });
-Object.defineProperty(exports, "buildStaticWidgetUri", { enumerable: true, get: function () { return registry_1.buildStaticWidgetUri; } });
-Object.defineProperty(exports, "getUIResourceMimeType", { enumerable: true, get: function () { return registry_1.getUIResourceMimeType; } });
-//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @frontmcp/ui\n *\n * Comprehensive UI library for FrontMCP applications.\n * Provides theme system, layouts, components, page templates, and widgets\n * for building authentication and authorization UIs across multiple LLM platforms.\n *\n * Key features:\n * - Multi-framework renderer support (HTML, React, MDX)\n * - Platform-aware theming (OpenAI, Claude, etc.)\n * - Runtime JSX/TSX transpilation with SWC\n * - MCP Bridge integration for cross-platform widgets\n * - Standalone types and adapters for external consumers (AgentLink)\n * - Build-time API for pre-compiling UI templates\n *\n * ## Standalone Usage (without @frontmcp/sdk)\n *\n * For external systems like AgentLink that want to use the UI components\n * without the full SDK:\n *\n * ```typescript\n * // Import standalone types\n * import type { UITemplateConfig, TemplateContext } from '@frontmcp/ui/types';\n *\n * // Import platform adapters\n * import { buildUIMeta } from '@frontmcp/ui/adapters';\n *\n * // Import build-time API\n * import { buildToolUI } from '@frontmcp/ui/build';\n *\n * // Import components directly\n * import { card, button, table } from '@frontmcp/ui/components';\n * ```\n */\n\n// ============================================\n// Standalone Types (SDK-independent)\n// These are the canonical source for UI configuration types\n// ============================================\nexport * from './types';\n\n// ============================================\n// Platform Adapters (SDK-independent)\n// ============================================\nexport {\n  type AIPlatformType,\n  type UIMetadata,\n  type BuildUIMetaOptions,\n  type BuildToolDiscoveryMetaOptions,\n  buildUIMeta,\n  buildToolDiscoveryMeta,\n  // Note: buildOpenAICSP is exported from both adapters and runtime/csp\n  // We export from adapters as the canonical source\n  buildOpenAICSP,\n} from './adapters';\n\n// ============================================\n// Build-Time API (SDK-independent)\n// ============================================\nexport {\n  type BuildTargetPlatform,\n  type BuildOptions,\n  type BuildResult,\n  type MultiBuildOptions,\n  type MultiBuildResult,\n  type StaticWidgetOptions,\n  buildToolUI,\n  buildToolUIMulti,\n  buildStaticWidget,\n} from './build';\n\n// ============================================\n// Core Modules\n// ============================================\n\n// Validation system\nexport * from './validation';\n\n// Theme system\nexport * from './theme';\n\n// Layout system\nexport * from './layouts';\n\n// UI Components\nexport * from './components';\n\n// Page templates\nexport * from './pages';\n\n// Widgets (OpenAI App SDK, progress, etc.)\nexport * from './widgets';\n\n// MCP Bridge Runtime (Tool UI templates)\n// Note: Excluding types that are now in ./types to avoid duplicates\nexport {\n  // Runtime types that are NOT in ./types\n  type ProviderType,\n  type DisplayMode,\n  type ThemeMode,\n  type HostContext,\n  type MCPBridge,\n  type MCPBridgeExtended,\n  type WrapToolUIOptions,\n  type OpenAIRuntime,\n  type OpenAIUserAgent,\n  type SafeAreaInsets,\n  // MCP Bridge Runtime\n  MCP_BRIDGE_RUNTIME,\n  getMCPBridgeScript,\n  isMCPBridgeSupported,\n  // CSP utilities (excluding buildOpenAICSP which is in adapters)\n  DEFAULT_CSP_DIRECTIVES,\n  buildCSPDirectives,\n  buildCSPMetaTag,\n  validateCSPDomain,\n  sanitizeCSPDomains,\n  // Wrapper utilities (excluding buildOpenAIMeta which is in adapters)\n  type WrapToolUIFullOptions,\n  wrapToolUI,\n  wrapToolUIMinimal,\n  createTemplateHelpers,\n  getToolUIMimeType,\n  // Sanitizer\n  type SanitizerFn,\n  type SanitizeOptions,\n  REDACTION_TOKENS,\n  PII_PATTERNS,\n  sanitizeInput,\n  createSanitizer,\n  detectPII,\n  isEmail,\n  isPhone,\n  isCreditCard,\n  isSSN,\n  isIPv4,\n  detectPIIType,\n  redactPIIFromText,\n} from './runtime';\n\n// Tool Template Builder\nexport * from './tool-template';\n\n// Base Template (for Tool UI widgets)\nexport * from './base-template';\n\n// Multi-Framework Renderer System\nexport * from './renderers';\n\n// ============================================\n// FrontMcpBridge - Multi-Platform Adapter System\n// ============================================\n// The bridge module provides a unified API for MCP widgets across platforms:\n// - OpenAI ChatGPT Apps SDK\n// - ext-apps (SEP-1865 protocol)\n// - Claude (Anthropic)\n// - Gemini (Google)\n// - Generic fallback\n//\n// For full access to the bridge system, import from '@frontmcp/ui/bridge':\n// import { FrontMcpBridge, createBridge } from '@frontmcp/ui/bridge';\n//\n// Core bridge exports are also available here:\nexport {\n  // Core types\n  type PlatformAdapter,\n  type AdapterCapabilities,\n  type BridgeConfig,\n  // Bridge class\n  FrontMcpBridge,\n  createBridge,\n  // Registry\n  AdapterRegistry,\n  defaultRegistry,\n  registerAdapter,\n  // Runtime script generation\n  generateBridgeIIFE,\n  generatePlatformBundle,\n  UNIVERSAL_BRIDGE_SCRIPT,\n  BRIDGE_SCRIPT_TAGS,\n} from './bridge';\n\n// ============================================\n// Web Components - Custom Elements for React/Vue/HTML\n// ============================================\n// Web Components wrap the HTML functions as native custom elements\n// that work directly in React, Vue, Angular, or plain HTML.\n//\n// For full access to all web components, import from '@frontmcp/ui/web-components':\n// import { registerAllComponents } from '@frontmcp/ui/web-components';\n//\n// Core web component exports:\nexport {\n  // Registration\n  registerAllComponents,\n  registerFmcpButton,\n  registerFmcpCard,\n  registerFmcpAlert,\n  registerFmcpBadge,\n  registerFmcpInput,\n  registerFmcpSelect,\n  // Element classes\n  FmcpButton,\n  FmcpCard,\n  FmcpAlert,\n  FmcpBadge,\n  FmcpInput,\n  FmcpSelect,\n  // Base class for custom elements\n  FmcpElement,\n} from './web-components';\n\n// ============================================\n// Registry Module - Standalone Tool UI Building\n// ============================================\n// The registry module provides the ToolUIRegistry class for standalone widget\n// compilation and rendering without requiring @frontmcp/sdk.\n//\n// For full access to the registry system, import from '@frontmcp/ui/registry':\n// import { ToolUIRegistry, renderToolTemplateAsync } from '@frontmcp/ui/registry';\n//\n// Core registry exports:\nexport {\n  // Core registry\n  ToolUIRegistry,\n  type RenderOptions,\n  type UIRenderResult,\n  type CompileStaticWidgetOptions,\n  type HybridComponentPayload,\n  type BuildHybridComponentPayloadOptions,\n  // Template rendering\n  renderToolTemplate,\n  renderToolTemplateAsync,\n  isReactComponent,\n  hasUIConfig,\n  containsMdxSyntax,\n  type RenderTemplateOptions,\n  // URI utilities\n  UI_RESOURCE_SCHEME,\n  isUIResourceUri,\n  isStaticWidgetUri,\n  parseWidgetUri,\n  buildStaticWidgetUri,\n  getUIResourceMimeType,\n  type ParsedWidgetUri,\n} from './registry';\n"]}

package/src/layouts/base.d.ts

@@ -1,88 +0,0 @@
-/**
- * Base Layout System
- *
- * Provides the foundation for all FrontMCP UI pages with:
- * - Platform-aware rendering (OpenAI, Claude, etc.)
- * - Theme integration
- * - CDN resource management
- * - Responsive layouts
- */
-import { type PlatformCapabilities, type ThemeConfig, type DeepPartial } from '../theme';
-/**
- * Page type determines the layout structure
- */
-export type PageType = 'auth' | 'consent' | 'error' | 'loading' | 'success' | 'dashboard' | 'widget' | 'resource' | 'custom';
-/**
- * Layout size/width options
- */
-export type LayoutSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
-/**
- * Background style options
- */
-export type BackgroundStyle = 'solid' | 'gradient' | 'pattern' | 'none';
-/**
- * Layout alignment options
- */
-export type LayoutAlignment = 'center' | 'top' | 'start';
-/**
- * Base layout configuration options
- */
-export interface BaseLayoutOptions {
-    /** Page title (will be suffixed with branding) */
-    title: string;
-    /** Page type for layout structure */
-    pageType?: PageType;
-    /** Content width */
-    size?: LayoutSize;
-    /** Content alignment */
-    alignment?: LayoutAlignment;
-    /** Background style */
-    background?: BackgroundStyle;
-    /** Optional page description for meta tag */
-    description?: string;
-    /** Target platform capabilities */
-    platform?: PlatformCapabilities;
-    /** Theme configuration (deep partial - nested properties are also optional) */
-    theme?: DeepPartial<ThemeConfig>;
-    /** Include HTMX (default: based on platform) */
-    includeHtmx?: boolean;
-    /** Include Alpine.js (default: false) */
-    includeAlpine?: boolean;
-    /** Include Lucide icons (default: false) */
-    includeIcons?: boolean;
-    /** Additional head content */
-    headExtra?: string;
-    /** Additional body attributes */
-    bodyAttrs?: Record<string, string>;
-    /** Custom body classes */
-    bodyClass?: string;
-    /** Title suffix/branding */
-    titleSuffix?: string;
-    /** Favicon URL */
-    favicon?: string;
-    /** Open Graph meta tags */
-    og?: {
-        title?: string;
-        description?: string;
-        image?: string;
-        type?: string;
-    };
-}
-/**
- * Escape HTML special characters to prevent XSS
- */
-export declare function escapeHtml(str: string): string;
-/**
- * Build the complete HTML document
- *
- * @param content - The page content (HTML string)
- * @param options - Layout configuration options
- * @returns Complete HTML document string
- */
-export declare function baseLayout(content: string, options: BaseLayoutOptions): string;
-/**
- * Create a layout builder with preset options.
- * The returned function accepts optional options that extend/override the defaults.
- * If defaults include `title`, the returned function's options are fully optional.
- */
-export declare function createLayoutBuilder(defaults: Partial<BaseLayoutOptions>): (content: string, options?: Partial<BaseLayoutOptions>) => string;

package/src/layouts/base.js

@@ -1,227 +0,0 @@
-"use strict";
-/**
- * Base Layout System
- *
- * Provides the foundation for all FrontMCP UI pages with:
- * - Platform-aware rendering (OpenAI, Claude, etc.)
- * - Theme integration
- * - CDN resource management
- * - Responsive layouts
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.escapeHtml = escapeHtml;
-exports.baseLayout = baseLayout;
-exports.createLayoutBuilder = createLayoutBuilder;
-const theme_1 = require("../theme");
-// ============================================
-// Utility Functions
-// ============================================
-/**
- * Escape HTML special characters to prevent XSS
- */
-function escapeHtml(str) {
-    return str
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-}
-/**
- * Get CSS class for layout size
- */
-function getSizeClass(size) {
-    const sizeMap = {
-        xs: 'max-w-sm',
-        sm: 'max-w-md',
-        md: 'max-w-lg',
-        lg: 'max-w-xl',
-        xl: 'max-w-2xl',
-        '2xl': 'max-w-3xl',
-        '3xl': 'max-w-4xl',
-        full: 'max-w-full',
-    };
-    return sizeMap[size];
-}
-/**
- * Get CSS classes for alignment
- */
-function getAlignmentClasses(alignment) {
-    const alignMap = {
-        center: 'min-h-screen flex items-center justify-center',
-        top: 'min-h-screen flex flex-col items-center pt-12',
-        start: 'min-h-screen',
-    };
-    return alignMap[alignment];
-}
-/**
- * Get CSS classes for background
- */
-function getBackgroundClasses(background, theme) {
-    switch (background) {
-        case 'gradient':
-            return 'bg-gradient-to-br from-primary to-secondary';
-        case 'pattern':
-            return 'bg-surface bg-[url("data:image/svg+xml,...")]'; // Pattern would be defined
-        case 'solid':
-            return 'bg-background';
-        case 'none':
-        default:
-            return '';
-    }
-}
-/**
- * Build meta tags
- */
-function buildMetaTags(options) {
-    const tags = [];
-    if (options.description) {
-        tags.push(`<meta name="description" content="${escapeHtml(options.description)}">`);
-    }
-    if (options.og) {
-        if (options.og.title) {
-            tags.push(`<meta property="og:title" content="${escapeHtml(options.og.title)}">`);
-        }
-        if (options.og.description) {
-            tags.push(`<meta property="og:description" content="${escapeHtml(options.og.description)}">`);
-        }
-        if (options.og.image) {
-            tags.push(`<meta property="og:image" content="${escapeHtml(options.og.image)}">`);
-        }
-        if (options.og.type) {
-            tags.push(`<meta property="og:type" content="${escapeHtml(options.og.type)}">`);
-        }
-    }
-    if (options.favicon) {
-        tags.push(`<link rel="icon" href="${escapeHtml(options.favicon)}">`);
-    }
-    return tags.join('\n  ');
-}
-/**
- * Build body attributes string
- */
-function buildBodyAttrs(attrs) {
-    if (!attrs)
-        return '';
-    return Object.entries(attrs)
-        .map(([key, value]) => `${key}="${escapeHtml(value)}"`)
-        .join(' ');
-}
-// ============================================
-// Base Layout Builder
-// ============================================
-/**
- * Build the complete HTML document
- *
- * @param content - The page content (HTML string)
- * @param options - Layout configuration options
- * @returns Complete HTML document string
- */
-function baseLayout(content, options) {
-    const { title, pageType = 'custom', size = 'md', alignment = 'center', background = 'solid', platform = theme_1.OPENAI_PLATFORM, theme: themeOverrides, includeHtmx, includeAlpine = false, includeIcons = false, headExtra = '', bodyAttrs, bodyClass = '', titleSuffix = 'FrontMCP', } = options;
-    // Merge theme using the centralized mergeThemes function for proper deep merging
-    const theme = themeOverrides ? (0, theme_1.mergeThemes)(theme_1.DEFAULT_THEME, themeOverrides) : theme_1.DEFAULT_THEME;
-    // Determine if we should include HTMX
-    const shouldIncludeHtmx = includeHtmx ?? platform.supportsHtmx;
-    // Check if we can use CDN or need inline
-    const useCdn = (0, theme_1.canUseCdn)(platform);
-    const useInline = (0, theme_1.needsInlineScripts)(platform);
-    // Build font links (skip for blocked network)
-    const fontPreconnect = useCdn ? (0, theme_1.buildFontPreconnect)() : '';
-    const fontStylesheets = useCdn ? (0, theme_1.buildFontStylesheets)({ inter: true }) : '';
-    // Build scripts
-    const scripts = (0, theme_1.buildCdnScripts)({
-        tailwind: platform.supportsTailwind,
-        htmx: shouldIncludeHtmx,
-        alpine: includeAlpine,
-        icons: includeIcons,
-        inline: useInline,
-    });
-    // Build theme CSS
-    const themeCss = (0, theme_1.buildThemeCss)(theme);
-    const customCss = theme.customCss || '';
-    // Build Tailwind style block
-    const styleBlock = platform.supportsTailwind
-        ? `<style type="text/tailwindcss">
-    @theme {
-      ${themeCss}
-    }
-    ${customCss}
-  </style>`
-        : '';
-    // Build layout classes
-    const sizeClass = getSizeClass(size);
-    const alignmentClasses = getAlignmentClasses(alignment);
-    const backgroundClasses = getBackgroundClasses(background, theme);
-    // Combine body classes
-    const allBodyClasses = [backgroundClasses, 'font-sans antialiased', bodyClass].filter(Boolean).join(' ');
-    // Build meta tags
-    const metaTags = buildMetaTags(options);
-    const bodyAttrStr = buildBodyAttrs(bodyAttrs);
-    // Wrap content in layout container
-    const wrappedContent = alignment === 'center'
-        ? `<div class="${alignmentClasses} p-4">
-    <div class="w-full ${sizeClass}">
-      ${content}
-    </div>
-  </div>`
-        : `<div class="${alignmentClasses}">
-    <div class="w-full ${sizeClass} mx-auto px-4 py-8">
-      ${content}
-    </div>
-  </div>`;
-    return `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${escapeHtml(title)}${titleSuffix ? ` - ${escapeHtml(titleSuffix)}` : ''}</title>
-  ${metaTags}
-
-  <!-- Fonts -->
-  ${fontPreconnect}
-  ${fontStylesheets}
-
-  <!-- Tailwind CSS -->
-  ${scripts}
-  ${styleBlock}
-
-  ${headExtra}
-</head>
-<body class="${escapeHtml(allBodyClasses)}"${bodyAttrStr ? ` ${bodyAttrStr}` : ''}>
-  ${wrappedContent}
-</body>
-</html>`;
-}
-// ============================================
-// Layout Factory
-// ============================================
-/**
- * Create a layout builder with preset options.
- * The returned function accepts optional options that extend/override the defaults.
- * If defaults include `title`, the returned function's options are fully optional.
- */
-function createLayoutBuilder(defaults) {
-    return (content, options = {}) => {
-        // Deep merge themes using mergeThemes
-        // Start with DEFAULT_THEME as base, then merge defaults.theme, then options.theme
-        let mergedTheme = theme_1.DEFAULT_THEME;
-        if (defaults.theme) {
-            mergedTheme = (0, theme_1.mergeThemes)(mergedTheme, defaults.theme);
-        }
-        if (options.theme) {
-            mergedTheme = (0, theme_1.mergeThemes)(mergedTheme, options.theme);
-        }
-        const merged = {
-            ...defaults,
-            ...options,
-            theme: mergedTheme,
-        };
-        // Ensure title exists (from defaults or options)
-        if (!merged.title) {
-            throw new Error('createLayoutBuilder: title is required either in defaults or options');
-        }
-        return baseLayout(content, merged);
-    };
-}
-//# sourceMappingURL=base.js.map

package/src/layouts/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../src/layouts/base.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Base Layout System\n *\n * Provides the foundation for all FrontMCP UI pages with:\n * - Platform-aware rendering (OpenAI, Claude, etc.)\n * - Theme integration\n * - CDN resource management\n * - Responsive layouts\n */\n\nimport {\n  type PlatformCapabilities,\n  type ThemeConfig,\n  type DeepPartial,\n  OPENAI_PLATFORM,\n  canUseCdn,\n  needsInlineScripts,\n  DEFAULT_THEME,\n  buildThemeCss,\n  mergeThemes,\n  CDN,\n  buildFontPreconnect,\n  buildFontStylesheets,\n  buildCdnScripts,\n} from '../theme';\n\n// ============================================\n// Layout Types\n// ============================================\n\n/**\n * Page type determines the layout structure\n */\nexport type PageType =\n  | 'auth' // Login, register, forgot password\n  | 'consent' // OAuth consent, permissions\n  | 'error' // Error pages\n  | 'loading' // Loading/processing states\n  | 'success' // Success confirmation\n  | 'dashboard' // Admin/dashboard layouts\n  | 'widget' // Embedded widget mode\n  | 'resource' // OpenAI resource display\n  | 'custom'; // Custom layout\n\n/**\n * Layout size/width options\n */\nexport type LayoutSize =\n  | 'xs' // max-w-sm (24rem)\n  | 'sm' // max-w-md (28rem)\n  | 'md' // max-w-lg (32rem)\n  | 'lg' // max-w-xl (36rem)\n  | 'xl' // max-w-2xl (42rem)\n  | '2xl' // max-w-3xl (48rem)\n  | '3xl' // max-w-4xl (56rem)\n  | 'full'; // Full width\n\n/**\n * Background style options\n */\nexport type BackgroundStyle =\n  | 'solid' // Solid color\n  | 'gradient' // Gradient\n  | 'pattern' // Pattern/texture\n  | 'none'; // Transparent\n\n/**\n * Layout alignment options\n */\nexport type LayoutAlignment =\n  | 'center' // Centered both axes\n  | 'top' // Top aligned\n  | 'start'; // Start aligned (left)\n\n// ============================================\n// Layout Options\n// ============================================\n\n/**\n * Base layout configuration options\n */\nexport interface BaseLayoutOptions {\n  /** Page title (will be suffixed with branding) */\n  title: string;\n\n  /** Page type for layout structure */\n  pageType?: PageType;\n\n  /** Content width */\n  size?: LayoutSize;\n\n  /** Content alignment */\n  alignment?: LayoutAlignment;\n\n  /** Background style */\n  background?: BackgroundStyle;\n\n  /** Optional page description for meta tag */\n  description?: string;\n\n  /** Target platform capabilities */\n  platform?: PlatformCapabilities;\n\n  /** Theme configuration (deep partial - nested properties are also optional) */\n  theme?: DeepPartial<ThemeConfig>;\n\n  /** Include HTMX (default: based on platform) */\n  includeHtmx?: boolean;\n\n  /** Include Alpine.js (default: false) */\n  includeAlpine?: boolean;\n\n  /** Include Lucide icons (default: false) */\n  includeIcons?: boolean;\n\n  /** Additional head content */\n  headExtra?: string;\n\n  /** Additional body attributes */\n  bodyAttrs?: Record<string, string>;\n\n  /** Custom body classes */\n  bodyClass?: string;\n\n  /** Title suffix/branding */\n  titleSuffix?: string;\n\n  /** Favicon URL */\n  favicon?: string;\n\n  /** Open Graph meta tags */\n  og?: {\n    title?: string;\n    description?: string;\n    image?: string;\n    type?: string;\n  };\n}\n\n// ============================================\n// Utility Functions\n// ============================================\n\n/**\n * Escape HTML special characters to prevent XSS\n */\nexport function escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#39;');\n}\n\n/**\n * Get CSS class for layout size\n */\nfunction getSizeClass(size: LayoutSize): string {\n  const sizeMap: Record<LayoutSize, string> = {\n    xs: 'max-w-sm',\n    sm: 'max-w-md',\n    md: 'max-w-lg',\n    lg: 'max-w-xl',\n    xl: 'max-w-2xl',\n    '2xl': 'max-w-3xl',\n    '3xl': 'max-w-4xl',\n    full: 'max-w-full',\n  };\n  return sizeMap[size];\n}\n\n/**\n * Get CSS classes for alignment\n */\nfunction getAlignmentClasses(alignment: LayoutAlignment): string {\n  const alignMap: Record<LayoutAlignment, string> = {\n    center: 'min-h-screen flex items-center justify-center',\n    top: 'min-h-screen flex flex-col items-center pt-12',\n    start: 'min-h-screen',\n  };\n  return alignMap[alignment];\n}\n\n/**\n * Get CSS classes for background\n */\nfunction getBackgroundClasses(background: BackgroundStyle, theme: ThemeConfig): string {\n  switch (background) {\n    case 'gradient':\n      return 'bg-gradient-to-br from-primary to-secondary';\n    case 'pattern':\n      return 'bg-surface bg-[url(\"data:image/svg+xml,...\")]'; // Pattern would be defined\n    case 'solid':\n      return 'bg-background';\n    case 'none':\n    default:\n      return '';\n  }\n}\n\n/**\n * Build meta tags\n */\nfunction buildMetaTags(options: BaseLayoutOptions): string {\n  const tags: string[] = [];\n\n  if (options.description) {\n    tags.push(`<meta name=\"description\" content=\"${escapeHtml(options.description)}\">`);\n  }\n\n  if (options.og) {\n    if (options.og.title) {\n      tags.push(`<meta property=\"og:title\" content=\"${escapeHtml(options.og.title)}\">`);\n    }\n    if (options.og.description) {\n      tags.push(`<meta property=\"og:description\" content=\"${escapeHtml(options.og.description)}\">`);\n    }\n    if (options.og.image) {\n      tags.push(`<meta property=\"og:image\" content=\"${escapeHtml(options.og.image)}\">`);\n    }\n    if (options.og.type) {\n      tags.push(`<meta property=\"og:type\" content=\"${escapeHtml(options.og.type)}\">`);\n    }\n  }\n\n  if (options.favicon) {\n    tags.push(`<link rel=\"icon\" href=\"${escapeHtml(options.favicon)}\">`);\n  }\n\n  return tags.join('\\n  ');\n}\n\n/**\n * Build body attributes string\n */\nfunction buildBodyAttrs(attrs?: Record<string, string>): string {\n  if (!attrs) return '';\n  return Object.entries(attrs)\n    .map(([key, value]) => `${key}=\"${escapeHtml(value)}\"`)\n    .join(' ');\n}\n\n// ============================================\n// Base Layout Builder\n// ============================================\n\n/**\n * Build the complete HTML document\n *\n * @param content - The page content (HTML string)\n * @param options - Layout configuration options\n * @returns Complete HTML document string\n */\nexport function baseLayout(content: string, options: BaseLayoutOptions): string {\n  const {\n    title,\n    pageType = 'custom',\n    size = 'md',\n    alignment = 'center',\n    background = 'solid',\n    platform = OPENAI_PLATFORM,\n    theme: themeOverrides,\n    includeHtmx,\n    includeAlpine = false,\n    includeIcons = false,\n    headExtra = '',\n    bodyAttrs,\n    bodyClass = '',\n    titleSuffix = 'FrontMCP',\n  } = options;\n\n  // Merge theme using the centralized mergeThemes function for proper deep merging\n  const theme: ThemeConfig = themeOverrides ? mergeThemes(DEFAULT_THEME, themeOverrides) : DEFAULT_THEME;\n\n  // Determine if we should include HTMX\n  const shouldIncludeHtmx = includeHtmx ?? platform.supportsHtmx;\n\n  // Check if we can use CDN or need inline\n  const useCdn = canUseCdn(platform);\n  const useInline = needsInlineScripts(platform);\n\n  // Build font links (skip for blocked network)\n  const fontPreconnect = useCdn ? buildFontPreconnect() : '';\n  const fontStylesheets = useCdn ? buildFontStylesheets({ inter: true }) : '';\n\n  // Build scripts\n  const scripts = buildCdnScripts({\n    tailwind: platform.supportsTailwind,\n    htmx: shouldIncludeHtmx,\n    alpine: includeAlpine,\n    icons: includeIcons,\n    inline: useInline,\n  });\n\n  // Build theme CSS\n  const themeCss = buildThemeCss(theme);\n  const customCss = theme.customCss || '';\n\n  // Build Tailwind style block\n  const styleBlock = platform.supportsTailwind\n    ? `<style type=\"text/tailwindcss\">\n    @theme {\n      ${themeCss}\n    }\n    ${customCss}\n  </style>`\n    : '';\n\n  // Build layout classes\n  const sizeClass = getSizeClass(size);\n  const alignmentClasses = getAlignmentClasses(alignment);\n  const backgroundClasses = getBackgroundClasses(background, theme);\n\n  // Combine body classes\n  const allBodyClasses = [backgroundClasses, 'font-sans antialiased', bodyClass].filter(Boolean).join(' ');\n\n  // Build meta tags\n  const metaTags = buildMetaTags(options);\n  const bodyAttrStr = buildBodyAttrs(bodyAttrs);\n\n  // Wrap content in layout container\n  const wrappedContent =\n    alignment === 'center'\n      ? `<div class=\"${alignmentClasses} p-4\">\n    <div class=\"w-full ${sizeClass}\">\n      ${content}\n    </div>\n  </div>`\n      : `<div class=\"${alignmentClasses}\">\n    <div class=\"w-full ${sizeClass} mx-auto px-4 py-8\">\n      ${content}\n    </div>\n  </div>`;\n\n  return `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>${escapeHtml(title)}${titleSuffix ? ` - ${escapeHtml(titleSuffix)}` : ''}</title>\n  ${metaTags}\n\n  <!-- Fonts -->\n  ${fontPreconnect}\n  ${fontStylesheets}\n\n  <!-- Tailwind CSS -->\n  ${scripts}\n  ${styleBlock}\n\n  ${headExtra}\n</head>\n<body class=\"${escapeHtml(allBodyClasses)}\"${bodyAttrStr ? ` ${bodyAttrStr}` : ''}>\n  ${wrappedContent}\n</body>\n</html>`;\n}\n\n// ============================================\n// Layout Factory\n// ============================================\n\n/**\n * Create a layout builder with preset options.\n * The returned function accepts optional options that extend/override the defaults.\n * If defaults include `title`, the returned function's options are fully optional.\n */\nexport function createLayoutBuilder(\n  defaults: Partial<BaseLayoutOptions>,\n): (content: string, options?: Partial<BaseLayoutOptions>) => string {\n  return (content: string, options: Partial<BaseLayoutOptions> = {}) => {\n    // Deep merge themes using mergeThemes\n    // Start with DEFAULT_THEME as base, then merge defaults.theme, then options.theme\n    let mergedTheme = DEFAULT_THEME;\n    if (defaults.theme) {\n      mergedTheme = mergeThemes(mergedTheme, defaults.theme);\n    }\n    if (options.theme) {\n      mergedTheme = mergeThemes(mergedTheme, options.theme);\n    }\n\n    const merged = {\n      ...defaults,\n      ...options,\n      theme: mergedTheme,\n    } as BaseLayoutOptions;\n\n    // Ensure title exists (from defaults or options)\n    if (!merged.title) {\n      throw new Error('createLayoutBuilder: title is required either in defaults or options');\n    }\n\n    return baseLayout(content, merged);\n  };\n}\n"]}

package/src/layouts/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * Layouts Module
- *
- * Provides base layouts and page-specific presets for FrontMCP UI.
- */
-export { type PageType, type LayoutSize, type BackgroundStyle, type LayoutAlignment, type BaseLayoutOptions, baseLayout, createLayoutBuilder, escapeHtml, } from './base';
-export { type AuthLayoutOptions, type ConsentLayoutOptions, type ErrorLayoutOptions, type LoadingLayoutOptions, type SuccessLayoutOptions, type WidgetLayoutOptions, authLayout, consentLayout, errorLayout, loadingLayout, successLayout, widgetLayout, authLayoutBuilder, consentLayoutBuilder, errorLayoutBuilder, } from './presets';

package/src/layouts/index.js

@@ -1,25 +0,0 @@
-"use strict";
-/**
- * Layouts Module
- *
- * Provides base layouts and page-specific presets for FrontMCP UI.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.errorLayoutBuilder = exports.consentLayoutBuilder = exports.authLayoutBuilder = exports.widgetLayout = exports.successLayout = exports.loadingLayout = exports.errorLayout = exports.consentLayout = exports.authLayout = exports.escapeHtml = exports.createLayoutBuilder = exports.baseLayout = void 0;
-// Base layout
-var base_1 = require("./base");
-Object.defineProperty(exports, "baseLayout", { enumerable: true, get: function () { return base_1.baseLayout; } });
-Object.defineProperty(exports, "createLayoutBuilder", { enumerable: true, get: function () { return base_1.createLayoutBuilder; } });
-Object.defineProperty(exports, "escapeHtml", { enumerable: true, get: function () { return base_1.escapeHtml; } });
-// Layout presets
-var presets_1 = require("./presets");
-Object.defineProperty(exports, "authLayout", { enumerable: true, get: function () { return presets_1.authLayout; } });
-Object.defineProperty(exports, "consentLayout", { enumerable: true, get: function () { return presets_1.consentLayout; } });
-Object.defineProperty(exports, "errorLayout", { enumerable: true, get: function () { return presets_1.errorLayout; } });
-Object.defineProperty(exports, "loadingLayout", { enumerable: true, get: function () { return presets_1.loadingLayout; } });
-Object.defineProperty(exports, "successLayout", { enumerable: true, get: function () { return presets_1.successLayout; } });
-Object.defineProperty(exports, "widgetLayout", { enumerable: true, get: function () { return presets_1.widgetLayout; } });
-Object.defineProperty(exports, "authLayoutBuilder", { enumerable: true, get: function () { return presets_1.authLayoutBuilder; } });
-Object.defineProperty(exports, "consentLayoutBuilder", { enumerable: true, get: function () { return presets_1.consentLayoutBuilder; } });
-Object.defineProperty(exports, "errorLayoutBuilder", { enumerable: true, get: function () { return presets_1.errorLayoutBuilder; } });
-//# sourceMappingURL=index.js.map

package/src/layouts/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layouts/index.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAEH,cAAc;AACd,+BASgB;AAHd,kGAAA,UAAU,OAAA;AACV,2GAAA,mBAAmB,OAAA;AACnB,kGAAA,UAAU,OAAA;AAGZ,iBAAiB;AACjB,qCAgBmB;AATjB,qGAAA,UAAU,OAAA;AACV,wGAAA,aAAa,OAAA;AACb,sGAAA,WAAW,OAAA;AACX,wGAAA,aAAa,OAAA;AACb,wGAAA,aAAa,OAAA;AACb,uGAAA,YAAY,OAAA;AACZ,4GAAA,iBAAiB,OAAA;AACjB,+GAAA,oBAAoB,OAAA;AACpB,6GAAA,kBAAkB,OAAA","sourcesContent":["/**\n * Layouts Module\n *\n * Provides base layouts and page-specific presets for FrontMCP UI.\n */\n\n// Base layout\nexport {\n  type PageType,\n  type LayoutSize,\n  type BackgroundStyle,\n  type LayoutAlignment,\n  type BaseLayoutOptions,\n  baseLayout,\n  createLayoutBuilder,\n  escapeHtml,\n} from './base';\n\n// Layout presets\nexport {\n  type AuthLayoutOptions,\n  type ConsentLayoutOptions,\n  type ErrorLayoutOptions,\n  type LoadingLayoutOptions,\n  type SuccessLayoutOptions,\n  type WidgetLayoutOptions,\n  authLayout,\n  consentLayout,\n  errorLayout,\n  loadingLayout,\n  successLayout,\n  widgetLayout,\n  authLayoutBuilder,\n  consentLayoutBuilder,\n  errorLayoutBuilder,\n} from './presets';\n"]}