@zhama/a2ui-core 0.6.1 → 0.9.0

package/dist/builders/index.d.ts

@@ -1,5 +1,5 @@
-import { S as StringOrPath, B as BooleanOrPath, a as StringArrayOrPath, N as NumberOrPath } from '../primitives-DLbBDhLq.js';
-import { TextComponent, ImageComponent, RowComponent, ListComponent, DividerComponent, TextFieldComponent, ChartAxisConfig, ComponentInstance, ChildrenProperty, Action, ChoicePickerComponent, ChartType, ChartSeries, CreateSurfaceMessage, UpdateComponentsMessage, UpdateDataModelMessage, DeleteSurfaceMessage, DataObject, ServerToClientMessageV09, DataValue } from '../types/index.js';
+import { A as AccessibilityAttributes, C as CheckRule, b as DynamicString, f as DynamicValue, d as DynamicBoolean, e as DynamicStringList, c as DynamicNumber } from '../primitives-DRaAeo-1.js';
+import { TextVariant, ImageComponent, ImageVariant, AlignItems, JustifyContent, ListComponent, DividerComponent, ButtonVariant, TextFieldVariant, ChoicePickerVariant, ChartAxisConfig, Action, ComponentInstance, ChildList, ChoiceOption, ChartType, ChartSeries, Theme, CreateSurfaceMessage, UpdateComponentsMessage, UpdateDataModelMessage, DeleteSurfaceMessage, DataObject, ServerToClientMessage, DataValue } from '../types/index.js';
 
 /**
  * ID Generator
@@ -30,132 +30,70 @@ declare function getIdCounter(): number;
 /**
  * Component Builder
  *
- * 提供 A2UI 组件定义的构建工具函数
- * 用于创建符合 A2UI v0.9 协议的组件结构
+ * A2UI v0.9 组件构建器
  */
 
-/**
- * 组件构建选项基类
- */
 interface ComponentOptions {
-    /** 组件 ID（可选，自动生成） */
     id?: string;
-    /** 在 Row/Column 中的权重 */
     weight?: number;
-    /** 额外的 CSS 类名（A2UI 工具类或自定义类） */
-    classes?: string[];
+    accessibility?: AccessibilityAttributes;
+}
+interface CheckableOptions {
+    checks?: CheckRule[];
 }
-/**
- * Text 组件选项
- */
 interface TextOptions extends ComponentOptions {
-    usageHint?: TextComponent['usageHint'];
+    variant?: TextVariant;
 }
-/**
- * Image 组件选项
- */
 interface ImageOptions extends ComponentOptions {
     fit?: ImageComponent['fit'];
-    usageHint?: ImageComponent['usageHint'];
+    variant?: ImageVariant;
 }
-/**
- * Icon 组件选项
- */
 type IconOptions = ComponentOptions;
-/**
- * Video 组件选项
- */
 type VideoOptions = ComponentOptions;
-/**
- * AudioPlayer 组件选项
- */
 interface AudioPlayerOptions extends ComponentOptions {
-    description?: StringOrPath;
+    description?: DynamicString;
 }
-/**
- * 布局组件选项
- */
 interface LayoutOptions extends ComponentOptions {
-    alignment?: RowComponent['alignment'];
-    distribution?: RowComponent['distribution'];
+    align?: AlignItems;
+    justify?: JustifyContent;
 }
-/**
- * List 组件选项
- */
 interface ListOptions extends ComponentOptions {
     direction?: ListComponent['direction'];
-    alignment?: ListComponent['alignment'];
+    align?: AlignItems;
 }
-/**
- * Card 组件选项
- */
 type CardOptions = ComponentOptions;
-/**
- * Tabs 组件选项
- */
-type TabsOptions = ComponentOptions;
-/**
- * Tab 项目
- */
-interface TabItem {
-    title: string;
+interface TabInput {
+    title: DynamicString;
     childId: string;
 }
-/**
- * Divider 组件选项
- */
+type TabsOptions = ComponentOptions;
 interface DividerOptions extends ComponentOptions {
     axis?: DividerComponent['axis'];
 }
-/**
- * Modal 组件选项
- */
 type ModalOptions = ComponentOptions;
-/**
- * Button 组件选项
- */
-interface ButtonOptions extends ComponentOptions {
-    primary?: boolean;
+interface ButtonOptions extends ComponentOptions, CheckableOptions {
+    variant?: ButtonVariant;
 }
-/**
- * CheckBox 组件选项
- */
-type CheckBoxOptions = ComponentOptions;
-/**
- * TextField 组件选项
- */
-interface TextFieldOptions extends ComponentOptions {
-    usageHint?: TextFieldComponent['usageHint'];
-    validationRegexp?: string;
+type CheckBoxOptions = ComponentOptions & CheckableOptions;
+interface TextFieldOptions extends ComponentOptions, CheckableOptions {
+    variant?: TextFieldVariant;
 }
-/**
- * DateTimeInput 组件选项
- */
-interface DateTimeInputOptions extends ComponentOptions {
+interface DateTimeInputOptions extends ComponentOptions, CheckableOptions {
     enableDate?: boolean;
     enableTime?: boolean;
-    outputFormat?: string;
-    label?: StringOrPath;
+    min?: DynamicString;
+    max?: DynamicString;
+    label?: DynamicString;
 }
-/**
- * ChoicePicker 组件选项
- */
-interface ChoicePickerOptions extends ComponentOptions {
-    label?: StringOrPath;
+interface ChoicePickerOptions extends ComponentOptions, CheckableOptions {
+    label?: DynamicString;
+    variant?: ChoicePickerVariant;
 }
-/**
- * Slider 组件选项
- */
-interface SliderOptions extends ComponentOptions {
-    label?: StringOrPath;
-    min?: number;
-    max?: number;
+interface SliderOptions extends ComponentOptions, CheckableOptions {
+    label?: DynamicString;
 }
-/**
- * Chart 组件选项
- */
 interface ChartOptions extends ComponentOptions {
-    title?: StringOrPath;
+    title?: DynamicString;
     xAxis?: ChartAxisConfig;
     yAxis?: ChartAxisConfig;
     legend?: boolean;
@@ -167,351 +105,83 @@ interface ChartOptions extends ComponentOptions {
     };
 }
 /**
- * 创建 Text 组件
- *
- * @param text - 文本内容或数据路径
- * @param options - 组件选项
- *
- * @example
- * // 静态文本
- * text('Hello World', { usageHint: 'h1' });
- *
- * // 数据绑定
- * text({ path: '/user/name' });
- */
-declare function text(content: StringOrPath, options?: TextOptions): ComponentInstance;
-/**
- * 创建 Image 组件
- *
- * @param url - 图片 URL 或数据路径
- * @param options - 组件选项
- */
-declare function image(url: StringOrPath, options?: ImageOptions): ComponentInstance;
-/**
- * 创建 Icon 组件
- *
- * @param name - 图标名称或数据路径
- * @param options - 组件选项
- */
-declare function icon(name: StringOrPath, options?: IconOptions): ComponentInstance;
-/**
- * 创建 Video 组件
- *
- * @param url - 视频 URL 或数据路径
- * @param options - 组件选项
- */
-declare function video(url: StringOrPath, options?: VideoOptions): ComponentInstance;
-/**
- * 创建 AudioPlayer 组件
- *
- * @param url - 音频 URL 或数据路径
- * @param options - 组件选项
- */
-declare function audioPlayer(url: StringOrPath, options?: AudioPlayerOptions): ComponentInstance;
-/**
- * 创建 Row 组件（水平布局）
- *
- * @param children - 子组件 ID 列表或动态模板
- * @param options - 布局选项
- *
- * @example
- * // 静态子组件
- * row(['text1', 'text2', 'button1']);
- *
- * // 动态模板
- * row({ componentId: 'itemTemplate', path: '/items' });
- */
-declare function row(children: ChildrenProperty, options?: LayoutOptions): ComponentInstance;
-/**
- * 创建 Column 组件（垂直布局）
- *
- * @param children - 子组件 ID 列表或动态模板
- * @param options - 布局选项
- */
-declare function column(children: ChildrenProperty, options?: LayoutOptions): ComponentInstance;
-/**
- * 创建 List 组件
- *
- * @param children - 子组件 ID 列表或动态模板
- * @param options - 列表选项
- */
-declare function list(children: ChildrenProperty, options?: ListOptions): ComponentInstance;
-/**
- * 创建 Card 组件
- *
- * @param childId - 子组件 ID
- * @param options - 卡片选项
+ * 创建服务器端事件 Action
  */
+declare function eventAction(name: string, context?: Record<string, DynamicValue>): Action;
+declare function text(content: DynamicString, options?: TextOptions): ComponentInstance;
+declare function image(url: DynamicString, options?: ImageOptions): ComponentInstance;
+declare function icon(name: DynamicString, options?: IconOptions): ComponentInstance;
+declare function video(url: DynamicString, options?: VideoOptions): ComponentInstance;
+declare function audioPlayer(url: DynamicString, options?: AudioPlayerOptions): ComponentInstance;
+declare function row(children: ChildList, options?: LayoutOptions): ComponentInstance;
+declare function column(children: ChildList, options?: LayoutOptions): ComponentInstance;
+declare function list(children: ChildList, options?: ListOptions): ComponentInstance;
 declare function card(childId: string, options?: CardOptions): ComponentInstance;
-/**
- * 创建 Tabs 组件
- *
- * @param items - 标签项列表
- * @param options - Tabs 选项
- */
-declare function tabs(items: TabItem[], options?: TabsOptions): ComponentInstance;
-/**
- * 创建 Divider 组件
- *
- * @param options - 分割线选项
- */
+declare function tabs(items: TabInput[], options?: TabsOptions): ComponentInstance;
 declare function divider(options?: DividerOptions): ComponentInstance;
-/**
- * 创建 Modal 组件
- *
- * @param entryPointChildId - 触发模态框的组件 ID
- * @param contentChildId - 模态框内容组件 ID
- * @param options - Modal 选项
- */
-declare function modal(entryPointChildId: string, contentChildId: string, options?: ModalOptions): ComponentInstance;
-/**
- * 创建 Button 组件
- *
- * @param childId - 按钮内容组件 ID（通常是 Text）
- * @param action - 点击时触发的操作
- * @param options - 按钮选项
- */
+declare function modal(triggerId: string, contentId: string, options?: ModalOptions): ComponentInstance;
 declare function button(childId: string, action: Action, options?: ButtonOptions): ComponentInstance;
-/**
- * 创建 CheckBox 组件
- *
- * @param label - 标签
- * @param value - 值（布尔值或数据路径）
- * @param options - 选项
- */
-declare function checkbox(label: StringOrPath, value: BooleanOrPath, options?: CheckBoxOptions): ComponentInstance;
-/**
- * 创建 TextField 组件
- *
- * @param label - 标签
- * @param textValue - 值（可选）
- * @param options - 选项
- */
-declare function textField(label: StringOrPath, textValue?: StringOrPath, options?: TextFieldOptions): ComponentInstance;
-/**
- * 创建 DateTimeInput 组件
- *
- * @param value - 值（ISO 8601 格式字符串或数据路径）
- * @param options - 选项
- */
-declare function dateTimeInput(value: StringOrPath, options?: DateTimeInputOptions): ComponentInstance;
-/**
- * 创建 ChoicePicker 组件
- *
- * @param optionsList - 选项列表
- * @param value - 当前选中值
- * @param usageHint - 使用提示
- * @param options - 组件选项
- */
-declare function choicePicker(optionsList: Array<{
-    label: StringOrPath;
-    value: string;
-}>, value: StringArrayOrPath, usageHint: ChoicePickerComponent['usageHint'], options?: ChoicePickerOptions): ComponentInstance;
-/**
- * 创建 Slider 组件
- *
- * @param value - 当前值
- * @param options - 选项
- */
-declare function slider(value: NumberOrPath, options?: SliderOptions): ComponentInstance;
-/**
- * 创建 Chart 组件
- *
- * @param chartType - 图表类型
- * @param series - 数据系列
- * @param options - 组件选项
- *
- * @example
- * // 简单折线图
- * chart('line', [
- *   { name: '销售额', data: [120, 200, 150, 80, 70, 110, 130] }
- * ], {
- *   title: '月度销售趋势',
- *   xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }
- * });
- *
- * // 数据绑定
- * chart('bar', { path: '/chart/series' }, {
- *   title: { path: '/chart/title' },
- *   xAxis: { type: 'category', data: { path: '/chart/categories' } }
- * });
- */
+declare function checkbox(label: DynamicString, value: DynamicBoolean, options?: CheckBoxOptions): ComponentInstance;
+declare function textField(label: DynamicString, value?: DynamicString, options?: TextFieldOptions): ComponentInstance;
+declare function dateTimeInput(value: DynamicString, options?: DateTimeInputOptions): ComponentInstance;
+declare function choicePicker(optionsList: ChoiceOption[], value: DynamicStringList, options?: ChoicePickerOptions): ComponentInstance;
+declare function slider(value: DynamicNumber, min: number, max: number, options?: SliderOptions): ComponentInstance;
 declare function chart(chartType: ChartType, series: ChartSeries[] | {
     path: string;
 }, options?: ChartOptions): ComponentInstance;
-/**
- * 创建折线图组件（便捷函数）
- */
 declare function lineChart(series: ChartSeries[] | {
     path: string;
 }, options?: ChartOptions): ComponentInstance;
-/**
- * 创建柱状图组件（便捷函数）
- */
 declare function barChart(series: ChartSeries[] | {
     path: string;
 }, options?: ChartOptions): ComponentInstance;
-/**
- * 创建饼图组件（便捷函数）
- */
 declare function pieChart(series: ChartSeries[] | {
     path: string;
 }, options?: ChartOptions): ComponentInstance;
-/**
- * 创建带文本的按钮（返回按钮和文本组件）
- *
- * @param buttonText - 按钮文本
- * @param action - 点击操作
- * @param options - 按钮选项
- * @returns 包含按钮和文本组件的数组
- */
 declare function textButton(buttonText: string, action: Action, options?: ButtonOptions & {
     textId?: string;
 }): [ComponentInstance, ComponentInstance];
-/**
- * 创建标题组件
- */
-declare function h1(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
-declare function h2(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
-declare function h3(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
-declare function h4(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
-declare function h5(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
-declare function caption(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
-declare function body(content: StringOrPath, options?: Omit<TextOptions, 'usageHint'>): ComponentInstance;
+declare function h1(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
+declare function h2(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
+declare function h3(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
+declare function h4(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
+declare function h5(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
+declare function caption(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
+declare function body(content: DynamicString, options?: Omit<TextOptions, 'variant'>): ComponentInstance;
 
 /**
  * Message Builder
  *
- * 提供 A2UI v0.9 协议消息的构建工具函数
- *
- * v0.9 消息类型：
- * - createSurface: 创建新的 UI Surface
- * - updateComponents: 更新组件
- * - updateDataModel: 更新数据模型 (JSON Patch 风格)
- * - deleteSurface: 删除 Surface
- *
- * 参考: https://a2ui.org/
+ * A2UI v0.9 消息构建器
  */
 
-/**
- * 创建 CreateSurface 消息
- *
- * @param surfaceId - Surface ID
- * @param catalogId - Catalog ID（默认为标准目录）
- *
- * @example
- * ```typescript
- * const msg = createSurface('my-surface');
- * // { createSurface: { surfaceId: 'my-surface', catalogId: '...' } }
- * ```
- */
-declare function createSurface(surfaceId: string, catalogId?: string): CreateSurfaceMessage;
-/**
- * 创建 UpdateComponents 消息
- *
- * @param surfaceId - Surface ID
- * @param components - 组件列表
- *
- * @example
- * ```typescript
- * const title = text('Hello', { id: 'title' });
- * const msg = updateComponents('my-surface', [title]);
- * ```
- */
+interface CreateSurfaceOptions {
+    catalogId?: string;
+    theme?: Theme;
+    sendDataModel?: boolean;
+}
+declare function createSurface(surfaceId: string, options?: CreateSurfaceOptions): CreateSurfaceMessage;
 declare function updateComponents(surfaceId: string, components: ComponentInstance[]): UpdateComponentsMessage;
-/**
- * 创建 UpdateDataModel 消息
- *
- * @param surfaceId - Surface ID
- * @param value - 数据值
- * @param path - 数据路径（可选，默认为根路径）
- * @param op - 操作类型（默认为 replace）
- *
- * @example
- * ```typescript
- * // 替换整个数据模型
- * updateDataModel('my-surface', { user: { name: 'John' } });
- *
- * // 更新特定路径
- * updateDataModel('my-surface', 'Jane', '/user/name', 'replace');
- *
- * // 添加数据
- * updateDataModel('my-surface', 'new-item', '/items/-', 'add');
- * ```
- */
-declare function updateDataModel(surfaceId: string, value: unknown, path?: string, op?: 'add' | 'replace' | 'remove'): UpdateDataModelMessage;
-/**
- * 创建 DeleteSurface 消息
- *
- * @param surfaceId - 要删除的 Surface ID
- */
+declare function updateDataModel(surfaceId: string, value?: unknown, path?: string): UpdateDataModelMessage;
 declare function deleteSurface(surfaceId: string): DeleteSurfaceMessage;
-/**
- * 创建完整的 v0.9 消息序列
- *
- * @param options - 选项
- * @returns 消息数组（可直接作为 JSONL 流发送）
- *
- * @example
- * ```typescript
- * const title = h1('Welcome', { id: 'title' });
- * const root = column(['title'], { id: 'root' });
- *
- * const messages = createV09Messages({
- *   surfaceId: '@chat',
- *   components: [title, root],
- *   dataModel: { user: { name: 'John' } }
- * });
- *
- * // 发送为 JSONL 流
- * const jsonl = messagesToJsonl(messages);
- * ```
- */
-declare function createV09Messages(options: {
+declare function createMessages(options: {
     surfaceId: string;
     catalogId?: string;
+    theme?: Theme;
+    sendDataModel?: boolean;
     components: ComponentInstance[];
     dataModel?: DataObject;
-}): ServerToClientMessageV09[];
-/**
- * 将消息数组转换为 JSONL 格式字符串
- *
- * @param messages - 消息数组
- * @returns JSONL 格式字符串
- *
- * @example
- * ```typescript
- * const jsonl = messagesToJsonl(messages);
- * // 每行一个 JSON 对象
- * ```
- */
-declare function messagesToJsonl(messages: ServerToClientMessageV09[]): string;
-/**
- * 从 JSONL 格式字符串解析消息数组
- *
- * @param jsonl - JSONL 格式字符串
- * @returns 消息数组
- */
-declare function jsonlToMessages(jsonl: string): ServerToClientMessageV09[];
+}): ServerToClientMessage[];
+declare function messagesToJsonl(messages: ServerToClientMessage[]): string;
+declare function jsonlToMessages(jsonl: string): ServerToClientMessage[];
 
 /**
  * Data Model Builder
  *
- * 提供 DataModel 相关的构建工具函数
- * 包括 v0.9 JSON 对象格式和 v0.8 ValueMap 格式转换
+ * A2UI v0.9 数据模型工具函数
+ * v0.9 直接使用 JSON 值，不需要 ValueMap 包装格式
  */
 
-/**
- * ValueMap 格式 - 用于 v0.8 兼容和内部数据转换
- * @internal
- */
-interface ValueMap {
-    key: string;
-    valueString?: string;
-    valueNumber?: number;
-    valueBoolean?: boolean;
-    valueMap?: ValueMap[];
-}
 /**
  * 路径映射表类型
  */
@@ -520,27 +190,6 @@ type PathMappings = Record<string, string>;
  * 默认路径映射
  */
 declare const DEFAULT_PATH_MAPPINGS: PathMappings;
-/**
- * 将 JavaScript 对象转换为 A2UI ValueMap 格式
- *
- * @param obj - JavaScript 对象
- * @param prefix - 路径前缀（用于嵌套对象的 key 生成）
- *
- * @example
- * objectToValueMap({ name: 'John', age: 30 });
- * // Returns: [
- * //   { key: '/name', valueString: 'John' },
- * //   { key: '/age', valueNumber: 30 }
- * // ]
- */
-declare function objectToValueMap(obj: DataObject, prefix?: string): ValueMap[];
-/**
- * 将单个值转换为 A2UI ValueMap 格式
- *
- * @param key - 数据路径/键
- * @param value - JavaScript 值
- */
-declare function valueToValueMap(key: string, value: DataValue): ValueMap;
 /**
  * 规范化路径格式
  * - 将 . 分隔符转换为 /
@@ -569,27 +218,5 @@ interface UpdateDataItem {
     /** 操作类型（可选，用于增量更新） */
     operation?: 'set' | 'increment' | 'decrement' | 'append' | 'remove';
 }
-/**
- * 将更新数据项数组转换为 ValueMap
- *
- * @param updates - 更新数据项
- * @param basePath - 基础路径
- * @param pathMappings - 可选路径映射表
- */
-declare function updatesToValueMap(updates: UpdateDataItem[], basePath?: string, pathMappings?: PathMappings): ValueMap[];
-/**
- * 将嵌套对象扁平化为 ValueMap 条目
- *
- * @param obj - 要扁平化的对象
- * @param basePath - 基础路径
- */
-declare function flattenObjectToValueMap(obj: DataObject, basePath: string): ValueMap[];
-/**
- * 从 ValueMap 数组中提取普通 JavaScript 对象
- *
- * @param valueMaps - ValueMap 数组
- * @returns JavaScript 对象
- */
-declare function valueMapToObject(valueMaps: ValueMap[]): DataObject;
 
-export { type AudioPlayerOptions, type ButtonOptions, type CardOptions, type ChartOptions, type CheckBoxOptions, type ChoicePickerOptions, type ComponentOptions, DEFAULT_PATH_MAPPINGS, type DateTimeInputOptions, type DividerOptions, type IconOptions, type ImageOptions, type LayoutOptions, type ListOptions, type ModalOptions, type PathMappings, type SliderOptions, type TabItem, type TabsOptions, type TextFieldOptions, type TextOptions, type UpdateDataItem, type VideoOptions, audioPlayer, barChart, body, button, caption, card, chart, checkbox, choicePicker, column, createSurface, createV09Messages, dateTimeInput, deleteSurface, divider, flattenObjectToValueMap, generateId, getIdCounter, h1, h2, h3, h4, h5, icon, image, jsonlToMessages, lineChart, list, messagesToJsonl, modal, normalizePath, objectToValueMap, pieChart, resetIdCounter, row, slider, tabs, text, textButton, textField, updateComponents, updateDataModel, updatesToValueMap, valueMapToObject, valueToValueMap, video };
+export { type AudioPlayerOptions, type ButtonOptions, type CardOptions, type ChartOptions, type CheckBoxOptions, type CheckableOptions, type ChoicePickerOptions, type ComponentOptions, type CreateSurfaceOptions, DEFAULT_PATH_MAPPINGS, type DateTimeInputOptions, type DividerOptions, type IconOptions, type ImageOptions, type LayoutOptions, type ListOptions, type ModalOptions, type PathMappings, type SliderOptions, type TabInput, type TabsOptions, type TextFieldOptions, type TextOptions, type UpdateDataItem, type VideoOptions, audioPlayer, barChart, body, button, caption, card, chart, checkbox, choicePicker, column, createMessages, createSurface, dateTimeInput, deleteSurface, divider, eventAction, generateId, getIdCounter, h1, h2, h3, h4, h5, icon, image, jsonlToMessages, lineChart, list, messagesToJsonl, modal, normalizePath, pieChart, resetIdCounter, row, slider, tabs, text, textButton, textField, updateComponents, updateDataModel, video };

package/dist/builders/index.js

@@ -1,3 +1,3 @@
-var l=0;function s(t="comp"){return `${t}_${Date.now()}_${l++}`}function D(){l=0;}function P(){return l}function p(t,e={}){let{id:n=s("text"),weight:o,usageHint:r,classes:a}=e;return {id:n,component:"Text",text:t,...o!==void 0&&{weight:o},...r&&{usageHint:r},...a&&a.length>0&&{classes:a}}}function V(t,e={}){let{id:n=s("image"),weight:o,fit:r,usageHint:a}=e;return {id:n,component:"Image",url:t,...o!==void 0&&{weight:o},...r&&{fit:r},...a&&{usageHint:a}}}function A(t,e={}){let{id:n=s("icon"),weight:o}=e;return {id:n,component:"Icon",name:t,...o!==void 0&&{weight:o}}}function w(t,e={}){let{id:n=s("video"),weight:o}=e;return {id:n,component:"Video",url:t,...o!==void 0&&{weight:o}}}function U(t,e={}){let{id:n=s("audio"),weight:o,description:r}=e;return {id:n,component:"AudioPlayer",url:t,...o!==void 0&&{weight:o},...r&&{description:r}}}function E(t,e={}){let{id:n=s("row"),weight:o,alignment:r,distribution:a}=e;return {id:n,component:"Row",children:t,...o!==void 0&&{weight:o},...r&&{alignment:r},...a&&{distribution:a}}}function j(t,e={}){let{id:n=s("column"),weight:o,alignment:r,distribution:a,classes:i}=e;return {id:n,component:"Column",children:t,...o!==void 0&&{weight:o},...r&&{alignment:r},...a&&{distribution:a},...i&&i.length>0&&{classes:i}}}function k(t,e={}){let{id:n=s("list"),weight:o,direction:r,alignment:a}=e;return {id:n,component:"List",children:t,...o!==void 0&&{weight:o},...r&&{direction:r},...a&&{alignment:a}}}function _(t,e={}){let{id:n=s("card"),weight:o,classes:r}=e;return {id:n,component:"Card",child:t,...o!==void 0&&{weight:o},...r&&r.length>0&&{classes:r}}}function H(t,e={}){let{id:n=s("tabs"),weight:o}=e;return {id:n,component:"Tabs",tabItems:t.map(r=>({title:r.title,child:r.childId})),...o!==void 0&&{weight:o}}}function B(t={}){let{id:e=s("divider"),weight:n,axis:o}=t;return {id:e,component:"Divider",...n!==void 0&&{weight:n},...o&&{axis:o}}}function N(t,e,n={}){let{id:o=s("modal"),weight:r}=n;return {id:o,component:"Modal",entryPointChild:t,contentChild:e,...r!==void 0&&{weight:r}}}function I(t,e,n={}){let{id:o=s("button"),weight:r,primary:a}=n;return {id:o,component:"Button",child:t,action:e,...r!==void 0&&{weight:r},...a!==void 0&&{primary:a}}}function R(t,e,n={}){let{id:o=s("checkbox"),weight:r}=n;return {id:o,component:"CheckBox",label:t,value:e,...r!==void 0&&{weight:r}}}function L(t,e,n={}){let{id:o=s("textfield"),weight:r,usageHint:a,validationRegexp:i}=n;return {id:o,component:"TextField",label:t,...e!==void 0&&{text:e},...r!==void 0&&{weight:r},...a&&{usageHint:a},...i&&{validationRegexp:i}}}function F(t,e={}){let{id:n=s("datetime"),weight:o,enableDate:r,enableTime:a,outputFormat:i,label:c}=e;return {id:n,component:"DateTimeInput",value:t,...o!==void 0&&{weight:o},...r!==void 0&&{enableDate:r},...a!==void 0&&{enableTime:a},...i&&{outputFormat:i},...c&&{label:c}}}function $(t,e,n,o={}){let{id:r=s("choice"),weight:a,label:i}=o;return {id:r,component:"ChoicePicker",options:t,value:e,usageHint:n,...a!==void 0&&{weight:a},...i&&{label:i}}}function G(t,e={}){let{id:n=s("slider"),weight:o,label:r,min:a,max:i}=e;return {id:n,component:"Slider",value:t,...o!==void 0&&{weight:o},...r&&{label:r},...a!==void 0&&{min:a},...i!==void 0&&{max:i}}}function d(t,e,n={}){let{id:o=s("chart"),weight:r,title:a,xAxis:i,yAxis:c,legend:f,tooltip:C,height:h,width:x,echartsOption:O}=n;return {id:o,component:"Chart",chartType:t,series:e,...r!==void 0&&{weight:r},...a&&{title:a},...i&&{xAxis:i},...c&&{yAxis:c},...f!==void 0&&{legend:f},...C!==void 0&&{tooltip:C},...h!==void 0&&{height:h},...x!==void 0&&{width:x},...O&&{echartsOption:O}}}function z(t,e={}){return d("line",t,e)}function J(t,e={}){return d("bar",t,e)}function W(t,e={}){return d("pie",t,e)}function X(t,e,n={}){let o=n.textId??s("btn_text"),r=p(t,{id:o}),a=I(o,e,n);return [r,a]}function Y(t,e={}){return p(t,{...e,usageHint:"h1"})}function K(t,e={}){return p(t,{...e,usageHint:"h2"})}function q(t,e={}){return p(t,{...e,usageHint:"h3"})}function Q(t,e={}){return p(t,{...e,usageHint:"h4"})}function Z(t,e={}){return p(t,{...e,usageHint:"h5"})}function ee(t,e={}){return p(t,{...e,usageHint:"caption"})}function te(t,e={}){return p(t,{...e,usageHint:"body"})}var g="https://a2ui.dev/specification/0.9/standard_catalog_definition.json";function M(t,e=g){return {createSurface:{surfaceId:t,catalogId:e}}}function y(t,e){return {updateComponents:{surfaceId:t,components:e}}}function S(t,e,n,o="replace"){return {updateDataModel:{surfaceId:t,...n&&{path:n},op:o,...o!=="remove"&&{value:e}}}}function ne(t){return {deleteSurface:{surfaceId:t}}}function oe(t){let{surfaceId:e,catalogId:n=g,components:o,dataModel:r}=t,a=[M(e,n),y(e,o)];return r&&a.push(S(e,r)),a}function re(t){return t.map(e=>JSON.stringify(e)).join(`
-`)}function ae(t){return t.split(`
-`).filter(e=>e.trim()).map(e=>JSON.parse(e))}var b={};function ie(t,e=""){let n=[];for(let[o,r]of Object.entries(t)){let a=e?`${e}/${o}`:`/${o}`;n.push(u(a,r));}return n}function u(t,e){if(e==null)return {key:t,valueString:""};if(typeof e=="string")return {key:t,valueString:e};if(typeof e=="number")return {key:t,valueNumber:e};if(typeof e=="boolean")return {key:t,valueBoolean:e};if(Array.isArray(e))return {key:t,valueMap:e.map((n,o)=>u(String(o),n))};if(typeof e=="object"){let n=[];for(let[o,r]of Object.entries(e))n.push(u(o,r));return {key:t,valueMap:n}}return {key:t,valueString:String(e)}}function T(t,e={}){let n=t.replace(/\./g,"/");n.startsWith("/")||(n=`/${n}`);for(let[o,r]of Object.entries(e)){let a=new RegExp(`^/${o}(/|$)`);a.test(n)&&(n=n.replace(a,`/${r}$1`));}return n}function se(t,e="",n=b){let o=[];for(let r of t){let a=r.path.startsWith("/")?r.path:`${e}/${r.path}`,i=T(a,n);if(r.value!==null&&typeof r.value=="object"&&!Array.isArray(r.value)){let c=m(r.value,i);o.push(...c);}else o.push(u(i,r.value));}return o}function m(t,e){let n=[];for(let[o,r]of Object.entries(t)){let a=`${e}/${o}`;if(r!==null&&typeof r=="object"&&!Array.isArray(r)){let i=m(r,a);n.push(...i);}else n.push(u(a,r));}return n}function v(t){let e={};for(let n of t){let o=n.key.startsWith("/")?n.key.slice(1):n.key;n.valueString!==void 0?e[o]=n.valueString:n.valueNumber!==void 0?e[o]=n.valueNumber:n.valueBoolean!==void 0?e[o]=n.valueBoolean:n.valueMap!==void 0&&(e[o]=v(n.valueMap));}return e}export{b as DEFAULT_PATH_MAPPINGS,U as audioPlayer,J as barChart,te as body,I as button,ee as caption,_ as card,d as chart,R as checkbox,$ as choicePicker,j as column,M as createSurface,oe as createV09Messages,F as dateTimeInput,ne as deleteSurface,B as divider,m as flattenObjectToValueMap,s as generateId,P as getIdCounter,Y as h1,K as h2,q as h3,Q as h4,Z as h5,A as icon,V as image,ae as jsonlToMessages,z as lineChart,k as list,re as messagesToJsonl,N as modal,T as normalizePath,ie as objectToValueMap,W as pieChart,D as resetIdCounter,E as row,G as slider,H as tabs,p as text,X as textButton,L as textField,y as updateComponents,S as updateDataModel,se as updatesToValueMap,v as valueMapToObject,u as valueToValueMap,w as video};
+var g=0;function p(t="comp"){return `${t}_${Date.now()}_${g++}`}function b(){g=0;}function S(){return g}function M(t,e){let o={name:t};return e&&(o.context=e),{event:o}}function d(t,e={}){let{id:o=p("text"),weight:i,variant:n,accessibility:a}=e;return {id:o,component:"Text",text:t,...i!==void 0&&{weight:i},...n&&{variant:n},...a&&{accessibility:a}}}function T(t,e={}){let{id:o=p("image"),weight:i,fit:n,variant:a,accessibility:r}=e;return {id:o,component:"Image",url:t,...i!==void 0&&{weight:i},...n&&{fit:n},...a&&{variant:a},...r&&{accessibility:r}}}function v(t,e={}){let{id:o=p("icon"),weight:i,accessibility:n}=e;return {id:o,component:"Icon",name:t,...i!==void 0&&{weight:i},...n&&{accessibility:n}}}function A(t,e={}){let{id:o=p("video"),weight:i,accessibility:n}=e;return {id:o,component:"Video",url:t,...i!==void 0&&{weight:i},...n&&{accessibility:n}}}function k(t,e={}){let{id:o=p("audio"),weight:i,description:n,accessibility:a}=e;return {id:o,component:"AudioPlayer",url:t,...i!==void 0&&{weight:i},...n&&{description:n},...a&&{accessibility:a}}}function w(t,e={}){let{id:o=p("row"),weight:i,align:n,justify:a,accessibility:r}=e;return {id:o,component:"Row",children:t,...i!==void 0&&{weight:i},...n&&{align:n},...a&&{justify:a},...r&&{accessibility:r}}}function V(t,e={}){let{id:o=p("column"),weight:i,align:n,justify:a,accessibility:r}=e;return {id:o,component:"Column",children:t,...i!==void 0&&{weight:i},...n&&{align:n},...a&&{justify:a},...r&&{accessibility:r}}}function P(t,e={}){let{id:o=p("list"),weight:i,direction:n,align:a,accessibility:r}=e;return {id:o,component:"List",children:t,...i!==void 0&&{weight:i},...n&&{direction:n},...a&&{align:a},...r&&{accessibility:r}}}function L(t,e={}){let{id:o=p("card"),weight:i,accessibility:n}=e;return {id:o,component:"Card",child:t,...i!==void 0&&{weight:i},...n&&{accessibility:n}}}function R(t,e={}){let{id:o=p("tabs"),weight:i,accessibility:n}=e;return {id:o,component:"Tabs",tabs:t.map(a=>({title:a.title,child:a.childId})),...i!==void 0&&{weight:i},...n&&{accessibility:n}}}function F(t={}){let{id:e=p("divider"),weight:o,axis:i,accessibility:n}=t;return {id:e,component:"Divider",...o!==void 0&&{weight:o},...i&&{axis:i},...n&&{accessibility:n}}}function U(t,e,o={}){let{id:i=p("modal"),weight:n,accessibility:a}=o;return {id:i,component:"Modal",trigger:t,content:e,...n!==void 0&&{weight:n},...a&&{accessibility:a}}}function y(t,e,o={}){let{id:i=p("button"),weight:n,variant:a,checks:r,accessibility:s}=o;return {id:i,component:"Button",child:t,action:e,...n!==void 0&&{weight:n},...a&&{variant:a},...r&&r.length>0&&{checks:r},...s&&{accessibility:s}}}function B(t,e,o={}){let{id:i=p("checkbox"),weight:n,checks:a,accessibility:r}=o;return {id:i,component:"CheckBox",label:t,value:e,...n!==void 0&&{weight:n},...a&&a.length>0&&{checks:a},...r&&{accessibility:r}}}function E(t,e,o={}){let{id:i=p("textfield"),weight:n,variant:a,checks:r,accessibility:s}=o;return {id:i,component:"TextField",label:t,...e!==void 0&&{value:e},...n!==void 0&&{weight:n},...a&&{variant:a},...r&&r.length>0&&{checks:r},...s&&{accessibility:s}}}function _(t,e={}){let{id:o=p("datetime"),weight:i,enableDate:n,enableTime:a,min:r,max:s,label:c,checks:m,accessibility:u}=e;return {id:o,component:"DateTimeInput",value:t,...i!==void 0&&{weight:i},...n!==void 0&&{enableDate:n},...a!==void 0&&{enableTime:a},...r&&{min:r},...s&&{max:s},...c&&{label:c},...m&&m.length>0&&{checks:m},...u&&{accessibility:u}}}function j(t,e,o={}){let{id:i=p("choice"),weight:n,label:a,variant:r,checks:s,accessibility:c}=o;return {id:i,component:"ChoicePicker",options:t,value:e,...n!==void 0&&{weight:n},...a&&{label:a},...r&&{variant:r},...s&&s.length>0&&{checks:s},...c&&{accessibility:c}}}function N(t,e,o,i={}){let{id:n=p("slider"),weight:a,label:r,checks:s,accessibility:c}=i;return {id:n,component:"Slider",value:t,min:e,max:o,...a!==void 0&&{weight:a},...r&&{label:r},...s&&s.length>0&&{checks:s},...c&&{accessibility:c}}}function l(t,e,o={}){let{id:i=p("chart"),weight:n,title:a,xAxis:r,yAxis:s,legend:c,tooltip:m,height:u,width:f,echartsOption:x,accessibility:h}=o;return {id:i,component:"Chart",chartType:t,series:e,...n!==void 0&&{weight:n},...a&&{title:a},...r&&{xAxis:r},...s&&{yAxis:s},...c!==void 0&&{legend:c},...m!==void 0&&{tooltip:m},...u!==void 0&&{height:u},...f!==void 0&&{width:f},...x&&{echartsOption:x},...h&&{accessibility:h}}}function G(t,e={}){return l("line",t,e)}function $(t,e={}){return l("bar",t,e)}function J(t,e={}){return l("pie",t,e)}function z(t,e,o={}){let i=o.textId??p("btn_text"),n=d(t,{id:i}),a=y(i,e,o);return [n,a]}function H(t,e={}){return d(t,{...e,variant:"h1"})}function W(t,e={}){return d(t,{...e,variant:"h2"})}function q(t,e={}){return d(t,{...e,variant:"h3"})}function K(t,e={}){return d(t,{...e,variant:"h4"})}function Q(t,e={}){return d(t,{...e,variant:"h5"})}function X(t,e={}){return d(t,{...e,variant:"caption"})}function Y(t,e={}){return d(t,{...e,variant:"body"})}var C="https://a2ui.dev/specification/v0_9/standard_catalog.json";function O(t,e={}){let{catalogId:o=C,theme:i,sendDataModel:n}=e;return {createSurface:{surfaceId:t,catalogId:o,...i&&{theme:i},...n!==void 0&&{sendDataModel:n}}}}function D(t,e){return {updateComponents:{surfaceId:t,components:e}}}function I(t,e,o){return {updateDataModel:{surfaceId:t,...o&&{path:o},...e!==void 0&&{value:e}}}}function Z(t){return {deleteSurface:{surfaceId:t}}}function ee(t){let{surfaceId:e,catalogId:o,theme:i,sendDataModel:n,components:a,dataModel:r}=t,s=[O(e,{catalogId:o,theme:i,sendDataModel:n}),D(e,a)];return r&&s.push(I(e,r)),s}function te(t){return t.map(e=>JSON.stringify(e)).join(`
+`)}function ne(t){return t.split(`
+`).filter(e=>e.trim()).map(e=>JSON.parse(e))}var oe={};function ie(t,e={}){let o=t.replace(/\./g,"/");o.startsWith("/")||(o=`/${o}`);for(let[i,n]of Object.entries(e)){let a=new RegExp(`^/${i}(/|$)`);a.test(o)&&(o=o.replace(a,`/${n}$1`));}return o}export{oe as DEFAULT_PATH_MAPPINGS,k as audioPlayer,$ as barChart,Y as body,y as button,X as caption,L as card,l as chart,B as checkbox,j as choicePicker,V as column,ee as createMessages,O as createSurface,_ as dateTimeInput,Z as deleteSurface,F as divider,M as eventAction,p as generateId,S as getIdCounter,H as h1,W as h2,q as h3,K as h4,Q as h5,v as icon,T as image,ne as jsonlToMessages,G as lineChart,P as list,te as messagesToJsonl,U as modal,ie as normalizePath,J as pieChart,b as resetIdCounter,w as row,N as slider,R as tabs,d as text,z as textButton,E as textField,D as updateComponents,I as updateDataModel,A as video};