bits-ui 0.0.25 → 0.0.27

package/README.md

@@ -1,5 +1,5 @@
-# bits (work in progress)
+# Bits
 
 Headless Svelte components built with [Melt UI](https://melt-ui.com) builders.
 
-Documentation coming soon.
+[Read the docs](https://bits-ui.com) (still a work in progress)

package/dist/bits/accordion/components/Accordion.svelte.d.ts

@@ -77,7 +77,7 @@ declare class __sveltets_Render<Multiple extends boolean> {
         '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/accordion/components/AccordionContent.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/accordion/components/AccordionHeader.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/accordion/components/AccordionItem.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/accordion/components/AccordionTrigger.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 AccordionTriggerProps = typeof __propDef.props;
 export type AccordionTriggerEvents = typeof __propDef.events;

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

@@ -27,7 +27,7 @@ declare function set<Multiple extends boolean>(props: CreateAccordionProps<Multi
             update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
             set: (this: void, value: string | string[] | undefined) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -99,7 +99,7 @@ declare function getTrigger(): {
         update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
         set: (this: void, value: string | string[] | undefined) => void;
         subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-    }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+    }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
         disabled: boolean | undefined;
         'aria-expanded': boolean;
         'aria-disabled': boolean;

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

@@ -1,5 +1,6 @@
 import type { HTMLDivAttributes, ObjectVariation, Transition, TransitionParams, OmitValue, Expand, OnChangeFn, AsChild } from "../../internal/index.js";
-import type { CreateAccordionProps, AccordionItemProps as _ItemProps, AccordionHeadingProps as _HeadingProps, AccordionComponentEvents } from "@melt-ui/svelte";
+import type { ButtonEventHandler } from "../../index.js";
+import type { CreateAccordionProps, AccordionItemProps as _ItemProps, AccordionHeadingProps as _HeadingProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props<Multiple extends boolean> = Expand<OmitValue<CreateAccordionProps<Multiple>> & {
     value?: CreateAccordionProps<Multiple>["defaultValue"];
@@ -14,5 +15,8 @@ type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
 } & AsChild> & HTMLDivAttributes;
-type TriggerEvents = AccordionComponentEvents["trigger"];
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, Props as AccordionProps, ItemProps as AccordionItemProps, HeaderProps as AccordionHeaderProps, TriggerProps as AccordionTriggerProps, ContentProps as AccordionContentProps, TriggerEvents, TriggerEvents as AccordionTriggerEvents };

package/dist/bits/alert-dialog/components/AlertDialog.svelte

@@ -3,7 +3,7 @@ export let preventScroll = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = void 0;
 export let portal = void 0;
-export let forceVisible = void 0;
+export let forceVisible = true;
 export let open = void 0;
 export let onOpenChange = void 0;
 const {

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

@@ -10,7 +10,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 +82,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 +226,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: import("../types.js").TriggerEvents;
 };
 export type AlertDialogActionProps = typeof __propDef.props;
 export type AlertDialogActionEvents = typeof __propDef.events;

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

@@ -10,7 +10,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 +82,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 +226,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: import("../types.js").TriggerEvents;
 };
 export type AlertDialogCancelProps = typeof __propDef.props;
 export type AlertDialogCancelEvents = typeof __propDef.events;

package/dist/bits/alert-dialog/components/AlertDialogContent.svelte

@@ -3,19 +3,23 @@ import { ctx } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let asChild = false;
-const content = ctx.get().elements.content;
+const {
+  elements: { content },
+  states: { open }
+} = ctx.get();
 </script>
 
-{#if asChild}
-	<slot builder={$content} />
-{:else if transition}
+{#if $open}
 	{@const builder = $content}
-	<div {...builder} use:builder.action {...$$restProps} transition:transition={transitionConfig}>
+	{#if asChild}
 		<slot {builder} />
-	</div>
-{:else}
-	{@const builder = $content}
-	<div {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} />
-	</div>
+	{:else if transition}
+		<div {...builder} use:builder.action {...$$restProps} transition:transition={transitionConfig}>
+			<slot {builder} />
+		</div>
+	{:else}
+		<div {...builder} use:builder.action {...$$restProps}>
+			<slot {builder} />
+		</div>
+	{/if}
 {/if}

package/dist/bits/alert-dialog/components/AlertDialogContent.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/alert-dialog/components/AlertDialogDescription.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/alert-dialog/components/AlertDialogOverlay.svelte

@@ -1,11 +1,17 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
 export let asChild = false;
-const overlay = ctx.get().elements.overlay;
+const {
+  elements: { overlay },
+  states: { open }
+} = ctx.get();
 </script>
 
-{#if asChild}
-	<slot builder={$overlay} />
-{:else}
-	<div {...$overlay} use:$overlay.action {...$$restProps} />
+{#if $open}
+	{@const builder = $overlay}
+	{#if asChild}
+		<slot {builder} />
+	{:else}
+		<div {...builder} use:builder.action {...$$restProps} />
+	{/if}
 {/if}

package/dist/bits/alert-dialog/components/AlertDialogOverlay.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/alert-dialog/components/AlertDialogPortal.svelte

@@ -7,13 +7,11 @@ const {
 } = ctx.get();
 </script>
 
-{#if $open}
+{#if asChild}
+	<slot builder={$portalled} />
+{:else}
 	{@const builder = $portalled}
-	{#if asChild}
-		<slot builder={$portalled} />
-	{:else}
-		<div {...builder} use:builder.action {...$$restProps}>
-			<slot {builder} />
-		</div>
-	{/if}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
+	</div>
 {/if}

package/dist/bits/alert-dialog/components/AlertDialogPortal.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/alert-dialog/components/AlertDialogTitle.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/alert-dialog/components/AlertDialogTrigger.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 AlertDialogTriggerProps = typeof __propDef.props;
 export type AlertDialogTriggerEvents = typeof __propDef.events;

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

@@ -19,7 +19,7 @@ declare function set(props: CreateAlertDialogProps): {
             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;
@@ -41,7 +41,7 @@ declare function set(props: CreateAlertDialogProps): {
             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/alert-dialog/ctx.js

@@ -5,8 +5,7 @@ const NAME = "AlertDialog";
 function set(props) {
     const alertDialog = createDialog({
         ...removeUndefined(props),
-        role: "alertdialog",
-        forceVisible: true
+        role: "alertdialog"
     });
     setContext(NAME, alertDialog);
     return {

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

@@ -1,6 +1,7 @@
 import type { HTMLDivAttributes, OmitOpen, Expand, HTMLHeadingAttributes, OnChangeFn, Transition, TransitionParams, AsChild } 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"]>;
@@ -18,7 +19,10 @@ type PortalProps = AsChild & HTMLDivAttributes;
 type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 } & AsChild> & HTMLHeadingAttributes;
-type TriggerEvents = DialogComponentEvents["trigger"];
-type CancelEvents = DialogComponentEvents["close"];
-type ActionEvents = CancelEvents;
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
+type ActionEvents = TriggerEvents;
+type CancelEvents = TriggerEvents;
 export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, OverlayProps, PortalProps, TitleProps, Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, OverlayProps as AlertDialogOverlayProps, PortalProps as AlertDialogPortalProps, TitleProps as AlertDialogTitleProps, TriggerEvents, CancelEvents, ActionEvents, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents };

package/dist/bits/aspect-ratio/components/AspectRatio.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/avatar/components/Avatar.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;

package/dist/bits/avatar/components/AvatarFallback.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/avatar/components/AvatarImage.svelte.d.ts

@@ -86,7 +86,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/button/components/Button.svelte.d.ts

@@ -84,7 +84,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;
@@ -223,7 +223,7 @@ declare const __propDef: {
         'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLAnchorElement> | null | undefined;
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLAnchorElement> | null | undefined;
     } | {
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         href?: undefined;
         builders?: import("../../../internal/index.js").Builder[] | undefined;
         disabled?: boolean | null | undefined;
@@ -305,7 +305,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/checkbox/components/Checkbox.svelte.d.ts

@@ -15,7 +15,7 @@ declare const __propDef: {
         formmethod?: string | null | undefined;
         formnovalidate?: boolean | null | undefined;
         formtarget?: string | null | undefined;
-        type?: "reset" | "submit" | "button" | null | undefined;
+        type?: "button" | "submit" | "reset" | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -86,7 +86,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/checkbox/components/CheckboxIndicator.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/checkbox/components/CheckboxInput.svelte.d.ts

@@ -5,11 +5,11 @@ declare const __propDef: {
         'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
         multiple?: boolean | null | undefined;
         disabled?: boolean | null | undefined;
-        contextmenu?: string | null | undefined;
         form?: string | null | undefined;
         list?: string | null | undefined;
         radiogroup?: string | null | undefined;
         step?: string | number | null | undefined;
+        contextmenu?: string | null | undefined;
         role?: import("svelte/elements.js").AriaRole | null | undefined;
         src?: string | null | undefined;
         alt?: string | null | undefined;
@@ -74,7 +74,7 @@ declare const __propDef: {
         '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-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/checkbox/ctx.d.ts

@@ -14,7 +14,7 @@ declare function set(props: CreateCheckboxProps): {
             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>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
+        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
             readonly 'data-disabled': boolean;
             readonly 'data-state': "checked" | "indeterminate" | "unchecked";
             readonly type: "button";
@@ -63,7 +63,7 @@ declare function getCheckbox(): import("@melt-ui/svelte/internal/helpers").Expli
     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>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
+}, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
     readonly 'data-disabled': boolean;
     readonly 'data-state': "checked" | "indeterminate" | "unchecked";
     readonly type: "button";

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

@@ -1,5 +1,6 @@
-import type { Expand, HTMLDivAttributes, KeydownClickEvents, OmitChecked, OnChangeFn, AsChild } from "../../internal/index.js";
-import type { CheckboxComponentEvents, CreateCheckboxProps } from "@melt-ui/svelte";
+import type { Expand, HTMLDivAttributes, OmitChecked, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { ButtonEventHandler } from "../../index.js";
+import type { CreateCheckboxProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
 type Props = Expand<OmitChecked<CreateCheckboxProps> & {
     checked?: CreateCheckboxProps["defaultChecked"] & {};
@@ -7,5 +8,8 @@ type Props = Expand<OmitChecked<CreateCheckboxProps> & {
 } & AsChild> & HTMLButtonAttributes;
 type IndicatorProps = HTMLDivAttributes;
 type InputProps = Omit<HTMLInputAttributes, "value">;
-type Events = CheckboxComponentEvents["root"] & KeydownClickEvents;
+type Events = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+};
 export type { Props, IndicatorProps, InputProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, InputProps as CheckboxInputProps, Events, Events as CheckboxEvents };