bits-ui 0.0.25 → 0.0.26

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/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.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.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/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/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 };

package/dist/bits/collapsible/components/Collapsible.svelte.d.ts

@@ -76,7 +76,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/collapsible/components/CollapsibleContent.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/collapsible/components/CollapsibleTrigger.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,9 +227,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-click"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-    };
+    events: TriggerEvents;
 };
 export type CollapsibleTriggerProps = typeof __propDef.props;
 export type CollapsibleTriggerEvents = typeof __propDef.events;

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

@@ -1,5 +1,6 @@
 import type { HTMLDivAttributes, Transition, TransitionParams, OmitOpen, Expand, OnChangeFn, AsChild } from "../../internal/index.js";
-import type { CollapsibleComponentEvents, CreateCollapsibleProps } from "@melt-ui/svelte";
+import type { ButtonEventHandler } from "../../index.js";
+import type { CreateCollapsibleProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateCollapsibleProps> & {
     open?: CreateCollapsibleProps["defaultOpen"] & {};
@@ -10,5 +11,7 @@ type ContentProps<T extends Transition = Transition> = {
     transitionConfig?: TransitionParams<T>;
 } & AsChild & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
-type TriggerEvents = CollapsibleComponentEvents["trigger"];
+type TriggerEvents = {
+    "m-click": ButtonEventHandler<MouseEvent>;
+};
 export type { Props, ContentProps, TriggerProps, Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents, TriggerEvents as CollapsibleTriggerEvents };

package/dist/bits/context-menu/components/ContextMenuArrow.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/context-menu/components/ContextMenuCheckboxIndicator.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;