bits-ui 0.0.26 → 0.0.28

package/dist/bits/select/types.d.ts

@@ -1,18 +1,15 @@
 import type { CreateSelectProps, SelectComponentEvents, SelectOptionProps } from "@melt-ui/svelte";
-import type { AsChild, Expand, HTMLDivAttributes, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
+import type { AsChild, Expand, HTMLDivAttributes, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
 import type { HTMLAttributes, HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 import type { ButtonEventHandler, DivEventHandler } from "../../index.js";
-type Props = Expand<OmitOpen<OmitValue<Omit<CreateSelectProps, "defaultValueLabel" | "forceVisible">>> & {
+type Props = Expand<OmitOpen<OmitValue<Omit<CreateSelectProps, "defaultValueLabel">>> & {
     value?: CreateSelectProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateSelectProps["defaultValue"]>;
     open?: CreateSelectProps["defaultOpen"] & {};
     onOpenChange?: OnChangeFn<CreateSelectProps["defaultOpen"]>;
     label?: CreateSelectProps["defaultValueLabel"] & {};
 }>;
-type ContentProps<T extends Transition = Transition> = Expand<{
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
-} & AsChild> & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;
 type InputProps = AsChild & HTMLInputAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;

package/dist/bits/tooltip/components/TooltipContent.svelte

@@ -2,8 +2,12 @@
 import { ctx } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
-export let sideOffset = 4;
+export let inTransition = void 0;
+export let inTransitionConfig = void 0;
+export let outTransition = void 0;
+export let outTransitionConfig = void 0;
 export let asChild = false;
+export let sideOffset = 4;
 const {
   elements: { content },
   states: { open }
@@ -17,7 +21,38 @@ const {
 	{:else if transition}
 		<div
 			{...builder} use:builder.action
-			transition:transition={transitionConfig}
+			transition:transition|global={transitionConfig}
+			{...$$restProps}
+			on:m-pointerdown
+			on:m-pointerenter
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition && outTransition}
+		<div
+			{...builder} use:builder.action
+			in:inTransition|global={inTransitionConfig}
+			out:outTransition|global={outTransitionConfig}
+			{...$$restProps}
+			on:m-pointerdown
+			on:m-pointerenter
+		>
+			<slot {builder} />
+		</div>
+	{:else if inTransition}
+		<div
+			{...builder} use:builder.action
+			in:inTransition|global={inTransitionConfig}
+			{...$$restProps}
+			on:m-pointerdown
+			on:m-pointerenter
+		>
+			<slot {builder} />
+		</div>
+	{:else if outTransition}
+		<div
+			{...builder} use:builder.action
+			out:outTransition|global={outTransitionConfig}
 			{...$$restProps}
 			on:m-pointerdown
 			on:m-pointerenter

package/dist/bits/tooltip/components/TooltipContent.svelte.d.ts

@@ -1,10 +1,14 @@
 import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/index.js";
-declare class __sveltets_Render<T extends Transition> {
+declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): {
+        sideOffset?: number | undefined;
         transition?: T | undefined;
         transitionConfig?: import("../../../internal/index.js").TransitionParams<T> | undefined;
-        sideOffset?: number | undefined;
+        inTransition?: In | undefined;
+        inTransitionConfig?: import("../../../internal/index.js").TransitionParams<In> | undefined;
+        outTransition?: Out | undefined;
+        outTransitionConfig?: import("../../../internal/index.js").TransitionParams<Out> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -225,9 +229,9 @@ declare class __sveltets_Render<T extends Transition> {
         };
     };
 }
-export type TooltipContentProps<T extends Transition> = ReturnType<__sveltets_Render<T>['props']>;
-export type TooltipContentEvents<T extends Transition> = ReturnType<__sveltets_Render<T>['events']>;
-export type TooltipContentSlots<T extends Transition> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class TooltipContent<T extends Transition> extends SvelteComponent<TooltipContentProps<T>, TooltipContentEvents<T>, TooltipContentSlots<T>> {
+export type TooltipContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type TooltipContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type TooltipContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class TooltipContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<TooltipContentProps<T, In, Out>, TooltipContentEvents<T, In, Out>, TooltipContentSlots<T, In, Out>> {
 }
 export {};

package/dist/bits/tooltip/types.d.ts

@@ -1,15 +1,13 @@
 import type { CreateTooltipProps, TooltipComponentEvents } from "@melt-ui/svelte";
-import type { Expand, HTMLDivAttributes, OmitOpen, OmitForceVisible, Transition, TransitionParams, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { Expand, HTMLDivAttributes, OmitOpen, OmitForceVisible, Transition, OnChangeFn, AsChild, TransitionProps } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<OmitForceVisible<CreateTooltipProps>> & {
     open?: CreateTooltipProps["defaultOpen"] & {};
     onOpenChange?: OnChangeFn<CreateTooltipProps["defaultOpen"]>;
 }>;
-type ContentProps<T extends Transition = Transition> = Expand<{
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
     sideOffset?: number;
-} & AsChild> & HTMLDivAttributes;
+} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type ArrowProps = Expand<{
     size?: number;

package/dist/internal/helpers.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import type { Writable } from "svelte/store";
-import type { Builder } from "./types.js";
+import type { Builder, Transition, TransitionParams, TransitionTimesStore } from "./types.js";
 export declare function noop(): void;
 export declare function generateId(): string;
 export declare function removeUndefined<T extends object>(obj: T): T;
@@ -22,4 +22,15 @@ export declare function disabledAttrs(disabled: boolean): {
     "data-disabled"?: undefined;
 };
 export declare function bitWrap<T extends object>(storeValues: T, bit: string): T;
+export declare function sleep(ms: number): Promise<unknown>;
+export declare function styleToString(style: Record<string, number | string | undefined>): string;
+type TransitionsObj<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = {
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+    inTransition?: In;
+    inTransitionConfig?: TransitionParams<In>;
+    outTransition?: Out;
+    outTransitionConfig?: TransitionParams<Out>;
+};
+export declare function setTransitionTimes(transitionTimes: TransitionTimesStore, transitionsObj: TransitionsObj): void;
 export {};

package/dist/internal/helpers.js

@@ -1,4 +1,5 @@
 import { nanoid } from "nanoid/non-secure";
+import { isBrowser } from "@/utils/is.js";
 export function noop() {
     // do nothing
 }
@@ -61,3 +62,67 @@ export function bitWrap(storeValues, bit) {
         [`data-bits-${bit}`]: ""
     };
 }
+export function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+export function styleToString(style) {
+    return Object.keys(style).reduce((str, key) => {
+        if (style[key] === undefined)
+            return str;
+        return str + `${key}:${style[key]};`;
+    }, "");
+}
+export function setTransitionTimes(transitionTimes, transitionsObj) {
+    if (!isBrowser)
+        return;
+    const { transition, transitionConfig, inTransition, inTransitionConfig, outTransition, outTransitionConfig } = transitionsObj;
+    if (transition) {
+        if (transitionConfig) {
+            const { delay, duration } = transition(document.body, transitionConfig);
+            const time = calcTime(delay, duration);
+            transitionTimes.set({
+                in: time,
+                out: time
+            });
+            return;
+        }
+        const { delay, duration } = transition(document.body);
+        const time = calcTime(delay, duration);
+        transitionTimes.set({
+            in: time,
+            out: time
+        });
+        return;
+    }
+    let inTime = 0;
+    let outTime = 0;
+    if (inTransition) {
+        if (inTransitionConfig) {
+            const { delay, duration } = inTransition(document.body, inTransitionConfig);
+            inTime = calcTime(delay, duration);
+        }
+        else {
+            const { delay, duration } = inTransition(document.body);
+            inTime = calcTime(delay, duration);
+        }
+    }
+    if (outTransition) {
+        if (outTransitionConfig) {
+            const { delay, duration } = outTransition(document.body, outTransitionConfig);
+            outTime = calcTime(delay, duration);
+        }
+        else {
+            const { delay, duration } = outTransition(document.body);
+            outTime = calcTime(delay, duration);
+        }
+    }
+    transitionTimes.set({
+        in: inTime,
+        out: outTime
+    });
+}
+function calcTime(delay, duration) {
+    const numDelay = delay ?? 0;
+    const numDuration = duration ?? 0;
+    return numDelay + numDuration;
+}

package/dist/internal/overlay.svelte

@@ -0,0 +1,10 @@
+<script>import { styleToString } from ".";
+</script>
+
+<div
+	style={styleToString({
+		position: "fixed",
+		inset: 0,
+		"z-index": 50
+	})}
+/>

package/dist/internal/overlay.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type OverlayProps = typeof __propDef.props;
+export type OverlayEvents = typeof __propDef.events;
+export type OverlaySlots = typeof __propDef.slots;
+export default class Overlay extends SvelteComponent<OverlayProps, OverlayEvents, OverlaySlots> {
+}
+export {};

package/dist/internal/types.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="svelte" />
 import type { Action } from "svelte/action";
 import type { HTMLAttributes } from "svelte/elements";
+import type { Writable } from "svelte/store";
 import type { TransitionConfig } from "svelte/transition";
 export type ObjectVariation<T> = T extends object ? T : never;
 export type Transition = (node: Element, params?: any) => TransitionConfig;
@@ -34,3 +35,22 @@ export type KeydownClickEvents = {
 export type AsChild = Expand<{
     asChild?: boolean;
 }>;
+export type TransitionProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+    inTransition?: In;
+    inTransitionConfig?: TransitionParams<In>;
+    outTransition?: Out;
+    outTransitionConfig?: TransitionParams<Out>;
+}>;
+export type TransitionTimes = {
+    in?: number;
+    out?: number;
+};
+export type TransitionTimesStore = Writable<Expand<TransitionTimes>>;
+export type TransitionTimesProp = {
+    transitionTimes: TransitionTimesStore;
+};
+export type TOpen = {
+    tOpen: Writable<boolean>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "license": "MIT",
   "exports": {
     ".": {
@@ -47,6 +47,7 @@
     "svelte-wrap-balancer": "^0.0.4",
     "tailwind-variants": "^0.1.13",
     "tailwindcss": "^3.3.2",
+    "tailwindcss-animate": "^1.0.6",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
     "unist-util-visit": "^5.0.0",

package/dist/bits/alert-dialog/components/AlertDialogOverlay.svelte.d.ts

@@ -1,240 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        asChild?: boolean | undefined;
-        accesskey?: string | null | undefined;
-        autofocus?: boolean | null | undefined;
-        class?: string | null | undefined;
-        contenteditable?: import("svelte/elements.js").Booleanish | "inherit" | null | undefined;
-        contextmenu?: string | null | undefined;
-        dir?: string | null | undefined;
-        draggable?: import("svelte/elements.js").Booleanish | null | undefined;
-        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
-        hidden?: boolean | null | undefined;
-        id?: string | null | undefined;
-        lang?: string | null | undefined;
-        part?: string | null | undefined;
-        placeholder?: string | null | undefined;
-        slot?: string | null | undefined;
-        spellcheck?: import("svelte/elements.js").Booleanish | null | undefined;
-        style?: string | null | undefined;
-        tabindex?: number | null | undefined;
-        title?: string | null | undefined;
-        translate?: "" | "yes" | "no" | null | undefined;
-        inert?: boolean | null | undefined;
-        radiogroup?: string | null | undefined;
-        role?: import("svelte/elements.js").AriaRole | null | undefined;
-        about?: string | null | undefined;
-        datatype?: string | null | undefined;
-        inlist?: any;
-        prefix?: string | null | undefined;
-        property?: string | null | undefined;
-        resource?: string | null | undefined;
-        typeof?: string | null | undefined;
-        vocab?: string | null | undefined;
-        autocapitalize?: string | null | undefined;
-        autocorrect?: string | null | undefined;
-        autosave?: string | null | undefined;
-        color?: string | null | undefined;
-        itemprop?: string | null | undefined;
-        itemscope?: boolean | null | undefined;
-        itemtype?: string | null | undefined;
-        itemid?: string | null | undefined;
-        itemref?: string | null | undefined;
-        results?: number | null | undefined;
-        security?: string | null | undefined;
-        unselectable?: "on" | "off" | null | undefined;
-        inputmode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
-        is?: string | null | undefined;
-        'bind:innerHTML'?: string | null | undefined;
-        'bind:textContent'?: string | null | undefined;
-        'bind:innerText'?: string | null | undefined;
-        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
-        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
-        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
-        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
-        'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
-        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
-        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
-        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
-        'aria-activedescendant'?: string | null | undefined;
-        'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
-        'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
-        'aria-colcount'?: number | null | undefined;
-        'aria-colindex'?: number | null | undefined;
-        'aria-colspan'?: number | null | undefined;
-        'aria-controls'?: string | null | undefined;
-        'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
-        'aria-describedby'?: string | null | undefined;
-        'aria-details'?: string | null | undefined;
-        'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | null | undefined;
-        'aria-errormessage'?: string | null | undefined;
-        'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-flowto'?: string | null | undefined;
-        'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
-        'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
-        'aria-keyshortcuts'?: string | null | undefined;
-        'aria-label'?: string | null | undefined;
-        'aria-labelledby'?: string | null | undefined;
-        'aria-level'?: number | null | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
-        'aria-modal'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-multiline'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-multiselectable'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
-        'aria-owns'?: string | null | undefined;
-        'aria-placeholder'?: string | null | undefined;
-        'aria-posinset'?: number | null | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
-        'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
-        'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-roledescription'?: string | null | undefined;
-        'aria-rowcount'?: number | null | undefined;
-        'aria-rowindex'?: number | null | undefined;
-        'aria-rowspan'?: number | null | undefined;
-        'aria-selected'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-setsize'?: number | null | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
-        'aria-valuemax'?: number | null | undefined;
-        'aria-valuemin'?: number | null | undefined;
-        'aria-valuenow'?: number | null | undefined;
-        'aria-valuetext'?: string | null | undefined;
-        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
-        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
-        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
-        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
-        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
-        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLDivElement> | null | undefined;
-        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
-        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
-        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
-        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLDivElement> | null | undefined;
-        'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
-        'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
-        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
-        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
-        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
-        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
-        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
-        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
-        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
-        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLDivElement> | null | undefined;
-        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
-        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
-        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
-        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
-        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
-        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
-        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            builder: {
-                readonly hidden: true | undefined;
-                readonly tabindex: -1;
-                readonly style: string;
-                readonly 'aria-hidden': true;
-                readonly 'data-state': "open" | "closed";
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: <Node_2 extends unknown>(node: HTMLElement) => {
-                    destroy(): void;
-                };
-            };
-        };
-    };
-};
-export type AlertDialogOverlayProps = typeof __propDef.props;
-export type AlertDialogOverlayEvents = typeof __propDef.events;
-export type AlertDialogOverlaySlots = typeof __propDef.slots;
-export default class AlertDialogOverlay extends SvelteComponent<AlertDialogOverlayProps, AlertDialogOverlayEvents, AlertDialogOverlaySlots> {
-}
-export {};