bits-ui 0.0.30 → 0.0.32

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

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

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

@@ -1,13 +1,10 @@
 /// <reference types="svelte" />
 import { type CreateDialogProps, type Dialog as DialogReturn } from "@melt-ui/svelte";
-import { type TOpen, type TransitionTimesProp } from "../../internal/index.js";
-type SetProps = CreateDialogProps & TransitionTimesProp & TOpen;
-type CtxReturn = DialogReturn & TransitionTimesProp & TOpen;
 export declare const ctx: {
     set: typeof set;
     get: typeof get;
 };
-declare function set(props: SetProps): {
+declare function set(props: CreateDialogProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
         content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
@@ -76,5 +73,5 @@ declare function set(props: SetProps): {
         forceVisible: import("svelte/store").Writable<boolean>;
     };
 };
-declare function get(): CtxReturn;
+declare function get(): DialogReturn;
 export {};

package/dist/bits/dialog/ctx.js

@@ -8,7 +8,7 @@ export const ctx = {
 };
 function set(props) {
     const dialog = createDialog({ ...removeUndefined(props), role: "dialog" });
-    setContext(NAME, { ...dialog, transitionTimes: props.transitionTimes, tOpen: props.tOpen });
+    setContext(NAME, dialog);
     return {
         ...dialog,
         updateOption: getOptionUpdater(dialog.options)

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

@@ -1,4 +1,4 @@
-import type { AsChild, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
+import type { AsChild, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
 import type { CreateDialogProps } from "@melt-ui/svelte";
 import type { ButtonEventHandler } from "../../index.js";
@@ -8,9 +8,12 @@ type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
 }>;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type CloseProps = TriggerProps;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition> = Expand<{
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+} & AsChild> & HTMLDivAttributes;
 type DescriptionProps = AsChild & HTMLDivAttributes;
-type OverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
+type OverlayProps = AsChild & HTMLDivAttributes;
 type PortalProps = AsChild & HTMLDivAttributes;
 type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

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

@@ -4,10 +4,6 @@ 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 },
@@ -22,40 +18,7 @@ const {
 	{#if asChild}
 		<slot {builder} />
 	{:else if transition}
-		<div
-			transition:transition|global={transitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-keydown
-		>
-			<slot {builder} />
-		</div>
-	{:else if inTransition && outTransition}
-		<div
-			in:inTransition|global={inTransitionConfig}
-			out:outTransition|global={outTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-keydown
-		>
-			<slot {builder} />
-		</div>
-	{:else if inTransition}
-		<div
-			in:inTransition|global={inTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-keydown
-		>
-			<slot {builder} />
-		</div>
-	{:else if outTransition}
-		<div
-			out:outTransition|global={outTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-keydown
-		>
+		<div {...builder} use:builder.action {...$$restProps} on:m-keydown transition:transition={transitionConfig}>
 			<slot {builder} />
 		</div>
 	{:else}

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

@@ -1,14 +1,10 @@
 import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/types.js";
-declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
+declare class __sveltets_Render<T 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;
@@ -228,9 +224,9 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         };
     };
 }
-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 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 {};

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

@@ -2,10 +2,6 @@
 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 },
@@ -13,53 +9,20 @@ const {
 } = ctx.getSubContent();
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt store -->
+<!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
+
 {#if $subOpen}
 	{@const builder = $subMenu}
 	{#if asChild}
 		<slot {builder} />
 	{:else if transition}
 		<div
-			transition:transition|global={transitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-keydown
-			on:m-pointermove
-		>
-			<slot {builder} />
-		</div>
-	{:else if inTransition && outTransition}
-		<div
-			in:inTransition|global={inTransitionConfig}
-			out:outTransition|global={outTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-keydown
-			on:m-pointermove
-		>
-			<slot {builder} />
-		</div>
-	{:else if inTransition}
-		<div
-			in:inTransition|global={inTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-keydown
-			on:m-pointermove
-		>
-			<slot {builder} />
-		</div>
-	{:else if outTransition}
-		<div
-			out:outTransition|global={outTransitionConfig}
 			{...builder} use:builder.action
 			{...$$restProps}
 			on:m-focusout
 			on:m-keydown
 			on:m-pointermove
+			transition:transition={transitionConfig}
 		>
 			<slot {builder} />
 		</div>

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

@@ -1,14 +1,10 @@
 import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/index.js";
-declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
+declare class __sveltets_Render<T 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;
@@ -230,9 +226,9 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         };
     };
 }
-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 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 {};

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

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

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

@@ -1,4 +1,4 @@
-import type { TransitionProps, AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition } from "../../internal/index.js";
+import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionParams } from "../../internal/index.js";
 import type { ButtonEventHandler, DivEventHandler } from "../../index.js";
 import type { CreateDropdownMenuProps, CreateDropdownMenuCheckboxItemProps, CreateDropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, CreateDropdownSubmenuProps, DropdownMenuComponentEvents } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
@@ -15,9 +15,11 @@ type RadioGroupProps = Expand<OmitValue<CreateDropdownMenuRadioGroupProps> & {
     onValueChange?: OnChangeFn<CreateDropdownMenuRadioGroupProps["defaultValue"]>;
 } & AsChild> & HTMLDivAttributes;
 type RadioItemProps = Expand<DropdownMenuRadioItemProps & AsChild> & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
+type ContentProps<T extends Transition = Transition> = Expand<{
     sideOffset?: number;
-} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+} & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;
 type ItemProps = Expand<{
     disabled?: boolean;
@@ -26,9 +28,11 @@ type CheckboxItemIndicatorProps = HTMLDivAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;
 type SeparatorProps = AsChild & HTMLDivAttributes;
 type SubProps = Expand<CreateDropdownSubmenuProps>;
-type SubContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
+type SubContentProps<T extends Transition = Transition> = Expand<{
     sideOffset?: number;
-} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
+    transition?: T;
+    transitionConfig?: TransitionParams<T>;
+} & AsChild> & HTMLDivAttributes;
 type SubTriggerProps = Expand<{
     disabled?: boolean;
 } & AsChild> & HTMLDivAttributes;
@@ -39,15 +43,10 @@ type ArrowProps = Expand<{
 type ItemEvents = {
     "m-click": DivEventHandler<MouseEvent>;
     "m-keydown": DivEventHandler<KeyboardEvent>;
-    "m-focusin": DivEventHandler<FocusEvent>;
-    "m-focusout": DivEventHandler<FocusEvent>;
-    "m-pointerdown": DivEventHandler<MouseEvent>;
-    "m-pointerleave": DivEventHandler<MouseEvent>;
-    "m-pointermove": DivEventHandler<MouseEvent>;
 };
 type CheckboxItemEvents = ItemEvents;
 type RadioItemEvents = ItemEvents;
-type SubTriggerEvents = Omit<ItemEvents, "m-pointerdown">;
+type SubTriggerEvents = ItemEvents;
 type TriggerEvents = {
     "m-click": ButtonEventHandler<MouseEvent>;
     "m-keydown": ButtonEventHandler<KeyboardEvent>;

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

@@ -2,10 +2,6 @@
 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: { content },
@@ -21,50 +17,13 @@ const {
 		<slot {builder} />
 	{:else if transition}
 		<div
-			transition:transition|global={transitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-pointerdown
-			on:m-pointerenter
-			on:m-pointerleave
-		>
-			<slot {builder} />
-		</div>
-	{:else if inTransition && outTransition}
-		<div
-			in:inTransition|global={inTransitionConfig}
-			out:outTransition|global={outTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-pointerdown
-			on:m-pointerenter
-			on:m-pointerleave
-		>
-			<slot {builder} />
-		</div>
-	{:else if inTransition}
-		<div
-			in:inTransition|global={inTransitionConfig}
-			{...builder} use:builder.action
-			{...$$restProps}
-			on:m-focusout
-			on:m-pointerdown
-			on:m-pointerenter
-			on:m-pointerleave
-		>
-			<slot {builder} />
-		</div>
-	{:else if outTransition}
-		<div
-			out:outTransition|global={outTransitionConfig}
 			{...builder} use:builder.action
 			{...$$restProps}
 			on:m-focusout
 			on:m-pointerdown
 			on:m-pointerenter
 			on:m-pointerleave
+			transition:transition={transitionConfig}
 		>
 			<slot {builder} />
 		</div>

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

@@ -1,13 +1,9 @@
 import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/index.js";
-declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
+declare class __sveltets_Render<T extends Transition> {
     props(): {
         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;
@@ -230,9 +226,9 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
         };
     };
 }
-export type LinkPreviewContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
-export type LinkPreviewContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
-export type LinkPreviewContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
-export default class LinkPreviewContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<LinkPreviewContentProps<T, In, Out>, LinkPreviewContentEvents<T, In, Out>, LinkPreviewContentSlots<T, In, Out>> {
+export type LinkPreviewContentProps<T extends Transition> = ReturnType<__sveltets_Render<T>['props']>;
+export type LinkPreviewContentEvents<T extends Transition> = ReturnType<__sveltets_Render<T>['events']>;
+export type LinkPreviewContentSlots<T extends Transition> = ReturnType<__sveltets_Render<T>['slots']>;
+export default class LinkPreviewContent<T extends Transition> extends SvelteComponent<LinkPreviewContentProps<T>, LinkPreviewContentEvents<T>, LinkPreviewContentSlots<T>> {
 }
 export {};