bits-ui 0.0.32 → 0.5.0

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

@@ -1,26 +1,23 @@
-import type { AsChild, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
+import type { AsChild, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CreateDialogProps } from "@melt-ui/svelte";
-import type { ButtonEventHandler } from "../../index.js";
+import type { CustomEventHandler } from "../../index.js";
 type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
     open?: CreateDialogProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<CreateDialogProps["defaultOpen"]>;
+    onOpenChange?: OnChangeFn<boolean | undefined>;
 }>;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type CloseProps = TriggerProps;
-type ContentProps<T extends Transition = Transition> = Expand<{
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
-} & AsChild> & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type DescriptionProps = AsChild & HTMLDivAttributes;
-type OverlayProps = AsChild & HTMLDivAttributes;
+type OverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type PortalProps = AsChild & HTMLDivAttributes;
 type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 } & AsChild> & HTMLHeadingAttributes;
-type TriggerEvents = {
-    "m-click": ButtonEventHandler<MouseEvent>;
-    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+type TriggerEvents<T extends Element = HTMLButtonElement> = {
+    click: CustomEventHandler<MouseEvent, T>;
+    keydown: CustomEventHandler<KeyboardEvent, T>;
 };
 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/DropdownMenu.svelte

@@ -25,8 +25,10 @@ const {
   loop,
   dir,
   onOpenChange: ({ next }) => {
-    open = next;
-    onOpenChange?.(next);
+    if (open !== next) {
+      onOpenChange?.(next);
+      open = next;
+    }
     return next;
   }
 });

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

@@ -1,5 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let checked = void 0;
 export let onCheckedChange = void 0;
 export let disabled = void 0;
@@ -17,6 +18,7 @@ const {
     return next;
   }
 });
+const dispatch = createDispatcher();
 $:
   checked !== void 0 && localChecked.set(checked);
 $:
@@ -30,14 +32,14 @@ $:
 	{@const builder = $checkboxItem}
 	<div
 		{...builder} use:builder.action
+		on:m-click={dispatch}
+		on:m-focusin={dispatch}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointerdown={dispatch}
+		on:m-pointerleave={dispatch}
+		on:m-pointermove={dispatch}
 		{...$$restProps}
-		on:m-click
-		on:m-focusin
-		on:m-focusout
-		on:m-keydown
-		on:m-pointerdown
-		on:m-pointerleave
-		on:m-pointermove
 	>
 		<slot {builder} />
 	</div>

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { CheckboxItemEvents } from "../types.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
@@ -219,7 +220,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: import("../types.js").ItemEvents;
+    events: CheckboxItemEvents;
 };
 export type DropdownMenuCheckboxItemProps = typeof __propDef.props;
 export type DropdownMenuCheckboxItemEvents = typeof __propDef.events;

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

@@ -1,29 +1,73 @@
-<script>import Overlay from "../../../internal/overlay.svelte";
+<script>import { createDispatcher } from "../../../internal/events.js";
 import { melt } from "@melt-ui/svelte";
+import Overlay from "../../../internal/overlay.svelte";
 import { ctx } from "../ctx.js";
 export let sideOffset = 5;
 export let transition = void 0;
 export let transitionConfig = void 0;
+export let inTransition = void 0;
+export let inTransitionConfig = void 0;
+export let outTransition = void 0;
+export let outTransitionConfig = void 0;
 export let asChild = false;
 const {
   elements: { menu },
   states: { open }
 } = ctx.getContent(sideOffset);
+const dispatch = createDispatcher();
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
 {#if $open}
 	<Overlay />
+{/if}
+{#if asChild && $open}
+	{@const builder = $menu}
+	<slot {builder} />
+{:else if transition && $open}
+	{@const builder = $menu}
+	<div
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-keydown={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && outTransition && $open}
+	{@const builder = $menu}
+	<div
+		in:inTransition={inTransitionConfig}
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-keydown={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && $open}
+	{@const builder = $menu}
+	<div
+		in:inTransition={inTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-keydown={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if outTransition && $open}
+	{@const builder = $menu}
+	<div
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-keydown={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if $open}
 	{@const builder = $menu}
-	{#if asChild}
+	<div {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch}>
 		<slot {builder} />
-	{:else if transition}
-		<div {...builder} use:builder.action {...$$restProps} on:m-keydown transition:transition={transitionConfig}>
-			<slot {builder} />
-		</div>
-	{:else}
-		<div {...builder} use:builder.action {...$$restProps} on:m-keydown>
-			<slot {builder} />
-		</div>
-	{/if}
+	</div>
 {/if}

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

@@ -1,10 +1,15 @@
 import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/types.js";
-declare class __sveltets_Render<T extends Transition> {
+import type { ContentEvents } from "../types.js";
+declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): {
         sideOffset?: number | undefined;
         transition?: T | undefined;
         transitionConfig?: import("../../../internal/types.js").TransitionParams<T> | undefined;
+        inTransition?: In | undefined;
+        inTransitionConfig?: import("../../../internal/types.js").TransitionParams<In> | undefined;
+        outTransition?: Out | undefined;
+        outTransitionConfig?: import("../../../internal/types.js").TransitionParams<Out> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -215,18 +220,16 @@ declare class __sveltets_Render<T extends Transition> {
         'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
     };
-    events(): {
-        "m-keydown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<KeyboardEvent> | undefined;
-    };
+    events(): ContentEvents;
     slots(): {
         default: {
             builder: any;
         };
     };
 }
-export type DropdownMenuContentProps<T extends Transition> = ReturnType<__sveltets_Render<T>['props']>;
-export type DropdownMenuContentEvents<T extends Transition> = ReturnType<__sveltets_Render<T>['events']>;
-export type DropdownMenuContentSlots<T extends Transition> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class DropdownMenuContent<T extends Transition> extends SvelteComponent<DropdownMenuContentProps<T>, DropdownMenuContentEvents<T>, DropdownMenuContentSlots<T>> {
+export type DropdownMenuContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type DropdownMenuContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type DropdownMenuContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class DropdownMenuContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<DropdownMenuContentProps<T, In, Out>, DropdownMenuContentEvents<T, In, Out>, DropdownMenuContentSlots<T, In, Out>> {
 }
 export {};

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

@@ -1,9 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
 import { disabledAttrs } from "../../../internal/helpers.js";
+import { ctx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let disabled = false;
-const item = ctx.get().elements.item;
+const {
+  elements: { item }
+} = ctx.get();
+const dispatch = createDispatcher();
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
@@ -14,13 +18,13 @@ const item = ctx.get().elements.item;
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		on:m-click
-		on:m-focusin
-		on:m-focusout
-		on:m-keydown
-		on:m-pointerdown
-		on:m-pointerleave
-		on:m-pointermove
+		on:m-click={dispatch}
+		on:m-focusin={dispatch}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointerdown={dispatch}
+		on:m-pointerleave={dispatch}
+		on:m-pointermove={dispatch}
 		{...disabledAttrs(disabled)}
 	>
 		<slot {builder} />

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

@@ -1,11 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let value;
 export let disabled = false;
 export let asChild = false;
 const {
   elements: { radioItem }
 } = ctx.setRadioItem(value);
+const dispatch = createDispatcher();
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
@@ -17,13 +19,13 @@ const {
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		on:m-click
-		on:m-focusin
-		on:m-focusout
-		on:m-keydown
-		on:m-pointerdown
-		on:m-pointerleave
-		on:m-pointermove
+		on:m-click={dispatch}
+		on:m-focusin={dispatch}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointerdown={dispatch}
+		on:m-pointerleave={dispatch}
+		on:m-pointermove={dispatch}
 	>
 		<slot {builder} />
 	</div>

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { RadioItemEvents } from "../types.js";
 declare const __propDef: {
     props: {
         value: string;
@@ -218,7 +219,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: import("../types.js").ItemEvents;
+    events: RadioItemEvents;
 };
 export type DropdownMenuRadioItemProps = typeof __propDef.props;
 export type DropdownMenuRadioItemEvents = typeof __propDef.events;

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

@@ -1,34 +1,82 @@
 <script>import { melt } from "@melt-ui/svelte";
+import { createDispatcher } from "../../../internal/index.js";
 import { ctx } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
+export let inTransition = void 0;
+export let inTransitionConfig = void 0;
+export let outTransition = void 0;
+export let outTransitionConfig = void 0;
 export let asChild = false;
 const {
   elements: { subMenu },
   states: { subOpen }
 } = ctx.getSubContent();
+const dispatch = createDispatcher();
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
-
-{#if $subOpen}
+<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt store -->
+{#if asChild && $subOpen}
+	{@const builder = $subMenu}
+	<slot {builder} />
+{:else if transition && $subOpen}
+	{@const builder = $subMenu}
+	<div
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointermove={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && outTransition && $subOpen}
+	{@const builder = $subMenu}
+	<div
+		in:inTransition={inTransitionConfig}
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointermove={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && $subOpen}
+	{@const builder = $subMenu}
+	<div
+		in:inTransition={inTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointermove={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if outTransition && $subOpen}
+	{@const builder = $subMenu}
+	<div
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointermove={dispatch}
+	>
+		<slot {builder} />
+	</div>
+{:else if $subOpen}
 	{@const builder = $subMenu}
-	{#if asChild}
+	<div
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointermove={dispatch}
+	>
 		<slot {builder} />
-	{:else if transition}
-		<div
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-keydown
-			on:m-pointermove
-			transition:transition={transitionConfig}
-		>
-			<slot {builder} />
-		</div>
-	{:else}
-		<div {...builder} use:builder.action {...$$restProps} on:m-focusout on:m-keydown on:m-pointermove>
-			<slot {builder} />
-		</div>
-	{/if}
+	</div>
 {/if}

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

@@ -1,10 +1,15 @@
 import { SvelteComponent } from "svelte";
-import type { Transition } from "../../../internal/index.js";
-declare class __sveltets_Render<T extends Transition> {
+import { type Transition } from "../../../internal/index.js";
+import type { SubContentEvents } from "../types.js";
+declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): {
         sideOffset?: number | undefined;
         transition?: T | undefined;
         transitionConfig?: import("../../../internal/index.js").TransitionParams<T> | undefined;
+        inTransition?: In | undefined;
+        inTransitionConfig?: import("../../../internal/index.js").TransitionParams<In> | undefined;
+        outTransition?: Out | undefined;
+        outTransitionConfig?: import("../../../internal/index.js").TransitionParams<Out> | undefined;
         asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -215,20 +220,16 @@ declare class __sveltets_Render<T extends Transition> {
         'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
     };
-    events(): {
-        "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;
-    };
+    events(): SubContentEvents;
     slots(): {
         default: {
             builder: any;
         };
     };
 }
-export type DropdownMenuSubContentProps<T extends Transition> = ReturnType<__sveltets_Render<T>['props']>;
-export type DropdownMenuSubContentEvents<T extends Transition> = ReturnType<__sveltets_Render<T>['events']>;
-export type DropdownMenuSubContentSlots<T extends Transition> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class DropdownMenuSubContent<T extends Transition> extends SvelteComponent<DropdownMenuSubContentProps<T>, DropdownMenuSubContentEvents<T>, DropdownMenuSubContentSlots<T>> {
+export type DropdownMenuSubContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type DropdownMenuSubContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type DropdownMenuSubContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class DropdownMenuSubContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<DropdownMenuSubContentProps<T, In, Out>, DropdownMenuSubContentEvents<T, In, Out>, DropdownMenuSubContentSlots<T, In, Out>> {
 }
 export {};

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

@@ -1,9 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { ctx } from "../ctx.js";
 import { disabledAttrs } from "../../../internal/helpers.js";
+import { ctx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let disabled = false;
 export let asChild = false;
-const subTrigger = ctx.getSubTrigger().elements.subTrigger;
+const {
+  elements: { subTrigger }
+} = ctx.getSubTrigger();
+const dispatch = createDispatcher();
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
@@ -14,12 +18,12 @@ const subTrigger = ctx.getSubTrigger().elements.subTrigger;
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		on:m-click
-		on:m-focusin
-		on:m-focusout
-		on:m-keydown
-		on:m-pointerleave
-		on:m-pointermove
+		on:m-click={dispatch}
+		on:m-focusin={dispatch}
+		on:m-focusout={dispatch}
+		on:m-keydown={dispatch}
+		on:m-pointerleave={dispatch}
+		on:m-pointermove={dispatch}
 		{...disabledAttrs(disabled)}
 	>
 		<slot {builder} />

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { SubTriggerEvents } from "../types.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
@@ -217,7 +218,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: import("../types.js").ItemEvents;
+    events: SubTriggerEvents;
 };
 export type DropdownMenuSubTriggerProps = typeof __propDef.props;
 export type DropdownMenuSubTriggerEvents = typeof __propDef.events;

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

@@ -1,16 +1,18 @@
-<script>import { ctx } from "../ctx.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
+import { ctx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 const {
   elements: { trigger }
 } = ctx.get();
+const dispatch = createDispatcher();
 </script>
 
 {#if asChild}
 	<slot builder={$trigger} />
 {:else}
 	{@const builder = $trigger}
-	<button {...builder} use:builder.action {...$$restProps} on:m-keydown on:m-pointerdown>
+	<button {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch} on:m-pointerdown={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

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

@@ -1,6 +1,6 @@
-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 { TransitionProps, AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition } from "../../internal/index.js";
+import type { CustomEventHandler } from "../../index.js";
+import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
 type Props = Expand<OmitOpen<CreateDropdownMenuProps> & {
     open?: CreateDropdownMenuProps["defaultOpen"] & {};
@@ -15,11 +15,9 @@ type RadioGroupProps = Expand<OmitValue<CreateDropdownMenuRadioGroupProps> & {
     onValueChange?: OnChangeFn<CreateDropdownMenuRadioGroupProps["defaultValue"]>;
 } & AsChild> & HTMLDivAttributes;
 type RadioItemProps = Expand<DropdownMenuRadioItemProps & AsChild> & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition> = Expand<{
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
     sideOffset?: number;
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
-} & AsChild> & HTMLDivAttributes;
+} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;
 type ItemProps = Expand<{
     disabled?: boolean;
@@ -28,11 +26,9 @@ type CheckboxItemIndicatorProps = HTMLDivAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;
 type SeparatorProps = AsChild & HTMLDivAttributes;
 type SubProps = Expand<CreateDropdownSubmenuProps>;
-type SubContentProps<T extends Transition = Transition> = Expand<{
+type SubContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
     sideOffset?: number;
-    transition?: T;
-    transitionConfig?: TransitionParams<T>;
-} & AsChild> & HTMLDivAttributes;
+} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
 type SubTriggerProps = Expand<{
     disabled?: boolean;
 } & AsChild> & HTMLDivAttributes;
@@ -40,17 +36,28 @@ type TriggerProps = AsChild & HTMLButtonAttributes;
 type ArrowProps = Expand<{
     size?: number;
 } & AsChild> & HTMLDivAttributes;
-type ItemEvents = {
-    "m-click": DivEventHandler<MouseEvent>;
-    "m-keydown": DivEventHandler<KeyboardEvent>;
+type ItemEvents<T extends Element = HTMLDivElement> = {
+    click: CustomEventHandler<MouseEvent, T>;
+    keydown: CustomEventHandler<KeyboardEvent, T>;
+    focusin: CustomEventHandler<FocusEvent, T>;
+    focusout: CustomEventHandler<FocusEvent, T>;
+    pointerdown: CustomEventHandler<PointerEvent, T>;
+    pointerleave: CustomEventHandler<PointerEvent, T>;
+    pointermove: CustomEventHandler<PointerEvent, T>;
 };
 type CheckboxItemEvents = ItemEvents;
 type RadioItemEvents = ItemEvents;
-type SubTriggerEvents = ItemEvents;
-type TriggerEvents = {
-    "m-click": ButtonEventHandler<MouseEvent>;
-    "m-keydown": ButtonEventHandler<KeyboardEvent>;
+type SubTriggerEvents = Omit<ItemEvents, "pointerdown">;
+type TriggerEvents<T extends Element = HTMLButtonElement> = {
+    click: CustomEventHandler<MouseEvent, T>;
+    keydown: CustomEventHandler<KeyboardEvent, T>;
+};
+type ContentEvents<T extends Element = HTMLDivElement> = {
+    keydown: CustomEventHandler<KeyboardEvent, T>;
+};
+type SubContentEvents<T extends Element = HTMLDivElement> = {
+    keydown: CustomEventHandler<KeyboardEvent, T>;
+    focusout: CustomEventHandler<FocusEvent, T>;
+    pointermove: CustomEventHandler<PointerEvent, T>;
 };
-type ContentEvents = DropdownMenuComponentEvents["menu"];
-type SubContentEvents = DropdownMenuComponentEvents["submenu"];
 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

@@ -1,7 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
-const root = ctx.get().elements.root;
+const {
+  elements: { root }
+} = ctx.get();
+const dispatch = createDispatcher();
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
@@ -9,7 +13,7 @@ const root = ctx.get().elements.root;
 	<slot builder={$root} />
 {:else}
 	{@const builder = $root}
-	<label {...builder} use:builder.action {...$$restProps} on:m-mousedown>
+	<label {...builder} use:builder.action {...$$restProps} on:m-mousedown={dispatch}>
 		<slot {builder} />
 	</label>
 {/if}

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { Events } from "../types.js";
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined;
@@ -218,9 +219,7 @@ declare const __propDef: {
             builder: any;
         };
     };
-    events: {
-        "m-mousedown"?: import("@melt-ui/svelte/internal/types").MeltEventHandler<MouseEvent> | undefined;
-    };
+    events: Events;
 };
 export type LabelProps = typeof __propDef.props;
 export type LabelEvents = typeof __propDef.events;