@frontmcp/ui 0.6.0 → 0.6.1

package/widgets/index.js

@@ -34,34 +34,10 @@ __export(widgets_exports, {
 });
 module.exports = __toCommonJS(widgets_exports);
 
-// 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/layouts/base.ts
+var import_theme = require("@frontmcp/uipack/theme");
+var import_utils = require("@frontmcp/uipack/utils");
+var import_utils2 = require("@frontmcp/uipack/utils");
 
 // libs/ui/src/components/card.ts
 function getVariantClasses(variant) {
@@ -84,7 +60,7 @@ function getSizeClasses(size) {
 }
 function buildDataAttrs(data) {
   if (!data) return "";
-  return Object.entries(data).map(([key, value]) => `data-${key}="${escapeHtml(value)}"`).join(" ");
+  return Object.entries(data).map(([key, value]) => `data-${key}="${(0, import_utils2.escapeHtml)(value)}"`).join(" ");
 }
 function card(content, options = {}) {
   const {
@@ -105,18 +81,18 @@ function card(content, options = {}) {
   const clickableClasses = clickable ? "cursor-pointer hover:shadow-md transition-shadow" : "";
   const allClasses = [variantClasses, sizeClasses, clickableClasses, className].filter(Boolean).join(" ");
   const dataAttrs = buildDataAttrs(data);
-  const idAttr = id ? `id="${escapeHtml(id)}"` : "";
+  const idAttr = id ? `id="${(0, import_utils2.escapeHtml)(id)}"` : "";
   const hasHeader = title || subtitle || headerActions;
   const headerHtml = hasHeader ? `<div class="flex items-start justify-between mb-4">
         <div>
-          ${title ? `<h3 class="text-lg font-semibold text-text-primary">${escapeHtml(title)}</h3>` : ""}
-          ${subtitle ? `<p class="text-sm text-text-secondary mt-1">${escapeHtml(subtitle)}</p>` : ""}
+          ${title ? `<h3 class="text-lg font-semibold text-text-primary">${(0, import_utils2.escapeHtml)(title)}</h3>` : ""}
+          ${subtitle ? `<p class="text-sm text-text-secondary mt-1">${(0, import_utils2.escapeHtml)(subtitle)}</p>` : ""}
         </div>
         ${headerActions ? `<div class="flex items-center gap-2">${headerActions}</div>` : ""}
       </div>` : "";
   const footerHtml = footer ? `<div class="mt-4 pt-4 border-t border-divider">${footer}</div>` : "";
   if (href) {
-    return `<a href="${escapeHtml(href)}" class="${allClasses}" ${idAttr} ${dataAttrs}>
+    return `<a href="${(0, import_utils2.escapeHtml)(href)}" class="${allClasses}" ${idAttr} ${dataAttrs}>
       ${headerHtml}
       ${content}
       ${footerHtml}
@@ -181,7 +157,7 @@ function badge(text, options = {}) {
       outline: "border border-current"
     };
     const dotClasses = ["inline-block rounded-full", getSizeClasses2(size, true), dotVariants[variant], className].filter(Boolean).join(" ");
-    return `<span class="${dotClasses}" aria-label="${escapeHtml(text)}" title="${escapeHtml(text)}"></span>`;
+    return `<span class="${dotClasses}" aria-label="${(0, import_utils2.escapeHtml)(text)}" title="${(0, import_utils2.escapeHtml)(text)}"></span>`;
   }
   const variantClasses = getVariantClasses2(variant);
   const sizeClasses = getSizeClasses2(size, false);
@@ -204,106 +180,62 @@ function badge(text, options = {}) {
         </svg>
       </button>` : "";
   return `<span class="${baseClasses}">
-    ${iconHtml}${escapeHtml(text)}${removeHtml}
+    ${iconHtml}${(0, import_utils2.escapeHtml)(text)}${removeHtml}
   </span>`;
 }
 
-// libs/ui/src/validation/error-box.ts
-var errorIcon = `<svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-  <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>`;
-function validationErrorBox(options) {
-  const { componentName, invalidParam } = options;
-  return `<div
-  class="validation-error flex items-start gap-3 p-4 bg-red-50 border border-red-200 text-red-800 rounded-lg"
-  role="alert"
-  data-testid="validation-error"
-  data-component="${escapeHtml(componentName)}"
-  data-param="${escapeHtml(invalidParam)}"
->
-  ${errorIcon}
-  <div class="min-w-0">
-    <p class="font-semibold text-sm">${escapeHtml(componentName)}: Invalid Configuration</p>
-    <p class="text-sm opacity-90 mt-0.5">The "${escapeHtml(invalidParam)}" parameter is invalid.</p>
-  </div>
-</div>`;
-}
-
-// libs/ui/src/validation/wrapper.ts
-function getFirstInvalidPath(error) {
-  const firstError = error.issues[0];
-  if (!firstError || firstError.path.length === 0) {
-    return "options";
-  }
-  return firstError.path.map(String).join(".");
-}
-function validateOptions(options, config) {
-  const result = config.schema.safeParse(options);
-  if (result.success) {
-    return { success: true, data: result.data };
-  }
-  const invalidParam = getFirstInvalidPath(result.error);
-  return {
-    success: false,
-    error: validationErrorBox({
-      componentName: config.componentName,
-      invalidParam
-    })
-  };
-}
-
-// libs/ui/src/validation/schema-paths.ts
-var import_zod = require("zod");
+// libs/ui/src/components/button.ts
+var import_validation = require("@frontmcp/uipack/validation");
 
 // libs/ui/src/components/button.schema.ts
-var import_zod2 = require("zod");
-var ButtonVariantSchema = import_zod2.z.enum(["primary", "secondary", "outline", "ghost", "danger", "success", "link"]);
-var ButtonSizeSchema = import_zod2.z.enum(["xs", "sm", "md", "lg", "xl"]);
-var ButtonOptionsSchema = import_zod2.z.object({
+var import_zod = require("zod");
+var ButtonVariantSchema = import_zod.z.enum(["primary", "secondary", "outline", "ghost", "danger", "success", "link"]);
+var ButtonSizeSchema = import_zod.z.enum(["xs", "sm", "md", "lg", "xl"]);
+var ButtonOptionsSchema = import_zod.z.object({
   /** Button variant */
   variant: ButtonVariantSchema.optional(),
   /** Button size */
   size: ButtonSizeSchema.optional(),
   /** Button type attribute */
-  type: import_zod2.z.enum(["button", "submit", "reset"]).optional(),
+  type: import_zod.z.enum(["button", "submit", "reset"]).optional(),
   /** Disabled state */
-  disabled: import_zod2.z.boolean().optional(),
+  disabled: import_zod.z.boolean().optional(),
   /** Loading state */
-  loading: import_zod2.z.boolean().optional(),
+  loading: import_zod.z.boolean().optional(),
   /** Full width */
-  fullWidth: import_zod2.z.boolean().optional(),
+  fullWidth: import_zod.z.boolean().optional(),
   /** Icon before text (HTML string) */
-  iconBefore: import_zod2.z.string().optional(),
+  iconBefore: import_zod.z.string().optional(),
   /** Icon after text (HTML string) */
-  iconAfter: import_zod2.z.string().optional(),
+  iconAfter: import_zod.z.string().optional(),
   /** Icon only (no text) */
-  iconOnly: import_zod2.z.boolean().optional(),
+  iconOnly: import_zod.z.boolean().optional(),
   /** Additional CSS classes */
-  className: import_zod2.z.string().optional(),
+  className: import_zod.z.string().optional(),
   /** Button ID */
-  id: import_zod2.z.string().optional(),
+  id: import_zod.z.string().optional(),
   /** Name attribute */
-  name: import_zod2.z.string().optional(),
+  name: import_zod.z.string().optional(),
   /** Value attribute */
-  value: import_zod2.z.string().optional(),
+  value: import_zod.z.string().optional(),
   /** Click handler (URL for links) */
-  href: import_zod2.z.string().optional(),
+  href: import_zod.z.string().optional(),
   /** Open in new tab */
-  target: import_zod2.z.enum(["_blank", "_self"]).optional(),
+  target: import_zod.z.enum(["_blank", "_self"]).optional(),
   /** Data attributes */
-  data: import_zod2.z.record(import_zod2.z.string(), import_zod2.z.string()).optional(),
+  data: import_zod.z.record(import_zod.z.string(), import_zod.z.string()).optional(),
   /** ARIA label */
-  ariaLabel: import_zod2.z.string().optional()
+  ariaLabel: import_zod.z.string().optional()
 }).strict();
-var ButtonGroupOptionsSchema = import_zod2.z.object({
+var ButtonGroupOptionsSchema = import_zod.z.object({
   /** Attach buttons visually */
-  attached: import_zod2.z.boolean().optional(),
+  attached: import_zod.z.boolean().optional(),
   /** Direction */
-  direction: import_zod2.z.enum(["horizontal", "vertical"]).optional(),
+  direction: import_zod.z.enum(["horizontal", "vertical"]).optional(),
   /** Gap between buttons */
-  gap: import_zod2.z.enum(["sm", "md", "lg"]).optional(),
+  gap: import_zod.z.enum(["sm", "md", "lg"]).optional(),
   /** Additional CSS classes */
-  className: import_zod2.z.string().optional()
+  className: import_zod.z.string().optional()
 }).strict();
 
 // libs/ui/src/components/button.ts
@@ -356,7 +288,7 @@ function isValidHrefProtocol(href) {
   return trimmed.startsWith("http://") || trimmed.startsWith("https://") || trimmed.startsWith("/") || trimmed.startsWith("#") || trimmed.startsWith("mailto:") || trimmed.startsWith("tel:");
 }
 function button(text, options = {}) {
-  const validation = validateOptions(options, {
+  const validation = (0, import_validation.validateOptions)(options, {
     schema: ButtonOptionsSchema,
     componentName: "button"
   });
@@ -396,7 +328,7 @@ function button(text, options = {}) {
   }
   const variantClasses = getVariantClasses3(variant);
   const sizeClasses = getSizeClasses3(size, iconOnly);
-  const safeClassName = className ? escapeHtml(className) : "";
+  const safeClassName = className ? (0, import_utils2.escapeHtml)(className) : "";
   const baseClasses = [
     "inline-flex items-center justify-center",
     "font-medium",
@@ -411,24 +343,24 @@ function button(text, options = {}) {
   ].filter(Boolean).join(" ");
   const dataAttrs = data ? Object.entries(data).map(([key, val]) => {
     const safeKey = sanitizeDataKey(key);
-    return safeKey ? `data-${safeKey}="${escapeHtml(val)}"` : "";
+    return safeKey ? `data-${safeKey}="${(0, import_utils2.escapeHtml)(val)}"` : "";
   }).filter(Boolean).join(" ") : "";
-  const idAttr = id ? `id="${escapeHtml(id)}"` : "";
-  const nameAttr = name ? `name="${escapeHtml(name)}"` : "";
-  const valueAttr = value ? `value="${escapeHtml(value)}"` : "";
+  const idAttr = id ? `id="${(0, import_utils2.escapeHtml)(id)}"` : "";
+  const nameAttr = name ? `name="${(0, import_utils2.escapeHtml)(name)}"` : "";
+  const valueAttr = value ? `value="${(0, import_utils2.escapeHtml)(value)}"` : "";
   const disabledAttr = disabled || loading ? "disabled" : "";
-  const targetAttr = target ? `target="${escapeHtml(target)}"` : "";
+  const targetAttr = target ? `target="${(0, import_utils2.escapeHtml)(target)}"` : "";
   const relAttr = target === "_blank" ? 'rel="noopener noreferrer"' : "";
   const trimmedText = text.trim();
   const effectiveAriaLabel = ariaLabel ?? (iconOnly && trimmedText ? trimmedText : void 0);
-  const ariaLabelAttr = effectiveAriaLabel ? `aria-label="${escapeHtml(effectiveAriaLabel)}"` : "";
+  const ariaLabelAttr = effectiveAriaLabel ? `aria-label="${(0, import_utils2.escapeHtml)(effectiveAriaLabel)}"` : "";
   const iconBeforeHtml = iconBefore && !loading ? `<span class="${iconOnly ? "" : "mr-2"}">${iconBefore}</span>` : "";
   const iconAfterHtml = iconAfter && !loading ? `<span class="${iconOnly ? "" : "ml-2"}">${iconAfter}</span>` : "";
   const loadingHtml = loading ? loadingSpinner : "";
-  const textHtml = iconOnly ? "" : escapeHtml(text);
+  const textHtml = iconOnly ? "" : (0, import_utils2.escapeHtml)(text);
   const contentHtml = `${loadingHtml}${iconBeforeHtml}${textHtml}${iconAfterHtml}`;
   if (href && !disabled && !loading && isValidHrefProtocol(href)) {
-    return `<a href="${escapeHtml(
+    return `<a href="${(0, import_utils2.escapeHtml)(
       href
     )}" class="${baseClasses}" ${idAttr} ${dataAttrs} ${ariaLabelAttr} ${targetAttr} ${relAttr}>
       ${contentHtml}
@@ -505,7 +437,7 @@ function resourceWidget(options) {
     cardOptions = {}
   } = options;
   const iconHtml = thumbnail ? `<div class="w-16 h-16 rounded-lg overflow-hidden bg-gray-100 flex-shrink-0">
-        <img src="${escapeHtml(thumbnail)}" alt="${escapeHtml(title)}" class="w-full h-full object-cover">
+        <img src="${(0, import_utils2.escapeHtml)(thumbnail)}" alt="${(0, import_utils2.escapeHtml)(title)}" class="w-full h-full object-cover">
       </div>` : `<div class="w-16 h-16 rounded-lg bg-gray-100 flex items-center justify-center flex-shrink-0 text-gray-400">
         ${icon || resourceIcons[type]}
       </div>`;
@@ -540,12 +472,12 @@ function resourceWidget(options) {
     const variant = action.variant ? variantMap[action.variant] : "ghost";
     const htmxAttrs = [];
     if (action.htmx) {
-      if (action.htmx.get) htmxAttrs.push(`hx-get="${escapeHtml(action.htmx.get)}"`);
-      if (action.htmx.post) htmxAttrs.push(`hx-post="${escapeHtml(action.htmx.post)}"`);
-      if (action.htmx.delete) htmxAttrs.push(`hx-delete="${escapeHtml(action.htmx.delete)}"`);
-      if (action.htmx.target) htmxAttrs.push(`hx-target="${escapeHtml(action.htmx.target)}"`);
-      if (action.htmx.swap) htmxAttrs.push(`hx-swap="${escapeHtml(action.htmx.swap)}"`);
-      if (action.htmx.confirm) htmxAttrs.push(`hx-confirm="${escapeHtml(action.htmx.confirm)}"`);
+      if (action.htmx.get) htmxAttrs.push(`hx-get="${(0, import_utils2.escapeHtml)(action.htmx.get)}"`);
+      if (action.htmx.post) htmxAttrs.push(`hx-post="${(0, import_utils2.escapeHtml)(action.htmx.post)}"`);
+      if (action.htmx.delete) htmxAttrs.push(`hx-delete="${(0, import_utils2.escapeHtml)(action.htmx.delete)}"`);
+      if (action.htmx.target) htmxAttrs.push(`hx-target="${(0, import_utils2.escapeHtml)(action.htmx.target)}"`);
+      if (action.htmx.swap) htmxAttrs.push(`hx-swap="${(0, import_utils2.escapeHtml)(action.htmx.swap)}"`);
+      if (action.htmx.confirm) htmxAttrs.push(`hx-confirm="${(0, import_utils2.escapeHtml)(action.htmx.confirm)}"`);
     }
     return button(action.label, {
       variant,
@@ -562,12 +494,12 @@ function resourceWidget(options) {
       <div class="flex-1 min-w-0">
         <div class="flex items-start justify-between gap-2">
           <div class="min-w-0">
-            ${url ? `<a href="${escapeHtml(
+            ${url ? `<a href="${(0, import_utils2.escapeHtml)(
     url
-  )}" class="font-semibold text-text-primary hover:text-primary truncate block">${escapeHtml(
+  )}" class="font-semibold text-text-primary hover:text-primary truncate block">${(0, import_utils2.escapeHtml)(
     title
-  )}</a>` : `<h3 class="font-semibold text-text-primary truncate">${escapeHtml(title)}</h3>`}
-            ${description ? `<p class="text-sm text-text-secondary mt-0.5 line-clamp-2">${escapeHtml(description)}</p>` : ""}
+  )}</a>` : `<h3 class="font-semibold text-text-primary truncate">${(0, import_utils2.escapeHtml)(title)}</h3>`}
+            ${description ? `<p class="text-sm text-text-secondary mt-0.5 line-clamp-2">${(0, import_utils2.escapeHtml)(description)}</p>` : ""}
             ${metaHtml}
             ${tagsHtml}
           </div>
@@ -595,7 +527,7 @@ function resourceList(options) {
     showLoadMore = false,
     loadMoreUrl
   } = options;
-  const titleHtml = title ? `<h2 class="text-lg font-semibold text-text-primary mb-4">${escapeHtml(title)}</h2>` : "";
+  const titleHtml = title ? `<h2 class="text-lg font-semibold text-text-primary mb-4">${(0, import_utils2.escapeHtml)(title)}</h2>` : "";
   if (resources.length === 0) {
     return `<div class="${className}">
       ${titleHtml}
@@ -603,7 +535,7 @@ function resourceList(options) {
         <svg class="w-12 h-12 mx-auto mb-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"/>
         </svg>
-        <p>${escapeHtml(emptyMessage)}</p>
+        <p>${(0, import_utils2.escapeHtml)(emptyMessage)}</p>
       </div>
     </div>`;
   }
@@ -630,7 +562,7 @@ function resourceItem(options) {
   </div>`;
   const statusHtml = status ? badge(status.label, { variant: status.variant, size: "sm" }) : "";
   const metaText = meta?.size ? formatFileSize(meta.size) : "";
-  const titleElement = url ? `<a href="${escapeHtml(url)}" class="font-medium text-text-primary hover:text-primary">${escapeHtml(title)}</a>` : `<span class="font-medium text-text-primary">${escapeHtml(title)}</span>`;
+  const titleElement = url ? `<a href="${(0, import_utils2.escapeHtml)(url)}" class="font-medium text-text-primary hover:text-primary">${(0, import_utils2.escapeHtml)(title)}</a>` : `<span class="font-medium text-text-primary">${(0, import_utils2.escapeHtml)(title)}</span>`;
   return `<div class="flex items-center gap-3 p-3 rounded-lg hover:bg-gray-50 transition-colors">
     ${iconHtml}
     <div class="flex-1 min-w-0">
@@ -638,7 +570,7 @@ function resourceItem(options) {
         ${titleElement}
         ${statusHtml}
       </div>
-      ${description || metaText ? `<p class="text-sm text-text-secondary truncate">${escapeHtml(description || metaText)}</p>` : ""}
+      ${description || metaText ? `<p class="text-sm text-text-secondary truncate">${(0, import_utils2.escapeHtml)(description || metaText)}</p>` : ""}
     </div>
   </div>`;
 }
@@ -667,7 +599,7 @@ function codePreview(options) {
       </script>` : "";
   const copyButton = showCopy ? `<button
         type="button"
-        onclick="copyCode(this, ${escapeHtml(JSON.stringify(code))})"
+        onclick="copyCode(this, ${(0, import_utils2.escapeHtml)(JSON.stringify(code))})"
         class="p-1.5 rounded hover:bg-gray-700 transition-colors"
         title="Copy code"
       >
@@ -678,9 +610,9 @@ function codePreview(options) {
   return `<div class="code-preview rounded-lg overflow-hidden ${className}">
     ${filename || showCopy ? `
       <div class="flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700">
-        ${filename ? `<span class="text-sm text-gray-300">${escapeHtml(filename)}</span>` : "<span></span>"}
+        ${filename ? `<span class="text-sm text-gray-300">${(0, import_utils2.escapeHtml)(filename)}</span>` : "<span></span>"}
         <div class="flex items-center gap-2">
-          ${language ? `<span class="text-xs text-gray-500">${escapeHtml(language)}</span>` : ""}
+          ${language ? `<span class="text-xs text-gray-500">${(0, import_utils2.escapeHtml)(language)}</span>` : ""}
           ${copyButton}
         </div>
       </div>
@@ -688,7 +620,7 @@ function codePreview(options) {
     <div class="bg-gray-900 p-4 overflow-auto" style="max-height: ${maxHeight}">
       <div class="flex text-sm font-mono">
         ${lineNumbersHtml}
-        <pre class="flex-1 text-gray-100"><code>${escapeHtml(code)}</code></pre>
+        <pre class="flex-1 text-gray-100"><code>${(0, import_utils2.escapeHtml)(code)}</code></pre>
       </div>
     </div>
     ${copyScript}
@@ -697,13 +629,13 @@ function codePreview(options) {
 function imagePreview(options) {
   const { src, alt, caption, maxHeight = "400px", clickable = true, className = "" } = options;
   const imageHtml = `<img
-    src="${escapeHtml(src)}"
-    alt="${escapeHtml(alt)}"
+    src="${(0, import_utils2.escapeHtml)(src)}"
+    alt="${(0, import_utils2.escapeHtml)(alt)}"
     class="max-w-full h-auto rounded-lg"
     style="max-height: ${maxHeight}"
   >`;
-  const captionHtml = caption ? `<p class="text-sm text-text-secondary mt-2 text-center">${escapeHtml(caption)}</p>` : "";
-  const content = clickable ? `<a href="${escapeHtml(src)}" target="_blank" rel="noopener" class="block">${imageHtml}</a>` : imageHtml;
+  const captionHtml = caption ? `<p class="text-sm text-text-secondary mt-2 text-center">${(0, import_utils2.escapeHtml)(caption)}</p>` : "";
+  const content = clickable ? `<a href="${(0, import_utils2.escapeHtml)(src)}" target="_blank" rel="noopener" class="block">${imageHtml}</a>` : imageHtml;
   return `<div class="image-preview ${className}">
     ${content}
     ${captionHtml}
@@ -737,11 +669,11 @@ function progressBar(options) {
   };
   const animatedClass = animated ? "bg-stripes animate-stripes" : "";
   const displayLabel = label || `${Math.round(clampedValue)}%`;
-  const insideLabel = labelPosition === "inside" && size === "lg" && clampedValue > 10 ? `<span class="absolute inset-0 flex items-center justify-center text-xs font-medium text-white">${escapeHtml(
+  const insideLabel = labelPosition === "inside" && size === "lg" && clampedValue > 10 ? `<span class="absolute inset-0 flex items-center justify-center text-xs font-medium text-white">${(0, import_utils2.escapeHtml)(
     displayLabel
   )}</span>` : "";
   const outsideLabel = showLabel && labelPosition === "outside" ? `<div class="flex justify-between mb-1">
-        <span class="text-sm font-medium text-text-primary">${label ? escapeHtml(label) : "Progress"}</span>
+        <span class="text-sm font-medium text-text-primary">${label ? (0, import_utils2.escapeHtml)(label) : "Progress"}</span>
         <span class="text-sm text-text-secondary">${Math.round(clampedValue)}%</span>
       </div>` : "";
   return `<div class="progress-bar ${className}">
@@ -823,13 +755,13 @@ function stepProgress(options) {
             ${getStepIcon(step, index)}
           </div>
           <div class="pt-2">
-            <div class="${classes.text}">${escapeHtml(step.label)}</div>
-            ${step.description ? `<p class="text-sm text-text-secondary mt-0.5">${escapeHtml(step.description)}</p>` : ""}
+            <div class="${classes.text}">${(0, import_utils2.escapeHtml)(step.label)}</div>
+            ${step.description ? `<p class="text-sm text-text-secondary mt-0.5">${(0, import_utils2.escapeHtml)(step.description)}</p>` : ""}
           </div>
         </div>
         ${connectorHtml}
       `;
-      return step.href && step.status === "completed" ? `<a href="${escapeHtml(step.href)}" class="block hover:opacity-80">${stepContent}</a>` : `<div>${stepContent}</div>`;
+      return step.href && step.status === "completed" ? `<a href="${(0, import_utils2.escapeHtml)(step.href)}" class="block hover:opacity-80">${stepContent}</a>` : `<div>${stepContent}</div>`;
     }).join("\n");
     return `<div class="step-progress ${className}">${stepsHtml2}</div>`;
   }
@@ -843,12 +775,12 @@ function stepProgress(options) {
           ${getStepIcon(step, index)}
         </div>
         <div class="mt-2 text-center">
-          <div class="${classes.text} text-sm">${escapeHtml(step.label)}</div>
-          ${step.description ? `<p class="text-xs text-text-secondary mt-0.5 max-w-[120px]">${escapeHtml(step.description)}</p>` : ""}
+          <div class="${classes.text} text-sm">${(0, import_utils2.escapeHtml)(step.label)}</div>
+          ${step.description ? `<p class="text-xs text-text-secondary mt-0.5 max-w-[120px]">${(0, import_utils2.escapeHtml)(step.description)}</p>` : ""}
         </div>
       </div>
     `;
-    const clickableStep = step.href && step.status === "completed" ? `<a href="${escapeHtml(step.href)}" class="hover:opacity-80">${stepHtml}</a>` : stepHtml;
+    const clickableStep = step.href && step.status === "completed" ? `<a href="${(0, import_utils2.escapeHtml)(step.href)}" class="hover:opacity-80">${stepHtml}</a>` : stepHtml;
     return `${clickableStep}${connectorHtml}`;
   }).join("\n");
   return `<div class="step-progress flex items-start ${className}">${stepsHtml}</div>`;
@@ -891,7 +823,7 @@ function circularProgress(options) {
         style="stroke-dasharray: ${circumference}; stroke-dashoffset: ${offset}; transition: stroke-dashoffset 0.3s ease;"
       />
     </svg>
-    ${showLabel ? `<span class="absolute text-sm font-semibold text-text-primary">${escapeHtml(displayLabel)}</span>` : ""}
+    ${showLabel ? `<span class="absolute text-sm font-semibold text-text-primary">${(0, import_utils2.escapeHtml)(displayLabel)}</span>` : ""}
   </div>`;
 }
 function statusIndicator(options) {
@@ -919,7 +851,7 @@ function statusIndicator(options) {
       ${pulseHtml}
       <span class="relative ${sizeInfo.dot} ${statusInfo.color} rounded-full"></span>
     </span>
-    ${displayLabel ? `<span class="${sizeInfo.text} text-text-secondary">${escapeHtml(displayLabel)}</span>` : ""}
+    ${displayLabel ? `<span class="${sizeInfo.text} text-text-secondary">${(0, import_utils2.escapeHtml)(displayLabel)}</span>` : ""}
   </div>`;
 }
 function skeleton(options = {}) {

package/adapters/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * @frontmcp/ui Adapters
- *
- * Platform-specific adapters for building UI metadata.
- * These adapters are SDK-independent and can be used by external systems
- * like AgentLink without requiring @frontmcp/sdk.
- *
- * @packageDocumentation
- */
-export { type AIPlatformType, type UIMetadata, type BuildUIMetaOptions, type BuildToolDiscoveryMetaOptions, buildUIMeta, buildToolDiscoveryMeta, buildOpenAICSP, } from './platform-meta';
-export { type ResolvedServingMode, type ResolveServingModeOptions, resolveServingMode, isPlatformModeSupported, getDefaultServingMode, platformUsesStructuredContent, platformSupportsWidgets, } from './serving-mode';
-export { type TextContentBlock, type BuildToolResponseOptions, type ToolResponseContent, buildToolResponseContent, } from './response-builder';
-//# sourceMappingURL=index.d.ts.map

package/adapters/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/adapters/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,6BAA6B,EAElC,WAAW,EACX,sBAAsB,EACtB,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EAE9B,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,6BAA6B,EAC7B,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EAExB,wBAAwB,GACzB,MAAM,oBAAoB,CAAC"}