@safe-ugc-ui/react 0.5.0 → 0.6.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Safe UGC UI Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { CSSProperties, ReactNode } from 'react';
 import { UGCCard } from '@safe-ugc-ui/types';
 
@@ -60,7 +61,7 @@ interface UGCContainerProps {
  * Security isolation wrapper for UGC content.
  * All UGC card renderings should be wrapped in this container.
  */
-declare function UGCContainer({ children, style }: UGCContainerProps): react_jsx_runtime.JSX.Element;
+declare const UGCContainer: react.ForwardRefExoticComponent<UGCContainerProps & react.RefAttributes<HTMLDivElement>>;
 
 interface BoxProps {
     style?: CSSProperties;
@@ -248,6 +249,9 @@ interface RenderContext {
         path: string;
     }>) => void;
     limits: RuntimeLimits;
+    responsive: {
+        compact: boolean;
+    };
 }
 /**
  * Render a single UGC node to a React element.
@@ -272,7 +276,9 @@ declare function renderTree(rootNode: unknown, state: Record<string, unknown>, a
     code: string;
     message: string;
     path: string;
-}>) => void): ReactNode;
+}>) => void, responsive?: {
+    compact: boolean;
+}): ReactNode;
 
 /**
  * @safe-ugc-ui/react — State Resolver

package/dist/index.js

@@ -1,8 +1,10 @@
 // src/UGCRenderer.tsx
-import { useMemo as useMemo2 } from "react";
+import { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
 import { validate, validateRaw } from "@safe-ugc-ui/validator";
+import { COMPACT_BREAKPOINT_MAX_WIDTH } from "@safe-ugc-ui/types";
 
 // src/UGCContainer.tsx
+import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var containerStyle = {
   overflow: "hidden",
@@ -10,10 +12,12 @@ var containerStyle = {
   contain: "content",
   position: "relative"
 };
-function UGCContainer({ children, style }) {
-  const mergedStyle = style ? { ...containerStyle, ...style } : containerStyle;
-  return /* @__PURE__ */ jsx("div", { style: mergedStyle, children });
-}
+var UGCContainer = forwardRef(
+  function UGCContainer2({ children, style }, ref) {
+    const mergedStyle = style ? { ...containerStyle, ...style } : containerStyle;
+    return /* @__PURE__ */ jsx("div", { ref, style: mergedStyle, children });
+  }
+);
 
 // src/node-renderer.tsx
 import {
@@ -810,11 +814,41 @@ function mergeStyleWithCardStyles(nodeStyle, cardStyles) {
     hoverStyle: mergedHoverStyle
   };
 }
+function getCompactResponsiveStyle(nodeResponsive) {
+  if (!nodeResponsive) return void 0;
+  const compact = nodeResponsive.compact;
+  if (compact == null || typeof compact !== "object" || Array.isArray(compact)) {
+    return void 0;
+  }
+  return compact;
+}
+function mergeEffectiveNodeStyle(node, ctx) {
+  const baseStyle = mergeStyleWithCardStyles(node.style, ctx.cardStyles);
+  if (!ctx.responsive.compact) {
+    return baseStyle;
+  }
+  const compactOverride = mergeNamedStyle(
+    getCompactResponsiveStyle(node.responsive),
+    ctx.cardStyles
+  );
+  if (!compactOverride) {
+    return baseStyle;
+  }
+  const {
+    hoverStyle: _hoverStyle,
+    transition: _transition,
+    ...compactStyleWithoutInteractiveFields
+  } = compactOverride;
+  return {
+    ...baseStyle ?? {},
+    ...compactStyleWithoutInteractiveFields
+  };
+}
 function renderNode(node, ctx, key) {
   if (node == null || typeof node !== "object") return null;
   const n = node;
   if (!n.type) return null;
-  const mergedRawStyle = mergeStyleWithCardStyles(n.style, ctx.cardStyles);
+  const mergedRawStyle = mergeEffectiveNodeStyle(n, ctx);
   const rv = (val) => resolveValue(val, ctx.state, ctx.locals);
   const styleDelta = mergedRawStyle ? utf8ByteLength(JSON.stringify(mergedRawStyle)) : 0;
   const overflowDelta = mergedRawStyle?.overflow === "auto" ? 1 : 0;
@@ -1016,7 +1050,7 @@ function renderForLoop(loop, ctx) {
   }
   return elements;
 }
-function renderTree(rootNode, state, assets, cardStyles, iconResolver, onAction, onError) {
+function renderTree(rootNode, state, assets, cardStyles, iconResolver, onAction, onError, responsive = { compact: false }) {
   const limits = {
     nodeCount: 0,
     textBytes: 0,
@@ -1030,7 +1064,8 @@ function renderTree(rootNode, state, assets, cardStyles, iconResolver, onAction,
     iconResolver,
     onAction,
     onError,
-    limits
+    limits,
+    responsive
   };
   return renderNode(rootNode, ctx, "root");
 }
@@ -1047,6 +1082,10 @@ function UGCRenderer({
   iconResolver,
   onAction
 }) {
+  const [containerElement, setContainerElement] = useState2(null);
+  const [containerWidth, setContainerWidth] = useState2(
+    typeof window === "undefined" ? null : window.innerWidth
+  );
   const result = useMemo2(() => {
     const validationResult = typeof card === "string" ? validateRaw(card) : validate(card);
     if (!validationResult.valid) {
@@ -1071,20 +1110,51 @@ function UGCRenderer({
       cardStyles
     };
   }, [card, viewName, stateOverride]);
+  useEffect(() => {
+    if (!containerElement) {
+      return;
+    }
+    const updateWidth = (nextWidth) => {
+      if (typeof nextWidth === "number" && Number.isFinite(nextWidth)) {
+        setContainerWidth(nextWidth);
+        return;
+      }
+      setContainerWidth(containerElement.getBoundingClientRect().width);
+    };
+    updateWidth();
+    if (typeof ResizeObserver === "function") {
+      const observer = new ResizeObserver((entries) => {
+        const entry = entries[0];
+        updateWidth(entry?.contentRect?.width);
+      });
+      observer.observe(containerElement);
+      return () => observer.disconnect();
+    }
+    const handleResize = () => updateWidth();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [containerElement]);
+  const responsive = useMemo2(
+    () => ({
+      compact: containerWidth != null && containerWidth <= COMPACT_BREAKPOINT_MAX_WIDTH
+    }),
+    [containerWidth]
+  );
   if (!result.valid) {
     if (onError && result.errors.length > 0) {
       onError(result.errors);
     }
     return null;
   }
-  return /* @__PURE__ */ jsx19(UGCContainer, { style: containerStyle2, children: renderTree(
+  return /* @__PURE__ */ jsx19(UGCContainer, { ref: setContainerElement, style: containerStyle2, children: renderTree(
     result.rootNode,
     result.state,
     assets,
     result.cardStyles,
     iconResolver,
     onAction,
-    onError
+    onError,
+    responsive
   ) });
 }
 export {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/UGCRenderer.tsx","../src/UGCContainer.tsx","../src/node-renderer.tsx","../src/state-resolver.ts","../src/style-mapper.ts","../src/asset-resolver.ts","../src/hooks/useHoverStyle.ts","../src/components/Box.tsx","../src/components/Row.tsx","../src/components/Column.tsx","../src/components/Text.tsx","../src/components/Image.tsx","../src/components/Stack.tsx","../src/components/Grid.tsx","../src/components/Spacer.tsx","../src/components/Divider.tsx","../src/components/Icon.tsx","../src/components/ProgressBar.tsx","../src/components/Avatar.tsx","../src/components/Badge.tsx","../src/components/Chip.tsx","../src/components/Button.tsx","../src/components/Toggle.tsx"],"sourcesContent":["/**\n * @safe-ugc-ui/react --- UGC Renderer\n *\n * Top-level component that validates and renders a UGC card.\n *\n * Pipeline:\n *   1. Accept a card (UGCCard object or raw JSON string)\n *   2. Validate via @safe-ugc-ui/validator\n *   3. If invalid, render nothing (or optional error fallback)\n *   4. If valid, wrap in UGCContainer and render the view tree\n *\n * Props:\n *   - card:           UGCCard object or raw JSON string\n *   - viewName:       Name of the view to render (defaults to first view)\n *   - assets:         Mapping of asset keys to actual URLs\n *   - state:          Optional state override (merged with card.state)\n *   - onError:        Optional error callback\n *   - iconResolver:   Optional callback to resolve icon names to ReactNode\n *   - onAction:       Optional callback for Button/Toggle actions\n */\n\nimport { useMemo } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { validate, validateRaw } from '@safe-ugc-ui/validator';\nimport type { UGCCard } from '@safe-ugc-ui/types';\n\nimport { UGCContainer } from './UGCContainer.js';\nimport { renderTree } from './node-renderer.js';\nimport type { AssetMap } from './asset-resolver.js';\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface UGCRendererProps {\n  /** The UGC card to render --- either a parsed object or a raw JSON string. */\n  card: UGCCard | string;\n\n  /** Name of the view to render. Defaults to the first view in the card. */\n  viewName?: string;\n\n  /** Asset map: keys are asset identifiers, values are resolved URLs. */\n  assets?: AssetMap;\n\n  /** Optional state override. Merged on top of the card's own state. */\n  state?: Record<string, unknown>;\n\n  /** Optional CSS style for the outer container. */\n  containerStyle?: CSSProperties;\n\n  /** Optional callback invoked when validation fails or runtime limits are hit. */\n  onError?: (errors: Array<{ code: string; message: string; path: string }>) => void;\n\n  /** Optional callback to resolve icon names to React elements. */\n  iconResolver?: (name: string) => ReactNode;\n\n  /** Optional callback for Button/Toggle interaction actions. */\n  onAction?: (type: string, actionId: string, payload?: unknown) => void;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * Top-level UGC card renderer.\n *\n * Validates the card, then renders the specified view inside a secure\n * UGCContainer. Returns null if validation fails.\n */\nexport function UGCRenderer({\n  card,\n  viewName,\n  assets = {},\n  state: stateOverride,\n  containerStyle,\n  onError,\n  iconResolver,\n  onAction,\n}: UGCRendererProps) {\n  const result = useMemo(() => {\n    // 1. Validate\n    const validationResult =\n      typeof card === 'string' ? validateRaw(card) : validate(card);\n\n    if (!validationResult.valid) {\n      return { valid: false as const, errors: validationResult.errors };\n    }\n\n    // 2. Parse card object\n    const cardObj: UGCCard =\n      typeof card === 'string'\n        ? (JSON.parse(card) as UGCCard)\n        : card;\n\n    // 3. Determine which view to render\n    const views = cardObj.views;\n    const viewKeys = Object.keys(views);\n    const selectedView = viewName && viewName in views\n      ? viewName\n      : viewKeys[0];\n\n    if (!selectedView || !(selectedView in views)) {\n      return { valid: false as const, errors: [] };\n    }\n\n    // 4. Merge state\n    const mergedState: Record<string, unknown> = {\n      ...(cardObj.state ?? {}),\n      ...(stateOverride ?? {}),\n    };\n\n    // 5. Extract card-level styles\n    const cardStyles = cardObj.styles as Record<string, Record<string, unknown>> | undefined;\n\n    return {\n      valid: true as const,\n      rootNode: views[selectedView],\n      state: mergedState,\n      cardStyles,\n    };\n  }, [card, viewName, stateOverride]);\n\n  // Handle invalid cards\n  if (!result.valid) {\n    if (onError && result.errors.length > 0) {\n      onError(result.errors);\n    }\n    return null;\n  }\n\n  // Render the view tree inside the secure container\n  return (\n    <UGCContainer style={containerStyle}>\n      {renderTree(\n        result.rootNode,\n        result.state,\n        assets,\n        result.cardStyles,\n        iconResolver,\n        onAction,\n        onError,\n      )}\n    </UGCContainer>\n  );\n}\n","/**\n * @safe-ugc-ui/react — UGC Container\n *\n * Wrapper component that provides security isolation for UGC content.\n *\n * CSS isolation features:\n *   - overflow: hidden  — prevents content from escaping bounds\n *   - isolation: isolate — creates a new stacking context\n *   - contain: content   — limits layout/paint/style to this subtree\n *   - position: relative — establishes positioning context for children\n */\n\nimport type { CSSProperties, ReactNode } from 'react';\n\ninterface UGCContainerProps {\n  children?: ReactNode;\n  style?: CSSProperties;\n}\n\nconst containerStyle: CSSProperties = {\n  overflow: 'hidden',\n  isolation: 'isolate',\n  contain: 'content',\n  position: 'relative',\n};\n\n/**\n * Security isolation wrapper for UGC content.\n * All UGC card renderings should be wrapped in this container.\n */\nexport function UGCContainer({ children, style }: UGCContainerProps) {\n  const mergedStyle: CSSProperties = style\n    ? { ...containerStyle, ...style }\n    : containerStyle;\n\n  return <div style={mergedStyle}>{children}</div>;\n}\n","/**\n * @safe-ugc-ui/react --- Node Renderer\n *\n * Recursive renderer that maps UGC node types to React components.\n * Supports all 16 component types, for-loop rendering, style reference merge,\n * and runtime limits pre-check.\n *\n * For each node:\n *   1. Pre-check runtime limits (node count, style bytes, overflow, text bytes)\n *   2. Merge $style with inline styles (including hoverStyle.$style)\n *   3. Resolve $ref values in node fields using state-resolver (with locals)\n *   4. Map style fields to React CSSProperties using style-mapper\n *   5. Resolve asset paths for Image/Avatar src using asset-resolver\n *   6. Render the appropriate component\n *   7. Recursively render children (arrays and for-loops)\n */\n\nimport type { ReactNode } from 'react';\nimport {\n  MAX_NODE_COUNT,\n  MAX_LOOP_ITERATIONS,\n  TEXT_CONTENT_TOTAL_MAX_BYTES,\n  STYLE_OBJECTS_TOTAL_MAX_BYTES,\n  MAX_OVERFLOW_AUTO_COUNT,\n} from '@safe-ugc-ui/types';\n\nimport { resolveRef, resolveValue } from './state-resolver.js';\nimport { mapStyle } from './style-mapper.js';\nimport { resolveAsset } from './asset-resolver.js';\nimport type { AssetMap } from './asset-resolver.js';\nimport { Box } from './components/Box.js';\nimport { Row } from './components/Row.js';\nimport { Column } from './components/Column.js';\nimport { Text } from './components/Text.js';\nimport { Image } from './components/Image.js';\nimport { Stack } from './components/Stack.js';\nimport { Grid } from './components/Grid.js';\nimport { Spacer } from './components/Spacer.js';\nimport { Divider } from './components/Divider.js';\nimport { Icon } from './components/Icon.js';\nimport { ProgressBar } from './components/ProgressBar.js';\nimport { Avatar } from './components/Avatar.js';\nimport { Badge } from './components/Badge.js';\nimport { Chip } from './components/Chip.js';\nimport { Button } from './components/Button.js';\nimport { Toggle } from './components/Toggle.js';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * A generic UGC node shape. We use Record<string, unknown> for flexibility\n * since the validator has already verified the structure before rendering.\n */\ninterface UGCNodeLike {\n  type: string;\n  style?: Record<string, unknown>;\n  children?: unknown;\n  [key: string]: unknown;\n}\n\ninterface ForLoopLike {\n  for: string;\n  in: string;\n  template: unknown;\n}\n\n/**\n * Runtime limits tracking object. Mutated during rendering to\n * track cumulative resource usage across the entire card.\n */\nexport interface RuntimeLimits {\n  nodeCount: number;\n  textBytes: number;\n  styleBytes: number;\n  overflowAutoCount: number;\n}\n\nexport interface RenderContext {\n  state: Record<string, unknown>;\n  assets: AssetMap;\n  locals?: Record<string, unknown>;\n  cardStyles?: Record<string, Record<string, unknown>>;\n  iconResolver?: (name: string) => ReactNode;\n  onAction?: (type: string, actionId: string, payload?: unknown) => void;\n  onError?: (errors: Array<{ code: string; message: string; path: string }>) => void;\n  limits: RuntimeLimits;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction isForLoop(obj: unknown): obj is ForLoopLike {\n  if (obj == null || typeof obj !== 'object' || Array.isArray(obj)) return false;\n  const o = obj as Record<string, unknown>;\n  return typeof o.for === 'string' && typeof o.in === 'string' && o.template != null;\n}\n\nfunction utf8ByteLength(str: string): number {\n  let bytes = 0;\n  for (let i = 0; i < str.length; i++) {\n    const code = str.charCodeAt(i);\n    if (code <= 0x7f) {\n      bytes += 1;\n    } else if (code <= 0x7ff) {\n      bytes += 2;\n    } else if (code >= 0xd800 && code <= 0xdbff) {\n      // Surrogate pair → 4 UTF-8 bytes\n      bytes += 4;\n      i++; // skip low surrogate\n    } else {\n      bytes += 3;\n    }\n  }\n  return bytes;\n}\n\n/**\n * Merge a single style object from cardStyles with inline style overrides.\n * Returns the merged raw style (unresolved $ref values) and the style\n * without $style key.\n */\nfunction mergeNamedStyle(\n  style: Record<string, unknown> | undefined,\n  cardStyles: Record<string, Record<string, unknown>> | undefined,\n): Record<string, unknown> | undefined {\n  if (!style) return undefined;\n\n  const rawStyleName = style.$style;\n  const styleName = typeof rawStyleName === 'string' ? rawStyleName.trim() : rawStyleName;\n  if (!styleName || typeof styleName !== 'string' || !cardStyles) {\n    // Return style without $style key if present\n    if (style.$style !== undefined) {\n      const { $style: _, ...rest } = style;\n      return rest;\n    }\n    return style;\n  }\n\n  const baseStyle = cardStyles[styleName];\n  if (!baseStyle) return style;\n\n  // Merge: base from cardStyles, overridden by inline (excluding $style key)\n  const { $style: _, ...inlineWithout$style } = style;\n  return { ...baseStyle, ...inlineWithout$style };\n}\n\n/**\n * Merge node style and nested hoverStyle against cardStyles.\n */\nfunction mergeStyleWithCardStyles(\n  nodeStyle: Record<string, unknown> | undefined,\n  cardStyles: Record<string, Record<string, unknown>> | undefined,\n): Record<string, unknown> | undefined {\n  const mergedStyle = mergeNamedStyle(nodeStyle, cardStyles);\n  if (!mergedStyle) return undefined;\n\n  const rawHoverStyle = mergedStyle.hoverStyle;\n  if (typeof rawHoverStyle !== 'object' || rawHoverStyle === null || Array.isArray(rawHoverStyle)) {\n    return mergedStyle;\n  }\n\n  const mergedHoverStyle = mergeNamedStyle(\n    rawHoverStyle as Record<string, unknown>,\n    cardStyles,\n  );\n\n  if (!mergedHoverStyle) {\n    return mergedStyle;\n  }\n\n  return {\n    ...mergedStyle,\n    hoverStyle: mergedHoverStyle,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// renderNode --- recursive node renderer\n// ---------------------------------------------------------------------------\n\n/**\n * Render a single UGC node to a React element.\n *\n * Performs runtime limits pre-check BEFORE rendering to prevent\n * DOM pollution when limits are exceeded.\n */\nexport function renderNode(\n  node: unknown,\n  ctx: RenderContext,\n  key: string | number,\n): ReactNode {\n  if (node == null || typeof node !== 'object') return null;\n\n  const n = node as UGCNodeLike;\n  if (!n.type) return null;\n\n  // --- Compute all deltas before committing any ---\n  const mergedRawStyle = mergeStyleWithCardStyles(n.style, ctx.cardStyles);\n  const rv = (val: unknown) => resolveValue(val, ctx.state, ctx.locals);\n\n  const styleDelta = mergedRawStyle ? utf8ByteLength(JSON.stringify(mergedRawStyle)) : 0;\n  const overflowDelta = mergedRawStyle?.overflow === 'auto' ? 1 : 0;\n\n  // Text content: resolve once, reuse in render\n  let resolvedTextContent: string | undefined;\n  let textDelta = 0;\n  if (n.type === 'Text') {\n    const raw = rv((n as Record<string, unknown>).content);\n    resolvedTextContent = typeof raw === 'string' ? raw : '';\n    textDelta = utf8ByteLength(resolvedTextContent);\n  }\n\n  // --- Batch limit checks (all-or-nothing) ---\n  if (ctx.limits.nodeCount + 1 > MAX_NODE_COUNT) {\n    ctx.onError?.([{ code: 'RUNTIME_NODE_LIMIT', message: `Node count exceeds maximum of ${MAX_NODE_COUNT}`, path: String(key) }]);\n    return null;\n  }\n  if (ctx.limits.styleBytes + styleDelta > STYLE_OBJECTS_TOTAL_MAX_BYTES) {\n    ctx.onError?.([{ code: 'RUNTIME_STYLE_LIMIT', message: `Style bytes exceed maximum of ${STYLE_OBJECTS_TOTAL_MAX_BYTES}`, path: String(key) }]);\n    return null;\n  }\n  if (ctx.limits.overflowAutoCount + overflowDelta > MAX_OVERFLOW_AUTO_COUNT) {\n    ctx.onError?.([{ code: 'RUNTIME_OVERFLOW_LIMIT', message: `Overflow auto count exceeds maximum of ${MAX_OVERFLOW_AUTO_COUNT}`, path: String(key) }]);\n    return null;\n  }\n  if (ctx.limits.textBytes + textDelta > TEXT_CONTENT_TOTAL_MAX_BYTES) {\n    ctx.onError?.([{ code: 'RUNTIME_TEXT_LIMIT', message: `Text bytes exceed maximum of ${TEXT_CONTENT_TOTAL_MAX_BYTES}`, path: String(key) }]);\n    return null;\n  }\n\n  // --- All checks passed: commit all deltas at once ---\n  ctx.limits.nodeCount += 1;\n  ctx.limits.styleBytes += styleDelta;\n  ctx.limits.overflowAutoCount += overflowDelta;\n  ctx.limits.textBytes += textDelta;\n\n  // Resolve style to CSS\n  const cssStyle = mapStyle(mergedRawStyle, ctx.state, ctx.locals);\n\n  // Resolve hoverStyle to CSS (if present)\n  const rawHoverStyle = mergedRawStyle?.hoverStyle as Record<string, unknown> | undefined;\n  const cssHoverStyle = rawHoverStyle ? mapStyle(rawHoverStyle, ctx.state, ctx.locals) : undefined;\n\n  // Render children recursively\n  const childElements = renderChildren(n.children, ctx);\n\n  switch (n.type) {\n    case 'Box':\n      return <Box key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Box>;\n\n    case 'Row':\n      return <Row key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Row>;\n\n    case 'Column':\n      return <Column key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Column>;\n\n    case 'Stack':\n      return <Stack key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Stack>;\n\n    case 'Grid':\n      return <Grid key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Grid>;\n\n    case 'Text':\n      return <Text key={key} content={resolvedTextContent!} style={cssStyle} hoverStyle={cssHoverStyle} />;\n\n    case 'Image': {\n      let src = rv((n as Record<string, unknown>).src);\n      if (typeof src !== 'string' || !src) return null;\n      if (!src.startsWith('@assets/')) return null;\n      if (src.includes('../')) return null;\n      const resolved = resolveAsset(src, ctx.assets);\n      if (!resolved) return null;\n      if (typeof resolved === 'string' && resolved.trim().toLowerCase().startsWith('javascript:')) return null;\n      const resolvedAlt = rv((n as Record<string, unknown>).alt);\n      const alt = typeof resolvedAlt === 'string' ? resolvedAlt : undefined;\n      return <Image key={key} src={resolved} alt={alt} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Avatar': {\n      let src = rv((n as Record<string, unknown>).src);\n      if (typeof src !== 'string' || !src) return null;\n      if (!src.startsWith('@assets/')) return null;\n      if (src.includes('../')) return null;\n      const resolved = resolveAsset(src, ctx.assets);\n      if (!resolved) return null;\n      if (typeof resolved === 'string' && resolved.trim().toLowerCase().startsWith('javascript:')) return null;\n      const resolvedSize = rv((n as Record<string, unknown>).size);\n      const size = typeof resolvedSize === 'number' || typeof resolvedSize === 'string'\n        ? resolvedSize : undefined;\n      return <Avatar key={key} src={resolved} size={size} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Icon': {\n      const resolvedName = rv((n as Record<string, unknown>).name);\n      const name = typeof resolvedName === 'string' ? resolvedName : '';\n      const resolvedSize = rv((n as Record<string, unknown>).size);\n      const size = typeof resolvedSize === 'number' || typeof resolvedSize === 'string'\n        ? resolvedSize : undefined;\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return (\n        <Icon\n          key={key}\n          name={name}\n          size={size}\n          color={color}\n          iconResolver={ctx.iconResolver}\n          style={cssStyle}\n          hoverStyle={cssHoverStyle}\n        />\n      );\n    }\n\n    case 'Spacer': {\n      const resolvedSize = rv((n as Record<string, unknown>).size);\n      const size = typeof resolvedSize === 'number' || typeof resolvedSize === 'string'\n        ? resolvedSize : undefined;\n      return <Spacer key={key} size={size} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Divider': {\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      const resolvedThickness = rv((n as Record<string, unknown>).thickness);\n      const thickness = typeof resolvedThickness === 'number' || typeof resolvedThickness === 'string'\n        ? resolvedThickness : undefined;\n      return <Divider key={key} color={color} thickness={thickness} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'ProgressBar': {\n      const resolvedValue = rv((n as Record<string, unknown>).value);\n      const value = typeof resolvedValue === 'number' ? resolvedValue : 0;\n      const resolvedMax = rv((n as Record<string, unknown>).max);\n      const max = typeof resolvedMax === 'number' ? resolvedMax : 100;\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return <ProgressBar key={key} value={value} max={max} color={color} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Badge': {\n      const resolvedLabel = rv((n as Record<string, unknown>).label);\n      const label = typeof resolvedLabel === 'string' ? resolvedLabel : '';\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return <Badge key={key} label={label} color={color} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Chip': {\n      const resolvedLabel = rv((n as Record<string, unknown>).label);\n      const label = typeof resolvedLabel === 'string' ? resolvedLabel : '';\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return <Chip key={key} label={label} color={color} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Button': {\n      const resolvedLabel = rv((n as Record<string, unknown>).label);\n      const label = typeof resolvedLabel === 'string' ? resolvedLabel : '';\n      const actionVal = (n as Record<string, unknown>).action;\n      const action = typeof actionVal === 'string' ? actionVal : '';\n      return (\n        <Button\n          key={key}\n          label={label}\n          action={action}\n          onAction={ctx.onAction}\n          style={cssStyle}\n          hoverStyle={cssHoverStyle}\n        />\n      );\n    }\n\n    case 'Toggle': {\n      const resolvedValue = rv((n as Record<string, unknown>).value);\n      const value = typeof resolvedValue === 'boolean' ? resolvedValue : false;\n      const onToggleVal = (n as Record<string, unknown>).onToggle;\n      const onToggle = typeof onToggleVal === 'string' ? onToggleVal : '';\n      return (\n        <Toggle\n          key={key}\n          value={value}\n          onToggle={onToggle}\n          onAction={ctx.onAction}\n          style={cssStyle}\n          hoverStyle={cssHoverStyle}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// renderChildren --- handle children arrays and for-loops\n// ---------------------------------------------------------------------------\n\nfunction renderChildren(\n  children: unknown,\n  ctx: RenderContext,\n): ReactNode[] | null {\n  if (!children) return null;\n\n  // Array children\n  if (Array.isArray(children)) {\n    return children.map((child, index) => renderNode(child, ctx, index));\n  }\n\n  // For-loop children\n  if (isForLoop(children)) {\n    return renderForLoop(children, ctx);\n  }\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// renderForLoop --- iterate over state array, render template per item\n// ---------------------------------------------------------------------------\n\nfunction renderForLoop(\n  loop: ForLoopLike,\n  ctx: RenderContext,\n): ReactNode[] {\n  // Resolve the source array from state (or locals)\n  const source = resolveRef(loop.in, ctx.state, ctx.locals);\n  if (source === undefined) {\n    // Soft skip: source not found (may be provided at runtime or optional)\n    return [];\n  }\n  if (!Array.isArray(source)) {\n    // Hard error: source exists but is not an array (type mismatch)\n    ctx.onError?.([{\n      code: 'RUNTIME_LOOP_SOURCE_INVALID',\n      message: `Loop source \"${loop.in}\" is not an array (got ${typeof source})`,\n      path: `for(${loop.for} in ${loop.in})`,\n    }]);\n    return [];\n  }\n\n  // Cap iterations\n  const maxIter = Math.min(source.length, MAX_LOOP_ITERATIONS);\n  const elements: ReactNode[] = [];\n\n  for (let i = 0; i < maxIter; i++) {\n    const item = source[i];\n    const newLocals: Record<string, unknown> = {\n      ...ctx.locals,\n      [loop.for]: item,\n      index: i,\n    };\n    const childCtx: RenderContext = { ...ctx, locals: newLocals };\n    elements.push(renderNode(loop.template, childCtx, i));\n  }\n\n  return elements;\n}\n\n// ---------------------------------------------------------------------------\n// RenderTree --- render an entire view tree\n// ---------------------------------------------------------------------------\n\n/**\n * Render a full view tree starting from the root node.\n *\n * @param rootNode - The root node of the view\n * @param state - Card state for $ref resolution\n * @param assets - Asset map for @assets/ resolution\n * @param cardStyles - Optional card-level named styles\n * @param iconResolver - Optional icon resolver callback\n * @param onAction - Optional action callback for Button/Toggle\n * @param onError - Optional error callback\n * @returns A React element tree\n */\nexport function renderTree(\n  rootNode: unknown,\n  state: Record<string, unknown>,\n  assets: AssetMap,\n  cardStyles?: Record<string, Record<string, unknown>>,\n  iconResolver?: (name: string) => ReactNode,\n  onAction?: (type: string, actionId: string, payload?: unknown) => void,\n  onError?: (errors: Array<{ code: string; message: string; path: string }>) => void,\n): ReactNode {\n  const limits: RuntimeLimits = {\n    nodeCount: 0,\n    textBytes: 0,\n    styleBytes: 0,\n    overflowAutoCount: 0,\n  };\n  const ctx: RenderContext = {\n    state,\n    assets,\n    cardStyles,\n    iconResolver,\n    onAction,\n    onError,\n    limits,\n  };\n  return renderNode(rootNode, ctx, 'root');\n}\n","/**\n * @safe-ugc-ui/react — State Resolver\n *\n * Resolves $ref values from card state.\n *\n * - $ref: looks up a dotted path in the state object\n * - Literal values pass through unchanged\n */\n\nimport { PROTOTYPE_POLLUTION_SEGMENTS } from '@safe-ugc-ui/types';\n\n/**\n * Parse a $ref path into individual segments.\n * Handles both dot notation and bracket notation:\n *   \"items[0].name\" → [\"items\", \"0\", \"name\"]\n *   \"data[2][3]\" → [\"data\", \"2\", \"3\"]\n *   \"simple.path\" → [\"simple\", \"path\"]\n */\nfunction parseRefSegments(path: string): string[] {\n  const segments: string[] = [];\n  const dotParts = path.split('.');\n  for (const part of dotParts) {\n    if (!part) continue;\n    // Check for bracket notation: extract base and indices\n    const bracketPattern = /\\[(\\d+)\\]/g;\n    let match: RegExpExecArray | null;\n\n    // Find the base name (before first bracket)\n    const firstBracket = part.indexOf('[');\n    if (firstBracket > 0) {\n      segments.push(part.slice(0, firstBracket));\n    } else if (firstBracket === -1) {\n      // No brackets at all\n      segments.push(part);\n      continue;\n    }\n\n    // Extract all bracket indices\n    while ((match = bracketPattern.exec(part)) !== null) {\n      segments.push(match[1]);\n    }\n\n    // If part starts with [ and no base was added\n    if (firstBracket === 0) {\n      // Edge case: segment is just [0] with no base name\n      // This shouldn't normally happen but handle gracefully\n    }\n  }\n  return segments;\n}\n\n/**\n * Resolves a $ref path (e.g. \"$hp\", \"$items[0].name\") from card state.\n *\n * - Strips leading '$' from the path\n * - Parses dot notation and bracket notation into segments\n * - Blocks __proto__, constructor, prototype segments\n * - Max depth of 5 segments per spec\n * - Returns undefined if path doesn't exist\n */\nexport function resolveRef(\n  refPath: string,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  const path = refPath.startsWith('$') ? refPath.slice(1) : refPath;\n  const segments = parseRefSegments(path);\n\n  // Block prototype pollution\n  for (const seg of segments) {\n    if ((PROTOTYPE_POLLUTION_SEGMENTS as readonly string[]).includes(seg)) {\n      return undefined;\n    }\n  }\n\n  // Max depth check\n  if (segments.length > 5) return undefined;\n\n  // Choose starting object: locals first, then state\n  const firstSeg = segments[0];\n  let current: unknown;\n  if (locals && firstSeg && firstSeg in locals) {\n    current = locals;\n  } else {\n    current = state;\n  }\n\n  // Traverse\n  for (const seg of segments) {\n    if (current == null || typeof current !== 'object') return undefined;\n    if (Array.isArray(current)) {\n      const idx = parseInt(seg, 10);\n      if (isNaN(idx)) return undefined;\n      current = current[idx];\n    } else {\n      current = (current as Record<string, unknown>)[seg];\n    }\n  }\n  return current;\n}\n\n/**\n * Resolve a value that might be a literal or $ref.\n * - Literal: return as-is\n * - $ref: resolve from state\n */\nexport function resolveValue(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  if (value == null) return value;\n  if (typeof value === 'object' && value !== null) {\n    if ('$ref' in value && typeof (value as Record<string, unknown>).$ref === 'string') {\n      return resolveRef((value as Record<string, unknown>).$ref as string, state, locals);\n    }\n  }\n  return value;\n}\n","/**\n * @safe-ugc-ui/react — Style Mapper\n *\n * Maps StyleProps objects from the UGC card schema to React CSSProperties.\n * Uses a whitelist approach: only recognized style properties are mapped.\n *\n * Handles special cases:\n *   - border / borderTop/Right/Bottom/Left objects -> CSS shorthand strings\n *   - transform object -> CSS transform string\n *   - boxShadow object(s) -> CSS box-shadow string\n *   - textShadow object(s) -> CSS text-shadow string\n *   - backgroundGradient object -> CSS background string\n *   - fontFamily token -> CSS font-family stack\n *   - Dynamic values ($ref) are resolved via state-resolver\n */\n\nimport type { CSSProperties } from 'react';\nimport { ALLOWED_TRANSITION_PROPERTIES } from '@safe-ugc-ui/types';\nimport { resolveValue } from './state-resolver.js';\n\n// ---------------------------------------------------------------------------\n// Whitelist of style properties that map directly to CSS\n// ---------------------------------------------------------------------------\n\nconst DIRECT_MAP_PROPS = [\n  'display', 'flexDirection', 'justifyContent', 'alignItems', 'alignSelf',\n  'flexWrap', 'flex', 'gap', 'width', 'height', 'minWidth', 'maxWidth',\n  'minHeight', 'maxHeight', 'padding', 'paddingTop', 'paddingRight',\n  'paddingBottom', 'paddingLeft', 'margin', 'marginTop', 'marginRight',\n  'marginBottom', 'marginLeft', 'backgroundColor', 'color', 'borderRadius',\n  'borderRadiusTopLeft', 'borderRadiusTopRight',\n  'borderRadiusBottomLeft', 'borderRadiusBottomRight',\n  'fontSize', 'fontWeight', 'fontStyle', 'textAlign', 'textDecoration',\n  'lineHeight', 'letterSpacing', 'opacity', 'overflow', 'position',\n  'top', 'right', 'bottom', 'left', 'zIndex',\n  'gridTemplateColumns', 'gridTemplateRows', 'gridColumn', 'gridRow',\n  'objectFit', 'objectPosition',\n] as const;\n\nconst FONT_FAMILY_STACKS: Record<string, string> = {\n  sans: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n  serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", serif',\n  mono: 'ui-monospace, \"SFMono-Regular\", \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, monospace',\n  rounded: '\"SF Pro Rounded\", ui-rounded, \"Hiragino Maru Gothic ProN\", \"Nunito\", system-ui, sans-serif',\n  display: '\"Avenir Next\", \"Trebuchet MS\", \"Segoe UI\", sans-serif',\n  handwriting: '\"Bradley Hand\", \"Segoe Print\", \"Comic Sans MS\", \"Marker Felt\", cursive',\n};\n\n// ---------------------------------------------------------------------------\n// Forbidden CSS functions (defense-in-depth)\n// ---------------------------------------------------------------------------\n\nconst FORBIDDEN_CSS_FUNCTIONS_LOWER = ['url(', 'var(', 'calc(', 'env(', 'expression('];\n\nfunction containsForbiddenCssFunction(value: string): boolean {\n  const lower = value.toLowerCase();\n  return FORBIDDEN_CSS_FUNCTIONS_LOWER.some(fn => lower.includes(fn));\n}\n\n// ---------------------------------------------------------------------------\n// Helper: resolve a style value (may be literal or $ref)\n// ---------------------------------------------------------------------------\n\nfunction resolveStyleValue(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  return resolveValue(value, state, locals);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction resolveStructuredNumber(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): number | undefined {\n  const resolved = resolveStyleValue(value, state, locals);\n  return typeof resolved === 'number' ? resolved : undefined;\n}\n\nfunction resolveStructuredString(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): string | undefined {\n  const resolved = resolveStyleValue(value, state, locals);\n  if (typeof resolved !== 'string') {\n    return undefined;\n  }\n  if (containsForbiddenCssFunction(resolved)) {\n    return undefined;\n  }\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: transform object -> CSS transform string\n// ---------------------------------------------------------------------------\n\nfunction transformToCss(transform: Record<string, unknown>): string {\n  const parts: string[] = [];\n\n  if (transform.rotate !== undefined) {\n    parts.push(`rotate(${String(transform.rotate)})`);\n  }\n  if (transform.scale !== undefined) {\n    parts.push(`scale(${String(transform.scale)})`);\n  }\n  if (transform.translateX !== undefined) {\n    parts.push(`translateX(${String(transform.translateX)}px)`);\n  }\n  if (transform.translateY !== undefined) {\n    parts.push(`translateY(${String(transform.translateY)}px)`);\n  }\n\n  return parts.join(' ');\n}\n\nfunction resolveTransformObject(\n  transform: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(transform)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const rotate = resolveStructuredString(transform.rotate, state, locals);\n  const scale = resolveStructuredNumber(transform.scale, state, locals);\n  const translateX = resolveStructuredNumber(transform.translateX, state, locals);\n  const translateY = resolveStructuredNumber(transform.translateY, state, locals);\n\n  if (rotate !== undefined) resolved.rotate = rotate;\n  if (scale !== undefined) resolved.scale = scale;\n  if (translateX !== undefined) resolved.translateX = translateX;\n  if (translateY !== undefined) resolved.translateY = translateY;\n\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: shadow object(s) -> CSS box-shadow string\n// ---------------------------------------------------------------------------\n\nfunction singleShadowToCss(shadow: Record<string, unknown>): string {\n  const offsetX = shadow.offsetX ?? 0;\n  const offsetY = shadow.offsetY ?? 0;\n  const blur = shadow.blur ?? 0;\n  const spread = shadow.spread ?? 0;\n  const color = shadow.color ?? '#000';\n  return `${String(offsetX)}px ${String(offsetY)}px ${String(blur)}px ${String(spread)}px ${String(color)}`;\n}\n\nfunction resolveShadowObject(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(shadow)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const offsetX = resolveStructuredNumber(shadow.offsetX, state, locals);\n  const offsetY = resolveStructuredNumber(shadow.offsetY, state, locals);\n  const blur = resolveStructuredNumber(shadow.blur, state, locals);\n  const spread = resolveStructuredNumber(shadow.spread, state, locals);\n  const color = resolveStructuredString(shadow.color, state, locals);\n\n  if (offsetX !== undefined) resolved.offsetX = offsetX;\n  if (offsetY !== undefined) resolved.offsetY = offsetY;\n  if (blur !== undefined) resolved.blur = blur;\n  if (spread !== undefined) resolved.spread = spread;\n  if (color !== undefined) resolved.color = color;\n\n  return resolved;\n}\n\nfunction shadowToCss(shadow: unknown): string {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((s) => singleShadowToCss(s as Record<string, unknown>))\n      .join(', ');\n  }\n  if (typeof shadow === 'object' && shadow !== null) {\n    return singleShadowToCss(shadow as Record<string, unknown>);\n  }\n  return '';\n}\n\nfunction resolveBoxShadowValue(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((item) => resolveShadowObject(item, state, locals))\n      .filter((item): item is Record<string, unknown> => item !== undefined);\n  }\n\n  return resolveShadowObject(shadow, state, locals);\n}\n\n// ---------------------------------------------------------------------------\n// Helper: text shadow object(s) -> CSS text-shadow string\n// ---------------------------------------------------------------------------\n\nfunction singleTextShadowToCss(shadow: Record<string, unknown>): string {\n  const offsetX = shadow.offsetX ?? 0;\n  const offsetY = shadow.offsetY ?? 0;\n  const blur = shadow.blur ?? 0;\n  const color = shadow.color ?? '#000';\n  return `${String(offsetX)}px ${String(offsetY)}px ${String(blur)}px ${String(color)}`;\n}\n\nfunction resolveTextShadowObject(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(shadow)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const offsetX = resolveStructuredNumber(shadow.offsetX, state, locals);\n  const offsetY = resolveStructuredNumber(shadow.offsetY, state, locals);\n  const blur = resolveStructuredNumber(shadow.blur, state, locals);\n  const color = resolveStructuredString(shadow.color, state, locals);\n\n  if (offsetX !== undefined) resolved.offsetX = offsetX;\n  if (offsetY !== undefined) resolved.offsetY = offsetY;\n  if (blur !== undefined) resolved.blur = blur;\n  if (color !== undefined) resolved.color = color;\n\n  return resolved;\n}\n\nfunction textShadowToCss(shadow: unknown): string {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((s) => singleTextShadowToCss(s as Record<string, unknown>))\n      .join(', ');\n  }\n  if (typeof shadow === 'object' && shadow !== null) {\n    return singleTextShadowToCss(shadow as Record<string, unknown>);\n  }\n  return '';\n}\n\nfunction resolveTextShadowValue(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((item) => resolveTextShadowObject(item, state, locals))\n      .filter((item): item is Record<string, unknown> => item !== undefined);\n  }\n\n  return resolveTextShadowObject(shadow, state, locals);\n}\n\n// ---------------------------------------------------------------------------\n// Helper: gradient object -> CSS background string\n// ---------------------------------------------------------------------------\n\nfunction gradientToCss(gradient: Record<string, unknown>): string {\n  const stops = gradient.stops as Array<{ color: string; position: string }> | undefined;\n  if (!stops || !Array.isArray(stops)) return '';\n\n  const stopsStr = stops\n    .map((s) => `${s.color} ${s.position}`)\n    .join(', ');\n\n  if (gradient.type === 'radial') {\n    return `radial-gradient(circle, ${stopsStr})`;\n  }\n\n  if (gradient.type === 'repeating-linear') {\n    const direction = (gradient.direction as string) ?? '180deg';\n    return `repeating-linear-gradient(${direction}, ${stopsStr})`;\n  }\n\n  // Default to linear\n  const direction = (gradient.direction as string) ?? '180deg';\n  return `linear-gradient(${direction}, ${stopsStr})`;\n}\n\nfunction resolveGradientStop(\n  stop: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): { color: string; position: string } | undefined {\n  if (!isRecord(stop)) {\n    return undefined;\n  }\n\n  const color = resolveStructuredString(stop.color, state, locals);\n  const position = resolveStructuredString(stop.position, state, locals);\n  if (color === undefined || position === undefined) {\n    return undefined;\n  }\n\n  return { color, position };\n}\n\nfunction resolveGradientObject(\n  gradient: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(gradient) || !Array.isArray(gradient.stops)) {\n    return undefined;\n  }\n\n  const resolvedStops = gradient.stops\n    .map((stop) => resolveGradientStop(stop, state, locals))\n    .filter((stop): stop is { color: string; position: string } => stop !== undefined);\n\n  const resolved: Record<string, unknown> = {\n    type: gradient.type,\n    stops: resolvedStops,\n  };\n\n  const direction = resolveStructuredString(gradient.direction, state, locals);\n  if (direction !== undefined) {\n    resolved.direction = direction;\n  }\n\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: border object -> CSS border shorthand string\n// ---------------------------------------------------------------------------\n\nfunction borderToCss(border: Record<string, unknown>): string {\n  const width = border.width ?? 0;\n  const style = border.style ?? 'solid';\n  const color = border.color ?? '#000';\n  return `${String(width)}px ${String(style)} ${String(color)}`;\n}\n\nconst BORDER_STYLE_VALUES = new Set(['solid', 'dashed', 'dotted', 'none']);\n\nfunction resolveBorderObject(\n  border: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(border)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const width = resolveStructuredNumber(border.width, state, locals);\n  const style = resolveStructuredString(border.style, state, locals);\n  const color = resolveStructuredString(border.color, state, locals);\n\n  if (width !== undefined) resolved.width = width;\n  if (style !== undefined && BORDER_STYLE_VALUES.has(style)) resolved.style = style;\n  if (color !== undefined) resolved.color = color;\n\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: map spec alignment values to CSS flexbox values\n// ---------------------------------------------------------------------------\n\nconst FLEX_ALIGNMENT_MAP: Record<string, string> = {\n  start: 'flex-start',\n  end: 'flex-end',\n};\n\nconst FLEX_ALIGNMENT_PROPS = new Set([\n  'justifyContent',\n  'alignItems',\n  'alignSelf',\n]);\n\n// ---------------------------------------------------------------------------\n// Main: mapStyle\n// ---------------------------------------------------------------------------\n\n/**\n * Convert a UGC StyleProps object to React CSSProperties.\n *\n * @param style - The style object from a UGC node (may contain $ref values)\n * @param state - The card state for resolving $ref values\n * @param locals - Optional local variables for resolving $ref values (checked before state)\n * @returns A React CSSProperties object\n */\nexport function mapStyle(\n  style: Record<string, unknown> | undefined,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): CSSProperties {\n  if (!style) return {};\n\n  const css: CSSProperties = {};\n\n  // Direct-mapped properties (resolve dynamic values)\n  for (const prop of DIRECT_MAP_PROPS) {\n    if (prop in style) {\n      let resolved = resolveStyleValue(style[prop], state, locals);\n      if (resolved !== undefined) {\n        // Map spec alignment values (start/end) to CSS flexbox values\n        if (\n          FLEX_ALIGNMENT_PROPS.has(prop) &&\n          typeof resolved === 'string' &&\n          resolved in FLEX_ALIGNMENT_MAP\n        ) {\n          resolved = FLEX_ALIGNMENT_MAP[resolved];\n        }\n        // Block forbidden CSS functions (defense-in-depth)\n        if (typeof resolved === 'string' && containsForbiddenCssFunction(resolved)) {\n          continue;\n        }\n        (css as Record<string, unknown>)[prop] = resolved;\n      }\n    }\n  }\n\n  const fontFamilyToken = resolveStructuredString(style.fontFamily, state, locals);\n  if (fontFamilyToken && fontFamilyToken in FONT_FAMILY_STACKS) {\n    css.fontFamily = FONT_FAMILY_STACKS[fontFamilyToken];\n  }\n\n  // Transform object -> CSS transform string\n  const resolvedTransform = resolveTransformObject(style.transform, state, locals);\n  if (resolvedTransform) {\n    const transformCss = transformToCss(resolvedTransform);\n    if (transformCss) {\n      css.transform = transformCss;\n    }\n  }\n\n  // Border shorthand\n  const resolvedBorder = resolveBorderObject(style.border, state, locals);\n  if (resolvedBorder) {\n    css.border = borderToCss(resolvedBorder);\n  }\n\n  // Border sides (borderTop, borderRight, borderBottom, borderLeft)\n  for (const side of ['borderTop', 'borderRight', 'borderBottom', 'borderLeft'] as const) {\n    const resolvedSide = resolveBorderObject(style[side], state, locals);\n    if (resolvedSide) {\n      (css as Record<string, unknown>)[side] = borderToCss(resolvedSide);\n    }\n  }\n\n  // Box shadow\n  if (style.boxShadow) {\n    const resolvedShadow = resolveBoxShadowValue(style.boxShadow, state, locals);\n    const shadowCss = shadowToCss(resolvedShadow);\n    if (shadowCss) {\n      css.boxShadow = shadowCss;\n    }\n  }\n\n  // Text shadow\n  if (style.textShadow) {\n    const resolvedShadow = resolveTextShadowValue(style.textShadow, state, locals);\n    const shadowCss = textShadowToCss(resolvedShadow);\n    if (shadowCss) {\n      css.textShadow = shadowCss;\n    }\n  }\n\n  // Background gradient -> CSS background\n  const resolvedGradient = resolveGradientObject(style.backgroundGradient, state, locals);\n  if (resolvedGradient) {\n    const backgroundCss = gradientToCss(resolvedGradient);\n    if (backgroundCss) {\n      css.background = backgroundCss;\n    }\n  }\n\n  // Transition object(s) -> CSS transition string\n  if (style.transition) {\n    const transitionCss = mapTransition(style.transition);\n    if (transitionCss) {\n      css.transition = transitionCss;\n    }\n  }\n\n  return css;\n}\n\n// ---------------------------------------------------------------------------\n// mapTransition — convert structured transition to CSS string\n// ---------------------------------------------------------------------------\n\n/**\n * Convert a TransitionDef or TransitionDef[] to a CSS transition string.\n *\n * @example\n *   mapTransition({ property: 'height', duration: 600, easing: 'ease' })\n *   // => \"height 600ms ease\"\n *\n *   mapTransition([\n *     { property: 'height', duration: 600, easing: 'ease' },\n *     { property: 'opacity', duration: 300 },\n *   ])\n *   // => \"height 600ms ease, opacity 300ms\"\n */\n/**\n * Map from SUU camelCase property names to valid CSS property names.\n * Most properties are simple camelCase → kebab-case, but some\n * (like borderRadius directional variants) have non-obvious CSS names.\n */\nconst CSS_PROPERTY_NAME_MAP: Record<string, string> = {\n  borderRadiusTopLeft: 'border-top-left-radius',\n  borderRadiusTopRight: 'border-top-right-radius',\n  borderRadiusBottomLeft: 'border-bottom-left-radius',\n  borderRadiusBottomRight: 'border-bottom-right-radius',\n};\n\n/**\n * Convert a SUU camelCase property name to its CSS property name.\n * Uses explicit mapping for irregular names, falls back to\n * generic camelCase → kebab-case conversion.\n */\nfunction toCssPropertyName(prop: string): string {\n  if (prop in CSS_PROPERTY_NAME_MAP) {\n    return CSS_PROPERTY_NAME_MAP[prop];\n  }\n  return prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n}\n\nexport function mapTransition(transition: unknown): string | undefined {\n  if (!transition) return undefined;\n\n  const items = Array.isArray(transition) ? transition : [transition];\n  const parts: string[] = [];\n\n  for (const item of items) {\n    if (typeof item !== 'object' || item === null) continue;\n    const t = item as Record<string, unknown>;\n    const property = t.property;\n    const duration = t.duration;\n    if (typeof property !== 'string' || typeof duration !== 'number') continue;\n\n    // Defense-in-depth: reject properties not in whitelist at render time\n    if (!(ALLOWED_TRANSITION_PROPERTIES as readonly string[]).includes(property)) {\n      continue;\n    }\n\n    // Defense-in-depth: reject easing values that aren't in the allowed set\n    const ALLOWED_EASINGS = new Set(['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out']);\n\n    // Convert SUU property name to valid CSS property name\n    const cssProperty = toCssPropertyName(property);\n\n    let part = `${cssProperty} ${duration}ms`;\n    if (typeof t.easing === 'string' && ALLOWED_EASINGS.has(t.easing)) {\n      part += ` ${t.easing}`;\n    }\n    if (typeof t.delay === 'number' && t.delay > 0) {\n      part += ` ${t.delay}ms`;\n    }\n    parts.push(part);\n  }\n\n  return parts.length > 0 ? parts.join(', ') : undefined;\n}\n","/**\n * @safe-ugc-ui/react — Asset Resolver\n *\n * Maps @assets/ paths used by card creators to actual platform-provided URLs.\n * Card authors reference assets as \"@assets/name.png\", and the hosting platform\n * provides a mapping to real URLs (blob:, data:, or CDN URLs).\n */\n\nexport type AssetMap = Record<string, string>;\n\n/**\n * Resolve an asset path to its actual URL.\n *\n * Card creators use `@assets/name.png`; the platform provides actual URLs.\n * Looks up by full path first, then by the key after `@assets/`.\n *\n * @param path - The asset path (e.g. \"@assets/avatar.png\")\n * @param assets - The asset map from the platform\n * @returns The resolved URL, or undefined if not found\n */\nexport function resolveAsset(\n  path: string,\n  assets: AssetMap,\n): string | undefined {\n  if (!path.startsWith('@assets/')) return undefined;\n\n  // Try full path match first\n  if (path in assets) return assets[path];\n\n  // Try key-only match (strip @assets/ prefix)\n  const key = path.slice('@assets/'.length);\n  if (key in assets) return assets[key];\n\n  return undefined;\n}\n","/**\n * @safe-ugc-ui/react — useHoverStyle Hook\n *\n * Manages hover state for components with hoverStyle support.\n * Returns the merged style and mouse event handlers.\n *\n * When hoverStyle is not provided, returns base style with no handlers\n * to avoid unnecessary re-renders.\n */\n\nimport { useState, useMemo, type CSSProperties } from 'react';\n\ninterface UseHoverStyleResult {\n  style: CSSProperties | undefined;\n  onMouseEnter: (() => void) | undefined;\n  onMouseLeave: (() => void) | undefined;\n}\n\nexport function useHoverStyle(\n  baseStyle: CSSProperties | undefined,\n  hoverStyle: CSSProperties | undefined,\n): UseHoverStyleResult {\n  const [hovered, setHovered] = useState(false);\n\n  const mergedStyle = useMemo(() => {\n    if (!hoverStyle || !hovered) return baseStyle;\n    return { ...baseStyle, ...hoverStyle };\n  }, [baseStyle, hoverStyle, hovered]);\n\n  if (!hoverStyle) {\n    return { style: baseStyle, onMouseEnter: undefined, onMouseLeave: undefined };\n  }\n\n  return {\n    style: mergedStyle,\n    onMouseEnter: () => setHovered(true),\n    onMouseLeave: () => setHovered(false),\n  };\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface BoxProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nexport function Box({ style, hoverStyle, children }: BoxProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={resolvedStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface RowProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst rowBase: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'row',\n};\n\nexport function Row({ style, hoverStyle, children }: RowProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...rowBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ColumnProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst columnBase: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n};\n\nexport function Column({ style, hoverStyle, children }: ColumnProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...columnBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface TextComponentProps {\n  content: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\n/**\n * Renders text content safely. NEVER uses dangerouslySetInnerHTML.\n * All content is rendered as text nodes via React's built-in escaping.\n */\nexport function Text({ content, style, hoverStyle }: TextComponentProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <span style={resolvedStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{content}</span>;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ImageComponentProps {\n  src: string;\n  alt?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\n/**\n * Renders an image. Defense-in-depth: at the render level, we still\n * verify the src is a safe URL scheme. In practice, src will already\n * be resolved by asset-resolver before reaching this component.\n *\n * Allowed schemes:\n *   - blob: (platform-provided blob URLs)\n *   - data: (inline data URIs)\n *   - https: (resolved CDN URLs from asset-resolver)\n *   - http: (resolved URLs — platform decides)\n *\n * If the src starts with @assets/, it was not resolved and we render nothing.\n */\nexport function Image({ src, alt, style, hoverStyle }: ImageComponentProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n\n  // SECURITY: reject unresolved @assets/ paths (should already be resolved)\n  if (src.startsWith('@assets/')) {\n    return null;\n  }\n\n  return <img src={src} alt={alt ?? ''} style={resolvedStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface StackProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst stackBase: CSSProperties = {\n  position: 'relative',\n};\n\nexport function Stack({ style, hoverStyle, children }: StackProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...stackBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface GridProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst gridBase: CSSProperties = {\n  display: 'grid',\n};\n\nexport function Grid({ style, hoverStyle, children }: GridProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...gridBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface SpacerProps {\n  size?: number | string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Spacer({ size, style, hoverStyle }: SpacerProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ width: size, height: size, flexShrink: 0, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface DividerProps {\n  color?: string;\n  thickness?: number | string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nfunction formatThickness(thickness: number | string | undefined): string {\n  if (thickness == null) return '1px';\n  if (typeof thickness === 'number') return `${thickness}px`;\n  // Numeric string (e.g. \"2\") → append px\n  if (/^-?\\d+(\\.\\d+)?$/.test(thickness)) return `${thickness}px`;\n  // Already has unit (e.g. \"2px\", \"1rem\") → use as-is\n  return thickness;\n}\n\nexport function Divider({ color, thickness, style, hoverStyle }: DividerProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <div\n      style={{\n        borderTop: `${formatThickness(thickness)} solid ${color ?? '#e0e0e0'}`,\n        width: '100%',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    />\n  );\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface IconProps {\n  name: string;\n  size?: number | string;\n  color?: string;\n  iconResolver?: (name: string) => ReactNode;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Icon({ name, size, color, iconResolver, style, hoverStyle }: IconProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n\n  if (!iconResolver) {\n    return null;\n  }\n\n  return (\n    <span\n      style={{\n        fontSize: size,\n        color,\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {iconResolver(name)}\n    </span>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ProgressBarProps {\n  value: number;\n  max: number;\n  color?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function ProgressBar({ value, max, color, style, hoverStyle }: ProgressBarProps) {\n  const percentage = max <= 0 ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n\n  return (\n    <div\n      style={{\n        backgroundColor: '#e0e0e0',\n        borderRadius: 4,\n        overflow: 'hidden',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div\n        style={{\n          width: `${percentage}%`,\n          backgroundColor: color ?? '#4caf50',\n          height: 8,\n        }}\n      />\n    </div>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface AvatarProps {\n  src: string;\n  alt?: string;\n  size?: number | string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Avatar({ src, alt, size, style, hoverStyle }: AvatarProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <img\n      src={src}\n      alt={alt ?? ''}\n      style={{\n        width: size ?? 40,\n        height: size ?? 40,\n        borderRadius: '50%',\n        objectFit: 'cover',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    />\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface BadgeProps {\n  label: string;\n  color?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Badge({ label, color, style, hoverStyle }: BadgeProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <span\n      style={{\n        display: 'inline-block',\n        padding: '2px 8px',\n        borderRadius: 12,\n        backgroundColor: color ?? '#e0e0e0',\n        fontSize: 12,\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {label}\n    </span>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ChipProps {\n  label: string;\n  color?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Chip({ label, color, style, hoverStyle }: ChipProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <span\n      style={{\n        display: 'inline-block',\n        padding: '4px 12px',\n        borderRadius: 16,\n        border: `1px solid ${color ?? '#e0e0e0'}`,\n        fontSize: 14,\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {label}\n    </span>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ButtonProps {\n  label: string;\n  action: string;\n  onAction?: (type: string, actionId: string) => void;\n  disabled?: boolean;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Button({ label, action, onAction, disabled, style, hoverStyle }: ButtonProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <button\n      disabled={disabled}\n      onClick={() => onAction?.('button', action)}\n      style={{\n        padding: '8px 16px',\n        borderRadius: 6,\n        border: '1px solid #ccc',\n        cursor: disabled ? 'default' : 'pointer',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {label}\n    </button>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ToggleProps {\n  value: boolean;\n  onToggle: string;\n  onAction?: (type: string, actionId: string, payload?: unknown) => void;\n  disabled?: boolean;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Toggle({ value, onToggle, onAction, disabled, style, hoverStyle }: ToggleProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <button\n      disabled={disabled}\n      onClick={() => onAction?.('toggle', onToggle, { value: !value })}\n      style={{\n        padding: '6px 16px',\n        borderRadius: 12,\n        border: '1px solid #ccc',\n        backgroundColor: value ? '#4caf50' : '#e0e0e0',\n        color: value ? '#fff' : '#333',\n        cursor: disabled ? 'default' : 'pointer',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {value ? 'ON' : 'OFF'}\n    </button>\n  );\n}\n"],"mappings":"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","names":["useMemo","direction","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","_","jsx","containerStyle","useMemo"]}
+{"version":3,"sources":["../src/UGCRenderer.tsx","../src/UGCContainer.tsx","../src/node-renderer.tsx","../src/state-resolver.ts","../src/style-mapper.ts","../src/asset-resolver.ts","../src/hooks/useHoverStyle.ts","../src/components/Box.tsx","../src/components/Row.tsx","../src/components/Column.tsx","../src/components/Text.tsx","../src/components/Image.tsx","../src/components/Stack.tsx","../src/components/Grid.tsx","../src/components/Spacer.tsx","../src/components/Divider.tsx","../src/components/Icon.tsx","../src/components/ProgressBar.tsx","../src/components/Avatar.tsx","../src/components/Badge.tsx","../src/components/Chip.tsx","../src/components/Button.tsx","../src/components/Toggle.tsx"],"sourcesContent":["/**\n * @safe-ugc-ui/react --- UGC Renderer\n *\n * Top-level component that validates and renders a UGC card.\n *\n * Pipeline:\n *   1. Accept a card (UGCCard object or raw JSON string)\n *   2. Validate via @safe-ugc-ui/validator\n *   3. If invalid, render nothing (or optional error fallback)\n *   4. If valid, wrap in UGCContainer and render the view tree\n *\n * Props:\n *   - card:           UGCCard object or raw JSON string\n *   - viewName:       Name of the view to render (defaults to first view)\n *   - assets:         Mapping of asset keys to actual URLs\n *   - state:          Optional state override (merged with card.state)\n *   - onError:        Optional error callback\n *   - iconResolver:   Optional callback to resolve icon names to ReactNode\n *   - onAction:       Optional callback for Button/Toggle actions\n */\n\nimport { useEffect, useMemo, useState } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { validate, validateRaw } from '@safe-ugc-ui/validator';\nimport { COMPACT_BREAKPOINT_MAX_WIDTH, type UGCCard } from '@safe-ugc-ui/types';\n\nimport { UGCContainer } from './UGCContainer.js';\nimport { renderTree } from './node-renderer.js';\nimport type { AssetMap } from './asset-resolver.js';\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface UGCRendererProps {\n  /** The UGC card to render --- either a parsed object or a raw JSON string. */\n  card: UGCCard | string;\n\n  /** Name of the view to render. Defaults to the first view in the card. */\n  viewName?: string;\n\n  /** Asset map: keys are asset identifiers, values are resolved URLs. */\n  assets?: AssetMap;\n\n  /** Optional state override. Merged on top of the card's own state. */\n  state?: Record<string, unknown>;\n\n  /** Optional CSS style for the outer container. */\n  containerStyle?: CSSProperties;\n\n  /** Optional callback invoked when validation fails or runtime limits are hit. */\n  onError?: (errors: Array<{ code: string; message: string; path: string }>) => void;\n\n  /** Optional callback to resolve icon names to React elements. */\n  iconResolver?: (name: string) => ReactNode;\n\n  /** Optional callback for Button/Toggle interaction actions. */\n  onAction?: (type: string, actionId: string, payload?: unknown) => void;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * Top-level UGC card renderer.\n *\n * Validates the card, then renders the specified view inside a secure\n * UGCContainer. Returns null if validation fails.\n */\nexport function UGCRenderer({\n  card,\n  viewName,\n  assets = {},\n  state: stateOverride,\n  containerStyle,\n  onError,\n  iconResolver,\n  onAction,\n}: UGCRendererProps) {\n  const [containerElement, setContainerElement] = useState<HTMLDivElement | null>(null);\n  const [containerWidth, setContainerWidth] = useState<number | null>(\n    typeof window === 'undefined' ? null : window.innerWidth,\n  );\n\n  const result = useMemo(() => {\n    // 1. Validate\n    const validationResult =\n      typeof card === 'string' ? validateRaw(card) : validate(card);\n\n    if (!validationResult.valid) {\n      return { valid: false as const, errors: validationResult.errors };\n    }\n\n    // 2. Parse card object\n    const cardObj: UGCCard =\n      typeof card === 'string'\n        ? (JSON.parse(card) as UGCCard)\n        : card;\n\n    // 3. Determine which view to render\n    const views = cardObj.views;\n    const viewKeys = Object.keys(views);\n    const selectedView = viewName && viewName in views\n      ? viewName\n      : viewKeys[0];\n\n    if (!selectedView || !(selectedView in views)) {\n      return { valid: false as const, errors: [] };\n    }\n\n    // 4. Merge state\n    const mergedState: Record<string, unknown> = {\n      ...(cardObj.state ?? {}),\n      ...(stateOverride ?? {}),\n    };\n\n    // 5. Extract card-level styles\n    const cardStyles = cardObj.styles as Record<string, Record<string, unknown>> | undefined;\n\n    return {\n      valid: true as const,\n      rootNode: views[selectedView],\n      state: mergedState,\n      cardStyles,\n    };\n  }, [card, viewName, stateOverride]);\n\n  useEffect(() => {\n    if (!containerElement) {\n      return;\n    }\n\n    const updateWidth = (nextWidth?: number) => {\n      if (typeof nextWidth === 'number' && Number.isFinite(nextWidth)) {\n        setContainerWidth(nextWidth);\n        return;\n      }\n      setContainerWidth(containerElement.getBoundingClientRect().width);\n    };\n\n    updateWidth();\n\n    if (typeof ResizeObserver === 'function') {\n      const observer = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        updateWidth(entry?.contentRect?.width);\n      });\n      observer.observe(containerElement);\n      return () => observer.disconnect();\n    }\n\n    const handleResize = () => updateWidth();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [containerElement]);\n\n  const responsive = useMemo(\n    () => ({\n      compact:\n        containerWidth != null &&\n        containerWidth <= COMPACT_BREAKPOINT_MAX_WIDTH,\n    }),\n    [containerWidth],\n  );\n\n  // Handle invalid cards\n  if (!result.valid) {\n    if (onError && result.errors.length > 0) {\n      onError(result.errors);\n    }\n    return null;\n  }\n\n  // Render the view tree inside the secure container\n  return (\n    <UGCContainer ref={setContainerElement} style={containerStyle}>\n      {renderTree(\n        result.rootNode,\n        result.state,\n        assets,\n        result.cardStyles,\n        iconResolver,\n        onAction,\n        onError,\n        responsive,\n      )}\n    </UGCContainer>\n  );\n}\n","/**\n * @safe-ugc-ui/react — UGC Container\n *\n * Wrapper component that provides security isolation for UGC content.\n *\n * CSS isolation features:\n *   - overflow: hidden  — prevents content from escaping bounds\n *   - isolation: isolate — creates a new stacking context\n *   - contain: content   — limits layout/paint/style to this subtree\n *   - position: relative — establishes positioning context for children\n */\n\nimport { forwardRef } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\n\ninterface UGCContainerProps {\n  children?: ReactNode;\n  style?: CSSProperties;\n}\n\nconst containerStyle: CSSProperties = {\n  overflow: 'hidden',\n  isolation: 'isolate',\n  contain: 'content',\n  position: 'relative',\n};\n\n/**\n * Security isolation wrapper for UGC content.\n * All UGC card renderings should be wrapped in this container.\n */\nexport const UGCContainer = forwardRef<HTMLDivElement, UGCContainerProps>(\n  function UGCContainer({ children, style }, ref) {\n    const mergedStyle: CSSProperties = style\n      ? { ...containerStyle, ...style }\n      : containerStyle;\n\n    return <div ref={ref} style={mergedStyle}>{children}</div>;\n  },\n);\n","/**\n * @safe-ugc-ui/react --- Node Renderer\n *\n * Recursive renderer that maps UGC node types to React components.\n * Supports all 16 component types, for-loop rendering, style reference merge,\n * and runtime limits pre-check.\n *\n * For each node:\n *   1. Pre-check runtime limits (node count, style bytes, overflow, text bytes)\n *   2. Merge $style with inline styles (including hoverStyle.$style)\n *   3. Resolve $ref values in node fields using state-resolver (with locals)\n *   4. Map style fields to React CSSProperties using style-mapper\n *   5. Resolve asset paths for Image/Avatar src using asset-resolver\n *   6. Render the appropriate component\n *   7. Recursively render children (arrays and for-loops)\n */\n\nimport type { ReactNode } from 'react';\nimport {\n  MAX_NODE_COUNT,\n  MAX_LOOP_ITERATIONS,\n  TEXT_CONTENT_TOTAL_MAX_BYTES,\n  STYLE_OBJECTS_TOTAL_MAX_BYTES,\n  MAX_OVERFLOW_AUTO_COUNT,\n} from '@safe-ugc-ui/types';\n\nimport { resolveRef, resolveValue } from './state-resolver.js';\nimport { mapStyle } from './style-mapper.js';\nimport { resolveAsset } from './asset-resolver.js';\nimport type { AssetMap } from './asset-resolver.js';\nimport { Box } from './components/Box.js';\nimport { Row } from './components/Row.js';\nimport { Column } from './components/Column.js';\nimport { Text } from './components/Text.js';\nimport { Image } from './components/Image.js';\nimport { Stack } from './components/Stack.js';\nimport { Grid } from './components/Grid.js';\nimport { Spacer } from './components/Spacer.js';\nimport { Divider } from './components/Divider.js';\nimport { Icon } from './components/Icon.js';\nimport { ProgressBar } from './components/ProgressBar.js';\nimport { Avatar } from './components/Avatar.js';\nimport { Badge } from './components/Badge.js';\nimport { Chip } from './components/Chip.js';\nimport { Button } from './components/Button.js';\nimport { Toggle } from './components/Toggle.js';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * A generic UGC node shape. We use Record<string, unknown> for flexibility\n * since the validator has already verified the structure before rendering.\n */\ninterface UGCNodeLike {\n  type: string;\n  style?: Record<string, unknown>;\n  responsive?: Record<string, unknown>;\n  children?: unknown;\n  [key: string]: unknown;\n}\n\ninterface ForLoopLike {\n  for: string;\n  in: string;\n  template: unknown;\n}\n\n/**\n * Runtime limits tracking object. Mutated during rendering to\n * track cumulative resource usage across the entire card.\n */\nexport interface RuntimeLimits {\n  nodeCount: number;\n  textBytes: number;\n  styleBytes: number;\n  overflowAutoCount: number;\n}\n\nexport interface RenderContext {\n  state: Record<string, unknown>;\n  assets: AssetMap;\n  locals?: Record<string, unknown>;\n  cardStyles?: Record<string, Record<string, unknown>>;\n  iconResolver?: (name: string) => ReactNode;\n  onAction?: (type: string, actionId: string, payload?: unknown) => void;\n  onError?: (errors: Array<{ code: string; message: string; path: string }>) => void;\n  limits: RuntimeLimits;\n  responsive: {\n    compact: boolean;\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction isForLoop(obj: unknown): obj is ForLoopLike {\n  if (obj == null || typeof obj !== 'object' || Array.isArray(obj)) return false;\n  const o = obj as Record<string, unknown>;\n  return typeof o.for === 'string' && typeof o.in === 'string' && o.template != null;\n}\n\nfunction utf8ByteLength(str: string): number {\n  let bytes = 0;\n  for (let i = 0; i < str.length; i++) {\n    const code = str.charCodeAt(i);\n    if (code <= 0x7f) {\n      bytes += 1;\n    } else if (code <= 0x7ff) {\n      bytes += 2;\n    } else if (code >= 0xd800 && code <= 0xdbff) {\n      // Surrogate pair → 4 UTF-8 bytes\n      bytes += 4;\n      i++; // skip low surrogate\n    } else {\n      bytes += 3;\n    }\n  }\n  return bytes;\n}\n\n/**\n * Merge a single style object from cardStyles with inline style overrides.\n * Returns the merged raw style (unresolved $ref values) and the style\n * without $style key.\n */\nfunction mergeNamedStyle(\n  style: Record<string, unknown> | undefined,\n  cardStyles: Record<string, Record<string, unknown>> | undefined,\n): Record<string, unknown> | undefined {\n  if (!style) return undefined;\n\n  const rawStyleName = style.$style;\n  const styleName = typeof rawStyleName === 'string' ? rawStyleName.trim() : rawStyleName;\n  if (!styleName || typeof styleName !== 'string' || !cardStyles) {\n    // Return style without $style key if present\n    if (style.$style !== undefined) {\n      const { $style: _, ...rest } = style;\n      return rest;\n    }\n    return style;\n  }\n\n  const baseStyle = cardStyles[styleName];\n  if (!baseStyle) return style;\n\n  // Merge: base from cardStyles, overridden by inline (excluding $style key)\n  const { $style: _, ...inlineWithout$style } = style;\n  return { ...baseStyle, ...inlineWithout$style };\n}\n\n/**\n * Merge node style and nested hoverStyle against cardStyles.\n */\nfunction mergeStyleWithCardStyles(\n  nodeStyle: Record<string, unknown> | undefined,\n  cardStyles: Record<string, Record<string, unknown>> | undefined,\n): Record<string, unknown> | undefined {\n  const mergedStyle = mergeNamedStyle(nodeStyle, cardStyles);\n  if (!mergedStyle) return undefined;\n\n  const rawHoverStyle = mergedStyle.hoverStyle;\n  if (typeof rawHoverStyle !== 'object' || rawHoverStyle === null || Array.isArray(rawHoverStyle)) {\n    return mergedStyle;\n  }\n\n  const mergedHoverStyle = mergeNamedStyle(\n    rawHoverStyle as Record<string, unknown>,\n    cardStyles,\n  );\n\n  if (!mergedHoverStyle) {\n    return mergedStyle;\n  }\n\n  return {\n    ...mergedStyle,\n    hoverStyle: mergedHoverStyle,\n  };\n}\n\nfunction getCompactResponsiveStyle(\n  nodeResponsive: Record<string, unknown> | undefined,\n): Record<string, unknown> | undefined {\n  if (!nodeResponsive) return undefined;\n\n  const compact = nodeResponsive.compact;\n  if (\n    compact == null ||\n    typeof compact !== 'object' ||\n    Array.isArray(compact)\n  ) {\n    return undefined;\n  }\n\n  return compact as Record<string, unknown>;\n}\n\nfunction mergeEffectiveNodeStyle(\n  node: UGCNodeLike,\n  ctx: RenderContext,\n): Record<string, unknown> | undefined {\n  const baseStyle = mergeStyleWithCardStyles(node.style, ctx.cardStyles);\n  if (!ctx.responsive.compact) {\n    return baseStyle;\n  }\n\n  const compactOverride = mergeNamedStyle(\n    getCompactResponsiveStyle(node.responsive),\n    ctx.cardStyles,\n  );\n\n  if (!compactOverride) {\n    return baseStyle;\n  }\n\n  const {\n    hoverStyle: _hoverStyle,\n    transition: _transition,\n    ...compactStyleWithoutInteractiveFields\n  } = compactOverride;\n\n  return {\n    ...(baseStyle ?? {}),\n    ...compactStyleWithoutInteractiveFields,\n  };\n}\n\n// ---------------------------------------------------------------------------\n// renderNode --- recursive node renderer\n// ---------------------------------------------------------------------------\n\n/**\n * Render a single UGC node to a React element.\n *\n * Performs runtime limits pre-check BEFORE rendering to prevent\n * DOM pollution when limits are exceeded.\n */\nexport function renderNode(\n  node: unknown,\n  ctx: RenderContext,\n  key: string | number,\n): ReactNode {\n  if (node == null || typeof node !== 'object') return null;\n\n  const n = node as UGCNodeLike;\n  if (!n.type) return null;\n\n  // --- Compute all deltas before committing any ---\n  const mergedRawStyle = mergeEffectiveNodeStyle(n, ctx);\n  const rv = (val: unknown) => resolveValue(val, ctx.state, ctx.locals);\n\n  const styleDelta = mergedRawStyle ? utf8ByteLength(JSON.stringify(mergedRawStyle)) : 0;\n  const overflowDelta = mergedRawStyle?.overflow === 'auto' ? 1 : 0;\n\n  // Text content: resolve once, reuse in render\n  let resolvedTextContent: string | undefined;\n  let textDelta = 0;\n  if (n.type === 'Text') {\n    const raw = rv((n as Record<string, unknown>).content);\n    resolvedTextContent = typeof raw === 'string' ? raw : '';\n    textDelta = utf8ByteLength(resolvedTextContent);\n  }\n\n  // --- Batch limit checks (all-or-nothing) ---\n  if (ctx.limits.nodeCount + 1 > MAX_NODE_COUNT) {\n    ctx.onError?.([{ code: 'RUNTIME_NODE_LIMIT', message: `Node count exceeds maximum of ${MAX_NODE_COUNT}`, path: String(key) }]);\n    return null;\n  }\n  if (ctx.limits.styleBytes + styleDelta > STYLE_OBJECTS_TOTAL_MAX_BYTES) {\n    ctx.onError?.([{ code: 'RUNTIME_STYLE_LIMIT', message: `Style bytes exceed maximum of ${STYLE_OBJECTS_TOTAL_MAX_BYTES}`, path: String(key) }]);\n    return null;\n  }\n  if (ctx.limits.overflowAutoCount + overflowDelta > MAX_OVERFLOW_AUTO_COUNT) {\n    ctx.onError?.([{ code: 'RUNTIME_OVERFLOW_LIMIT', message: `Overflow auto count exceeds maximum of ${MAX_OVERFLOW_AUTO_COUNT}`, path: String(key) }]);\n    return null;\n  }\n  if (ctx.limits.textBytes + textDelta > TEXT_CONTENT_TOTAL_MAX_BYTES) {\n    ctx.onError?.([{ code: 'RUNTIME_TEXT_LIMIT', message: `Text bytes exceed maximum of ${TEXT_CONTENT_TOTAL_MAX_BYTES}`, path: String(key) }]);\n    return null;\n  }\n\n  // --- All checks passed: commit all deltas at once ---\n  ctx.limits.nodeCount += 1;\n  ctx.limits.styleBytes += styleDelta;\n  ctx.limits.overflowAutoCount += overflowDelta;\n  ctx.limits.textBytes += textDelta;\n\n  // Resolve style to CSS\n  const cssStyle = mapStyle(mergedRawStyle, ctx.state, ctx.locals);\n\n  // Resolve hoverStyle to CSS (if present)\n  const rawHoverStyle = mergedRawStyle?.hoverStyle as Record<string, unknown> | undefined;\n  const cssHoverStyle = rawHoverStyle ? mapStyle(rawHoverStyle, ctx.state, ctx.locals) : undefined;\n\n  // Render children recursively\n  const childElements = renderChildren(n.children, ctx);\n\n  switch (n.type) {\n    case 'Box':\n      return <Box key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Box>;\n\n    case 'Row':\n      return <Row key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Row>;\n\n    case 'Column':\n      return <Column key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Column>;\n\n    case 'Stack':\n      return <Stack key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Stack>;\n\n    case 'Grid':\n      return <Grid key={key} style={cssStyle} hoverStyle={cssHoverStyle}>{childElements}</Grid>;\n\n    case 'Text':\n      return <Text key={key} content={resolvedTextContent!} style={cssStyle} hoverStyle={cssHoverStyle} />;\n\n    case 'Image': {\n      let src = rv((n as Record<string, unknown>).src);\n      if (typeof src !== 'string' || !src) return null;\n      if (!src.startsWith('@assets/')) return null;\n      if (src.includes('../')) return null;\n      const resolved = resolveAsset(src, ctx.assets);\n      if (!resolved) return null;\n      if (typeof resolved === 'string' && resolved.trim().toLowerCase().startsWith('javascript:')) return null;\n      const resolvedAlt = rv((n as Record<string, unknown>).alt);\n      const alt = typeof resolvedAlt === 'string' ? resolvedAlt : undefined;\n      return <Image key={key} src={resolved} alt={alt} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Avatar': {\n      let src = rv((n as Record<string, unknown>).src);\n      if (typeof src !== 'string' || !src) return null;\n      if (!src.startsWith('@assets/')) return null;\n      if (src.includes('../')) return null;\n      const resolved = resolveAsset(src, ctx.assets);\n      if (!resolved) return null;\n      if (typeof resolved === 'string' && resolved.trim().toLowerCase().startsWith('javascript:')) return null;\n      const resolvedSize = rv((n as Record<string, unknown>).size);\n      const size = typeof resolvedSize === 'number' || typeof resolvedSize === 'string'\n        ? resolvedSize : undefined;\n      return <Avatar key={key} src={resolved} size={size} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Icon': {\n      const resolvedName = rv((n as Record<string, unknown>).name);\n      const name = typeof resolvedName === 'string' ? resolvedName : '';\n      const resolvedSize = rv((n as Record<string, unknown>).size);\n      const size = typeof resolvedSize === 'number' || typeof resolvedSize === 'string'\n        ? resolvedSize : undefined;\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return (\n        <Icon\n          key={key}\n          name={name}\n          size={size}\n          color={color}\n          iconResolver={ctx.iconResolver}\n          style={cssStyle}\n          hoverStyle={cssHoverStyle}\n        />\n      );\n    }\n\n    case 'Spacer': {\n      const resolvedSize = rv((n as Record<string, unknown>).size);\n      const size = typeof resolvedSize === 'number' || typeof resolvedSize === 'string'\n        ? resolvedSize : undefined;\n      return <Spacer key={key} size={size} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Divider': {\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      const resolvedThickness = rv((n as Record<string, unknown>).thickness);\n      const thickness = typeof resolvedThickness === 'number' || typeof resolvedThickness === 'string'\n        ? resolvedThickness : undefined;\n      return <Divider key={key} color={color} thickness={thickness} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'ProgressBar': {\n      const resolvedValue = rv((n as Record<string, unknown>).value);\n      const value = typeof resolvedValue === 'number' ? resolvedValue : 0;\n      const resolvedMax = rv((n as Record<string, unknown>).max);\n      const max = typeof resolvedMax === 'number' ? resolvedMax : 100;\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return <ProgressBar key={key} value={value} max={max} color={color} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Badge': {\n      const resolvedLabel = rv((n as Record<string, unknown>).label);\n      const label = typeof resolvedLabel === 'string' ? resolvedLabel : '';\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return <Badge key={key} label={label} color={color} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Chip': {\n      const resolvedLabel = rv((n as Record<string, unknown>).label);\n      const label = typeof resolvedLabel === 'string' ? resolvedLabel : '';\n      const resolvedColor = rv((n as Record<string, unknown>).color);\n      const color = typeof resolvedColor === 'string' ? resolvedColor : undefined;\n      return <Chip key={key} label={label} color={color} style={cssStyle} hoverStyle={cssHoverStyle} />;\n    }\n\n    case 'Button': {\n      const resolvedLabel = rv((n as Record<string, unknown>).label);\n      const label = typeof resolvedLabel === 'string' ? resolvedLabel : '';\n      const actionVal = (n as Record<string, unknown>).action;\n      const action = typeof actionVal === 'string' ? actionVal : '';\n      return (\n        <Button\n          key={key}\n          label={label}\n          action={action}\n          onAction={ctx.onAction}\n          style={cssStyle}\n          hoverStyle={cssHoverStyle}\n        />\n      );\n    }\n\n    case 'Toggle': {\n      const resolvedValue = rv((n as Record<string, unknown>).value);\n      const value = typeof resolvedValue === 'boolean' ? resolvedValue : false;\n      const onToggleVal = (n as Record<string, unknown>).onToggle;\n      const onToggle = typeof onToggleVal === 'string' ? onToggleVal : '';\n      return (\n        <Toggle\n          key={key}\n          value={value}\n          onToggle={onToggle}\n          onAction={ctx.onAction}\n          style={cssStyle}\n          hoverStyle={cssHoverStyle}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// renderChildren --- handle children arrays and for-loops\n// ---------------------------------------------------------------------------\n\nfunction renderChildren(\n  children: unknown,\n  ctx: RenderContext,\n): ReactNode[] | null {\n  if (!children) return null;\n\n  // Array children\n  if (Array.isArray(children)) {\n    return children.map((child, index) => renderNode(child, ctx, index));\n  }\n\n  // For-loop children\n  if (isForLoop(children)) {\n    return renderForLoop(children, ctx);\n  }\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// renderForLoop --- iterate over state array, render template per item\n// ---------------------------------------------------------------------------\n\nfunction renderForLoop(\n  loop: ForLoopLike,\n  ctx: RenderContext,\n): ReactNode[] {\n  // Resolve the source array from state (or locals)\n  const source = resolveRef(loop.in, ctx.state, ctx.locals);\n  if (source === undefined) {\n    // Soft skip: source not found (may be provided at runtime or optional)\n    return [];\n  }\n  if (!Array.isArray(source)) {\n    // Hard error: source exists but is not an array (type mismatch)\n    ctx.onError?.([{\n      code: 'RUNTIME_LOOP_SOURCE_INVALID',\n      message: `Loop source \"${loop.in}\" is not an array (got ${typeof source})`,\n      path: `for(${loop.for} in ${loop.in})`,\n    }]);\n    return [];\n  }\n\n  // Cap iterations\n  const maxIter = Math.min(source.length, MAX_LOOP_ITERATIONS);\n  const elements: ReactNode[] = [];\n\n  for (let i = 0; i < maxIter; i++) {\n    const item = source[i];\n    const newLocals: Record<string, unknown> = {\n      ...ctx.locals,\n      [loop.for]: item,\n      index: i,\n    };\n    const childCtx: RenderContext = { ...ctx, locals: newLocals };\n    elements.push(renderNode(loop.template, childCtx, i));\n  }\n\n  return elements;\n}\n\n// ---------------------------------------------------------------------------\n// RenderTree --- render an entire view tree\n// ---------------------------------------------------------------------------\n\n/**\n * Render a full view tree starting from the root node.\n *\n * @param rootNode - The root node of the view\n * @param state - Card state for $ref resolution\n * @param assets - Asset map for @assets/ resolution\n * @param cardStyles - Optional card-level named styles\n * @param iconResolver - Optional icon resolver callback\n * @param onAction - Optional action callback for Button/Toggle\n * @param onError - Optional error callback\n * @returns A React element tree\n */\nexport function renderTree(\n  rootNode: unknown,\n  state: Record<string, unknown>,\n  assets: AssetMap,\n  cardStyles?: Record<string, Record<string, unknown>>,\n  iconResolver?: (name: string) => ReactNode,\n  onAction?: (type: string, actionId: string, payload?: unknown) => void,\n  onError?: (errors: Array<{ code: string; message: string; path: string }>) => void,\n  responsive: { compact: boolean } = { compact: false },\n): ReactNode {\n  const limits: RuntimeLimits = {\n    nodeCount: 0,\n    textBytes: 0,\n    styleBytes: 0,\n    overflowAutoCount: 0,\n  };\n  const ctx: RenderContext = {\n    state,\n    assets,\n    cardStyles,\n    iconResolver,\n    onAction,\n    onError,\n    limits,\n    responsive,\n  };\n  return renderNode(rootNode, ctx, 'root');\n}\n","/**\n * @safe-ugc-ui/react — State Resolver\n *\n * Resolves $ref values from card state.\n *\n * - $ref: looks up a dotted path in the state object\n * - Literal values pass through unchanged\n */\n\nimport { PROTOTYPE_POLLUTION_SEGMENTS } from '@safe-ugc-ui/types';\n\n/**\n * Parse a $ref path into individual segments.\n * Handles both dot notation and bracket notation:\n *   \"items[0].name\" → [\"items\", \"0\", \"name\"]\n *   \"data[2][3]\" → [\"data\", \"2\", \"3\"]\n *   \"simple.path\" → [\"simple\", \"path\"]\n */\nfunction parseRefSegments(path: string): string[] {\n  const segments: string[] = [];\n  const dotParts = path.split('.');\n  for (const part of dotParts) {\n    if (!part) continue;\n    // Check for bracket notation: extract base and indices\n    const bracketPattern = /\\[(\\d+)\\]/g;\n    let match: RegExpExecArray | null;\n\n    // Find the base name (before first bracket)\n    const firstBracket = part.indexOf('[');\n    if (firstBracket > 0) {\n      segments.push(part.slice(0, firstBracket));\n    } else if (firstBracket === -1) {\n      // No brackets at all\n      segments.push(part);\n      continue;\n    }\n\n    // Extract all bracket indices\n    while ((match = bracketPattern.exec(part)) !== null) {\n      segments.push(match[1]);\n    }\n\n    // If part starts with [ and no base was added\n    if (firstBracket === 0) {\n      // Edge case: segment is just [0] with no base name\n      // This shouldn't normally happen but handle gracefully\n    }\n  }\n  return segments;\n}\n\n/**\n * Resolves a $ref path (e.g. \"$hp\", \"$items[0].name\") from card state.\n *\n * - Strips leading '$' from the path\n * - Parses dot notation and bracket notation into segments\n * - Blocks __proto__, constructor, prototype segments\n * - Max depth of 5 segments per spec\n * - Returns undefined if path doesn't exist\n */\nexport function resolveRef(\n  refPath: string,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  const path = refPath.startsWith('$') ? refPath.slice(1) : refPath;\n  const segments = parseRefSegments(path);\n\n  // Block prototype pollution\n  for (const seg of segments) {\n    if ((PROTOTYPE_POLLUTION_SEGMENTS as readonly string[]).includes(seg)) {\n      return undefined;\n    }\n  }\n\n  // Max depth check\n  if (segments.length > 5) return undefined;\n\n  // Choose starting object: locals first, then state\n  const firstSeg = segments[0];\n  let current: unknown;\n  if (locals && firstSeg && firstSeg in locals) {\n    current = locals;\n  } else {\n    current = state;\n  }\n\n  // Traverse\n  for (const seg of segments) {\n    if (current == null || typeof current !== 'object') return undefined;\n    if (Array.isArray(current)) {\n      const idx = parseInt(seg, 10);\n      if (isNaN(idx)) return undefined;\n      current = current[idx];\n    } else {\n      current = (current as Record<string, unknown>)[seg];\n    }\n  }\n  return current;\n}\n\n/**\n * Resolve a value that might be a literal or $ref.\n * - Literal: return as-is\n * - $ref: resolve from state\n */\nexport function resolveValue(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  if (value == null) return value;\n  if (typeof value === 'object' && value !== null) {\n    if ('$ref' in value && typeof (value as Record<string, unknown>).$ref === 'string') {\n      return resolveRef((value as Record<string, unknown>).$ref as string, state, locals);\n    }\n  }\n  return value;\n}\n","/**\n * @safe-ugc-ui/react — Style Mapper\n *\n * Maps StyleProps objects from the UGC card schema to React CSSProperties.\n * Uses a whitelist approach: only recognized style properties are mapped.\n *\n * Handles special cases:\n *   - border / borderTop/Right/Bottom/Left objects -> CSS shorthand strings\n *   - transform object -> CSS transform string\n *   - boxShadow object(s) -> CSS box-shadow string\n *   - textShadow object(s) -> CSS text-shadow string\n *   - backgroundGradient object -> CSS background string\n *   - fontFamily token -> CSS font-family stack\n *   - Dynamic values ($ref) are resolved via state-resolver\n */\n\nimport type { CSSProperties } from 'react';\nimport { ALLOWED_TRANSITION_PROPERTIES } from '@safe-ugc-ui/types';\nimport { resolveValue } from './state-resolver.js';\n\n// ---------------------------------------------------------------------------\n// Whitelist of style properties that map directly to CSS\n// ---------------------------------------------------------------------------\n\nconst DIRECT_MAP_PROPS = [\n  'display', 'flexDirection', 'justifyContent', 'alignItems', 'alignSelf',\n  'flexWrap', 'flex', 'gap', 'width', 'height', 'minWidth', 'maxWidth',\n  'minHeight', 'maxHeight', 'padding', 'paddingTop', 'paddingRight',\n  'paddingBottom', 'paddingLeft', 'margin', 'marginTop', 'marginRight',\n  'marginBottom', 'marginLeft', 'backgroundColor', 'color', 'borderRadius',\n  'borderRadiusTopLeft', 'borderRadiusTopRight',\n  'borderRadiusBottomLeft', 'borderRadiusBottomRight',\n  'fontSize', 'fontWeight', 'fontStyle', 'textAlign', 'textDecoration',\n  'lineHeight', 'letterSpacing', 'opacity', 'overflow', 'position',\n  'top', 'right', 'bottom', 'left', 'zIndex',\n  'gridTemplateColumns', 'gridTemplateRows', 'gridColumn', 'gridRow',\n  'objectFit', 'objectPosition',\n] as const;\n\nconst FONT_FAMILY_STACKS: Record<string, string> = {\n  sans: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif',\n  serif: 'ui-serif, Georgia, Cambria, \"Times New Roman\", serif',\n  mono: 'ui-monospace, \"SFMono-Regular\", \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, monospace',\n  rounded: '\"SF Pro Rounded\", ui-rounded, \"Hiragino Maru Gothic ProN\", \"Nunito\", system-ui, sans-serif',\n  display: '\"Avenir Next\", \"Trebuchet MS\", \"Segoe UI\", sans-serif',\n  handwriting: '\"Bradley Hand\", \"Segoe Print\", \"Comic Sans MS\", \"Marker Felt\", cursive',\n};\n\n// ---------------------------------------------------------------------------\n// Forbidden CSS functions (defense-in-depth)\n// ---------------------------------------------------------------------------\n\nconst FORBIDDEN_CSS_FUNCTIONS_LOWER = ['url(', 'var(', 'calc(', 'env(', 'expression('];\n\nfunction containsForbiddenCssFunction(value: string): boolean {\n  const lower = value.toLowerCase();\n  return FORBIDDEN_CSS_FUNCTIONS_LOWER.some(fn => lower.includes(fn));\n}\n\n// ---------------------------------------------------------------------------\n// Helper: resolve a style value (may be literal or $ref)\n// ---------------------------------------------------------------------------\n\nfunction resolveStyleValue(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  return resolveValue(value, state, locals);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction resolveStructuredNumber(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): number | undefined {\n  const resolved = resolveStyleValue(value, state, locals);\n  return typeof resolved === 'number' ? resolved : undefined;\n}\n\nfunction resolveStructuredString(\n  value: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): string | undefined {\n  const resolved = resolveStyleValue(value, state, locals);\n  if (typeof resolved !== 'string') {\n    return undefined;\n  }\n  if (containsForbiddenCssFunction(resolved)) {\n    return undefined;\n  }\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: transform object -> CSS transform string\n// ---------------------------------------------------------------------------\n\nfunction transformToCss(transform: Record<string, unknown>): string {\n  const parts: string[] = [];\n\n  if (transform.rotate !== undefined) {\n    parts.push(`rotate(${String(transform.rotate)})`);\n  }\n  if (transform.scale !== undefined) {\n    parts.push(`scale(${String(transform.scale)})`);\n  }\n  if (transform.translateX !== undefined) {\n    parts.push(`translateX(${String(transform.translateX)}px)`);\n  }\n  if (transform.translateY !== undefined) {\n    parts.push(`translateY(${String(transform.translateY)}px)`);\n  }\n\n  return parts.join(' ');\n}\n\nfunction resolveTransformObject(\n  transform: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(transform)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const rotate = resolveStructuredString(transform.rotate, state, locals);\n  const scale = resolveStructuredNumber(transform.scale, state, locals);\n  const translateX = resolveStructuredNumber(transform.translateX, state, locals);\n  const translateY = resolveStructuredNumber(transform.translateY, state, locals);\n\n  if (rotate !== undefined) resolved.rotate = rotate;\n  if (scale !== undefined) resolved.scale = scale;\n  if (translateX !== undefined) resolved.translateX = translateX;\n  if (translateY !== undefined) resolved.translateY = translateY;\n\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: shadow object(s) -> CSS box-shadow string\n// ---------------------------------------------------------------------------\n\nfunction singleShadowToCss(shadow: Record<string, unknown>): string {\n  const offsetX = shadow.offsetX ?? 0;\n  const offsetY = shadow.offsetY ?? 0;\n  const blur = shadow.blur ?? 0;\n  const spread = shadow.spread ?? 0;\n  const color = shadow.color ?? '#000';\n  return `${String(offsetX)}px ${String(offsetY)}px ${String(blur)}px ${String(spread)}px ${String(color)}`;\n}\n\nfunction resolveShadowObject(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(shadow)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const offsetX = resolveStructuredNumber(shadow.offsetX, state, locals);\n  const offsetY = resolveStructuredNumber(shadow.offsetY, state, locals);\n  const blur = resolveStructuredNumber(shadow.blur, state, locals);\n  const spread = resolveStructuredNumber(shadow.spread, state, locals);\n  const color = resolveStructuredString(shadow.color, state, locals);\n\n  if (offsetX !== undefined) resolved.offsetX = offsetX;\n  if (offsetY !== undefined) resolved.offsetY = offsetY;\n  if (blur !== undefined) resolved.blur = blur;\n  if (spread !== undefined) resolved.spread = spread;\n  if (color !== undefined) resolved.color = color;\n\n  return resolved;\n}\n\nfunction shadowToCss(shadow: unknown): string {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((s) => singleShadowToCss(s as Record<string, unknown>))\n      .join(', ');\n  }\n  if (typeof shadow === 'object' && shadow !== null) {\n    return singleShadowToCss(shadow as Record<string, unknown>);\n  }\n  return '';\n}\n\nfunction resolveBoxShadowValue(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((item) => resolveShadowObject(item, state, locals))\n      .filter((item): item is Record<string, unknown> => item !== undefined);\n  }\n\n  return resolveShadowObject(shadow, state, locals);\n}\n\n// ---------------------------------------------------------------------------\n// Helper: text shadow object(s) -> CSS text-shadow string\n// ---------------------------------------------------------------------------\n\nfunction singleTextShadowToCss(shadow: Record<string, unknown>): string {\n  const offsetX = shadow.offsetX ?? 0;\n  const offsetY = shadow.offsetY ?? 0;\n  const blur = shadow.blur ?? 0;\n  const color = shadow.color ?? '#000';\n  return `${String(offsetX)}px ${String(offsetY)}px ${String(blur)}px ${String(color)}`;\n}\n\nfunction resolveTextShadowObject(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(shadow)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const offsetX = resolveStructuredNumber(shadow.offsetX, state, locals);\n  const offsetY = resolveStructuredNumber(shadow.offsetY, state, locals);\n  const blur = resolveStructuredNumber(shadow.blur, state, locals);\n  const color = resolveStructuredString(shadow.color, state, locals);\n\n  if (offsetX !== undefined) resolved.offsetX = offsetX;\n  if (offsetY !== undefined) resolved.offsetY = offsetY;\n  if (blur !== undefined) resolved.blur = blur;\n  if (color !== undefined) resolved.color = color;\n\n  return resolved;\n}\n\nfunction textShadowToCss(shadow: unknown): string {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((s) => singleTextShadowToCss(s as Record<string, unknown>))\n      .join(', ');\n  }\n  if (typeof shadow === 'object' && shadow !== null) {\n    return singleTextShadowToCss(shadow as Record<string, unknown>);\n  }\n  return '';\n}\n\nfunction resolveTextShadowValue(\n  shadow: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): unknown {\n  if (Array.isArray(shadow)) {\n    return shadow\n      .map((item) => resolveTextShadowObject(item, state, locals))\n      .filter((item): item is Record<string, unknown> => item !== undefined);\n  }\n\n  return resolveTextShadowObject(shadow, state, locals);\n}\n\n// ---------------------------------------------------------------------------\n// Helper: gradient object -> CSS background string\n// ---------------------------------------------------------------------------\n\nfunction gradientToCss(gradient: Record<string, unknown>): string {\n  const stops = gradient.stops as Array<{ color: string; position: string }> | undefined;\n  if (!stops || !Array.isArray(stops)) return '';\n\n  const stopsStr = stops\n    .map((s) => `${s.color} ${s.position}`)\n    .join(', ');\n\n  if (gradient.type === 'radial') {\n    return `radial-gradient(circle, ${stopsStr})`;\n  }\n\n  if (gradient.type === 'repeating-linear') {\n    const direction = (gradient.direction as string) ?? '180deg';\n    return `repeating-linear-gradient(${direction}, ${stopsStr})`;\n  }\n\n  // Default to linear\n  const direction = (gradient.direction as string) ?? '180deg';\n  return `linear-gradient(${direction}, ${stopsStr})`;\n}\n\nfunction resolveGradientStop(\n  stop: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): { color: string; position: string } | undefined {\n  if (!isRecord(stop)) {\n    return undefined;\n  }\n\n  const color = resolveStructuredString(stop.color, state, locals);\n  const position = resolveStructuredString(stop.position, state, locals);\n  if (color === undefined || position === undefined) {\n    return undefined;\n  }\n\n  return { color, position };\n}\n\nfunction resolveGradientObject(\n  gradient: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(gradient) || !Array.isArray(gradient.stops)) {\n    return undefined;\n  }\n\n  const resolvedStops = gradient.stops\n    .map((stop) => resolveGradientStop(stop, state, locals))\n    .filter((stop): stop is { color: string; position: string } => stop !== undefined);\n\n  const resolved: Record<string, unknown> = {\n    type: gradient.type,\n    stops: resolvedStops,\n  };\n\n  const direction = resolveStructuredString(gradient.direction, state, locals);\n  if (direction !== undefined) {\n    resolved.direction = direction;\n  }\n\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: border object -> CSS border shorthand string\n// ---------------------------------------------------------------------------\n\nfunction borderToCss(border: Record<string, unknown>): string {\n  const width = border.width ?? 0;\n  const style = border.style ?? 'solid';\n  const color = border.color ?? '#000';\n  return `${String(width)}px ${String(style)} ${String(color)}`;\n}\n\nconst BORDER_STYLE_VALUES = new Set(['solid', 'dashed', 'dotted', 'none']);\n\nfunction resolveBorderObject(\n  border: unknown,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): Record<string, unknown> | undefined {\n  if (!isRecord(border)) {\n    return undefined;\n  }\n\n  const resolved: Record<string, unknown> = {};\n  const width = resolveStructuredNumber(border.width, state, locals);\n  const style = resolveStructuredString(border.style, state, locals);\n  const color = resolveStructuredString(border.color, state, locals);\n\n  if (width !== undefined) resolved.width = width;\n  if (style !== undefined && BORDER_STYLE_VALUES.has(style)) resolved.style = style;\n  if (color !== undefined) resolved.color = color;\n\n  return resolved;\n}\n\n// ---------------------------------------------------------------------------\n// Helper: map spec alignment values to CSS flexbox values\n// ---------------------------------------------------------------------------\n\nconst FLEX_ALIGNMENT_MAP: Record<string, string> = {\n  start: 'flex-start',\n  end: 'flex-end',\n};\n\nconst FLEX_ALIGNMENT_PROPS = new Set([\n  'justifyContent',\n  'alignItems',\n  'alignSelf',\n]);\n\n// ---------------------------------------------------------------------------\n// Main: mapStyle\n// ---------------------------------------------------------------------------\n\n/**\n * Convert a UGC StyleProps object to React CSSProperties.\n *\n * @param style - The style object from a UGC node (may contain $ref values)\n * @param state - The card state for resolving $ref values\n * @param locals - Optional local variables for resolving $ref values (checked before state)\n * @returns A React CSSProperties object\n */\nexport function mapStyle(\n  style: Record<string, unknown> | undefined,\n  state: Record<string, unknown>,\n  locals?: Record<string, unknown>,\n): CSSProperties {\n  if (!style) return {};\n\n  const css: CSSProperties = {};\n\n  // Direct-mapped properties (resolve dynamic values)\n  for (const prop of DIRECT_MAP_PROPS) {\n    if (prop in style) {\n      let resolved = resolveStyleValue(style[prop], state, locals);\n      if (resolved !== undefined) {\n        // Map spec alignment values (start/end) to CSS flexbox values\n        if (\n          FLEX_ALIGNMENT_PROPS.has(prop) &&\n          typeof resolved === 'string' &&\n          resolved in FLEX_ALIGNMENT_MAP\n        ) {\n          resolved = FLEX_ALIGNMENT_MAP[resolved];\n        }\n        // Block forbidden CSS functions (defense-in-depth)\n        if (typeof resolved === 'string' && containsForbiddenCssFunction(resolved)) {\n          continue;\n        }\n        (css as Record<string, unknown>)[prop] = resolved;\n      }\n    }\n  }\n\n  const fontFamilyToken = resolveStructuredString(style.fontFamily, state, locals);\n  if (fontFamilyToken && fontFamilyToken in FONT_FAMILY_STACKS) {\n    css.fontFamily = FONT_FAMILY_STACKS[fontFamilyToken];\n  }\n\n  // Transform object -> CSS transform string\n  const resolvedTransform = resolveTransformObject(style.transform, state, locals);\n  if (resolvedTransform) {\n    const transformCss = transformToCss(resolvedTransform);\n    if (transformCss) {\n      css.transform = transformCss;\n    }\n  }\n\n  // Border shorthand\n  const resolvedBorder = resolveBorderObject(style.border, state, locals);\n  if (resolvedBorder) {\n    css.border = borderToCss(resolvedBorder);\n  }\n\n  // Border sides (borderTop, borderRight, borderBottom, borderLeft)\n  for (const side of ['borderTop', 'borderRight', 'borderBottom', 'borderLeft'] as const) {\n    const resolvedSide = resolveBorderObject(style[side], state, locals);\n    if (resolvedSide) {\n      (css as Record<string, unknown>)[side] = borderToCss(resolvedSide);\n    }\n  }\n\n  // Box shadow\n  if (style.boxShadow) {\n    const resolvedShadow = resolveBoxShadowValue(style.boxShadow, state, locals);\n    const shadowCss = shadowToCss(resolvedShadow);\n    if (shadowCss) {\n      css.boxShadow = shadowCss;\n    }\n  }\n\n  // Text shadow\n  if (style.textShadow) {\n    const resolvedShadow = resolveTextShadowValue(style.textShadow, state, locals);\n    const shadowCss = textShadowToCss(resolvedShadow);\n    if (shadowCss) {\n      css.textShadow = shadowCss;\n    }\n  }\n\n  // Background gradient -> CSS background\n  const resolvedGradient = resolveGradientObject(style.backgroundGradient, state, locals);\n  if (resolvedGradient) {\n    const backgroundCss = gradientToCss(resolvedGradient);\n    if (backgroundCss) {\n      css.background = backgroundCss;\n    }\n  }\n\n  // Transition object(s) -> CSS transition string\n  if (style.transition) {\n    const transitionCss = mapTransition(style.transition);\n    if (transitionCss) {\n      css.transition = transitionCss;\n    }\n  }\n\n  return css;\n}\n\n// ---------------------------------------------------------------------------\n// mapTransition — convert structured transition to CSS string\n// ---------------------------------------------------------------------------\n\n/**\n * Convert a TransitionDef or TransitionDef[] to a CSS transition string.\n *\n * @example\n *   mapTransition({ property: 'height', duration: 600, easing: 'ease' })\n *   // => \"height 600ms ease\"\n *\n *   mapTransition([\n *     { property: 'height', duration: 600, easing: 'ease' },\n *     { property: 'opacity', duration: 300 },\n *   ])\n *   // => \"height 600ms ease, opacity 300ms\"\n */\n/**\n * Map from SUU camelCase property names to valid CSS property names.\n * Most properties are simple camelCase → kebab-case, but some\n * (like borderRadius directional variants) have non-obvious CSS names.\n */\nconst CSS_PROPERTY_NAME_MAP: Record<string, string> = {\n  borderRadiusTopLeft: 'border-top-left-radius',\n  borderRadiusTopRight: 'border-top-right-radius',\n  borderRadiusBottomLeft: 'border-bottom-left-radius',\n  borderRadiusBottomRight: 'border-bottom-right-radius',\n};\n\n/**\n * Convert a SUU camelCase property name to its CSS property name.\n * Uses explicit mapping for irregular names, falls back to\n * generic camelCase → kebab-case conversion.\n */\nfunction toCssPropertyName(prop: string): string {\n  if (prop in CSS_PROPERTY_NAME_MAP) {\n    return CSS_PROPERTY_NAME_MAP[prop];\n  }\n  return prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n}\n\nexport function mapTransition(transition: unknown): string | undefined {\n  if (!transition) return undefined;\n\n  const items = Array.isArray(transition) ? transition : [transition];\n  const parts: string[] = [];\n\n  for (const item of items) {\n    if (typeof item !== 'object' || item === null) continue;\n    const t = item as Record<string, unknown>;\n    const property = t.property;\n    const duration = t.duration;\n    if (typeof property !== 'string' || typeof duration !== 'number') continue;\n\n    // Defense-in-depth: reject properties not in whitelist at render time\n    if (!(ALLOWED_TRANSITION_PROPERTIES as readonly string[]).includes(property)) {\n      continue;\n    }\n\n    // Defense-in-depth: reject easing values that aren't in the allowed set\n    const ALLOWED_EASINGS = new Set(['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out']);\n\n    // Convert SUU property name to valid CSS property name\n    const cssProperty = toCssPropertyName(property);\n\n    let part = `${cssProperty} ${duration}ms`;\n    if (typeof t.easing === 'string' && ALLOWED_EASINGS.has(t.easing)) {\n      part += ` ${t.easing}`;\n    }\n    if (typeof t.delay === 'number' && t.delay > 0) {\n      part += ` ${t.delay}ms`;\n    }\n    parts.push(part);\n  }\n\n  return parts.length > 0 ? parts.join(', ') : undefined;\n}\n","/**\n * @safe-ugc-ui/react — Asset Resolver\n *\n * Maps @assets/ paths used by card creators to actual platform-provided URLs.\n * Card authors reference assets as \"@assets/name.png\", and the hosting platform\n * provides a mapping to real URLs (blob:, data:, or CDN URLs).\n */\n\nexport type AssetMap = Record<string, string>;\n\n/**\n * Resolve an asset path to its actual URL.\n *\n * Card creators use `@assets/name.png`; the platform provides actual URLs.\n * Looks up by full path first, then by the key after `@assets/`.\n *\n * @param path - The asset path (e.g. \"@assets/avatar.png\")\n * @param assets - The asset map from the platform\n * @returns The resolved URL, or undefined if not found\n */\nexport function resolveAsset(\n  path: string,\n  assets: AssetMap,\n): string | undefined {\n  if (!path.startsWith('@assets/')) return undefined;\n\n  // Try full path match first\n  if (path in assets) return assets[path];\n\n  // Try key-only match (strip @assets/ prefix)\n  const key = path.slice('@assets/'.length);\n  if (key in assets) return assets[key];\n\n  return undefined;\n}\n","/**\n * @safe-ugc-ui/react — useHoverStyle Hook\n *\n * Manages hover state for components with hoverStyle support.\n * Returns the merged style and mouse event handlers.\n *\n * When hoverStyle is not provided, returns base style with no handlers\n * to avoid unnecessary re-renders.\n */\n\nimport { useState, useMemo, type CSSProperties } from 'react';\n\ninterface UseHoverStyleResult {\n  style: CSSProperties | undefined;\n  onMouseEnter: (() => void) | undefined;\n  onMouseLeave: (() => void) | undefined;\n}\n\nexport function useHoverStyle(\n  baseStyle: CSSProperties | undefined,\n  hoverStyle: CSSProperties | undefined,\n): UseHoverStyleResult {\n  const [hovered, setHovered] = useState(false);\n\n  const mergedStyle = useMemo(() => {\n    if (!hoverStyle || !hovered) return baseStyle;\n    return { ...baseStyle, ...hoverStyle };\n  }, [baseStyle, hoverStyle, hovered]);\n\n  if (!hoverStyle) {\n    return { style: baseStyle, onMouseEnter: undefined, onMouseLeave: undefined };\n  }\n\n  return {\n    style: mergedStyle,\n    onMouseEnter: () => setHovered(true),\n    onMouseLeave: () => setHovered(false),\n  };\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface BoxProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nexport function Box({ style, hoverStyle, children }: BoxProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={resolvedStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface RowProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst rowBase: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'row',\n};\n\nexport function Row({ style, hoverStyle, children }: RowProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...rowBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ColumnProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst columnBase: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n};\n\nexport function Column({ style, hoverStyle, children }: ColumnProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...columnBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface TextComponentProps {\n  content: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\n/**\n * Renders text content safely. NEVER uses dangerouslySetInnerHTML.\n * All content is rendered as text nodes via React's built-in escaping.\n */\nexport function Text({ content, style, hoverStyle }: TextComponentProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <span style={resolvedStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{content}</span>;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ImageComponentProps {\n  src: string;\n  alt?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\n/**\n * Renders an image. Defense-in-depth: at the render level, we still\n * verify the src is a safe URL scheme. In practice, src will already\n * be resolved by asset-resolver before reaching this component.\n *\n * Allowed schemes:\n *   - blob: (platform-provided blob URLs)\n *   - data: (inline data URIs)\n *   - https: (resolved CDN URLs from asset-resolver)\n *   - http: (resolved URLs — platform decides)\n *\n * If the src starts with @assets/, it was not resolved and we render nothing.\n */\nexport function Image({ src, alt, style, hoverStyle }: ImageComponentProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n\n  // SECURITY: reject unresolved @assets/ paths (should already be resolved)\n  if (src.startsWith('@assets/')) {\n    return null;\n  }\n\n  return <img src={src} alt={alt ?? ''} style={resolvedStyle} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface StackProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst stackBase: CSSProperties = {\n  position: 'relative',\n};\n\nexport function Stack({ style, hoverStyle, children }: StackProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...stackBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface GridProps {\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n  children?: ReactNode;\n}\n\nconst gridBase: CSSProperties = {\n  display: 'grid',\n};\n\nexport function Grid({ style, hoverStyle, children }: GridProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ ...gridBase, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>{children}</div>;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface SpacerProps {\n  size?: number | string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Spacer({ size, style, hoverStyle }: SpacerProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return <div style={{ width: size, height: size, flexShrink: 0, ...resolvedStyle }} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} />;\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface DividerProps {\n  color?: string;\n  thickness?: number | string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nfunction formatThickness(thickness: number | string | undefined): string {\n  if (thickness == null) return '1px';\n  if (typeof thickness === 'number') return `${thickness}px`;\n  // Numeric string (e.g. \"2\") → append px\n  if (/^-?\\d+(\\.\\d+)?$/.test(thickness)) return `${thickness}px`;\n  // Already has unit (e.g. \"2px\", \"1rem\") → use as-is\n  return thickness;\n}\n\nexport function Divider({ color, thickness, style, hoverStyle }: DividerProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <div\n      style={{\n        borderTop: `${formatThickness(thickness)} solid ${color ?? '#e0e0e0'}`,\n        width: '100%',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    />\n  );\n}\n","import type { CSSProperties, ReactNode } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface IconProps {\n  name: string;\n  size?: number | string;\n  color?: string;\n  iconResolver?: (name: string) => ReactNode;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Icon({ name, size, color, iconResolver, style, hoverStyle }: IconProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n\n  if (!iconResolver) {\n    return null;\n  }\n\n  return (\n    <span\n      style={{\n        fontSize: size,\n        color,\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {iconResolver(name)}\n    </span>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ProgressBarProps {\n  value: number;\n  max: number;\n  color?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function ProgressBar({ value, max, color, style, hoverStyle }: ProgressBarProps) {\n  const percentage = max <= 0 ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n\n  return (\n    <div\n      style={{\n        backgroundColor: '#e0e0e0',\n        borderRadius: 4,\n        overflow: 'hidden',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div\n        style={{\n          width: `${percentage}%`,\n          backgroundColor: color ?? '#4caf50',\n          height: 8,\n        }}\n      />\n    </div>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface AvatarProps {\n  src: string;\n  alt?: string;\n  size?: number | string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Avatar({ src, alt, size, style, hoverStyle }: AvatarProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <img\n      src={src}\n      alt={alt ?? ''}\n      style={{\n        width: size ?? 40,\n        height: size ?? 40,\n        borderRadius: '50%',\n        objectFit: 'cover',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    />\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface BadgeProps {\n  label: string;\n  color?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Badge({ label, color, style, hoverStyle }: BadgeProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <span\n      style={{\n        display: 'inline-block',\n        padding: '2px 8px',\n        borderRadius: 12,\n        backgroundColor: color ?? '#e0e0e0',\n        fontSize: 12,\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {label}\n    </span>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ChipProps {\n  label: string;\n  color?: string;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Chip({ label, color, style, hoverStyle }: ChipProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <span\n      style={{\n        display: 'inline-block',\n        padding: '4px 12px',\n        borderRadius: 16,\n        border: `1px solid ${color ?? '#e0e0e0'}`,\n        fontSize: 14,\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {label}\n    </span>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ButtonProps {\n  label: string;\n  action: string;\n  onAction?: (type: string, actionId: string) => void;\n  disabled?: boolean;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Button({ label, action, onAction, disabled, style, hoverStyle }: ButtonProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <button\n      disabled={disabled}\n      onClick={() => onAction?.('button', action)}\n      style={{\n        padding: '8px 16px',\n        borderRadius: 6,\n        border: '1px solid #ccc',\n        cursor: disabled ? 'default' : 'pointer',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {label}\n    </button>\n  );\n}\n","import type { CSSProperties } from 'react';\nimport { useHoverStyle } from '../hooks/useHoverStyle.js';\n\ninterface ToggleProps {\n  value: boolean;\n  onToggle: string;\n  onAction?: (type: string, actionId: string, payload?: unknown) => void;\n  disabled?: boolean;\n  style?: CSSProperties;\n  hoverStyle?: CSSProperties;\n}\n\nexport function Toggle({ value, onToggle, onAction, disabled, style, hoverStyle }: ToggleProps) {\n  const { style: resolvedStyle, onMouseEnter, onMouseLeave } = useHoverStyle(style, hoverStyle);\n  return (\n    <button\n      disabled={disabled}\n      onClick={() => onAction?.('toggle', onToggle, { value: !value })}\n      style={{\n        padding: '6px 16px',\n        borderRadius: 12,\n        border: '1px solid #ccc',\n        backgroundColor: value ? '#4caf50' : '#e0e0e0',\n        color: value ? '#fff' : '#333',\n        cursor: disabled ? 'default' : 'pointer',\n        ...resolvedStyle,\n      }}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {value ? 'ON' : 'OFF'}\n    </button>\n  );\n}\n"],"mappings":"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","names":["useMemo","useState","UGCContainer","direction","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","_","jsx","containerStyle","useState","useMemo"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@safe-ugc-ui/react",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "React renderer for Safe UGC UI cards with sandboxed execution",
   "license": "MIT",
   "repository": {
@@ -20,13 +20,9 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup",
-    "test": "vitest run"
-  },
   "dependencies": {
-    "@safe-ugc-ui/types": "workspace:*",
-    "@safe-ugc-ui/validator": "workspace:*"
+    "@safe-ugc-ui/types": "0.6.0",
+    "@safe-ugc-ui/validator": "0.6.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -40,5 +36,9 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "jsdom": "^25.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run"
   }
-}
+}