@h-ai/ui 0.1.0-alpha.28 → 0.1.0-alpha.30

package/dist/components/compounds/Drawer.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { DrawerProps } from '../../types.js';
-declare const Drawer: import("svelte").Component<DrawerProps, {}, "open">;
+import type { DataAttributes, DrawerProps } from '../../types.js';
+type $$ComponentProps = DrawerProps & DataAttributes;
+declare const Drawer: import("svelte").Component<$$ComponentProps, {}, "open">;
 type Drawer = ReturnType<typeof Drawer>;
 export default Drawer;

package/dist/components/compounds/Dropdown.svelte

@@ -3,8 +3,8 @@
   下拉菜单组件，支持 click/hover 触发。
 -->
 <script lang='ts'>
-  import type { DropdownProps } from '../../types.js'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes, DropdownProps } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
   import BareButton from '../primitives/BareButton.svelte'
 
   const {
@@ -15,8 +15,10 @@
     class: className = '',
     onselect,
     children,
-  }: DropdownProps = $props()
+    ...restProps
+  }: DropdownProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   let isOpen = $state(false)
 
   const positionMap = {
@@ -55,7 +57,7 @@
   }
 </script>
 
-<div class={dropdownClass}>
+<div {...dataAttributes} class={dropdownClass}>
   <BareButton
     tabindex={0}
     role='button'

package/dist/components/compounds/Dropdown.svelte.d.ts

@@ -1,8 +1,9 @@
-import type { DropdownProps } from '../../types.js';
+import type { DataAttributes, DropdownProps } from '../../types.js';
+type $$ComponentProps = DropdownProps & DataAttributes;
 /**
  * Dropdown
  * 下拉菜单组件，支持 click/hover 触发。
  */
-declare const Dropdown: import("svelte").Component<DropdownProps, {}, "">;
+declare const Dropdown: import("svelte").Component<$$ComponentProps, {}, "">;
 type Dropdown = ReturnType<typeof Dropdown>;
 export default Dropdown;

package/dist/components/compounds/Empty.svelte

@@ -8,9 +8,9 @@
   =============================================================================
 -->
 <script lang='ts'>
-  import type { EmptyProps } from '../../types.js'
+  import type { DataAttributes, EmptyProps } from '../../types.js'
   import { uiM } from '../../messages.js'
-  import { cn } from '../../utils.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   const {
     title,
@@ -20,8 +20,10 @@
     class: className = '',
     action,
     children,
-  }: EmptyProps = $props()
+    ...restProps
+  }: EmptyProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   const displayTitle = $derived(title ?? uiM('empty_title'))
 
   const containerClass = $derived(
@@ -42,7 +44,7 @@
   )
 </script>
 
-<div class={containerClass}>
+<div {...dataAttributes} class={containerClass}>
   <!-- 图标区域 -->
   <div class='text-base-content/30 mb-4 {iconSize}'>
     {#if children}

package/dist/components/compounds/Empty.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { EmptyProps } from '../../types.js';
-declare const Empty: import("svelte").Component<EmptyProps, {}, "">;
+import type { DataAttributes, EmptyProps } from '../../types.js';
+type $$ComponentProps = EmptyProps & DataAttributes;
+declare const Empty: import("svelte").Component<$$ComponentProps, {}, "">;
 type Empty = ReturnType<typeof Empty>;
 export default Empty;

package/dist/components/compounds/Form.svelte

@@ -8,8 +8,8 @@
   =============================================================================
 -->
 <script lang='ts'>
-  import type { FormProps } from '../../types.js'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes, FormProps } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   const {
     id = '',
@@ -20,8 +20,10 @@
     onreset,
     onerror,
     children,
-  }: FormProps = $props()
+    ...restProps
+  }: FormProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   let formElement: HTMLFormElement
 
   const formClass = $derived(
@@ -85,12 +87,12 @@
   }
 </script>
 
-<form
-  bind:this={formElement}
-  id={id || undefined}
-  class={formClass}
-  onsubmit={handleSubmit}
-  onreset={handleReset}
+<form {...dataAttributes}
+      bind:this={formElement}
+      id={id || undefined}
+      class={formClass}
+      onsubmit={handleSubmit}
+      onreset={handleReset}
 >
   {#if children}
     {@render children()}

package/dist/components/compounds/Form.svelte.d.ts

@@ -1,5 +1,6 @@
-import type { FormProps } from '../../types.js';
-declare const Form: import("svelte").Component<FormProps, {
+import type { DataAttributes, FormProps } from '../../types.js';
+type $$ComponentProps = FormProps & DataAttributes;
+declare const Form: import("svelte").Component<$$ComponentProps, {
     reset: () => void;
     getData: () => Record<string, unknown>;
 }, "">;

package/dist/components/compounds/FormField.svelte

@@ -8,8 +8,8 @@
   =============================================================================
 -->
 <script lang='ts'>
-  import type { FormFieldProps } from '../../types.js'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes, FormFieldProps } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   const {
     label = '',
@@ -18,8 +18,10 @@
     required = false,
     class: className = '',
     children,
-  }: FormFieldProps = $props()
+    ...restProps
+  }: FormFieldProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   const fieldClass = $derived(
     cn(
       'fieldset w-full',
@@ -28,7 +30,7 @@
   )
 </script>
 
-<div class={fieldClass}>
+<div {...dataAttributes} class={fieldClass}>
   {#if label}
     <legend class='fieldset-legend'>
       {label}

package/dist/components/compounds/FormField.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { FormFieldProps } from '../../types.js';
-declare const FormField: import("svelte").Component<FormFieldProps, {}, "">;
+import type { DataAttributes, FormFieldProps } from '../../types.js';
+type $$ComponentProps = FormFieldProps & DataAttributes;
+declare const FormField: import("svelte").Component<$$ComponentProps, {}, "">;
 type FormField = ReturnType<typeof FormField>;
 export default FormField;

package/dist/components/compounds/InfiniteScroll.svelte

@@ -10,7 +10,8 @@
 -->
 <script lang='ts'>
   import type { Snippet } from 'svelte'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   interface Props {
     /** 加载更多回调 */
@@ -40,8 +41,10 @@
     noMoreText = 'No more data',
     class: className,
     children,
-  }: Props = $props()
+    ...restProps
+  }: Props & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   let loading = $state(false)
   let containerRef: HTMLDivElement | undefined = $state()
 
@@ -62,11 +65,11 @@
   }
 </script>
 
-<div
-  bind:this={containerRef}
-  class={cn('overflow-y-auto', className)}
-  onscroll={checkAndLoad}
-  role='feed'
+<div {...dataAttributes}
+     bind:this={containerRef}
+     class={cn('overflow-y-auto', className)}
+     onscroll={checkAndLoad}
+     role='feed'
 >
   {@render children()}
 

package/dist/components/compounds/InfiniteScroll.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
+import type { DataAttributes } from '../../types.js';
 interface Props {
     /** 加载更多回调 */
     onloadmore?: () => Promise<void>;
@@ -17,6 +18,7 @@ interface Props {
     /** 列表内容 */
     children: Snippet;
 }
-declare const InfiniteScroll: import("svelte").Component<Props, {}, "">;
+type $$ComponentProps = Props & DataAttributes;
+declare const InfiniteScroll: import("svelte").Component<$$ComponentProps, {}, "">;
 type InfiniteScroll = ReturnType<typeof InfiniteScroll>;
 export default InfiniteScroll;

package/dist/components/compounds/MessageBoxContainer.svelte

@@ -9,10 +9,15 @@
   =============================================================================
 -->
 <script lang='ts'>
+  import type { DataAttributes } from '../../types.js'
   import { messageBox } from '../../messagebox.svelte.js'
+  import { getDataAttributes } from '../../utils.js'
   import MessageBoxDialog from './MessageBoxDialog.svelte'
+
+  const { ...restProps }: DataAttributes = $props()
+  const dataAttributes = $derived(getDataAttributes(restProps))
 </script>
 
 {#each messageBox.items as item (item.id)}
-  <MessageBoxDialog {item} />
+  <MessageBoxDialog {...dataAttributes} {item} />
 {/each}

package/dist/components/compounds/MessageBoxContainer.svelte.d.ts

@@ -1,18 +1,4 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MessageBoxContainer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MessageBoxContainer = InstanceType<typeof MessageBoxContainer>;
+import type { DataAttributes } from '../../types.js';
+declare const MessageBoxContainer: import("svelte").Component<DataAttributes, {}, "">;
+type MessageBoxContainer = ReturnType<typeof MessageBoxContainer>;
 export default MessageBoxContainer;

package/dist/components/compounds/MessageBoxDialog.svelte

@@ -7,13 +7,15 @@
 -->
 <script lang='ts'>
   import type { MessageBoxItem } from '../../messagebox.svelte.js'
+  import type { DataAttributes } from '../../types.js'
   import { messageBox } from '../../messagebox.svelte.js'
   import { uiM } from '../../messages.js'
-  import { cn } from '../../utils.js'
+  import { cn, getDataAttributes } from '../../utils.js'
   import Button from '../primitives/Button.svelte'
 
-  const { item }: { item: MessageBoxItem } = $props()
+  const { item, ...restProps }: { item: MessageBoxItem } & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   /** 图标类型到 tabler icon 的映射 */
   const iconMap: Record<string, string> = {
     info: 'icon-[tabler--info-circle]',
@@ -46,11 +48,11 @@
 </script>
 
 <!-- 使用 hai-messagebox 而非 DaisyUI .modal，避免 ::backdrop 被隐藏 -->
-<dialog
-  bind:this={dialogEl}
-  class='hai-messagebox'
-  oncancel={e => e.preventDefault()}
-  onclick={handleBackdropClick}
+<dialog {...dataAttributes}
+        bind:this={dialogEl}
+        class='hai-messagebox'
+        oncancel={e => e.preventDefault()}
+        onclick={handleBackdropClick}
 >
   <div class='hai-messagebox__panel'>
     <!-- 标题栏：始终显示，右侧关闭按钮 -->

package/dist/components/compounds/MessageBoxDialog.svelte.d.ts

@@ -1,7 +1,8 @@
 import type { MessageBoxItem } from '../../messagebox.svelte.js';
+import type { DataAttributes } from '../../types.js';
 type $$ComponentProps = {
     item: MessageBoxItem;
-};
+} & DataAttributes;
 declare const MessageBoxDialog: import("svelte").Component<$$ComponentProps, {}, "">;
 type MessageBoxDialog = ReturnType<typeof MessageBoxDialog>;
 export default MessageBoxDialog;

package/dist/components/compounds/MessageContainer.svelte

@@ -11,11 +11,15 @@
   =============================================================================
 -->
 <script lang='ts'>
+  import type { DataAttributes } from '../../types.js'
   import { onMount } from 'svelte'
   import { message } from '../../message.svelte.js'
-  import { cn } from '../../utils.js'
+  import { cn, getDataAttributes } from '../../utils.js'
   import IconButton from '../primitives/IconButton.svelte'
 
+  const { ...restProps }: DataAttributes = $props()
+  const dataAttributes = $derived(getDataAttributes(restProps))
+
   /** 图标类型到 tabler icon 的映射 */
   const iconMap: Record<string, string> = {
     info: 'icon-[tabler--info-circle]',
@@ -124,7 +128,7 @@
   })
 </script>
 
-<div bind:this={layerElement} popover='manual' class='hai-message-layer'>
+<div {...dataAttributes} bind:this={layerElement} popover='manual' class='hai-message-layer'>
   <div class='hai-message-stack'>
     {#each message.items as item (item.id)}
       <div

package/dist/components/compounds/MessageContainer.svelte.d.ts

@@ -1,3 +1,4 @@
-declare const MessageContainer: import("svelte").Component<Record<string, never>, {}, "">;
+import type { DataAttributes } from '../../types.js';
+declare const MessageContainer: import("svelte").Component<DataAttributes, {}, "">;
 type MessageContainer = ReturnType<typeof MessageContainer>;
 export default MessageContainer;

package/dist/components/compounds/Modal.svelte

@@ -3,9 +3,9 @@
   模态框组件，支持 backdrop-blur 和 scale-in 动画。
 -->
 <script lang='ts'>
-  import type { ModalProps } from '../../types.js'
+  import type { DataAttributes, ModalProps } from '../../types.js'
   import { uiM } from '../../messages.js'
-  import { cn } from '../../utils.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   let {
     open = $bindable(false),
@@ -24,8 +24,10 @@
     header,
     footer,
     children,
-  }: ModalProps = $props()
+    ...restProps
+  }: ModalProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   // modalElement 持有原生 dialog 引用；
   // 只有调用 `showModal()` 进入 top-layer 后，弹框才不会被父级布局和 overflow 裁剪。
   let modalElement: HTMLDialogElement | undefined = $state()
@@ -136,10 +138,10 @@
   })
 </script>
 
-<dialog
-  bind:this={modalElement}
-  class='hai-modal'
-  oncancel={handleDialogCancel}
+<dialog {...dataAttributes}
+        bind:this={modalElement}
+        class='hai-modal'
+        oncancel={handleDialogCancel}
 >
   <div
     class='hai-modal__viewport'

package/dist/components/compounds/Modal.svelte.d.ts

@@ -1,8 +1,9 @@
-import type { ModalProps } from '../../types.js';
+import type { DataAttributes, ModalProps } from '../../types.js';
+type $$ComponentProps = ModalProps & DataAttributes;
 /**
  * Modal
  * 模态框组件，支持 backdrop-blur 和 scale-in 动画。
  */
-declare const Modal: import("svelte").Component<ModalProps, {}, "open">;
+declare const Modal: import("svelte").Component<$$ComponentProps, {}, "open">;
 type Modal = ReturnType<typeof Modal>;
 export default Modal;

package/dist/components/compounds/PageHeader.svelte

@@ -18,6 +18,8 @@
 -->
 <script lang='ts'>
   import type { Snippet } from 'svelte'
+  import type { DataAttributes } from '../../types.js'
+  import { getDataAttributes } from '../../utils.js'
 
   interface Props {
     title: string
@@ -26,10 +28,12 @@
     class?: string
   }
 
-  const { title, description, actions, class: className = '' }: Props = $props()
+  const { title, description, actions, class: className = '', ...restProps }: Props & DataAttributes = $props()
+
+  const dataAttributes = $derived(getDataAttributes(restProps))
 </script>
 
-<div class='flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-5 {className}'>
+<div {...dataAttributes} class='flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-5 {className}'>
   <div>
     <h1 class='text-xl font-semibold tracking-tight'>{title}</h1>
     {#if description}

package/dist/components/compounds/PageHeader.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { Snippet } from 'svelte';
+import type { DataAttributes } from '../../types.js';
 interface Props {
     title: string;
     description?: string;
     actions?: Snippet;
     class?: string;
 }
+type $$ComponentProps = Props & DataAttributes;
 /**
  * PageHeader
  * 页面头部组件，包含标题、描述和操作按钮区域。
@@ -23,6 +25,6 @@ interface Props {
  *   {/snippet}
  * </PageHeader>
  */
-declare const PageHeader: import("svelte").Component<Props, {}, "">;
+declare const PageHeader: import("svelte").Component<$$ComponentProps, {}, "">;
 type PageHeader = ReturnType<typeof PageHeader>;
 export default PageHeader;

package/dist/components/compounds/Pagination.svelte

@@ -8,9 +8,9 @@
   =============================================================================
 -->
 <script lang='ts'>
-  import type { PaginationProps } from '../../types.js'
+  import type { DataAttributes, PaginationProps } from '../../types.js'
   import { uiM } from '../../messages.js'
-  import { cn } from '../../utils.js'
+  import { cn, getDataAttributes } from '../../utils.js'
   import BareButton from '../primitives/BareButton.svelte'
 
   import Input from '../primitives/Input.svelte'
@@ -29,8 +29,10 @@
     class: className = '',
     onchange,
     onpagesizechange,
-  }: PaginationProps = $props()
+    ...restProps
+  }: PaginationProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   // labels 优先，缺省回退到内置消息 uiM(...)
 
   // 计算总页数（至少 1 页，保证分页栏在空数据时仍可渲染）
@@ -86,7 +88,7 @@
   )
 </script>
 
-<div class={cn('flex flex-wrap items-center justify-between gap-4', className)}>
+<div {...dataAttributes} class={cn('flex flex-wrap items-center justify-between gap-4', className)}>
   {#if showTotal}
     <span class={tableTextClass}>
       {(labels.total ?? uiM('pagination_total')).replace('{count}', String(total))}

package/dist/components/compounds/Pagination.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { PaginationProps } from '../../types.js';
-declare const Pagination: import("svelte").Component<PaginationProps, {}, "page">;
+import type { DataAttributes, PaginationProps } from '../../types.js';
+type $$ComponentProps = PaginationProps & DataAttributes;
+declare const Pagination: import("svelte").Component<$$ComponentProps, {}, "page">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

package/dist/components/compounds/Popover.svelte

@@ -8,8 +8,8 @@
   =============================================================================
 -->
 <script lang='ts'>
-  import type { PopoverProps } from '../../types.js'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes, PopoverProps } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   let {
     open = $bindable(false),
@@ -21,8 +21,10 @@
     onclose,
     triggerContent,
     children,
-  }: PopoverProps = $props()
+    ...restProps
+  }: PopoverProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   let triggerElement = $state<HTMLDivElement | null>(null)
   let popoverElement = $state<HTMLDivElement | null>(null)
 
@@ -95,11 +97,11 @@
   })
 </script>
 
-<div
-  class={cn('relative inline-block', className)}
-  role='group'
-  onmouseenter={handleMouseEnter}
-  onmouseleave={handleMouseLeave}
+<div {...dataAttributes}
+     class={cn('relative inline-block', className)}
+     role='group'
+     onmouseenter={handleMouseEnter}
+     onmouseleave={handleMouseLeave}
 >
   <!-- 触发器 -->
   <div

package/dist/components/compounds/Popover.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { PopoverProps } from '../../types.js';
-declare const Popover: import("svelte").Component<PopoverProps, {}, "open">;
+import type { DataAttributes, PopoverProps } from '../../types.js';
+type $$ComponentProps = PopoverProps & DataAttributes;
+declare const Popover: import("svelte").Component<$$ComponentProps, {}, "open">;
 type Popover = ReturnType<typeof Popover>;
 export default Popover;

package/dist/components/compounds/PullRefresh.svelte

@@ -8,7 +8,8 @@
 -->
 <script lang='ts'>
   import type { Snippet } from 'svelte'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   interface Props {
     /** 刷新回调（需返回 Promise） */
@@ -29,8 +30,10 @@
     disabled = false,
     class: className,
     children,
-  }: Props = $props()
+    ...restProps
+  }: Props & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   let pulling = $state(false)
   let refreshing = $state(false)
   let pullDistance = $state(0)
@@ -71,12 +74,12 @@
   }
 </script>
 
-<div
-  class={cn('relative overflow-hidden', className)}
-  ontouchstart={handleTouchStart}
-  ontouchmove={handleTouchMove}
-  ontouchend={handleTouchEnd}
-  role='region'
+<div {...dataAttributes}
+     class={cn('relative overflow-hidden', className)}
+     ontouchstart={handleTouchStart}
+     ontouchmove={handleTouchMove}
+     ontouchend={handleTouchEnd}
+     role='region'
 >
   <!-- 刷新指示器 -->
   <div

package/dist/components/compounds/PullRefresh.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
+import type { DataAttributes } from '../../types.js';
 interface Props {
     /** 刷新回调（需返回 Promise） */
     onrefresh?: () => Promise<void>;
@@ -11,6 +12,7 @@ interface Props {
     /** 内容 */
     children: Snippet;
 }
-declare const PullRefresh: import("svelte").Component<Props, {}, "">;
+type $$ComponentProps = Props & DataAttributes;
+declare const PullRefresh: import("svelte").Component<$$ComponentProps, {}, "">;
 type PullRefresh = ReturnType<typeof PullRefresh>;
 export default PullRefresh;

package/dist/components/compounds/Result.svelte

@@ -8,8 +8,8 @@
   =============================================================================
 -->
 <script lang='ts'>
-  import type { ResultProps } from '../../types.js'
-  import { cn } from '../../utils.js'
+  import type { DataAttributes, ResultProps } from '../../types.js'
+  import { cn, getDataAttributes } from '../../utils.js'
 
   const {
     status = 'info',
@@ -19,8 +19,10 @@
     icon,
     actions,
     children,
-  }: ResultProps = $props()
+    ...restProps
+  }: ResultProps & DataAttributes = $props()
 
+  const dataAttributes = $derived(getDataAttributes(restProps))
   const containerClass = $derived(
     cn(
       'flex flex-col items-center justify-center py-12 text-center',
@@ -36,7 +38,7 @@
   }[status])
 </script>
 
-<div class={containerClass}>
+<div {...dataAttributes} class={containerClass}>
   <!-- 图标区域 -->
   <div class='w-20 h-20 mb-6 {iconColor}'>
     {#if icon}

package/dist/components/compounds/Result.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { ResultProps } from '../../types.js';
-declare const Result: import("svelte").Component<ResultProps, {}, "">;
+import type { DataAttributes, ResultProps } from '../../types.js';
+type $$ComponentProps = ResultProps & DataAttributes;
+declare const Result: import("svelte").Component<$$ComponentProps, {}, "">;
 type Result = ReturnType<typeof Result>;
 export default Result;