vanilla-jui 1.4.7 → 1.5.1

package/dist/index.d.ts

@@ -30,6 +30,9 @@ declare function isMobile(): boolean;
  * @returns {Promise<boolean>} 是否复制成功。
  */
 declare function copy(text: unknown): Promise<boolean>;
+type SupportES2022 = boolean;
+declare function isModernBrowser(): SupportES2022;
+declare function checkModernBrowser(): SupportES2022;
 //#endregion
 //#region src/utilities/id.d.ts
 /**
@@ -80,22 +83,6 @@ declare function isNode(value: unknown): value is Node;
  * @returns {boolean}
  */
 declare function isElement(value: unknown): value is Element;
-/**
- * 将可渲染内容归一化为 DOM 节点数组。
- *
- * 支持的输入类型：
- * - **Node/Element**: 包装为单元素数组
- * - **string**: 按 HTML 片段解析为节点数组
- * - **number/boolean**: 转换为文本节点
- * - **Array**: 递归扁平化处理
- * - **Function**: 调用后递归处理返回值
- * - **null/undefined/false/true**: 返回空数组
- *
- * @param {RenderableContent<TContext>} content 可渲染内容。
- * @param {TContext} [context] 传递给函数类型内容的上下文。
- * @returns {Node[]} 归一化后的节点数组。
- */
-declare function normalizeContentNodes<TContext = unknown>(content: RenderableContent<TContext>, context?: TContext): Node[];
 /**
  * 将 DOM 引用解析为节点列表。
  *
@@ -160,7 +147,6 @@ declare function requireContainer<TExpect extends ContainerExpect = 'element'>(c
  * @returns {boolean}
  */
 declare function isRenderableContent(value: unknown): value is RenderableContent;
-declare function normalizeRenderableContentNodes<TContext>(content: unknown, context: TContext): Node[] | null;
 /**
  * 根据 CSS 选择器获取第一个匹配的元素。
  * @param {string} selector CSS 选择器。
@@ -241,26 +227,38 @@ declare const restUrl: string;
  */
 declare function postJson<T = unknown>(url: string, body: unknown, options?: Omit<RequestInit, 'method' | 'body'>): Promise<T>;
 //#endregion
+//#region src/core/motion.d.ts
+type TransitionTarget = () => Element | null | undefined;
+interface TransitionDefinition {
+  keyframes: Keyframe[] | PropertyIndexedKeyframes;
+  options?: KeyframeAnimationOptions;
+  respectReducedMotion?: boolean;
+}
+interface MotionController {
+  enter: (signal?: AbortSignal) => Promise<void>;
+  leave: (signal?: AbortSignal) => Promise<void>;
+  cancel: () => void;
+}
+interface CollapseTransitionDefinition {
+  axis?: 'vertical' | 'horizontal';
+  options?: KeyframeAnimationOptions;
+  fade?: boolean;
+  respectReducedMotion?: boolean;
+}
+interface CollapseMotionController extends MotionController {
+  setExpanded: (expanded: boolean) => void;
+}
+declare function createMotionGroup(...motions: readonly MotionController[]): MotionController;
+declare function createTransition(target: TransitionTarget, definition: TransitionDefinition): MotionController;
+declare function createCollapseTransition(target: () => HTMLElement | null | undefined, definition?: CollapseTransitionDefinition): CollapseMotionController;
+//#endregion
 //#region src/utilities/object.d.ts
 declare function isPlainObject(obj: unknown): boolean;
 //#endregion
 //#region src/utilities/timer.d.ts
-/**
- * 定时器管理器
- */
 declare const timer: {
-  timers: Record<string, ReturnType<typeof setTimeout>>;
-  /**
-   * 注册并开始一个定时器
-   * @param {string} key - 定时器的唯一标识
-   * @param {number} duration - 延迟执行的时间（毫秒）
-   * @param {function} callback - 延迟执行的回调函数
-   */
+  timers: Record<string, number>;
   start(key: string, duration: number, callback: () => void): void;
-  /**
-   * 明确注销一个定时器
-   * @param {string} key - 需要取消的定时器唯一标识
-   */
   cancel(key: string): void;
 };
 //#endregion
@@ -316,6 +314,80 @@ type ResolvedProps<TSchema extends object> = LooseRecord & { [Key in keyof TSche
 declare function validateParam<TInput extends LooseRecord = LooseRecord>(name: string, value: unknown, rule?: ParamRuleInput<TInput>, namespace?: string): unknown;
 declare function resolveProps<TInput extends LooseRecord, TSchema extends ResolveSchema<TInput>>(input?: TInput | null | undefined, schema?: TSchema, namespace?: string): TInput & ResolvedProps<TSchema>;
 //#endregion
+//#region src/core/scheduler.d.ts
+interface ScheduledTask {
+  schedule: () => void;
+  flush: () => void;
+  cancel: () => void;
+  dispose: () => void;
+}
+declare function createScheduledTask(run: () => void): ScheduledTask;
+//#endregion
+//#region src/utilities/state.d.ts
+interface StateSyncOptions {
+  deferInitial?: boolean;
+  flushInitial?: boolean;
+  flush?: 'microtask' | 'sync';
+}
+declare function getStoreVersion(value: unknown): number;
+declare function trackStoreVersion<T>(value: T): T;
+declare function stateSnapshot<T>(value: T): T;
+/**
+ * Bridges reactive state to an expensive imperative effect. Declarative view
+ * bindings should depend on state directly instead of using this helper.
+ */
+declare function createStateSync<TSnapshot>(read: () => TSnapshot, sync: (snapshot: TSnapshot) => void | Promise<void>, { deferInitial, flushInitial, flush }?: StateSyncOptions): () => void;
+//#endregion
+//#region src/utilities/refs.d.ts
+interface ElementRef<TElement extends Element> {
+  readonly current: TElement | null;
+  set: (element: TElement) => void;
+  clear: () => void;
+}
+declare function createElementRef<TElement extends Element>(): ElementRef<TElement>;
+interface KeyedElementRefs<TKey, TElement extends Element> {
+  readonly elements: ReadonlyMap<TKey, TElement>;
+  get: (key: TKey) => TElement | undefined;
+  bind: (key: TKey) => (element: TElement) => void;
+  delete: (key: TKey) => void;
+  clear: () => void;
+}
+declare function createKeyedElementRefs<TKey, TElement extends Element>(): KeyedElementRefs<TKey, TElement>;
+//#endregion
+//#region src/core/view.d.ts
+interface OwnedView<TElement extends Element> {
+  element: TElement;
+  dispose: () => void;
+}
+interface OwnedViewOptions {
+  removeOnDispose?: boolean;
+}
+/**
+ * Creates one stable view inside a vanilla-signal owner.
+ * Reactive accessors declared by the factory retain the owner, while the
+ * factory itself is not turned into a replaceable dynamic region.
+ */
+declare function createOwnedView<TElement extends Element>(factory: () => TElement, options?: OwnedViewOptions): OwnedView<TElement>;
+//#endregion
+//#region src/core/presence.d.ts
+type PresencePhase = 'hidden' | 'entering' | 'visible' | 'leaving';
+interface PresenceOptions {
+  elements: () => readonly (Element | null | undefined)[];
+  mount: () => void;
+  activate: () => void;
+  deactivate: () => void;
+  unmount: () => void;
+  motion?: MotionController;
+}
+interface PresenceController {
+  readonly phase: PresencePhase;
+  enter: () => Promise<boolean>;
+  leave: () => Promise<boolean>;
+  cancel: () => void;
+}
+declare function waitForMotion(elements: readonly Element[], signal?: AbortSignal): Promise<void>;
+declare function createPresence(options: PresenceOptions): PresenceController;
+//#endregion
 //#region src/primitives/icons.d.ts
 type IconPathMap = Record<string, string>;
 type IconName = string;
@@ -358,12 +430,13 @@ declare function getRegistedIconPath(): IconPathMap;
 declare function addIcons(svgPathObjects: IconPathMap): void;
 //#endregion
 //#region src/primitives/loading.d.ts
+type flexPosition = 'center' | 'flex-start' | 'flex-end';
 /**
  * 创建通用加载状态节点
  * 定位 absolute 撑满父元素 居中 背景模糊滤镜
  * @returns {HTMLElement}
  */
-declare function createLoading(): HTMLDivElement;
+declare function createLoading(xDirection?: flexPosition, yDirection?: flexPosition): HTMLDivElement;
 //#endregion
 //#region src/primitives/popup.d.ts
 interface PopupProps extends Record<string, unknown> {
@@ -387,50 +460,67 @@ interface DropDelay$1 {
   show?: number;
   hide?: number;
 }
+type DropContent = RenderableContent<DropInstance> | ((drop: DropInstance) => RenderableContent<DropInstance> | Promise<RenderableContent<DropInstance>>);
 interface DropProps extends Record<string, unknown> {
   name?: string | null;
   mode?: DropMode$1;
   position?: DropPosition$1;
   offset?: number;
-  content?: RenderableContent<DropInstance$1>;
+  content?: DropContent;
+  cache?: boolean;
+  ttl?: number;
   className?: DropClassNameConfig;
   id?: string | null;
   delay?: number | DropDelay$1;
   hoverIntent?: boolean;
-  onShown?: ((drop: DropInstance$1) => void | Promise<void>) | null;
-  onHidden?: ((drop: DropInstance$1) => void | Promise<void>) | null;
-}
-interface DropDom {
-  root: HTMLElement | null;
+  onShown?: ((drop: DropInstance) => void | Promise<void>) | null;
+  onHidden?: ((drop: DropInstance) => void | Promise<void>) | null;
 }
-interface DropInstance$1 {
-  target: Element | null;
-  props: Record<string, unknown> | null;
-  dom: DropDom;
-  isVisible: boolean;
-  delayShow: number;
-  delayHide: number;
+interface ResolvedDropProps extends Record<string, unknown> {
+  name: string | null;
+  mode: DropMode$1;
+  position: DropPosition$1;
+  offset: number;
+  content: DropContent;
+  cache: boolean;
+  ttl: number;
+  className: DropClassNames;
+  id: string;
+  delay: number | DropDelay$1;
+  hoverIntent: boolean;
+  onShown: NonNullable<DropProps['onShown']> | null;
+  onHidden: NonNullable<DropProps['onHidden']> | null;
+}
+interface DropInstance {
+  readonly target: Element | null;
+  readonly props: ResolvedDropProps;
+  readonly element: HTMLElement | null;
+  readonly isVisible: boolean;
+  readonly delayShow: number;
+  readonly delayHide: number;
   show(useDelay?: boolean): void;
   hide(useDelay?: boolean): void;
   toggle(): void;
   destroy(): void;
 }
-declare function createDrop(element: DOMReference, props?: DropProps): DropInstance$1;
+/**
+ * 通用浮层组件。
+ *
+ * 可用于菜单、提示、下拉面板等场景，支持点击或 hover 触发，并自动计算视口内位置。
+ */
+declare function createDrop(reference: DOMReference, input?: DropProps): DropInstance;
 //#endregion
 //#region src/primitives/tooltip.d.ts
-type DropInstance = ReturnType<typeof createDrop>;
+type DropInstance$1 = ReturnType<typeof createDrop>;
 type DropMode = 'hover' | 'click';
 type DropPosition = 'auto' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'right';
 interface DropDelay {
   show?: number;
   hide?: number;
 }
-interface TooltipDom {
-  root: HTMLElement | null;
-}
 interface TooltipInstance {
-  dom: TooltipDom;
-  drop: DropInstance | null;
+  readonly element: HTMLElement | null;
+  readonly drop: DropInstance$1 | null;
   show(useDelay?: boolean): void;
   hide(useDelay?: boolean): void;
   toggle(): void;
@@ -459,14 +549,21 @@ interface TooltipProps extends Record<string, unknown> {
   offset?: number;
   message?: string;
   theme?: TooltipTheme;
+  cache?: boolean;
+  ttl?: number;
   className?: TooltipClassNameConfig;
   id?: string | null;
   delay?: number | DropDelay;
   hoverIntent?: boolean;
-  onShown?: ((drop: DropInstance) => void | Promise<void>) | null;
-  onHidden?: ((drop: DropInstance) => void | Promise<void>) | null;
+  onShown?: ((drop: DropInstance$1) => void | Promise<void>) | null;
+  onHidden?: ((drop: DropInstance$1) => void | Promise<void>) | null;
 }
-declare function createTooltip(element: DOMReference, props?: TooltipProps): TooltipInstance;
+/**
+ * Tooltip 提示组件。
+ *
+ * 基于 Drop 实现，提供更轻量的文本提示封装。
+ */
+declare function createTooltip(element: DOMReference, input?: TooltipProps): TooltipInstance;
 //#endregion
 //#region src/primitives/toast.d.ts
 type ToastType = 'info' | 'success' | 'warning' | 'error' | 'primary';
@@ -492,6 +589,7 @@ interface ToastOptions {
   className?: ToastClassNameConfig;
 }
 interface ToastActionProps extends ToastOptions {
+  type?: ToastType;
   text?: {
     close?: string;
     action?: string;
@@ -499,32 +597,27 @@ interface ToastActionProps extends ToastOptions {
   onAction?: () => void | Promise<void>;
   onClose?: () => void | Promise<void>;
 }
-/**
- * Toast 消息提示工具。
- *
- * 以静态方法方式使用，支持多类型堆叠消息和单实例轻提示。
- */
-declare class Toast {
-  static timers: Set<string>;
-  static disposers: Map<HTMLElement, () => void>;
-  private static classNames;
-  private static options;
-  static configure(options?: ToastOptions): ToastOptions;
-  private static resolveClassNames;
-  static show(message?: string, duration?: number, type?: ToastType, options?: ToastOptions): HTMLElement;
-  static success(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
-  static info(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
-  static primary(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
-  static warning(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
-  static error(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
-  static hide(toast: HTMLElement | null | undefined): void;
-  static lite(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
-  static action(message?: string, props?: ToastActionProps): HTMLElement;
-  private static getOrCreateContainer;
-  private static setTimer;
-  static clearAll(): void;
-  static destroyAll(): void;
-}
+declare function hide(toast: HTMLElement | null | undefined): void;
+declare function show(message?: string, duration?: number, type?: ToastType, options?: ToastOptions): HTMLElement;
+declare function lite(message?: string, duration?: number, options?: ToastOptions): HTMLElement;
+declare function action(message?: string, props?: ToastActionProps): HTMLElement;
+declare function clearAll(): void;
+declare const Toast: {
+  timers: Set<string>;
+  disposers: Map<HTMLElement, () => void>;
+  configure(options?: ToastOptions): ToastOptions;
+  show: typeof show;
+  success: (message?: string, duration?: number, options?: ToastOptions) => HTMLElement;
+  info: (message?: string, duration?: number, options?: ToastOptions) => HTMLElement;
+  primary: (message?: string, duration?: number, options?: ToastOptions) => HTMLElement;
+  warning: (message?: string, duration?: number, options?: ToastOptions) => HTMLElement;
+  error: (message?: string, duration?: number, options?: ToastOptions) => HTMLElement;
+  hide: typeof hide;
+  lite: typeof lite;
+  action: typeof action;
+  clearAll: typeof clearAll;
+  destroyAll: typeof clearAll;
+};
 //#endregion
 //#region src/primitives/theme.d.ts
 type ThemeConfigKey = 'mode' | 'theme' | 'radius' | 'shadow' | 'font';
@@ -603,29 +696,69 @@ interface ResolvedParabolaProps extends Record<string, unknown> {
   onShow: ((parabola: ParabolaInstance) => void) | null;
   onHidden: ((parabola: ParabolaInstance) => void) | null;
 }
-interface ParabolaDOM {
-  root: HTMLElement | null;
-  from: Element | null;
-  to: Element | null;
-  balls: Set<HTMLElement>;
-}
 interface ParabolaRuntime {
   destroyed: boolean;
 }
 interface ParabolaInstance {
-  props: ResolvedParabolaProps;
-  dom: ParabolaDOM;
-  runtime: ParabolaRuntime;
+  readonly props: ResolvedParabolaProps;
+  readonly element: HTMLElement | null;
+  readonly runtime: ParabolaRuntime;
   show(): Promise<boolean>;
   destroy(): void;
 }
-declare function createParabola(props?: ParabolaProps): ParabolaInstance;
+declare function createParabola(input?: ParabolaProps): ParabolaInstance;
+//#endregion
+//#region src/primitives/sticky.d.ts
+type StickyOverflow = 'destroy' | 'ignore';
+interface StickyProps extends Record<string, unknown> {
+  target?: DOMReference;
+  parent?: DOMReference;
+  max?: number;
+  top?: number;
+  gap?: number;
+  overflow?: StickyOverflow;
+  reactive?: boolean;
+  onReBuild?: ((sticky: StickyInstance) => void) | null;
+}
+interface ResolvedStickyProps extends Record<string, unknown> {
+  target: DOMReference;
+  parent: DOMReference;
+  max: number;
+  top: number;
+  gap: number;
+  overflow: StickyOverflow;
+  reactive: boolean;
+  onReBuild: ((sticky: StickyInstance) => void) | null;
+}
+interface StickyStateItem {
+  key: string;
+  index: number;
+  top: number;
+}
+interface StickyState extends Record<string, unknown> {
+  items: StickyStateItem[];
+}
+interface StickyRuntime {
+  built: boolean;
+  destroyed: boolean;
+  reBuilding: boolean;
+  reBuildFrameId: number;
+}
+interface StickyInstance {
+  readonly props: ResolvedStickyProps;
+  readonly state: StickyState;
+  readonly runtime: StickyRuntime;
+  build(): StickyInstance;
+  reBuild(): StickyInstance;
+  destroy(): void;
+}
+declare function createSticky(props?: StickyProps): StickyInstance;
 //#endregion
 //#region src/validation/validator.d.ts
 type ValidatorElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 type ValidatorMessageMap = Record<string, Partial<Record<string, string>>>;
 type ValidatorCustomResult = boolean | string;
-type ValidatorCustomRule = (element: ValidatorElement, validator: ValidatorInstance$1) => ValidatorCustomResult;
+type ValidatorCustomRule = (element: ValidatorElement, validator: ValidatorInstance) => ValidatorCustomResult;
 interface ValidatorRule extends Record<string, unknown> {
   required?: boolean;
   minLength?: number;
@@ -650,15 +783,12 @@ interface ValidatorRule extends Record<string, unknown> {
 interface ValidatorProps extends Record<string, unknown> {
   rules?: Record<string, ValidatorRule>;
   messages?: ValidatorMessageMap;
-  onSubmit?: ((validator: ValidatorInstance$1) => void) | null;
+  onSubmit?: ((validator: ValidatorInstance) => void) | null;
 }
 interface ResolvedValidatorProps extends Record<string, unknown> {
   rules: Record<string, ValidatorRule>;
   messages: ValidatorMessageMap;
-  onSubmit: ((validator: ValidatorInstance$1) => void) | null;
-}
-interface ValidatorDOM {
-  root: HTMLFormElement | null;
+  onSubmit: ((validator: ValidatorInstance) => void) | null;
 }
 interface ValidatorRuntime {
   valid: boolean;
@@ -668,162 +798,77 @@ interface ValidatorRuntime {
 interface ResetOptions {
   native?: boolean;
 }
-interface ValidatorInstance$1 {
-  dom: ValidatorDOM;
+interface ValidatorInstance {
+  readonly element: HTMLFormElement | null;
   props: ResolvedValidatorProps | null;
   runtime: ValidatorRuntime;
   validate(): boolean;
   reset(options?: ResetOptions): void;
   destroy(): void;
 }
-declare function createValidator(element: DOMReference, props?: ValidatorProps, bindEvents?: boolean): ValidatorInstance$1;
+declare function createValidator(element: DOMReference, props?: ValidatorProps, bindEvents?: boolean): ValidatorInstance;
 //#endregion
-//#region src/core/Component.d.ts
+//#region src/core/component.d.ts
 type ComponentProps = Record<string, unknown>;
 type ComponentState = Record<string, unknown>;
-interface ComponentDOM {
-  root: Element | null;
-  [key: string]: unknown;
-}
-interface ComponentRuntime {
-  destroyed: boolean;
-}
-type ComponentCache = unknown;
-interface ComponentReCreateOptions {
-  force?: boolean;
-}
-type ComponentLifecycleEvent = 'init' | 'beforeReCreate' | 'afterReCreate' | 'destroy';
-type ComponentEventName = string;
-type ComponentListener = (...args: unknown[]) => void;
-type ComponentListeners = Record<ComponentLifecycleEvent, ComponentListener[]> & Record<string, ComponentListener[] | undefined>;
 type ComponentCleanup = void | (() => void) | {
   destroy: () => void;
 };
 type ComponentPluginOptions = Record<string, unknown> | undefined;
-type ComponentPlugin<TComponent = Component> = ((instance: TComponent, options?: ComponentPluginOptions) => ComponentCleanup) | {
-  install: (instance: TComponent, options?: ComponentPluginOptions) => ComponentCleanup;
-};
-interface ComponentCleanupRegistry {
-  events: ReturnType<typeof createEventManager>;
-  plugins: Map<ComponentPlugin<unknown>, ComponentCleanup>;
-  [key: string]: unknown;
+interface ComponentRuntime {
+  built: boolean;
+  mounted: boolean;
+  destroyed: boolean;
 }
-/**
- * 轻量级组件基类，集成 vanilla-signal 响应式状态和插件系统
- * 为所有 UI 组件提供统一的状态管理、生命周期钩子和插件支持
- */
-declare class Component<TProps extends ComponentProps = ComponentProps, TState extends ComponentState = ComponentState, TDOM extends ComponentDOM = ComponentDOM, TCache = ComponentCache> {
-  /** 全局插件注册表，所有新创建的组件实例会自动安装这些插件 */
-  static globalPlugins: Map<string, ComponentPlugin<Component<ComponentProps, ComponentState, ComponentDOM, unknown>>>;
-  /** 组件属性配置对象 */
-  props: TProps;
-  /** DOM 引用容器，存储根元素及其他 DOM 节点引用 */
-  dom: TDOM;
-  /** 实例缓存容器，存储组件运行时派生数据 */
-  cache: TCache;
-  /** 已安装的插件映射表 */
-  plugins: Map<ComponentPlugin<unknown>, ComponentCleanup>;
-  /** 资源清理管理器，包含事件监听器和插件的清理函数 */
-  cleanup: ComponentCleanupRegistry;
-  /** 内部事件监听器注册表，用于生命周期和自定义事件 */
-  protected _listeners: ComponentListeners;
-  /** 响应式状态存储，使用 vanilla-signal 的深层响应式 store */
-  state: TState | null;
-  /** 运行时状态标记 */
-  runtime: ComponentRuntime;
-  /**
-   * @param {Object} props - 组件初始属性配置
-   */
-  constructor(props?: TProps);
-  /**
-   * 安装实例插件
-   * 插件可以是函数形式 plugin(instance, options) 或对象形式 { install(instance, options) }
-   * 插件应返回清理函数或清理对象，在组件销毁时自动执行
-   * @param {Function|Object} plugin - 插件函数或包含 install 方法的插件对象
-   * @param {Object} [options] - 插件配置选项
-   * @returns {Component} 返回当前实例，支持链式调用
-   */
-  use(plugin: ComponentPlugin<this> | null | undefined, options?: ComponentPluginOptions): this;
-  /**
-   * 注册事件监听器
-   * 用于监听组件生命周期事件（init、beforeReCreate、afterReCreate、destroy）或自定义事件
-   * @param {string} event - 事件名称
-   * @param {Function} callback - 事件回调函数
-   * @returns {Component} 返回当前实例，支持链式调用
-   */
-  on(event: ComponentEventName, callback: ComponentListener): this;
-  /**
-   * 移除事件监听器
-   * @param {string} event - 事件名称
-   * @param {Function} callback - 要移除的回调函数引用
-   * @returns {Component} 返回当前实例，支持链式调用
-   */
-  off(event: ComponentEventName, callback: ComponentListener): this;
-  /**
-   * 安装全局插件到当前实例
-   * 遍历全局插件注册表并依次安装
-   * @private
-   */
-  installGlobalPlugins(): void;
-  /**
-   * 注册全局插件
-   * 所有之后创建的组件实例都会自动安装此插件
-   * @static
-   * @param {string} name - 插件名称标识
-   * @param {Function|Object} plugin - 插件函数或插件对象
-   */
-  static useGlobal(name: string | null | undefined, plugin: ComponentPlugin<Component> | null | undefined): void;
-  /**
-   * 触发指定事件，执行所有注册的监听器
-   * @param {string} event - 事件名称
-   * @param {...*} args - 传递给监听器的参数
-   * @returns {Component} 返回当前实例，支持链式调用
-   */
-  emit(event: ComponentEventName, ...args: unknown[]): this;
-  /**
-   * 初始化组件
-   * 合并传入的属性，调用 onInit 钩子（如果存在），并触发 init 事件
-   * @param {Object} [props={}] - 初始化属性配置
-   * @returns {Component} 返回当前实例，支持链式调用
-   * @throws {Error} 如果组件已被销毁则抛出异常
-   */
-  init(props?: Partial<TProps> | null | undefined): this;
-  /**
-   * 批量更新响应式状态
-   * 支持两种调用方式：setState(key, value) 或 setState({ key1: value1, key2: value2 })
-   * 使用 flushSync 确保状态更新的同步性和批量处理
-   * @param {string|Object} keyOrPatch - 状态键名或包含多个键值对的补丁对象
-   * @param {*} [value] - 当第一个参数为字符串时的状态值
-   * @returns {Component} 返回当前实例，支持链式调用
-   * @throws {Error} 如果组件已被销毁或参数格式不正确则抛出异常
-   */
+type ComponentLifecycleEvent = 'build' | 'mount' | 'unmount' | 'destroy';
+type ComponentListener = (...args: unknown[]) => void;
+interface ComponentController<TProps extends ComponentProps = ComponentProps, TState extends ComponentState = ComponentState, TElement extends Element = HTMLElement> {
+  readonly props: TProps;
+  readonly state: TState;
+  readonly runtime: ComponentRuntime;
+  readonly element: TElement | null;
+  build(): this;
+  mount(container: Element | DocumentFragment): this;
+  unmount(): this;
   setState(patch?: Partial<TState> | null): this;
   setState<TKey extends keyof TState>(key: TKey, value: TState[TKey]): this;
-  /**
-   * 根据新的 props 重新创建组件实例并触发生命周期
-   * 合并新的属性配置，触发 beforeReCreate 和 afterReCreate 事件
-   * 子类可以重写 onReCreate 方法实现自定义重建前逻辑
-   * @param {Object} [propsPatch={}] - 要合并的属性补丁对象
-   * @param {Object} [options] - 更新选项
-   * @param {boolean} [options.force=false] - 是否强制更新（由子类处理）
-   * @returns {Component} 返回新创建的实例
-   * @throws {Error} 如果组件已被销毁则抛出异常
-   */
-  reCreate(propsPatch?: Partial<TProps> | null | undefined, { force }?: ComponentReCreateOptions): this;
-  protected createInstance(props: TProps): this;
-  /**
-   * 销毁组件实例
-   * 执行 onDestroy 钩子，触发 destroy 事件，清理所有插件和资源
-   * 这是组件生命周期的最后一步，销毁后实例不可再使用
-   */
+  own(cleanup: ComponentCleanup): this;
+  use(plugin: ComponentPlugin<this> | null | undefined, options?: ComponentPluginOptions): this;
+  on(event: string, listener: ComponentListener): this;
+  off(event: string, listener: ComponentListener): this;
+  emit(event: string, ...args: unknown[]): this;
   destroy(): void;
-  protected onInit?(props: TProps): void;
-  protected onReCreate?(propsPatch: Partial<TProps> | null | undefined, options: Required<ComponentReCreateOptions>): void;
-  protected normalizeStatePatch(patch: Partial<TState>): Partial<TState>;
-  protected validateStatePatch(patch: Partial<TState>): void;
-  protected afterSetState(_patch: Partial<TState>): void;
-  protected onDestroy?(): void;
 }
+type ComponentPlugin<TComponent = ComponentController> = ((component: TComponent, options?: ComponentPluginOptions) => ComponentCleanup) | {
+  install: (component: TComponent, options?: ComponentPluginOptions) => ComponentCleanup;
+};
+interface ComponentContext<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element> {
+  readonly props: TProps;
+  readonly state: TState;
+  readonly runtime: ComponentRuntime;
+  readonly element: TElement | null;
+  own: (cleanup: ComponentCleanup) => void;
+  assertActive: (operation: string) => void;
+  emit: (event: string, ...args: unknown[]) => void;
+}
+interface ComponentDefinition<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object> {
+  name: string;
+  ownsElement?: boolean;
+  props: TProps;
+  state: TState;
+  view: (context: ComponentContext<TProps, TState, TElement>) => TElement;
+  actions?: TActions;
+  normalizeStatePatch?: (patch: Partial<TState>) => Partial<TState>;
+  validateStatePatch?: (patch: Partial<TState>, state: TState) => void;
+  onBuild?: (context: ComponentContext<TProps, TState, TElement>) => void;
+  onMount?: (context: ComponentContext<TProps, TState, TElement>) => void;
+  onUnmount?: (context: ComponentContext<TProps, TState, TElement>) => void;
+  onDestroy?: (context: ComponentContext<TProps, TState, TElement>) => void;
+}
+type FunctionalComponent<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object = object> = ComponentController<TProps, TState, TElement> & TActions;
+declare function useComponentPlugin(name: string, plugin: ComponentPlugin | null | undefined): void;
+declare function removeComponentPlugin(name: string): void;
+declare function defineComponent<TProps extends ComponentProps, TState extends ComponentState, TElement extends Element, TActions extends object = object>(definition: ComponentDefinition<TProps, TState, TElement, TActions>): FunctionalComponent<TProps, TState, TElement, TActions>;
 //#endregion
 //#region src/components/toc.d.ts
 interface TocClassNames {
@@ -838,7 +883,6 @@ interface TocItem {
   id: string;
   text: string;
   level: number;
-  element: HTMLHeadingElement;
 }
 interface TocCurrent {
   index: number;
@@ -848,6 +892,7 @@ interface TocProps extends Record<string, unknown> {
   target?: DOMReference;
   headings?: string;
   offset?: number;
+  reactive?: boolean;
   className?: TocClassNameConfig;
   onChange?: ((item: TocItem | null, index: number, toc: TocInstance) => void) | null;
 }
@@ -855,6 +900,7 @@ interface ResolvedTocProps extends Record<string, unknown> {
   target: DOMReference;
   headings: string;
   offset: number;
+  reactive: boolean;
   className: TocClassNames;
   onChange: ((item: TocItem | null, index: number, toc: TocInstance) => void) | null;
 }
@@ -862,78 +908,16 @@ interface TocState extends Record<string, unknown> {
   items: TocItem[];
   current: TocCurrent;
 }
-interface TocDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  target: Element | null;
-  list: HTMLElement | null;
-  headings: HTMLHeadingElement[];
-  links: HTMLAnchorElement[];
-}
-interface TocRuntime extends ComponentRuntime {
-  built: boolean;
-  ticking: boolean;
-}
-type TocInstance = Component<ResolvedTocProps, TocState, TocDOM> & {
-  runtime: TocRuntime;
-  build(): TocInstance;
-  refresh(): TocInstance;
+interface TocActions {
   activate(index: number): TocInstance;
-};
-declare function createToc(props?: TocProps): TocInstance;
-//#endregion
-//#region src/components/sticky.d.ts
-type StickyOverflow = 'destroy' | 'ignore';
-interface StickyProps extends Record<string, unknown> {
-  target?: DOMReference;
-  parent?: DOMReference;
-  max?: number;
-  top?: number;
-  gap?: number;
-  overflow?: StickyOverflow;
-  onRefresh?: ((sticky: StickyInstance) => void) | null;
-}
-interface ResolvedStickyProps extends Record<string, unknown> {
-  target: DOMReference;
-  parent: DOMReference;
-  max: number;
-  top: number;
-  gap: number;
-  overflow: StickyOverflow;
-  onRefresh: ((sticky: StickyInstance) => void) | null;
-}
-interface StickyStateItem {
-  element: HTMLElement;
-  top: number;
-}
-interface StickyState extends Record<string, unknown> {
-  items: StickyStateItem[];
 }
-interface StickyDOM extends ComponentDOM {
-  root: Element | null;
-  parent: Element | null;
-  targets: HTMLElement[];
-}
-interface StickyOriginalStyle {
-  element: HTMLElement;
-  originalPosition: string;
-  originalTop: string;
-  originalZIndex: string;
-}
-interface StickyRuntime extends ComponentRuntime {
-  built: boolean;
-}
-interface StickyCache {
-  originalStyles: StickyOriginalStyle[];
-}
-type StickyInstance = Component<ResolvedStickyProps, StickyState, StickyDOM, StickyCache> & {
-  runtime: StickyRuntime;
-  build(): StickyInstance;
-  refresh(): StickyInstance;
-};
-declare function createSticky(props?: StickyProps): StickyInstance;
+type TocInstance = FunctionalComponent<ResolvedTocProps, TocState, HTMLElement, TocActions>;
+declare function createToc(props?: TocProps): TocInstance;
 //#endregion
 //#region src/components/accordion.d.ts
 type AccordionActive = number | string | Array<number | string> | null;
+type AccordionDirection = 'vertical' | 'horizontal';
+type AccordionContent = RenderableContent<AccordionContentContext> | ((context: AccordionContentContext) => Promise<RenderableContent<AccordionContentContext>>);
 interface AccordionClassNames {
   root: string;
   header: string;
@@ -946,15 +930,18 @@ type AccordionClassNameConfig = Partial<AccordionClassNames>;
 interface AccordionItem extends Record<string, unknown> {
   name?: string;
   title: RenderableContent<AccordionContentContext>;
-  content: RenderableContent<AccordionContentContext>;
+  content: AccordionContent;
+  cache?: boolean;
+  ttl?: number;
 }
 interface AccordionProps extends Record<string, unknown> {
   id?: string | null;
   active?: AccordionActive;
   collapsible?: boolean;
   multiple?: boolean;
+  direction?: AccordionDirection;
   className?: AccordionClassNameConfig;
-  items: AccordionItem[];
+  data: AccordionItem[];
   onChange?: ((index: number, name: string, header: HTMLElement, panel: HTMLElement, accordion: AccordionInstance) => void | Promise<void>) | null;
 }
 interface ResolvedAccordionProps extends Record<string, unknown> {
@@ -962,8 +949,9 @@ interface ResolvedAccordionProps extends Record<string, unknown> {
   active: AccordionActive;
   collapsible: boolean;
   multiple: boolean;
+  direction: AccordionDirection;
   className: AccordionClassNames;
-  items: AccordionItem[];
+  data: AccordionItem[];
   onChange: NonNullable<AccordionProps['onChange']> | null;
 }
 interface AccordionCurrent {
@@ -971,17 +959,9 @@ interface AccordionCurrent {
   name: string | null;
 }
 interface AccordionState extends Record<string, unknown> {
-  items: AccordionItem[];
+  data: AccordionItem[];
   activeNames: string[];
-  current: AccordionCurrent;
-}
-interface AccordionDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  headers: HTMLElement[];
-  panels: HTMLElement[];
-}
-interface AccordionRuntime extends ComponentRuntime {
-  built: boolean;
+  loading: boolean;
 }
 interface AccordionContentContext {
   accordion: AccordionInstance;
@@ -990,24 +970,24 @@ interface AccordionContentContext {
   type: 'title' | 'content';
   active: boolean;
 }
-type AccordionInstance = Component<ResolvedAccordionProps, AccordionState, AccordionDOM> & {
-  runtime: AccordionRuntime;
-  state: AccordionState;
-  build(): AccordionInstance;
+type AccordionInstance = FunctionalComponent<ResolvedAccordionProps, AccordionState, HTMLElement, AccordionActions> & {
+  readonly current: AccordionCurrent;
+};
+interface AccordionActions {
   isActive(name: string): boolean;
   getIndex(value: number | string | undefined | null): number;
   activate(value: number | string | undefined): Promise<void>;
-};
+}
 declare function createAccordion(props: AccordionProps): AccordionInstance;
 //#endregion
 //#region src/components/form.d.ts
 type FormValue = string | number | boolean;
-type FormOptionInput = FormValue | FormOption;
-type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+type FieldOption = FormValue | FormOption;
 type FormStyle = string | Partial<CSSStyleDeclaration> | null;
 type FormDataValue = FormDataEntryValue | FormDataEntryValue[];
 type FormDataRecord = Record<string, FormDataValue>;
-type FormControlType = 'checkbox' | 'custom' | 'radio' | 'select' | 'switch' | 'textarea' | (string & {});
+type FormItemType = FormControlType;
+type FormControlType = 'checkbox' | 'custom' | 'email' | 'password' | 'radio' | 'select' | 'switch' | 'text' | 'textarea' | (string & {});
 interface FormClassNames {
   form: string;
   vertical: string;
@@ -1044,12 +1024,19 @@ interface FormOption {
   checked?: boolean;
   disabled?: boolean;
 }
+type FormItemNext = (current: FormItem, acients: FormItem[]) => FormItem | null;
+interface FormItem<TPayload = FormField> {
+  id?: string;
+  type: FormItemType;
+  payload: TPayload;
+  next?: FormItemNext | null;
+}
 interface FormField {
+  [key: string]: unknown;
   id?: string;
   label?: RenderableContent<Form> | false;
   name?: string;
-  type?: FormControlType;
-  options?: readonly FormOptionInput[];
+  options?: readonly FieldOption[];
   value?: FormDataEntryValue | boolean | readonly FormDataEntryValue[];
   checked?: boolean;
   required?: boolean;
@@ -1086,7 +1073,7 @@ interface FormProps extends Record<string, unknown> {
   vertical?: boolean;
   itemVertical?: boolean;
   style?: FormStyle;
-  fields?: readonly FormField[];
+  fields?: readonly FormItem<FormField>[];
   buttons?: boolean | readonly FormButton[];
   className?: FormClassNameConfig;
   validator?: FormValidatorConfig;
@@ -1098,7 +1085,7 @@ interface ResolvedFormProps extends Record<string, unknown> {
   vertical: boolean;
   itemVertical: boolean;
   style: FormStyle;
-  fields: FormField[];
+  fields: FormItem<FormField>[];
   buttons: FormButton[];
   className: FormClassNames;
   validator: FormValidatorConfig;
@@ -1109,77 +1096,22 @@ interface FormState extends ResolvedFormProps {
   submitting: boolean;
   data: FormDataRecord | null;
 }
-interface FormDOM extends ComponentDOM {
-  root: HTMLFormElement | null;
-  fields: Map<string, FormControlElement>;
-}
-interface FormCache {
-  initial: ResolvedFormProps;
-  fieldIds: Map<string | number, string>;
-}
-interface ValidatorInstance {
-  dom: {
-    root: Element | null;
-  };
-  props: (FormValidatorConfig & {
-    onSubmit: null;
-  }) | null;
-  validate: () => boolean;
-  reset: () => void;
-  destroy: () => void;
-}
 interface FormControlContext {
   form: Form;
   field: FormField;
   index: number;
+  item: FormItem<FormField>;
 }
-declare class Form extends Component<ResolvedFormProps, FormState, FormDOM> {
-  state: FormState;
-  validator: ValidatorInstance | null;
-  cache: FormCache;
-  constructor(input?: FormProps);
-  get root(): HTMLFormElement | null;
-  set root(value: HTMLFormElement | null);
-  build(): this;
-  view(): HTMLFormElement;
-  fieldView(field: FormField, index: number): HTMLElement;
-  labelView(field: FormField, id: string): HTMLLabelElement | null;
-  controlView(field: FormField, id: string, index: number): FormControlElement | HTMLElement | Node[] | null;
-  inputView(field: FormField, id: string): HTMLInputElement;
-  textareaView(field: FormField, id: string): HTMLTextAreaElement;
-  selectView(field: FormField, id: string): HTMLSelectElement;
-  choiceGroupView(field: FormField, id: string, type: 'checkbox' | 'radio'): HTMLElement;
-  switchView(field: FormField, id: string): HTMLLabelElement;
-  buttonsView(): HTMLElement | null;
-  controlProps<TExtra extends Record<string, unknown>>(field: FormField, id: string, extra: TExtra): TExtra & {
-    name: string | undefined;
-    id: string;
-    placeholder: string;
-    required: boolean;
-    disabled: boolean;
-    readonly: boolean;
-    'data-form-field': string;
-    ref: (element: FormControlElement) => void;
-  };
-  resolveFieldId(field: FormField, index: number): string;
-  syncValidator(): void;
+interface FormActions {
   validate(): boolean;
-  reset(): this;
-  handleSubmit(event: Event): Promise<void>;
-  handleReset(event: Event): void;
-  resetValidationState(): void;
+  reset(): Form;
   collectData(): FormDataRecord;
-  collectFormData(form: HTMLFormElement): FormDataRecord;
-  requestSubmit(): this;
-  setFields(fields: readonly FormField[]): this;
-  resetFields(): this;
-  cloneProps(props: ResolvedFormProps): ResolvedFormProps;
-  autoComplete(type: string): string;
-  isSelected(value: FormField['value'] | undefined, optionValue: FormOption['value']): boolean;
-  isChecked(value: FormField['value'] | undefined, optionValue: FormOption['value'], checked: boolean | undefined): boolean;
-  protected onDestroy(): void;
-}
-declare function createForm(props?: FormProps): Form;
+  requestSubmit(): Form;
+  setFields(fields: readonly FormItem<FormField>[]): Form;
+  resetFields(): Form;
+}
+type Form = FunctionalComponent<ResolvedFormProps, FormState, HTMLFormElement, FormActions>;
+declare function createForm(input?: FormProps): Form;
 //#endregion
 //#region src/components/flow.d.ts
 type FlowData = Record<string, unknown>;
@@ -1189,6 +1121,7 @@ type FlowBusyStrategy = 'ignore' | 'throw';
 type FlowDirection = string;
 type FlowSlotName = 'renderHeader' | 'renderBody' | 'renderFooter';
 type FlowCleanup = () => void;
+type FlowTarget = string | number;
 type FlowStepResult = string | {
   id: string;
   data?: FlowPayload;
@@ -1245,6 +1178,25 @@ interface FlowSnapshot {
   busyAction: FlowAction | null;
   error: unknown;
 }
+interface FlowState extends Record<string, unknown> {
+  id: string;
+  currentId: string;
+  currentIndex: number;
+  previousId: string | null;
+  previousIndex: number | null;
+  direction: FlowDirection | null;
+  history: string[];
+  data: FlowData;
+  stepData: Record<string, FlowData>;
+  loading: boolean;
+  error: unknown;
+  busyAction: FlowAction | null;
+  version: number;
+}
+interface FlowGoToOptions {
+  direction?: FlowDirection;
+  internal?: boolean;
+}
 interface FlowContext {
   flow: Flow;
   step: FlowStep;
@@ -1288,7 +1240,6 @@ type FlowErrorHook = (error: unknown, snapshot: FlowSnapshot, flow: Flow, previo
 type FlowBusyHook = (action: FlowAction, snapshot: FlowSnapshot, flow: Flow) => void;
 type FlowSlot = false | null | ((context: FlowRenderContext) => RenderableContent<FlowRenderContext>);
 type FlowSubscriber = (snapshot: FlowSnapshot, flow: Flow, previous: FlowSnapshot | null) => void;
-type FlowTarget = string | number;
 interface FlowText {
   back: string;
   next: string;
@@ -1344,208 +1295,49 @@ interface ResolvedFlowProps extends Record<string, unknown> {
   onError: FlowErrorHook | null;
   onBusy: FlowBusyHook | null;
 }
-interface FlowState extends Record<string, unknown> {
-  id: string;
-  currentId: string;
-  currentIndex: number;
-  previousId: string | null;
-  previousIndex: number | null;
-  direction: FlowDirection | null;
-  history: string[];
-  data: FlowData;
-  stepData: Record<string, FlowData>;
-  loading: boolean;
-  error: unknown;
-  busyAction: FlowAction | null;
-  version: number;
-}
-interface FlowDOM {
-  root: HTMLElement | null;
-  header: HTMLElement | null;
-  body: HTMLElement | null;
-  footer: HTMLElement | null;
-}
 interface FlowRuntime {
   built: boolean;
+  mounted: boolean;
   destroyed: boolean;
   activeAction: FlowAction | null;
   actionController: AbortController | null;
 }
-interface FlowGoToOptions {
-  direction?: FlowDirection;
-  internal?: boolean;
-}
-interface FlowRunActionOptions {
-  internal?: boolean;
-}
-/**
- * Headless 流程控制器，带可选默认 UI。
- *
- * 适合在 Modal、Offcanvas、页面表单或任意业务组件中复用 next/back/goTo、步骤缓存和生命周期。
- */
-declare class Flow {
-  props: ResolvedFlowProps;
-  steps: FlowStep[];
-  state: FlowState;
-  dom: FlowDOM;
-  runtime: FlowRuntime;
-  private stepMap;
-  private initialStepId;
-  private initialData;
-  private subscribers;
-  private renderDispose;
-  private cleanupTasks;
-  /**
-   * 创建 Flow 实例。
-   * @param {FlowProps} [props={}] Flow 配置。
-   */
-  constructor(props?: FlowProps);
-  /**
-   * 当前步骤。
-   * @returns {FlowStep}
-   */
-  get currentStep(): FlowStep;
-  /**
-   * 当前步骤数据。
-   * @returns {object}
-   */
-  get currentData(): FlowData;
-  /**
-   * 是否可以返回上一步。
-   * @returns {boolean}
-   */
-  get canBack(): boolean;
-  /**
-   * 是否可以前进。
-   * @returns {boolean}
-   */
-  get canNext(): boolean;
-  /**
-   * 是否处于最后一步。
-   * @returns {boolean}
-   */
-  get isLast(): boolean;
-  /**
-   * 订阅状态变化。
-   * @param {Function} handler 订阅函数。
-   * @returns {Function} 取消订阅函数。
-   */
+interface FlowActions {
   subscribe(handler: FlowSubscriber): FlowCleanup;
-  /**
-   * 获取不可变快照。
-   * @returns {object}
-   */
   snapshot(): FlowSnapshot;
-  /**
-   * 构建默认 Flow UI。
-   * @returns {Flow}
-   */
-  build(): this;
-  private teardownView;
-  /**
-   * 前进一步。
-   * @param {object|null} [payload=null] 当前步骤需要缓存的数据。
-   * @returns {Promise<object>} 切换后的快照。
-   */
   next(payload?: FlowPayload): Promise<FlowSnapshot | null>;
-  /**
-   * 返回上一步。
-   * @param {object|null} [payload=null] 当前步骤需要缓存的数据。
-   * @returns {Promise<object>} 切换后的快照。
-   */
   back(payload?: FlowPayload): Promise<FlowSnapshot | null>;
-  /**
-   * 跳转到指定步骤。
-   * @param {string|number} target 目标步骤 id 或索引。
-   * @param {object|null} [payload=null] 当前步骤需要缓存的数据。
-   * @param {{direction?:string, internal?:boolean}} [options={}] 跳转选项。
-   * @returns {Promise<object>} 切换后的快照。
-   */
   goTo(target: FlowTarget, payload?: FlowPayload, options?: FlowGoToOptions): Promise<FlowSnapshot | null>;
-  /**
-   * 合并全局数据。
-   * @param {object} data 数据补丁。
-   * @returns {Flow}
-   */
-  setData(data: FlowPayload): this;
-  /**
-   * 合并指定步骤缓存数据。
-   * @param {string} stepId 步骤 id。
-   * @param {object|null} data 数据补丁。
-   * @returns {Flow}
-   */
+  setData(data: FlowPayload): Flow;
   setStepData(stepId: string, data: FlowPayload, options?: {
     silent?: boolean;
-  }): this;
-  /**
-   * 获取指定步骤缓存数据。
-   * @param {string} stepId 步骤 id。
-   * @returns {object}
-   */
+  }): Flow;
   getStepData(stepId: string): FlowData;
-  /**
-   * 重置流程。
-   * @returns {Flow}
-   */
-  reset(): this;
-  /**
-   * 完成流程。
-   * @param {object|null} [payload=null] 最后一步需要缓存的数据。
-   * @returns {Promise<object>} 当前快照。
-   */
-  finish(payload?: FlowPayload, options?: FlowRunActionOptions): Promise<FlowSnapshot | null>;
-  /**
-   * 销毁 Flow 实例。
-   * @returns {void}
-   */
+  reset(): Flow;
+  finish(payload?: FlowPayload): Promise<FlowSnapshot | null>;
+}
+interface Flow extends FlowActions {
+  readonly props: ResolvedFlowProps;
+  readonly steps: FlowStep[];
+  readonly state: FlowState;
+  readonly runtime: FlowRuntime;
+  readonly element: HTMLElement | null;
+  readonly currentStep: FlowStep;
+  readonly currentData: FlowData;
+  readonly canBack: boolean;
+  readonly canNext: boolean;
+  readonly isLast: boolean;
+  build(): this;
+  mount(container: Element | DocumentFragment): this;
+  unmount(): this;
   destroy(): void;
-  private resolveInitialStepId;
-  private validateSteps;
-  private resolveStepIndex;
-  private createInitialStepData;
-  private runMoveHook;
-  private transitionTo;
-  private assertCanLeave;
-  private assertCanEnter;
-  private createContext;
-  private runAction;
-  private handleBusy;
-  private abortActiveAction;
-  private callHook;
-  private createAbortError;
-  private setLoading;
-  private handleError;
-  private emitChange;
-  private replaceObject;
-  private captureState;
-  private restoreState;
-  private addCleanup;
-  private assertActive;
-  private publicStep;
-  private buildRoot;
-  private mountView;
-  private view;
-  private renderSlot;
-  private createRenderContext;
-  private headerView;
-  private stepsView;
-  private bodyView;
-  private footerView;
-  private contentView;
-  private stepClass;
 }
-/**
- * 创建 Flow 实例。
- * @param {FlowProps} props Flow 配置。
- * @returns {Flow}
- */
-declare function createFlow(props?: FlowProps): Flow;
+declare function createFlow(input?: FlowProps): Flow;
 //#endregion
 //#region src/components/modal.d.ts
 type ModalTextInput = Partial<ModalText> & Record<string, unknown>;
-type ModalContent = RenderableContent<Modal>;
-type FormInstance = ReturnType<typeof createForm>;
-type ModalMode = 'content' | 'form';
+type ModalContentResult = RenderableContent<Modal>;
+type ModalContent = ModalContentResult | ((modal: Modal) => ModalContentResult | Promise<ModalContentResult>);
 interface ModalClassNames {
   layout: string;
   modal: string;
@@ -1565,8 +1357,9 @@ interface ModalText {
   cancel: string;
 }
 interface ModalProps extends Record<string, unknown> {
-  mode?: ModalMode | null;
   content?: ModalContent;
+  cache?: boolean;
+  ttl?: number;
   position?: string;
   showCancel?: boolean;
   showClose?: boolean;
@@ -1577,9 +1370,7 @@ interface ModalProps extends Record<string, unknown> {
   onHide?: ((modal: Modal) => void | Promise<void>) | null;
   onHidden?: ((modal: Modal) => void | Promise<void>) | null;
   onConfirm?: ((modal: Modal) => void | Promise<void>) | null;
-  onSubmit?: ((data: FormDataRecord, modal: Modal) => void | Promise<void>) | null;
   onCancel?: ((modal: Modal) => void | Promise<void>) | null;
-  fields?: readonly FormField[] | null;
   header?: boolean;
   footer?: boolean;
   id?: string | null;
@@ -1588,8 +1379,9 @@ interface ModalProps extends Record<string, unknown> {
   className?: ModalClassNameConfig;
 }
 interface ResolvedModalProps extends Record<string, unknown> {
-  mode: ModalMode;
   content: ModalContent;
+  cache: boolean;
+  ttl: number;
   position: string;
   showCancel: boolean;
   showClose: boolean;
@@ -1600,9 +1392,7 @@ interface ResolvedModalProps extends Record<string, unknown> {
   onHide: NonNullable<ModalProps['onHide']> | null;
   onHidden: NonNullable<ModalProps['onHidden']> | null;
   onConfirm: NonNullable<ModalProps['onConfirm']> | null;
-  onSubmit: NonNullable<ModalProps['onSubmit']> | null;
   onCancel: NonNullable<ModalProps['onCancel']> | null;
-  fields: FormField[] | null;
   header: boolean;
   footer: boolean;
   id: string;
@@ -1611,91 +1401,17 @@ interface ResolvedModalProps extends Record<string, unknown> {
   className: ModalClassNames;
 }
 interface ModalState extends Record<string, unknown> {
-  mode: ModalMode;
   content: ModalContent;
-  fields: FormField[] | null;
   loading: boolean;
   processing: boolean;
   visible: boolean;
-  data: FormDataRecord | null;
-  extraData: FormDataRecord | null;
-}
-interface ModalDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  modal: HTMLElement | null;
-  header: HTMLElement | null;
-  body: HTMLElement | null;
-  footer: HTMLElement | null;
-  form: FormInstance | null;
-  formContainer: HTMLElement | null;
-}
-interface ModalRuntime extends ComponentRuntime {
-  scrollLocked: boolean;
-  visibleApplied: boolean;
-}
-interface ModalCache {
-  initial: ResolvedModalProps | null;
-  fieldIds: Map<string, string> | null;
-  previousActiveElement: HTMLElement | null;
-  formId: string;
-}
-interface ModalCleanupExtras {
-  visibility?: (() => void) | null;
-  view?: (() => void) | null;
-  hideTimer?: ReturnType<typeof setTimeout> | null;
-}
-type ModalStatePatch = Partial<ModalState>;
-declare class ModalComponent extends Component<ResolvedModalProps, ModalState, ModalDOM, ModalCache> {
-  runtime: ModalRuntime;
-  state: ModalState;
-  cleanup: Component['cleanup'] & ModalCleanupExtras;
-  constructor(input?: ModalProps);
-  protected onInit(): void;
-  build(): this;
-  mountView(): void;
-  headerView(): () => (Node | null)[] | null;
-  footerView(): () => (Node | null)[] | null;
-  bodyView(): RenderableContent<Modal>;
-  formView(): HTMLElement;
-  mountForm(container: HTMLElement | null): void;
-  createFormProps(): FormProps;
-  destroyForm(): void;
-  contentView(content: ModalContent): Node[];
-  bindReactiveLoading(): void;
-  isBusy(): boolean;
-  bindReactiveVisibility(): void;
-  applyVisibility(visible: boolean): void;
-  showFromState(): void;
-  hideFromState(): void;
-  bindEvents(root: Element | null): void;
-  bindOverlayCloseEvent(root: Element | null): void;
-  bindDocumentKeyEvent(): void;
-  bindInsideEvent(): void;
-  clearEvents(): void;
-  requestSubmit(): void;
-  handleFormSubmit(formData: FormDataRecord): Promise<void>;
-  handleConfirm(): Promise<void>;
-  handleCancel(): Promise<void>;
-  handleSubmit(data: FormDataRecord): Promise<void>;
-  trapFocus(event: KeyboardEvent): void;
-  focusFirst(): void;
-  lockScroll(): void;
-  unlockScroll(): void;
-  cancelHideTimer(): void;
-  resetAnimationStyles(): void;
-  finishHide(onHidden: ResolvedModalProps['onHidden']): void;
-  restoreFocus(): void;
-  assertActive(method: string): void;
-  protected normalizeStatePatch(patch: ModalStatePatch): ModalStatePatch;
-  protected validateStatePatch(patch: ModalStatePatch): void;
-  protected afterSetState(patch: ModalStatePatch): void;
-  show(): this;
-  hide(): this;
-  reset(): this;
-  protected onDestroy(): void;
-  destroy(): this;
-}
-type Modal = ModalComponent;
+}
+interface ModalActions {
+  show(): Modal;
+  hide(): Modal;
+  reset(): Modal;
+}
+type Modal = FunctionalComponent<ResolvedModalProps, ModalState, HTMLElement, ModalActions>;
 declare function createModal(input?: ModalProps): Modal;
 //#endregion
 //#region src/components/swiper.d.ts
@@ -1716,9 +1432,6 @@ interface SwiperClassNames {
   next: string;
   active: string;
   disabled: string;
-  loading: string;
-  loaded: string;
-  error: string;
 }
 type SwiperClassNameConfig = Partial<SwiperClassNames>;
 interface SwiperDataItem extends Record<string, unknown> {
@@ -1732,15 +1445,18 @@ interface SwiperDataItem extends Record<string, unknown> {
 interface NormalizedSwiperDataItem extends SwiperDataItem {
   blank: boolean;
   index: number;
+  key: string;
 }
 interface SwiperSlideContext {
   swiper: Swiper;
   item: NormalizedSwiperDataItem;
   index: number;
 }
+type SwiperDataLoader = (swiper: Swiper) => SwiperDataItem[] | Promise<SwiperDataItem[]>;
+type SwiperDataSource = SwiperDataItem[] | SwiperDataLoader;
 interface SwiperProps extends Record<string, unknown> {
   id?: string | null;
-  data?: SwiperDataItem[];
+  data?: SwiperDataSource;
   loop?: boolean;
   autoplay?: boolean;
   delay?: number;
@@ -1757,7 +1473,7 @@ interface SwiperProps extends Record<string, unknown> {
 }
 interface ResolvedSwiperProps extends Record<string, unknown> {
   id: string | null;
-  data: SwiperDataItem[];
+  data: SwiperDataSource;
   loop: boolean;
   autoplay: boolean;
   delay: number;
@@ -1774,122 +1490,28 @@ interface ResolvedSwiperProps extends Record<string, unknown> {
 }
 interface SwiperState extends Record<string, unknown> {
   data: SwiperDataItem[];
+  loading: boolean;
   index: number;
   trackIndex: number;
   transform: number;
   animating: boolean;
   width: number;
 }
-interface SwiperDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  createdRoot: boolean;
-  wrapper: HTMLElement | null;
-  slides: HTMLElement[];
-  pagination: HTMLElement | null;
-  prevButton: HTMLButtonElement | null;
-  nextButton: HTMLButtonElement | null;
-  bullets: HTMLButtonElement[];
-  createdPagination: boolean;
-  createdPrevButton: boolean;
-  createdNextButton: boolean;
-}
-interface SwipeLog {
-  x: number;
-  y: number;
-  time: number;
-}
-interface SwiperRuntime extends ComponentRuntime {
-  built: boolean;
-  logs: SwipeLog[];
-  startTarget: EventTarget | null;
-  touching: boolean;
-  scrolling: boolean;
-  swiping: boolean;
-  clickPrevented: boolean;
-  timer: ReturnType<typeof setInterval> | null;
-  imageCleanups: Set<() => void>;
-  realCount: number;
-}
-interface SwiperCleanupExtras {
-  bindings?: (() => void) | null;
-  navBindings?: (() => void) | null;
-  data?: (() => void) | null;
-}
-/**
- * 轻量轮播组件，继承 Component。
- *
- * 支持链接 slide、图片 lazyload、分页、导航、loop 和桌面/移动端拖拽滑动。
- * 使用 vanilla-signal 响应式管理 pagination 和 navigation 状态。
- */
-declare class SwiperComponent extends Component<ResolvedSwiperProps, SwiperState, SwiperDOM> {
-  props: ResolvedSwiperProps;
-  state: SwiperState;
-  dom: SwiperDOM;
-  runtime: SwiperRuntime;
-  cleanup: Component['cleanup'] & SwiperCleanupExtras;
-  /**
-   * 创建轮播实例。
-   * @param {object} [props={}] Swiper 配置。
-   */
-  constructor(props?: SwiperProps);
-  /**
-   * 构建 Swiper DOM。
-   * @returns {Swiper} 当前实例。
-   */
-  build(): this;
-  set index(v: unknown);
-  set trackIndex(v: unknown);
-  set transform(v: unknown);
-  set animating(v: unknown);
-  set width(v: unknown);
-  get realCount(): number;
-  get realIndex(): number;
-  private assertBuilt;
-  private createDataView;
-  private bindStateData;
-  private syncStateData;
-  private normalizeData;
-  private createDataSlide;
-  protected onInit(): void;
-  protected onDestroy(): void;
-  private updateSize;
-  refresh(): this;
-  private refreshSlides;
-  private initLoop;
-  private setupStyles;
-  private reInitView;
-  private clearPagination;
-  private clearNavigation;
-  private bindEvents;
-  private onStart;
-  private onMove;
-  private onEnd;
-  private resetDrag;
-  private onTransitionEnd;
-  private pushLog;
-  private getDuration;
-  private getOffset;
-  toRealIndex(index?: number): number;
-  trackIndexForRealIndex(index: number): number;
-  private setTrackIndex;
+interface SwiperActions {
   slideTo(index: number): void;
-  slideToTrack(idx: number): void;
+  slideToTrack(index: number): void;
   next(): void;
   prev(): void;
-  private render;
-  private loadImages;
-  private clearImageCleanups;
-  private initPagination;
-  private initNavigation;
-  private ensureNavigation;
   play(): void;
   pause(): void;
   resume(): void;
   restartAutoplay(): void;
-  protected normalizeStatePatch(patch: Partial<SwiperState>): Partial<SwiperState>;
-  protected validateStatePatch(patch: Partial<SwiperState>): void;
 }
-type Swiper = SwiperComponent;
+type SwiperBase = FunctionalComponent<ResolvedSwiperProps, SwiperState, HTMLElement, SwiperActions>;
+type Swiper = SwiperBase & {
+  readonly realCount: number;
+  readonly realIndex: number;
+};
 declare function createSwiper(input?: SwiperProps): Swiper;
 //#endregion
 //#region src/components/tabs.d.ts
@@ -1903,7 +1525,6 @@ interface TabsClassNames {
   tab: string;
   panelWrap: string;
   panel: string;
-  disabled: string;
   dragging: string;
 }
 type TabsClassNameConfig = Partial<TabsClassNames>;
@@ -1913,15 +1534,11 @@ interface TabsPanelContext {
   index: number;
   name: string | number;
 }
-interface TabTitleContext {
-  tabs: Tabs;
-  item: TabItem;
-}
-type TabPanel = RenderableContent<TabsPanelContext> | ((context: TabsPanelContext) => RenderableContent<TabsPanelContext>) | ((context: TabsPanelContext) => Promise<RenderableContent<TabsPanelContext>>);
+type TabContent = RenderableContent<TabsPanelContext> | ((context: TabsPanelContext) => RenderableContent<TabsPanelContext>) | ((context: TabsPanelContext) => Promise<RenderableContent<TabsPanelContext>>);
 interface TabItem extends Record<string, unknown> {
   name?: string;
-  title: RenderableContent<TabTitleContext>;
-  panel: TabPanel;
+  title: Exclude<RenderableContent, (...args: never[]) => unknown>;
+  content: TabContent;
   cache?: boolean;
   ttl?: number;
 }
@@ -1947,92 +1564,23 @@ interface TabsState extends Record<string, unknown> {
   data: TabItem[];
   active: TabsValue;
   disabled: TabsDisabled;
-  direction: TabsDirection;
-  current: {
-    index: number;
-    name: string | null;
-  };
-  isVertical: boolean;
   draggable: boolean;
+  dragging: boolean;
   loading: boolean;
 }
-interface TabsDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  tabs: HTMLElement[];
-  panels: HTMLElement[];
-}
-interface TabsPanelCacheEntry {
-  content: RenderableContent<TabsPanelContext>;
-  updatedAt: number;
+interface TabsCurrent {
+  index: number;
+  name: string | null;
 }
-interface TabsRuntime extends ComponentRuntime {
-  built: boolean;
-  cache: {
-    panels: Map<string, TabsPanelCacheEntry>;
-  };
-  panelLoadId: number;
+interface TabsActions {
+  activate(value: TabsValue): Promise<void>;
 }
-/**
- * 标签页组件，继承 Component。
- *
- * DOM 创建一次，通过 createEffect 细粒度更新 class/ARIA。
- */
-declare class TabsComponent extends Component<ResolvedTabsProps, TabsState, TabsDOM> {
-  runtime: TabsRuntime;
-  state: TabsState;
-  private bindingsDispose;
-  private stateDispose;
-  private isDragging;
-  private raf;
-  private resizeRaf;
-  private velocity;
-  /**
-   * @param {object} [input={}] 标签页配置。
-   */
-  constructor(input?: TabsProps);
-  protected onInit(props: ResolvedTabsProps): void;
-  private buildRoot;
-  private renderItems;
-  private bindState;
-  private syncStateView;
-  private get disabledState();
-  private isDisabledName;
-  private syncCurrent;
-  private getPanelKey;
-  private getCachedPanel;
-  private setCachedPanel;
-  private renderPanelContent;
-  private loadPanel;
-  get activeIndex(): number;
-  get disabledNames(): string[];
-  private bindEvents;
-  private unbindEvents;
-  private assertActive;
-  private getIndex;
-  private activateInternal;
-  /**
-   * 激活指定标签。
-   * @param {number|string} val 标签索引或名称。
-   */
-  activate(val: TabsValue): Promise<void>;
-  /**
-   * 构建 Tabs DOM。
-   */
-  build(): this;
-  refresh(): this;
-  private get dragContainer();
-  private get dragInner();
-  private initDrag;
-  private bindDragEvents;
-  private startInertiaScroll;
-  private removeDragEvents;
-  private refreshDrag;
-  protected onDestroy(): void;
-  private validateData;
-  protected normalizeStatePatch(patch: Partial<TabsState>): Partial<TabsState>;
-  protected validateStatePatch(patch: Partial<TabsState>): void;
-}
-type Tabs = TabsComponent;
+type TabsBase = FunctionalComponent<ResolvedTabsProps, TabsState, HTMLElement, TabsActions>;
+type Tabs = TabsBase & {
+  readonly current: TabsCurrent;
+  readonly activeIndex: number;
+  readonly disabledNames: string[];
+};
 declare function createTabs(input?: TabsProps): Tabs;
 //#endregion
 //#region src/components/offcanvas.d.ts
@@ -2083,53 +1631,15 @@ interface ResolvedOffcanvasProps extends Record<string, unknown> {
 }
 interface OffcanvasState extends Record<string, unknown> {
   content: OffcanvasContent;
+  resolvedContent: RenderableContent<Offcanvas>;
   visible: boolean;
   loading: boolean;
 }
-interface OffcanvasDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  overlay: HTMLElement | null;
-  content: HTMLElement | null;
-}
-interface OffcanvasCache {
-  content: RenderableContent<Offcanvas>;
-  hasContent: boolean;
-  updatedAt: number;
-}
-interface OffcanvasRuntime extends ComponentRuntime {
-  built: boolean;
-  cache: OffcanvasCache;
-  contentLoadId: number;
-}
-interface OffcanvasCleanupExtras {
-  state?: (() => void) | null;
-}
-declare class OffcanvasComponent extends Component<ResolvedOffcanvasProps, OffcanvasState, OffcanvasDOM> {
-  runtime: OffcanvasRuntime;
-  state: OffcanvasState;
-  cleanup: Component['cleanup'] & OffcanvasCleanupExtras;
-  constructor(input?: OffcanvasProps);
-  build(): this;
-  private assertBuilt;
-  private buildRoot;
-  private buildOverlay;
-  private buildPanel;
-  private bindState;
-  private syncContent;
-  private isCacheValid;
-  private clearContent;
-  private renderContent;
-  private loadContent;
-  private bindEvents;
-  private unbindEvents;
-  private showPanel;
-  private hidePanel;
+interface OffcanvasActions {
   show(): Promise<void>;
   hide(): Promise<void>;
-  protected onDestroy(): void;
-  protected validateStatePatch(patch: Partial<OffcanvasState>): void;
 }
-type Offcanvas = OffcanvasComponent;
+type Offcanvas = FunctionalComponent<ResolvedOffcanvasProps, OffcanvasState, HTMLElement, OffcanvasActions>;
 declare function createOffcanvas(input?: OffcanvasProps): Offcanvas;
 //#endregion
 //#region src/components/pagination.d.ts
@@ -2171,46 +1681,14 @@ interface PaginationState extends Record<string, unknown> {
   total: number;
   page: PaginationPage;
   count: PaginationCount;
-  pageCount: number;
   locked: boolean;
 }
-interface PaginationDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  list: HTMLElement | null;
+interface PaginationActions {
+  go(page: number): Pagination;
 }
-interface PaginationRuntime extends ComponentRuntime {
-  built: boolean;
-  itemsKey: string;
-  changeId: number;
-}
-interface PaginationCleanupExtras {
-  state?: (() => void) | null;
-}
-declare class PaginationComponent extends Component<ResolvedPaginationProps, PaginationState, PaginationDOM> {
-  runtime: PaginationRuntime;
-  state: PaginationState;
-  cleanup: Component['cleanup'] & PaginationCleanupExtras;
-  constructor(input?: PaginationProps);
-  build(): this;
-  go(page: number): this;
-  private bindState;
-  private syncState;
-  private renderItems;
-  private getPageItems;
-  private isLocked;
-  private isPrevDisabled;
-  private isNextDisabled;
-  private buildControlItem;
-  private buildPageItem;
-  private bindEvents;
-  private unbindEvents;
-  private unlock;
-  private assertActive;
-  protected normalizeStatePatch(patch: Partial<PaginationState>): Partial<PaginationState>;
-  protected validateStatePatch(patch: Partial<PaginationState>): void;
-  protected onDestroy(): void;
-}
-type Pagination = PaginationComponent;
+type Pagination = FunctionalComponent<ResolvedPaginationProps, PaginationState, HTMLElement, PaginationActions> & {
+  readonly pageCount: number;
+};
 declare function createPagination(input?: PaginationProps): Pagination;
 //#endregion
 //#region src/components/menu.d.ts
@@ -2253,39 +1731,9 @@ interface ResolvedMenuProps extends Record<string, unknown> {
 }
 interface MenuState extends Record<string, unknown> {
   data: MenuItem[];
+  activeKeys: string[];
 }
-interface MenuDOM extends ComponentDOM {
-  root: HTMLElement | null;
-  list: HTMLElement | null;
-}
-interface MenuRuntime extends ComponentRuntime {
-  built: boolean;
-}
-interface MenuCleanupExtras {
-  state?: (() => void) | null;
-}
-declare class MenuComponent extends Component<ResolvedMenuProps, MenuState, MenuDOM> {
-  runtime: MenuRuntime;
-  state: MenuState;
-  cleanup: Component['cleanup'] & MenuCleanupExtras;
-  constructor(input?: MenuProps);
-  build(): this;
-  private bindState;
-  private renderSnapshot;
-  private buildItem;
-  private bindEvents;
-  private unbindEvents;
-  private handleMenuClick;
-  private handleBack;
-  private toggleActive;
-  private clearActive;
-  private validateData;
-  private assertStatePatchKey;
-  protected normalizeStatePatch(patch: Partial<MenuState>): Partial<MenuState>;
-  protected validateStatePatch(patch: Partial<MenuState>): void;
-  protected onDestroy(): void;
-}
-type Menu = MenuComponent;
+type Menu = FunctionalComponent<ResolvedMenuProps, MenuState, HTMLElement>;
 declare function createMenu(input?: MenuProps): Menu;
 //#endregion
-export { CleanupFunction, Component, ContainerExpect, DOMReference, type DebounceSettings, type DebouncedFunc, FlowAction, FlowBusyHook, FlowBusyStrategy, FlowChangeHook, FlowClassNameConfig, FlowClassNames, FlowCleanup, FlowContext, FlowData, FlowDirection, FlowErrorHook, FlowFinishHook, FlowGuardHook, FlowLifecycleHook, FlowMoveHook, FlowPayload, FlowProps, FlowRenderContext, FlowSlot, FlowSlotName, FlowSnapshot, FlowState, FlowStep, FlowStepResult, FlowSubscriber, FlowTarget, FlowText, FormButton, FormClassNameConfig, FormClassNames, FormDataRecord, FormDataValue, FormField, FormOption, FormProps, FormValidatorConfig, IEventManager, IconAttributeValue, IconName, IconPathMap, IconProps, LazyRenderCallback, LazyRenderOptions, LazyRenderTarget, Menu, MenuClassNameConfig, MenuClassNames, MenuItem, MenuItemId, MenuProps, MenuType, Modal, ModalClassNameConfig, ModalClassNames, ModalMode, ModalProps, ModalText, NormalizeContext, Offcanvas, OffcanvasAnimate, OffcanvasClassNameConfig, OffcanvasClassNames, OffcanvasContent, OffcanvasDirection, OffcanvasProps, Pagination, PaginationClassNameConfig, PaginationClassNames, PaginationCount, PaginationPage, PaginationProps, ParamRule, ParamRuleInput, PopupProps, PublicFlowStep, QueryContext, RenderableContent, RequireContainerResult, ResolveContainerResult, ResolveSchema, ResolvedProps, Swiper, SwiperClassNameConfig, SwiperClassNames, SwiperDataItem, SwiperProps, SwiperSlideContext, TabItem, TabPanel, TabTitleContext, Tabs, TabsClassNameConfig, TabsClassNames, TabsDirection, TabsDisabled, TabsPanelContext, TabsProps, TabsValue, ThemeClassNameConfig, ThemeClassNames, ThemeConfigKey, ThemeInstance, ThemeOptions, ThemePanelGroup, ThemeResolvedOptions, type ThrottleSettings, Toast, ToastActionProps, ToastClassNameConfig, ToastClassNames, ToastOptions, ToastType, ValidateCondition, addIcons, all, copy, createAccordion, createDrop, createEventManager, createFlow, createForm, createLoading, createMenu, createModal, createOffcanvas, createPagination, createParabola, createPopup, createSticky, createSwiper, createTabs, createTheme, createToc, createTooltip, createValidator, debounce, getRegistedIconPath, getType, icon, iconHtml, iconMarkup, isDomElementValue, isDomNodeValue, isElement, isHtmlElementValue, isMobile, isNilValue, isNode, isPlainObject, isRenderableContent, isRenderablePrimitive, isRenderableValue, lazyRender, listen, normalizeContentNodes, normalizeRenderableContentNodes, postJson, q, randomId, requireContainer, resolveContainer, resolveElement, resolveNode, resolveNodeList, resolveProps, restUrl, throttle, timer, uuid, validateParam };
+export { CleanupFunction, CollapseMotionController, CollapseTransitionDefinition, ComponentCleanup, ComponentContext, ComponentController, ComponentDefinition, ComponentLifecycleEvent, ComponentListener, ComponentPlugin, ComponentPluginOptions, ComponentProps, ComponentRuntime, ComponentState, ContainerExpect, DOMReference, type DebounceSettings, type DebouncedFunc, DropInstance, ElementRef, FieldOption, Flow, FlowAction, FlowBusyHook, FlowBusyStrategy, FlowChangeHook, FlowClassNameConfig, FlowClassNames, FlowCleanup, FlowContext, FlowData, FlowDirection, FlowErrorHook, FlowFinishHook, FlowGoToOptions, FlowGuardHook, FlowLifecycleHook, FlowMoveHook, FlowPayload, FlowProps, FlowRenderContext, FlowSlot, FlowSlotName, FlowSnapshot, FlowState, FlowStep, FlowStepResult, FlowSubscriber, FlowTarget, FlowText, Form, FormButton, FormClassNameConfig, FormClassNames, FormDataRecord, FormDataValue, FormField, FormItem, FormItemNext, FormItemType, FormOption, FormProps, FormValidatorConfig, FunctionalComponent, IEventManager, IconAttributeValue, IconName, IconPathMap, IconProps, KeyedElementRefs, LazyRenderCallback, LazyRenderOptions, LazyRenderTarget, Menu, MenuClassNameConfig, MenuClassNames, MenuItem, MenuItemId, MenuProps, MenuType, Modal, ModalClassNameConfig, ModalClassNames, ModalProps, ModalText, MotionController, NormalizeContext, Offcanvas, OffcanvasAnimate, OffcanvasClassNameConfig, OffcanvasClassNames, OffcanvasContent, OffcanvasDirection, OffcanvasProps, OwnedView, OwnedViewOptions, Pagination, PaginationClassNameConfig, PaginationClassNames, PaginationCount, PaginationPage, PaginationProps, ParabolaInstance, ParamRule, ParamRuleInput, PopupProps, PresenceController, PresenceOptions, PresencePhase, PublicFlowStep, QueryContext, RenderableContent, RequireContainerResult, ResolveContainerResult, ResolveSchema, ResolvedProps, StateSyncOptions, SupportES2022, Swiper, SwiperClassNameConfig, SwiperClassNames, SwiperDataItem, SwiperDataLoader, SwiperDataSource, SwiperProps, SwiperSlideContext, TabContent, TabItem, Tabs, TabsClassNameConfig, TabsClassNames, TabsDirection, TabsDisabled, TabsPanelContext, TabsProps, TabsValue, ThemeClassNameConfig, ThemeClassNames, ThemeConfigKey, ThemeInstance, ThemeOptions, ThemePanelGroup, ThemeResolvedOptions, type ThrottleSettings, Toast, ToastActionProps, ToastClassNameConfig, ToastClassNames, ToastOptions, ToastType, TocCurrent, TocItem, TooltipInstance, TransitionDefinition, TransitionTarget, ValidateCondition, ValidatorInstance, addIcons, all, checkModernBrowser, copy, createAccordion, createCollapseTransition, createDrop, createElementRef, createEventManager, createFlow, createForm, createKeyedElementRefs, createLoading, createMenu, createModal, createMotionGroup, createOffcanvas, createOwnedView, createPagination, createParabola, createPopup, createPresence, createScheduledTask, createStateSync, createSticky, createSwiper, createTabs, createTheme, createToc, createTooltip, createTransition, createValidator, debounce, defineComponent, flexPosition, getRegistedIconPath, getStoreVersion, getType, icon, iconHtml, iconMarkup, isDomElementValue, isDomNodeValue, isElement, isHtmlElementValue, isMobile, isModernBrowser, isNilValue, isNode, isPlainObject, isRenderableContent, isRenderablePrimitive, isRenderableValue, lazyRender, listen, postJson, q, randomId, removeComponentPlugin, requireContainer, resolveContainer, resolveElement, resolveNode, resolveNodeList, resolveProps, restUrl, stateSnapshot, throttle, timer, trackStoreVersion, useComponentPlugin, uuid, validateParam, waitForMotion };