ui-ingredients 0.0.24 → 0.0.26

package/dist/time-picker/period-cell.svelte.d.ts

@@ -0,0 +1,18 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PeriodCell: $$__sveltets_2_IsomorphicComponent<TimePickerPeriodCellProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type PeriodCell = InstanceType<typeof PeriodCell>;
+export default PeriodCell;

package/dist/time-picker/positioner.svelte

@@ -0,0 +1,27 @@
+<script lang="ts" module>
+  import type {GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+
+  export interface TimePickerPositionerProps extends HtmlProps<'div'> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../utils.svelte.js';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: TimePickerPositionerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getPositionerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/time-picker/positioner.svelte.d.ts

@@ -0,0 +1,18 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Positioner: $$__sveltets_2_IsomorphicComponent<TimePickerPositionerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Positioner = InstanceType<typeof Positioner>;
+export default Positioner;

package/dist/time-picker/root.svelte

@@ -0,0 +1,78 @@
+<script lang="ts" module>
+  import type {Assign, GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+  import type {CreateTimePickerProps, CreateTimePickerReturn} from './create-time-picker.svelte.js';
+
+  export interface TimePickerProps
+    extends Assign<Omit<HtmlProps<'div'>, 'children'>, CreateTimePickerProps> {
+    asChild?: Snippet<
+      [attrs: Omit<GenericHtmlProps, 'children'>, timePicker: CreateTimePickerReturn]
+    >;
+    children?: Snippet<[timePicker: CreateTimePickerReturn]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../utils.svelte.js';
+  import {timePickerContext} from './context.svelte.js';
+  import {createTimePicker} from './create-time-picker.svelte.js';
+
+  let {
+    id,
+    ids,
+    min,
+    max,
+    name,
+    open,
+    steps,
+    value,
+    locale,
+    readOnly,
+    disabled,
+    defaultOpen,
+    placeholder,
+    positioning,
+    allowSeconds,
+    disableLayer,
+    onOpenChange,
+    onValueChange,
+    onFocusChange,
+    asChild,
+    children,
+    ...props
+  }: TimePickerProps = $props();
+
+  let timePicker = createTimePicker({
+    id,
+    ids,
+    min,
+    max,
+    name,
+    open,
+    steps,
+    value,
+    locale,
+    readOnly,
+    disabled,
+    defaultOpen,
+    placeholder,
+    positioning,
+    allowSeconds,
+    disableLayer,
+    onOpenChange,
+    onValueChange,
+    onFocusChange,
+  });
+
+  let attrs = $derived(mergeProps(props, timePicker.getRootProps()));
+
+  timePickerContext.set(timePicker);
+</script>
+
+{#if asChild}
+  {@render asChild(attrs, timePicker)}
+{:else}
+  <div {...attrs}>
+    {@render children?.(timePicker)}
+  </div>
+{/if}

package/dist/time-picker/root.svelte.d.ts

@@ -0,0 +1,18 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<TimePickerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/time-picker/second-cell.svelte

@@ -0,0 +1,28 @@
+<script lang="ts" module>
+  import type {Assign, GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {CellProps} from '@zag-js/time-picker';
+  import type {Snippet} from 'svelte';
+
+  export interface TimePickerSecondCellProps extends Assign<HtmlProps<'div'>, CellProps> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../utils.svelte.js';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {value, asChild, children, ...props}: TimePickerSecondCellProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getSecondCellProps({value})));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/time-picker/second-cell.svelte.d.ts

@@ -0,0 +1,18 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const SecondCell: $$__sveltets_2_IsomorphicComponent<TimePickerSecondCellProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type SecondCell = InstanceType<typeof SecondCell>;
+export default SecondCell;

package/dist/time-picker/spacer.svelte

@@ -0,0 +1,27 @@
+<script lang="ts" module>
+  import type {GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+
+  export interface TimePickerSpacerProps extends HtmlProps<'div'> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../utils.svelte.js';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: TimePickerSpacerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getSpacerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/time-picker/spacer.svelte.d.ts

@@ -0,0 +1,18 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Spacer: $$__sveltets_2_IsomorphicComponent<TimePickerSpacerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Spacer = InstanceType<typeof Spacer>;
+export default Spacer;

package/dist/time-picker/time-picker.d.ts

@@ -0,0 +1,15 @@
+export { anatomy, parse } from '@zag-js/time-picker';
+export { default as ClearTrigger } from './clear-trigger.svelte';
+export { default as Column } from './column.svelte';
+export { default as Content } from './content.svelte';
+export { default as Control } from './control.svelte';
+export { default as HourCell } from './hour-cell.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as MinuteCell } from './minute-cell.svelte';
+export { default as PeriodCell } from './period-cell.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as SecondCell } from './second-cell.svelte';
+export { default as Spacer } from './spacer.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/time-picker/time-picker.js

@@ -0,0 +1,15 @@
+export { anatomy, parse } from '@zag-js/time-picker';
+export { default as ClearTrigger } from './clear-trigger.svelte';
+export { default as Column } from './column.svelte';
+export { default as Content } from './content.svelte';
+export { default as Control } from './control.svelte';
+export { default as HourCell } from './hour-cell.svelte';
+export { default as Input } from './input.svelte';
+export { default as Label } from './label.svelte';
+export { default as MinuteCell } from './minute-cell.svelte';
+export { default as PeriodCell } from './period-cell.svelte';
+export { default as Positioner } from './positioner.svelte';
+export { default as Root } from './root.svelte';
+export { default as SecondCell } from './second-cell.svelte';
+export { default as Spacer } from './spacer.svelte';
+export { default as Trigger } from './trigger.svelte';

package/dist/time-picker/trigger.svelte

@@ -0,0 +1,27 @@
+<script lang="ts" module>
+  import type {HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
+
+  export interface TimePickerTriggerProps extends HtmlProps<'button'> {
+    asChild?: Snippet<[attrs: Omit<HtmlProps<'button'>, 'children'>]>;
+  }
+</script>
+
+<script lang="ts">
+  import {mergeProps} from '../utils.svelte.js';
+  import {timePickerContext} from './context.svelte.js';
+
+  let {asChild, children, ...props}: TimePickerTriggerProps = $props();
+
+  let timePicker = timePickerContext.get();
+
+  let attrs = $derived(mergeProps(props, timePicker.getTriggerProps()));
+</script>
+
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <button type="button" {...attrs}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/time-picker/trigger.svelte.d.ts

@@ -0,0 +1,18 @@
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<TimePickerTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/timer/action-trigger.svelte

@@ -1,22 +1,28 @@
 <script lang="ts" module>
   import type {Assign, HtmlProps} from '../types.js';
   import type {ActionTriggerProps} from '@zag-js/timer';
+  import type {Snippet} from 'svelte';
 
-  export interface TimerActionTriggerProps
-    extends Assign<HtmlProps<'button'>, ActionTriggerProps> {}
+  export interface TimerActionTriggerProps extends Assign<HtmlProps<'button'>, ActionTriggerProps> {
+    asChild?: Snippet<[attrs: Omit<HtmlProps<'button'>, 'children'>]>;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {timerContext} from './context.svelte.js';
 
-  let {action, children, ...props}: TimerActionTriggerProps = $props();
+  let {action, asChild, children, ...props}: TimerActionTriggerProps = $props();
 
   let timer = timerContext.get();
 
   let attrs = $derived(mergeProps(props, timer.getActionTriggerProps({action})));
 </script>
 
-<button type="button" {...attrs}>
-  {@render children?.()}
-</button>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <button type="button" {...attrs}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/timer/item-label.svelte

@@ -1,14 +1,17 @@
 <script lang="ts" module>
-  import type {HtmlProps} from '../types.js';
+  import type {GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
 
-  export interface TimerItemLabelProps extends HtmlProps<'span'> {}
+  export interface TimerItemLabelProps extends HtmlProps<'div'> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {timerContext, timerItemPropsContext} from './context.svelte.js';
 
-  let {children, ...props}: TimerItemLabelProps = $props();
+  let {asChild, children, ...props}: TimerItemLabelProps = $props();
 
   let timer = timerContext.get();
   let itemProps = timerItemPropsContext.get();
@@ -16,6 +19,10 @@
   let attrs = $derived(mergeProps(props, timer.getItemLabelProps(itemProps)));
 </script>
 
-<span {...attrs}>
-  {@render children?.()}
-</span>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/timer/item-value.svelte

@@ -1,14 +1,17 @@
 <script lang="ts" module>
-  import type {HtmlProps} from '../types.js';
+  import type {GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
 
-  export interface TimerItemValueProps extends HtmlProps<'span'> {}
+  export interface TimerItemValueProps extends HtmlProps<'div'> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {timerContext, timerItemPropsContext} from './context.svelte.js';
 
-  let {children, ...props}: TimerItemValueProps = $props();
+  let {asChild, children, ...props}: TimerItemValueProps = $props();
 
   let timer = timerContext.get();
   let itemProps = timerItemPropsContext.get();
@@ -16,10 +19,14 @@
   let attrs = $derived(mergeProps(props, timer.getItemValueProps(itemProps)));
 </script>
 
-<span {...attrs}>
-  {#if children}
-    {@render children?.()}
-  {:else}
-    {timer.formattedTime[itemProps.type]}
-  {/if}
-</span>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {#if children}
+      {@render children?.()}
+    {:else}
+      {timer.formattedTime[itemProps.type]}
+    {/if}
+  </div>
+{/if}

package/dist/timer/item.svelte

@@ -1,15 +1,18 @@
 <script lang="ts" module>
-  import type {Assign, HtmlProps} from '../types.js';
+  import type {Assign, GenericHtmlProps, HtmlProps} from '../types.js';
   import type {ItemProps} from '@zag-js/timer';
+  import type {Snippet} from 'svelte';
 
-  export interface TimerItemProps extends Assign<HtmlProps<'div'>, ItemProps> {}
+  export interface TimerItemProps extends Assign<HtmlProps<'div'>, ItemProps> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {timerContext, timerItemPropsContext} from './context.svelte.js';
 
-  let {type, children, ...props}: TimerItemProps = $props();
+  let {type, asChild, children, ...props}: TimerItemProps = $props();
 
   let timer = timerContext.get();
   let itemProps = $derived({
@@ -21,6 +24,10 @@
   timerItemPropsContext.set(() => itemProps);
 </script>
 
-<div {...attrs}>
-  {@render children?.()}
-</div>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/timer/root.svelte

@@ -1,15 +1,16 @@
 <script lang="ts" module>
-  import type {Assign, HtmlProps} from '../types.js';
+  import type {Assign, GenericHtmlProps, HtmlProps} from '../types.js';
   import type {Snippet} from 'svelte';
   import type {CreateTimerProps, CreateTimerReturn} from './create-timer.svelte.js';
 
   export interface TimerProps extends Assign<Omit<HtmlProps<'div'>, 'children'>, CreateTimerProps> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>, timer: CreateTimerReturn]>;
     children?: Snippet<[timer: CreateTimerReturn]>;
   }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {timerContext} from './context.svelte.js';
   import {createTimer} from './create-timer.svelte.js';
 
@@ -22,6 +23,7 @@
     countdown,
     onTick,
     onComplete,
+    asChild,
     children,
     ...props
   }: TimerProps = $props();
@@ -42,6 +44,10 @@
   timerContext.set(timer);
 </script>
 
-<div {...attrs}>
-  {@render children?.(timer)}
-</div>
+{#if asChild}
+  {@render asChild(attrs, timer)}
+{:else}
+  <div {...attrs}>
+    {@render children?.(timer)}
+  </div>
+{/if}

package/dist/timer/separator.svelte

@@ -1,20 +1,27 @@
 <script lang="ts" module>
-  import type {HtmlProps} from '../types.js';
+  import type {GenericHtmlProps, HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
 
-  export interface TimerSeparatorProps extends HtmlProps<'span'> {}
+  export interface TimerSeparatorProps extends HtmlProps<'div'> {
+    asChild?: Snippet<[attrs: Omit<GenericHtmlProps, 'children'>]>;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {timerContext} from './context.svelte.js';
 
-  let {children, ...props}: TimerSeparatorProps = $props();
+  let {asChild, children, ...props}: TimerSeparatorProps = $props();
 
   let timer = timerContext.get();
 
   let attrs = $derived(mergeProps(props, timer.getSeparatorProps()));
 </script>
 
-<span {...attrs}>
-  {@render children?.()}
-</span>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <div {...attrs}>
+    {@render children?.()}
+  </div>
+{/if}

package/dist/toast/action-trigger.svelte

@@ -1,20 +1,27 @@
 <script lang="ts" module>
   import type {HtmlProps} from '../types.js';
+  import type {Snippet} from 'svelte';
 
-  export interface ToastActionTriggerProps extends HtmlProps<'button'> {}
+  export interface ToastActionTriggerProps extends HtmlProps<'button'> {
+    asChild?: Snippet<[attrs: Omit<HtmlProps<'button'>, 'children'>]>;
+  }
 </script>
 
 <script lang="ts">
-  import {mergeProps} from '@zag-js/svelte';
+  import {mergeProps} from '../utils.svelte.js';
   import {toastContext} from './context.svelte.js';
 
-  let {children, ...props}: ToastActionTriggerProps = $props();
+  let {asChild, children, ...props}: ToastActionTriggerProps = $props();
 
   let context = toastContext.get();
 
   let attrs = $derived(mergeProps(props, context.getActionTriggerProps()));
 </script>
 
-<button type="button" {...attrs}>
-  {@render children?.()}
-</button>
+{#if asChild}
+  {@render asChild(attrs)}
+{:else}
+  <button type="button" {...attrs}>
+    {@render children?.()}
+  </button>
+{/if}

package/dist/toast/actor.svelte

@@ -1,19 +1,19 @@
 <script lang="ts">
-  import * as toast from '@zag-js/toast';
+  import * as toast$ from '@zag-js/toast';
   import type {Snippet} from 'svelte';
   import {toastContext} from './context.svelte.js';
   import {createToast, type CreateToastReturn} from './create-toast.svelte.js';
 
   interface Props {
-    actor: toast.Service;
-    children$: Snippet<[api: CreateToastReturn]>;
+    actor: toast$.Service;
+    children$: Snippet<[toast: CreateToastReturn]>;
   }
 
   let {actor, children$}: Props = $props();
 
-  let context = createToast(actor);
+  let toast = createToast(actor);
 
-  toastContext.set(context);
+  toastContext.set(toast);
 </script>
 
-{@render children$(context)}
+{@render children$(toast)}

package/dist/toast/actor.svelte.d.ts

@@ -1,4 +1,4 @@
-import * as toast from '@zag-js/toast';
+import * as toast$ from '@zag-js/toast';
 import type { Snippet } from 'svelte';
 import { type CreateToastReturn } from './create-toast.svelte.js';
 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> {
@@ -15,8 +15,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const Actor: $$__sveltets_2_IsomorphicComponent<{
-    actor: toast.Service;
-    children$: Snippet<[api: CreateToastReturn]>;
+    actor: toast$.Service;
+    children$: Snippet<[toast: CreateToastReturn]>;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "">;