@frontmcp/ui 0.5.1 → 0.6.1

package/src/layouts/presets.d.ts

@@ -1,133 +0,0 @@
-/**
- * Layout Presets
- *
- * Pre-configured layouts for common page types:
- * - Auth pages (login, register, etc.)
- * - Consent pages (OAuth, permissions)
- * - Error pages
- * - Loading states
- * - Success pages
- * - Widget mode (embedded)
- * - Resource display (OpenAI SDK)
- */
-import { type BaseLayoutOptions } from './base';
-/**
- * Auth layout options
- */
-export interface AuthLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {
-    /** Show branding/logo */
-    showBranding?: boolean;
-    /** Custom logo HTML */
-    logo?: string;
-    /** Footer content */
-    footer?: string;
-}
-/**
- * Build auth page layout (login, register, etc.)
- */
-export declare function authLayout(content: string, options: AuthLayoutOptions): string;
-/**
- * Consent layout options
- */
-export interface ConsentLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {
-    /** App/client name requesting consent */
-    clientName?: string;
-    /** App icon URL */
-    clientIcon?: string;
-    /** User info display */
-    userInfo?: {
-        name?: string;
-        email?: string;
-        avatar?: string;
-    };
-}
-/**
- * Build consent page layout (OAuth consent, permissions)
- */
-export declare function consentLayout(content: string, options: ConsentLayoutOptions): string;
-/**
- * Error layout options
- */
-export interface ErrorLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {
-    /** Error code */
-    errorCode?: string;
-    /** Error title */
-    errorTitle?: string;
-    /** Error message */
-    errorMessage?: string;
-    /** Show retry button */
-    showRetry?: boolean;
-    /** Retry URL */
-    retryUrl?: string;
-    /** Show home button */
-    showHome?: boolean;
-    /** Home URL */
-    homeUrl?: string;
-}
-/**
- * Build error page layout
- */
-export declare function errorLayout(content: string, options: ErrorLayoutOptions): string;
-/**
- * Loading layout options
- */
-export interface LoadingLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {
-    /** Loading message */
-    message?: string;
-    /** Show spinner */
-    showSpinner?: boolean;
-    /** Show progress bar */
-    showProgress?: boolean;
-    /** Progress value (0-100) */
-    progress?: number;
-}
-/**
- * Build loading page layout
- */
-export declare function loadingLayout(content: string, options: LoadingLayoutOptions): string;
-/**
- * Success layout options
- */
-export interface SuccessLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {
-    /** Success title */
-    successTitle?: string;
-    /** Success message */
-    successMessage?: string;
-    /** Continue button text */
-    continueText?: string;
-    /** Continue URL */
-    continueUrl?: string;
-    /** Auto-close countdown (seconds) */
-    autoClose?: number;
-}
-/**
- * Build success page layout
- */
-export declare function successLayout(content: string, options: SuccessLayoutOptions): string;
-/**
- * Widget layout options (for embedded widgets)
- */
-export interface WidgetLayoutOptions extends Omit<BaseLayoutOptions, 'pageType' | 'alignment'> {
-    /** Widget max width */
-    maxWidth?: string;
-    /** Show border */
-    showBorder?: boolean;
-    /** Transparent background */
-    transparent?: boolean;
-}
-/**
- * Build widget layout (for embedding)
- */
-export declare function widgetLayout(content: string, options: WidgetLayoutOptions): string;
-/**
- * Pre-configured auth layout builder
- */
-export declare const authLayoutBuilder: (content: string, options?: Partial<BaseLayoutOptions>) => string;
-/**
- * Pre-configured consent layout builder
- */
-export declare const consentLayoutBuilder: (content: string, options?: Partial<BaseLayoutOptions>) => string;
-/**
- * Pre-configured error layout builder
- */
-export declare const errorLayoutBuilder: (content: string, options?: Partial<BaseLayoutOptions>) => string;

package/src/layouts/presets.js

@@ -1,277 +0,0 @@
-"use strict";
-/**
- * Layout Presets
- *
- * Pre-configured layouts for common page types:
- * - Auth pages (login, register, etc.)
- * - Consent pages (OAuth, permissions)
- * - Error pages
- * - Loading states
- * - Success pages
- * - Widget mode (embedded)
- * - Resource display (OpenAI SDK)
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.errorLayoutBuilder = exports.consentLayoutBuilder = exports.authLayoutBuilder = void 0;
-exports.authLayout = authLayout;
-exports.consentLayout = consentLayout;
-exports.errorLayout = errorLayout;
-exports.loadingLayout = loadingLayout;
-exports.successLayout = successLayout;
-exports.widgetLayout = widgetLayout;
-const base_1 = require("./base");
-/**
- * Build auth page layout (login, register, etc.)
- */
-function authLayout(content, options) {
-    const { showBranding = true, logo, footer, ...baseOptions } = options;
-    const brandingHtml = showBranding && logo
-        ? `<div class="text-center mb-8">${logo}</div>`
-        : showBranding
-            ? `<div class="text-center mb-8">
-          <div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary mb-4">
-            <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
-            </svg>
-          </div>
-        </div>`
-            : '';
-    const footerHtml = footer ? `<div class="mt-8 text-center text-sm text-text-secondary">${footer}</div>` : '';
-    const wrappedContent = `
-    <div class="bg-white rounded-2xl shadow-xl p-8">
-      ${brandingHtml}
-      ${content}
-    </div>
-    ${footerHtml}
-  `;
-    return (0, base_1.baseLayout)(wrappedContent, {
-        ...baseOptions,
-        pageType: 'auth',
-        size: baseOptions.size ?? 'sm',
-        alignment: 'center',
-        background: 'gradient',
-    });
-}
-/**
- * Build consent page layout (OAuth consent, permissions)
- */
-function consentLayout(content, options) {
-    const { clientName, clientIcon, userInfo, ...baseOptions } = options;
-    const headerHtml = clientName
-        ? `<div class="text-center mb-6">
-        ${clientIcon
-            ? `<img src="${(0, base_1.escapeHtml)(clientIcon)}" alt="${(0, base_1.escapeHtml)(clientName)}" class="w-16 h-16 rounded-xl mx-auto mb-4">`
-            : `<div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary text-white font-bold text-2xl mx-auto mb-4">
-              ${(0, base_1.escapeHtml)(clientName.charAt(0).toUpperCase())}
-            </div>`}
-        <h1 class="text-2xl font-bold text-text-primary">${(0, base_1.escapeHtml)(clientName)}</h1>
-      </div>`
-        : '';
-    const userInfoHtml = userInfo
-        ? `<div class="flex items-center gap-3 p-3 bg-gray-50 rounded-lg mb-6">
-        ${userInfo.avatar
-            ? `<img src="${(0, base_1.escapeHtml)(userInfo.avatar)}" class="w-10 h-10 rounded-full">`
-            : `<div class="w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center font-medium">
-              ${(0, base_1.escapeHtml)((userInfo.name || userInfo.email || 'U').charAt(0).toUpperCase())}
-            </div>`}
-        <div>
-          ${userInfo.name ? `<div class="font-medium text-text-primary">${(0, base_1.escapeHtml)(userInfo.name)}</div>` : ''}
-          ${userInfo.email ? `<div class="text-sm text-text-secondary">${(0, base_1.escapeHtml)(userInfo.email)}</div>` : ''}
-        </div>
-      </div>`
-        : '';
-    const wrappedContent = `
-    ${headerHtml}
-    ${userInfoHtml}
-    ${content}
-  `;
-    return (0, base_1.baseLayout)(wrappedContent, {
-        ...baseOptions,
-        pageType: 'consent',
-        size: baseOptions.size ?? 'lg',
-        alignment: 'top',
-        background: 'solid',
-    });
-}
-/**
- * Build error page layout
- */
-function errorLayout(content, options) {
-    const { errorCode, errorTitle = 'Something went wrong', errorMessage, showRetry = true, retryUrl, showHome = true, homeUrl = '/', ...baseOptions } = options;
-    const errorHtml = `
-    <div class="text-center">
-      <!-- Error icon -->
-      <div class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-danger/10 mb-6">
-        <svg class="w-10 h-10 text-danger" 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>
-      </div>
-
-      ${errorCode ? `<p class="text-6xl font-bold text-danger mb-2">${(0, base_1.escapeHtml)(errorCode)}</p>` : ''}
-      <h1 class="text-2xl font-bold text-text-primary mb-4">${(0, base_1.escapeHtml)(errorTitle)}</h1>
-      ${errorMessage ? `<p class="text-text-secondary mb-8">${(0, base_1.escapeHtml)(errorMessage)}</p>` : ''}
-
-      ${content}
-
-      <div class="flex gap-4 justify-center mt-8">
-        ${showRetry
-        ? `<button onclick="${retryUrl ? `window.location.href='${(0, base_1.escapeHtml)(retryUrl)}'` : 'window.location.reload()'}" class="px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors">Try Again</button>`
-        : ''}
-        ${showHome
-        ? `<a href="${(0, base_1.escapeHtml)(homeUrl)}" class="px-6 py-3 bg-gray-100 hover:bg-gray-200 text-text-primary font-medium rounded-lg transition-colors">Go Home</a>`
-        : ''}
-      </div>
-    </div>
-  `;
-    return (0, base_1.baseLayout)(errorHtml, {
-        ...baseOptions,
-        pageType: 'error',
-        size: 'sm',
-        alignment: 'center',
-        background: 'solid',
-        title: baseOptions.title ?? errorTitle,
-    });
-}
-/**
- * Build loading page layout
- */
-function loadingLayout(content, options) {
-    const { message = 'Loading...', showSpinner = true, showProgress = false, progress = 0, ...baseOptions } = options;
-    const spinnerHtml = showSpinner
-        ? `<div class="inline-flex items-center justify-center w-16 h-16 mb-6">
-        <svg class="animate-spin w-12 h-12 text-primary" 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>
-      </div>`
-        : '';
-    const progressHtml = showProgress
-        ? `<div class="w-full bg-gray-200 rounded-full h-2 mb-4">
-        <div class="bg-primary h-2 rounded-full transition-all duration-300" style="width: ${progress}%"></div>
-      </div>`
-        : '';
-    const loadingHtml = `
-    <div class="text-center">
-      ${spinnerHtml}
-      <h2 class="text-xl font-medium text-text-primary mb-2">${(0, base_1.escapeHtml)(message)}</h2>
-      ${progressHtml}
-      ${content}
-    </div>
-  `;
-    return (0, base_1.baseLayout)(loadingHtml, {
-        ...baseOptions,
-        pageType: 'loading',
-        size: 'sm',
-        alignment: 'center',
-        background: 'solid',
-        title: baseOptions.title ?? 'Loading',
-    });
-}
-/**
- * Build success page layout
- */
-function successLayout(content, options) {
-    const { successTitle = 'Success!', successMessage, continueText = 'Continue', continueUrl, autoClose, ...baseOptions } = options;
-    const autoCloseScript = autoClose
-        ? `<script>
-        let countdown = ${autoClose};
-        const countdownEl = document.getElementById('countdown');
-        const interval = setInterval(() => {
-          countdown--;
-          if (countdownEl) countdownEl.textContent = countdown;
-          if (countdown <= 0) {
-            clearInterval(interval);
-            ${continueUrl ? `window.location.href = '${(0, base_1.escapeHtml)(continueUrl)}';` : 'window.close();'}
-          }
-        }, 1000);
-      </script>`
-        : '';
-    const successHtml = `
-    <div class="text-center">
-      <!-- Success icon -->
-      <div class="inline-flex items-center justify-center w-20 h-20 rounded-full bg-success/10 mb-6">
-        <svg class="w-10 h-10 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
-        </svg>
-      </div>
-
-      <h1 class="text-2xl font-bold text-text-primary mb-4">${(0, base_1.escapeHtml)(successTitle)}</h1>
-      ${successMessage ? `<p class="text-text-secondary mb-8">${(0, base_1.escapeHtml)(successMessage)}</p>` : ''}
-
-      ${content}
-
-      ${continueUrl
-        ? `<a href="${(0, base_1.escapeHtml)(continueUrl)}" class="inline-block mt-6 px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors">${(0, base_1.escapeHtml)(continueText)}</a>`
-        : ''}
-
-      ${autoClose
-        ? `<p class="mt-4 text-sm text-text-secondary">Closing in <span id="countdown">${autoClose}</span> seconds...</p>`
-        : ''}
-    </div>
-    ${autoCloseScript}
-  `;
-    return (0, base_1.baseLayout)(successHtml, {
-        ...baseOptions,
-        pageType: 'success',
-        size: 'sm',
-        alignment: 'center',
-        background: 'solid',
-        title: baseOptions.title ?? successTitle,
-    });
-}
-/**
- * Build widget layout (for embedding)
- */
-function widgetLayout(content, options) {
-    const { maxWidth = '100%', showBorder = false, transparent = true, ...baseOptions } = options;
-    const containerClasses = [
-        'widget-container',
-        showBorder ? 'border border-border rounded-lg' : '',
-        transparent ? '' : 'bg-surface',
-    ]
-        .filter(Boolean)
-        .join(' ');
-    const wrappedContent = `
-    <div class="${containerClasses}" style="max-width: ${(0, base_1.escapeHtml)(maxWidth)}">
-      ${content}
-    </div>
-  `;
-    return (0, base_1.baseLayout)(wrappedContent, {
-        ...baseOptions,
-        pageType: 'widget',
-        size: 'full',
-        alignment: 'start',
-        background: 'none',
-    });
-}
-// ============================================
-// Layout Builders
-// ============================================
-/**
- * Pre-configured auth layout builder
- */
-exports.authLayoutBuilder = (0, base_1.createLayoutBuilder)({
-    pageType: 'auth',
-    size: 'sm',
-    alignment: 'center',
-    background: 'gradient',
-});
-/**
- * Pre-configured consent layout builder
- */
-exports.consentLayoutBuilder = (0, base_1.createLayoutBuilder)({
-    pageType: 'consent',
-    size: 'lg',
-    alignment: 'top',
-    background: 'solid',
-});
-/**
- * Pre-configured error layout builder
- */
-exports.errorLayoutBuilder = (0, base_1.createLayoutBuilder)({
-    pageType: 'error',
-    size: 'sm',
-    alignment: 'center',
-    background: 'solid',
-});
-//# sourceMappingURL=presets.js.map

package/src/layouts/presets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../src/layouts/presets.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Layout Presets\n *\n * Pre-configured layouts for common page types:\n * - Auth pages (login, register, etc.)\n * - Consent pages (OAuth, permissions)\n * - Error pages\n * - Loading states\n * - Success pages\n * - Widget mode (embedded)\n * - Resource display (OpenAI SDK)\n */\n\nimport { baseLayout, createLayoutBuilder, type BaseLayoutOptions, type PageType, escapeHtml } from './base';\n\n// ============================================\n// Auth Layout\n// ============================================\n\n/**\n * Auth layout options\n */\nexport interface AuthLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {\n  /** Show branding/logo */\n  showBranding?: boolean;\n  /** Custom logo HTML */\n  logo?: string;\n  /** Footer content */\n  footer?: string;\n}\n\n/**\n * Build auth page layout (login, register, etc.)\n */\nexport function authLayout(content: string, options: AuthLayoutOptions): string {\n  const { showBranding = true, logo, footer, ...baseOptions } = options;\n\n  const brandingHtml =\n    showBranding && logo\n      ? `<div class=\"text-center mb-8\">${logo}</div>`\n      : showBranding\n      ? `<div class=\"text-center mb-8\">\n          <div class=\"inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary mb-4\">\n            <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"/>\n            </svg>\n          </div>\n        </div>`\n      : '';\n\n  const footerHtml = footer ? `<div class=\"mt-8 text-center text-sm text-text-secondary\">${footer}</div>` : '';\n\n  const wrappedContent = `\n    <div class=\"bg-white rounded-2xl shadow-xl p-8\">\n      ${brandingHtml}\n      ${content}\n    </div>\n    ${footerHtml}\n  `;\n\n  return baseLayout(wrappedContent, {\n    ...baseOptions,\n    pageType: 'auth',\n    size: baseOptions.size ?? 'sm',\n    alignment: 'center',\n    background: 'gradient',\n  });\n}\n\n// ============================================\n// Consent Layout\n// ============================================\n\n/**\n * Consent layout options\n */\nexport interface ConsentLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {\n  /** App/client name requesting consent */\n  clientName?: string;\n  /** App icon URL */\n  clientIcon?: string;\n  /** User info display */\n  userInfo?: {\n    name?: string;\n    email?: string;\n    avatar?: string;\n  };\n}\n\n/**\n * Build consent page layout (OAuth consent, permissions)\n */\nexport function consentLayout(content: string, options: ConsentLayoutOptions): string {\n  const { clientName, clientIcon, userInfo, ...baseOptions } = options;\n\n  const headerHtml = clientName\n    ? `<div class=\"text-center mb-6\">\n        ${\n          clientIcon\n            ? `<img src=\"${escapeHtml(clientIcon)}\" alt=\"${escapeHtml(\n                clientName,\n              )}\" class=\"w-16 h-16 rounded-xl mx-auto mb-4\">`\n            : `<div class=\"inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary text-white font-bold text-2xl mx-auto mb-4\">\n              ${escapeHtml(clientName.charAt(0).toUpperCase())}\n            </div>`\n        }\n        <h1 class=\"text-2xl font-bold text-text-primary\">${escapeHtml(clientName)}</h1>\n      </div>`\n    : '';\n\n  const userInfoHtml = userInfo\n    ? `<div class=\"flex items-center gap-3 p-3 bg-gray-50 rounded-lg mb-6\">\n        ${\n          userInfo.avatar\n            ? `<img src=\"${escapeHtml(userInfo.avatar)}\" class=\"w-10 h-10 rounded-full\">`\n            : `<div class=\"w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center font-medium\">\n              ${escapeHtml((userInfo.name || userInfo.email || 'U').charAt(0).toUpperCase())}\n            </div>`\n        }\n        <div>\n          ${userInfo.name ? `<div class=\"font-medium text-text-primary\">${escapeHtml(userInfo.name)}</div>` : ''}\n          ${userInfo.email ? `<div class=\"text-sm text-text-secondary\">${escapeHtml(userInfo.email)}</div>` : ''}\n        </div>\n      </div>`\n    : '';\n\n  const wrappedContent = `\n    ${headerHtml}\n    ${userInfoHtml}\n    ${content}\n  `;\n\n  return baseLayout(wrappedContent, {\n    ...baseOptions,\n    pageType: 'consent',\n    size: baseOptions.size ?? 'lg',\n    alignment: 'top',\n    background: 'solid',\n  });\n}\n\n// ============================================\n// Error Layout\n// ============================================\n\n/**\n * Error layout options\n */\nexport interface ErrorLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {\n  /** Error code */\n  errorCode?: string;\n  /** Error title */\n  errorTitle?: string;\n  /** Error message */\n  errorMessage?: string;\n  /** Show retry button */\n  showRetry?: boolean;\n  /** Retry URL */\n  retryUrl?: string;\n  /** Show home button */\n  showHome?: boolean;\n  /** Home URL */\n  homeUrl?: string;\n}\n\n/**\n * Build error page layout\n */\nexport function errorLayout(content: string, options: ErrorLayoutOptions): string {\n  const {\n    errorCode,\n    errorTitle = 'Something went wrong',\n    errorMessage,\n    showRetry = true,\n    retryUrl,\n    showHome = true,\n    homeUrl = '/',\n    ...baseOptions\n  } = options;\n\n  const errorHtml = `\n    <div class=\"text-center\">\n      <!-- Error icon -->\n      <div class=\"inline-flex items-center justify-center w-20 h-20 rounded-full bg-danger/10 mb-6\">\n        <svg class=\"w-10 h-10 text-danger\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <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\"/>\n        </svg>\n      </div>\n\n      ${errorCode ? `<p class=\"text-6xl font-bold text-danger mb-2\">${escapeHtml(errorCode)}</p>` : ''}\n      <h1 class=\"text-2xl font-bold text-text-primary mb-4\">${escapeHtml(errorTitle)}</h1>\n      ${errorMessage ? `<p class=\"text-text-secondary mb-8\">${escapeHtml(errorMessage)}</p>` : ''}\n\n      ${content}\n\n      <div class=\"flex gap-4 justify-center mt-8\">\n        ${\n          showRetry\n            ? `<button onclick=\"${\n                retryUrl ? `window.location.href='${escapeHtml(retryUrl)}'` : 'window.location.reload()'\n              }\" class=\"px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors\">Try Again</button>`\n            : ''\n        }\n        ${\n          showHome\n            ? `<a href=\"${escapeHtml(\n                homeUrl,\n              )}\" class=\"px-6 py-3 bg-gray-100 hover:bg-gray-200 text-text-primary font-medium rounded-lg transition-colors\">Go Home</a>`\n            : ''\n        }\n      </div>\n    </div>\n  `;\n\n  return baseLayout(errorHtml, {\n    ...baseOptions,\n    pageType: 'error',\n    size: 'sm',\n    alignment: 'center',\n    background: 'solid',\n    title: baseOptions.title ?? errorTitle,\n  });\n}\n\n// ============================================\n// Loading Layout\n// ============================================\n\n/**\n * Loading layout options\n */\nexport interface LoadingLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {\n  /** Loading message */\n  message?: string;\n  /** Show spinner */\n  showSpinner?: boolean;\n  /** Show progress bar */\n  showProgress?: boolean;\n  /** Progress value (0-100) */\n  progress?: number;\n}\n\n/**\n * Build loading page layout\n */\nexport function loadingLayout(content: string, options: LoadingLayoutOptions): string {\n  const { message = 'Loading...', showSpinner = true, showProgress = false, progress = 0, ...baseOptions } = options;\n\n  const spinnerHtml = showSpinner\n    ? `<div class=\"inline-flex items-center justify-center w-16 h-16 mb-6\">\n        <svg class=\"animate-spin w-12 h-12 text-primary\" fill=\"none\" viewBox=\"0 0 24 24\">\n          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n          <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>\n        </svg>\n      </div>`\n    : '';\n\n  const progressHtml = showProgress\n    ? `<div class=\"w-full bg-gray-200 rounded-full h-2 mb-4\">\n        <div class=\"bg-primary h-2 rounded-full transition-all duration-300\" style=\"width: ${progress}%\"></div>\n      </div>`\n    : '';\n\n  const loadingHtml = `\n    <div class=\"text-center\">\n      ${spinnerHtml}\n      <h2 class=\"text-xl font-medium text-text-primary mb-2\">${escapeHtml(message)}</h2>\n      ${progressHtml}\n      ${content}\n    </div>\n  `;\n\n  return baseLayout(loadingHtml, {\n    ...baseOptions,\n    pageType: 'loading',\n    size: 'sm',\n    alignment: 'center',\n    background: 'solid',\n    title: baseOptions.title ?? 'Loading',\n  });\n}\n\n// ============================================\n// Success Layout\n// ============================================\n\n/**\n * Success layout options\n */\nexport interface SuccessLayoutOptions extends Omit<BaseLayoutOptions, 'pageType'> {\n  /** Success title */\n  successTitle?: string;\n  /** Success message */\n  successMessage?: string;\n  /** Continue button text */\n  continueText?: string;\n  /** Continue URL */\n  continueUrl?: string;\n  /** Auto-close countdown (seconds) */\n  autoClose?: number;\n}\n\n/**\n * Build success page layout\n */\nexport function successLayout(content: string, options: SuccessLayoutOptions): string {\n  const {\n    successTitle = 'Success!',\n    successMessage,\n    continueText = 'Continue',\n    continueUrl,\n    autoClose,\n    ...baseOptions\n  } = options;\n\n  const autoCloseScript = autoClose\n    ? `<script>\n        let countdown = ${autoClose};\n        const countdownEl = document.getElementById('countdown');\n        const interval = setInterval(() => {\n          countdown--;\n          if (countdownEl) countdownEl.textContent = countdown;\n          if (countdown <= 0) {\n            clearInterval(interval);\n            ${continueUrl ? `window.location.href = '${escapeHtml(continueUrl)}';` : 'window.close();'}\n          }\n        }, 1000);\n      </script>`\n    : '';\n\n  const successHtml = `\n    <div class=\"text-center\">\n      <!-- Success icon -->\n      <div class=\"inline-flex items-center justify-center w-20 h-20 rounded-full bg-success/10 mb-6\">\n        <svg class=\"w-10 h-10 text-success\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"/>\n        </svg>\n      </div>\n\n      <h1 class=\"text-2xl font-bold text-text-primary mb-4\">${escapeHtml(successTitle)}</h1>\n      ${successMessage ? `<p class=\"text-text-secondary mb-8\">${escapeHtml(successMessage)}</p>` : ''}\n\n      ${content}\n\n      ${\n        continueUrl\n          ? `<a href=\"${escapeHtml(\n              continueUrl,\n            )}\" class=\"inline-block mt-6 px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors\">${escapeHtml(\n              continueText,\n            )}</a>`\n          : ''\n      }\n\n      ${\n        autoClose\n          ? `<p class=\"mt-4 text-sm text-text-secondary\">Closing in <span id=\"countdown\">${autoClose}</span> seconds...</p>`\n          : ''\n      }\n    </div>\n    ${autoCloseScript}\n  `;\n\n  return baseLayout(successHtml, {\n    ...baseOptions,\n    pageType: 'success',\n    size: 'sm',\n    alignment: 'center',\n    background: 'solid',\n    title: baseOptions.title ?? successTitle,\n  });\n}\n\n// ============================================\n// Widget Layout\n// ============================================\n\n/**\n * Widget layout options (for embedded widgets)\n */\nexport interface WidgetLayoutOptions extends Omit<BaseLayoutOptions, 'pageType' | 'alignment'> {\n  /** Widget max width */\n  maxWidth?: string;\n  /** Show border */\n  showBorder?: boolean;\n  /** Transparent background */\n  transparent?: boolean;\n}\n\n/**\n * Build widget layout (for embedding)\n */\nexport function widgetLayout(content: string, options: WidgetLayoutOptions): string {\n  const { maxWidth = '100%', showBorder = false, transparent = true, ...baseOptions } = options;\n\n  const containerClasses = [\n    'widget-container',\n    showBorder ? 'border border-border rounded-lg' : '',\n    transparent ? '' : 'bg-surface',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const wrappedContent = `\n    <div class=\"${containerClasses}\" style=\"max-width: ${escapeHtml(maxWidth)}\">\n      ${content}\n    </div>\n  `;\n\n  return baseLayout(wrappedContent, {\n    ...baseOptions,\n    pageType: 'widget',\n    size: 'full',\n    alignment: 'start',\n    background: 'none',\n  });\n}\n\n// ============================================\n// Layout Builders\n// ============================================\n\n/**\n * Pre-configured auth layout builder\n */\nexport const authLayoutBuilder = createLayoutBuilder({\n  pageType: 'auth',\n  size: 'sm',\n  alignment: 'center',\n  background: 'gradient',\n});\n\n/**\n * Pre-configured consent layout builder\n */\nexport const consentLayoutBuilder = createLayoutBuilder({\n  pageType: 'consent',\n  size: 'lg',\n  alignment: 'top',\n  background: 'solid',\n});\n\n/**\n * Pre-configured error layout builder\n */\nexport const errorLayoutBuilder = createLayoutBuilder({\n  pageType: 'error',\n  size: 'sm',\n  alignment: 'center',\n  background: 'solid',\n});\n"]}

package/src/pages/consent.d.ts

@@ -1,116 +0,0 @@
-/**
- * OAuth Consent Page Template
- *
- * OAuth/OpenID Connect consent page for authorization flows.
- */
-import { type ConsentLayoutOptions } from '../layouts';
-import { type PermissionItem } from '../components/list';
-/**
- * Client/Application information
- */
-export interface ClientInfo {
-    /** Client ID */
-    clientId: string;
-    /** Client name */
-    name: string;
-    /** Client icon/logo URL */
-    icon?: string;
-    /** Client website URL */
-    websiteUrl?: string;
-    /** Privacy policy URL */
-    privacyUrl?: string;
-    /** Terms of service URL */
-    termsUrl?: string;
-    /** Verified client badge */
-    verified?: boolean;
-}
-/**
- * User information
- */
-export interface UserInfo {
-    /** User ID */
-    id?: string;
-    /** User name */
-    name?: string;
-    /** User email */
-    email?: string;
-    /** Avatar URL */
-    avatar?: string;
-}
-/**
- * Consent page options
- */
-export interface ConsentPageOptions {
-    /** Client/App requesting authorization */
-    client: ClientInfo;
-    /** Current user info */
-    user?: UserInfo;
-    /** Requested permissions/scopes */
-    permissions: PermissionItem[];
-    /** Form action URL for approval */
-    approveUrl: string;
-    /** Form action URL for denial (optional, uses approveUrl if not provided) */
-    denyUrl?: string;
-    /** CSRF token */
-    csrfToken?: string;
-    /** OAuth state parameter */
-    state?: string;
-    /** Redirect URI */
-    redirectUri?: string;
-    /** Response type */
-    responseType?: string;
-    /** Nonce */
-    nonce?: string;
-    /** Code challenge */
-    codeChallenge?: string;
-    /** Code challenge method */
-    codeChallengeMethod?: string;
-    /** Error message */
-    error?: string;
-    /** Layout options */
-    layout?: Partial<ConsentLayoutOptions>;
-    /** Custom warning message */
-    warningMessage?: string;
-    /** Allow partial scope selection */
-    allowScopeSelection?: boolean;
-    /** Custom approve button text */
-    approveText?: string;
-    /** Custom deny button text */
-    denyText?: string;
-}
-/**
- * Build an OAuth consent page
- */
-export declare function consentPage(options: ConsentPageOptions): string;
-/**
- * Consent success page options
- */
-export interface ConsentSuccessOptions {
-    /** Client info */
-    client: ClientInfo;
-    /** Redirect URL */
-    redirectUrl?: string;
-    /** Auto redirect delay (ms) */
-    autoRedirectDelay?: number;
-    /** Layout options */
-    layout?: Partial<ConsentLayoutOptions>;
-}
-/**
- * Build a consent success page
- */
-export declare function consentSuccessPage(options: ConsentSuccessOptions): string;
-/**
- * Consent denied page options
- */
-export interface ConsentDeniedOptions {
-    /** Client info */
-    client: ClientInfo;
-    /** Redirect URL */
-    redirectUrl?: string;
-    /** Layout options */
-    layout?: Partial<ConsentLayoutOptions>;
-}
-/**
- * Build a consent denied page
- */
-export declare function consentDeniedPage(options: ConsentDeniedOptions): string;