bits-ui 0.0.25 → 0.0.27

package/dist/bits/dialog/components/DialogOverlay.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -216,19 +216,7 @@ declare const __propDef: {
     };
     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;
-                };
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/dialog/components/DialogPortal.svelte

@@ -1,13 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
 const {
-  elements: { portalled },
-  states: { open }
+  elements: { portalled }
 } = ctx.get();
 </script>
 
-{#if $open}
-	<div {...$portalled} use:$portalled.action {...$$restProps}>
-		<slot />
-	</div>
-{/if}
+<div {...$portalled} use:$portalled.action {...$$restProps}>
+	<slot />
+</div>

package/dist/bits/dialog/components/DialogPortal.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dialog/components/DialogTitle.svelte.d.ts

@@ -73,7 +73,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dialog/components/DialogTrigger.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { TriggerEvents } from "../types.js";
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined;
@@ -10,7 +11,7 @@ declare const __propDef: {
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
         name?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         value?: string | number | string[] | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -82,7 +83,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -226,10 +227,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type DialogTriggerProps = typeof __propDef.props;
 export type DialogTriggerEvents = typeof __propDef.events;

package/dist/bits/dialog/ctx.d.ts

@@ -23,7 +23,7 @@ declare function set(props: CreateDialogProps): {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ($open: boolean) => {
+        }, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ($open: boolean) => {
             readonly id: string;
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -45,7 +45,7 @@ declare function set(props: CreateDialogProps): {
             readonly 'aria-hidden': true;
             readonly 'data-state': "open" | "closed";
         }, string>;
-        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, () => {
+        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
             readonly type: "button";
         }, string>;
         portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<string | HTMLElement | null>, <Node_3 extends unknown>(node: HTMLElement) => {

package/dist/bits/dialog/ctx.js

@@ -7,7 +7,7 @@ export const ctx = {
     get
 };
 function set(props) {
-    const dialog = createDialog({ ...removeUndefined(props), role: "dialog", forceVisible: true });
+    const dialog = createDialog({ ...removeUndefined(props), role: "dialog" });
     setContext(NAME, dialog);
     return {
         ...dialog,

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

@@ -1,6 +1,7 @@
 import type { AsChild, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type { CreateDialogProps, DialogComponentEvents } from "@melt-ui/svelte";
+import type { CreateDialogProps } from "@melt-ui/svelte";
+import type { ButtonEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
     open?: CreateDialogProps["defaultOpen"] & {};
     onOpenChange?: OnChangeFn<CreateDialogProps["defaultOpen"]>;
@@ -17,6 +18,9 @@ type PortalProps = AsChild & HTMLDivAttributes;
 type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 } & AsChild> & HTMLHeadingAttributes;
-type TriggerEvents = DialogComponentEvents["trigger"];
-type CloseEvents = DialogComponentEvents["close"];
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
+type CloseEvents = TriggerEvents;
 export type { Props, CloseProps, TitleProps, PortalProps, ContentProps, TriggerProps, OverlayProps, DescriptionProps, Props as DialogProps, CloseProps as DialogCloseProps, TitleProps as DialogTitleProps, PortalProps as DialogPortalProps, ContentProps as DialogContentProps, TriggerProps as DialogTriggerProps, OverlayProps as DialogOverlayProps, DescriptionProps as DialogDescriptionProps, TriggerEvents, CloseEvents, TriggerEvents as DialogTriggerEvents, CloseEvents as DialogCloseEvents };

package/dist/bits/dropdown-menu/components/DropdownMenuArrow.svelte.d.ts

@@ -73,7 +73,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuCheckboxIndicator.svelte.d.ts

@@ -71,7 +71,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuCheckboxItem.svelte.d.ts

@@ -75,7 +75,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -219,15 +219,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: import("../types.js").ItemEvents;
 };
 export type DropdownMenuCheckboxItemProps = typeof __propDef.props;
 export type DropdownMenuCheckboxItemEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuContent.svelte

@@ -1,4 +1,5 @@
-<script>import { melt } from "@melt-ui/svelte";
+<script>import Overlay from "../../../internal/overlay.svelte";
+import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
 export let sideOffset = 5;
 export let transition = void 0;
@@ -12,6 +13,7 @@ const {
 
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
 {#if $open}
+	<Overlay />
 	{@const builder = $menu}
 	{#if asChild}
 		<slot {builder} />

package/dist/bits/dropdown-menu/components/DropdownMenuContent.svelte.d.ts

@@ -76,7 +76,7 @@ declare class __sveltets_Render<T extends Transition> {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuGroup.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuItem.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { ItemEvents } from "../types.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
@@ -73,7 +74,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -217,15 +218,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: ItemEvents;
 };
 export type DropdownMenuItemProps = typeof __propDef.props;
 export type DropdownMenuItemEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuLabel.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuRadioGroup.svelte.d.ts

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuRadioItem.svelte.d.ts

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -218,15 +218,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: import("../types.js").ItemEvents;
 };
 export type DropdownMenuRadioItemProps = typeof __propDef.props;
 export type DropdownMenuRadioItemEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuSeparator.svelte.d.ts

@@ -72,7 +72,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/dropdown-menu/components/DropdownMenuSubContent.svelte.d.ts

@@ -76,7 +76,7 @@ declare class __sveltets_Render<T extends Transition> {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -216,8 +216,8 @@ declare class __sveltets_Render<T extends Transition> {
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
     };
     events(): {
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
         "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
+        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
         "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
     };
     slots(): {

package/dist/bits/dropdown-menu/components/DropdownMenuSubTrigger.svelte.d.ts

@@ -73,7 +73,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -217,14 +217,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-        "m-focusin"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-focusout"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<FocusEvent> | undefined;
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerleave"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-        "m-pointermove"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: import("../types.js").ItemEvents;
 };
 export type DropdownMenuSubTriggerProps = typeof __propDef.props;
 export type DropdownMenuSubTriggerEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/components/DropdownMenuTrigger.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { TriggerEvents } from "../types.js";
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined;
@@ -10,7 +11,7 @@ declare const __propDef: {
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
         name?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         value?: string | number | string[] | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -82,7 +83,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;
@@ -226,10 +227,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-        "m-pointerdown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<PointerEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type DropdownMenuTriggerProps = typeof __propDef.props;
 export type DropdownMenuTriggerEvents = typeof __propDef.events;

package/dist/bits/dropdown-menu/ctx.d.ts

@@ -38,7 +38,7 @@ declare function set(props: CreateDropdownMenuProps): {
             readonly 'data-portal': "" | undefined;
             readonly tabindex: -1;
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, () => {
+        item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
             role: string;
             tabindex: number;
             'data-orientation': string;
@@ -75,7 +75,7 @@ declare function set(props: CreateDropdownMenuProps): {
                     update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
                     set: (this: void, value: boolean | "indeterminate") => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
                     readonly 'data-orientation': "vertical";
@@ -97,7 +97,7 @@ declare function set(props: CreateDropdownMenuProps): {
         };
         createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
             elements: {
-                subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+                subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
@@ -107,7 +107,7 @@ declare function set(props: CreateDropdownMenuProps): {
                     readonly 'data-disabled': "" | undefined;
                     readonly 'aria-haspopop': "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
@@ -149,7 +149,7 @@ declare function set(props: CreateDropdownMenuProps): {
                     update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
                     set: (this: void, value: string | null) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
-                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
                     'data-state': string;
@@ -192,7 +192,7 @@ declare function set(props: CreateDropdownMenuProps): {
 declare function setSub(props: DropdownSubmenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
-        subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
+        subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled]: [boolean, boolean]) => {
             readonly role: "menuitem";
             readonly id: string;
             readonly tabindex: -1;
@@ -202,7 +202,7 @@ declare function setSub(props: DropdownSubmenuProps): {
             readonly 'data-disabled': "" | undefined;
             readonly 'aria-haspopop': "menu";
         }, string>;
-        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible]: [boolean]) => {
+        subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible]: [boolean]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
@@ -244,7 +244,7 @@ declare function setRadioGroup(props: DropdownRadioGroupProps): {
             update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
             set: (this: void, value: string | null) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
-        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
             disabled: boolean;
             role: string;
             'data-state': string;
@@ -281,7 +281,7 @@ declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
             set: (this: void, value: boolean | "indeterminate") => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
             readonly role: "menuitemcheckbox";
             readonly tabindex: -1;
             readonly 'data-orientation': "vertical";

package/dist/bits/dropdown-menu/types.d.ts

@@ -1,4 +1,5 @@
 import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
+import type { ButtonEventHandler, DivEventHandler } from "../../index.js";
 import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps, DropdownMenuComponentEvents } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
@@ -39,11 +40,17 @@ type TriggerProps = AsChild & HTMLButtonAttributes;
 type ArrowProps = Expand<{
     size?: number;
 } & AsChild> & HTMLDivAttributes;
-type TriggerEvents = DropdownMenuComponentEvents["trigger"];
-type CheckboxItemEvents = DropdownMenuComponentEvents["checkboxItem"];
+type ItemEvents = {
+    "m-click": DivEventHandler<MouseEvent>;
+    "m-keydown": DivEventHandler<KeyboardEvent>;
+};
+type CheckboxItemEvents = ItemEvents;
+type RadioItemEvents = ItemEvents;
+type SubTriggerEvents = ItemEvents;
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 type ContentEvents = DropdownMenuComponentEvents["menu"];
-type RadioItemEvents = DropdownMenuComponentEvents["radioItem"];
 type SubContentEvents = DropdownMenuComponentEvents["submenu"];
-type SubTriggerEvents = DropdownMenuComponentEvents["subTrigger"];
-type ItemEvents = DropdownMenuComponentEvents["item"];
 export type { Props, ArrowProps, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as DropdownMenuProps, ArrowProps as DropdownMenuArrowProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, ContentProps as DropdownMenuContentProps, GroupProps as DropdownMenuGroupProps, ItemProps as DropdownMenuItemProps, CheckboxItemIndicatorProps as DropdownMenuCheckboxItemIndicatorProps, LabelProps as DropdownMenuLabelProps, RadioGroupProps as DropdownMenuRadioGroupProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, SubProps as DropdownMenuSubProps, SubContentProps as DropdownMenuSubContentProps, SubTriggerProps as DropdownMenuSubTriggerProps, TriggerProps as DropdownMenuTriggerProps, TriggerEvents, CheckboxItemEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, ItemEvents, TriggerEvents as DropdownMenuTriggerEvents, CheckboxItemEvents as DropdownMenuCheckboxItemEvents, ContentEvents as DropdownMenuContentEvents, RadioItemEvents as DropdownMenuRadioItemEvents, SubContentEvents as DropdownMenuSubContentEvents, SubTriggerEvents as DropdownMenuSubTriggerEvents, ItemEvents as DropdownMenuItemEvents };

package/dist/bits/label/components/Label.svelte.d.ts

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/link-preview/components/LinkPreviewArrow.svelte.d.ts

@@ -73,7 +73,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/link-preview/components/LinkPreviewContent.svelte.d.ts

@@ -75,7 +75,7 @@ declare class __sveltets_Render<T extends Transition> {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/link-preview/components/LinkPreviewTrigger.svelte.d.ts

@@ -83,7 +83,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/menubar/components/Menubar.svelte.d.ts

@@ -74,7 +74,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;

package/dist/bits/menubar/components/MenubarArrow.svelte.d.ts

@@ -73,7 +73,7 @@ declare const __propDef: {
         'aria-describedby'?: string | null | undefined;
         'aria-details'?: string | null | undefined;
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | 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;