bits-ui 0.18.1 → 0.18.3

package/dist/bits/date-range-field/ctx.js

@@ -1,7 +1,7 @@
 import { createDateRangeField } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
-import { getDateFieldData } from "../date-field/ctx";
+import { getDateFieldData } from "../date-field/ctx.js";
 export function setCtx(props) {
     const { NAME, PARTS } = getDateFieldData();
     const getAttrs = createBitAttrs(NAME, PARTS);

package/dist/bits/date-range-picker/_types.d.ts

@@ -4,7 +4,7 @@
  * but we don't want to document the HTML attributes.
  */
 import type { Expand, OnChangeFn, OmitDates, OmitFloating, DOMElement } from "../../internal/index.js";
-import type { DateRange, SegmentPart } from "../../shared";
+import type { DateRange, SegmentPart } from "../../shared/index.js";
 import type { DateValue } from "@internationalized/date";
 import type { CreateDateRangePickerProps } from "@melt-ui/svelte";
 type OmitStartEnd<T> = Omit<T, "startName" | "endName" | "startIds" | "endIds" | "dateFieldIds" | "popoverIds" | "calendarIds">;

package/dist/bits/date-range-picker/components/date-range-picker-content.svelte.d.ts

@@ -14,7 +14,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
                 style: string;
                 id: string;
                 'data-state': string;
-                'data-portal': string | undefined;
+                'data-portal': string | HTMLElement | undefined;
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {

package/dist/bits/date-range-picker/components/date-range-picker-field.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
+        onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;

package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte.d.ts

@@ -7,6 +7,7 @@ declare const __propDef: {
             builder: {
                 'aria-label': string;
                 'data-segment': string;
+                disabled: boolean | undefined;
                 'data-state': "open" | "closed";
                 'aria-expanded': boolean;
                 'aria-controls': string;

package/dist/bits/date-range-picker/components/date-range-picker.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        onOutsideClick?: ((event: PointerEvent) => void) | undefined;
+        onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
         portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;

package/dist/bits/date-range-picker/ctx.d.ts

@@ -8,7 +8,7 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
     getFieldAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
     getPopoverAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
     elements: {
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             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;
@@ -21,7 +21,7 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;
-        }, string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$trigger]: [{
+        }, string>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$trigger, $disabled]: [{
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -32,9 +32,10 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             [x: `data-melt-${string}`]: "";
         } & {
             action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
-        }]) => {
+        }, boolean]) => {
             'aria-label': string;
             'data-segment': string;
+            disabled: boolean | undefined;
             'data-state': "open" | "closed";
             'aria-expanded': boolean;
             'aria-controls': string;
@@ -42,7 +43,7 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             id: string;
             'aria-haspopup': "dialog";
         }, "popover-trigger">;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], <Node_1 extends unknown>(node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], <Node_1 extends unknown>(node: HTMLElement) => {
             destroy(): void;
         }, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null | undefined, string]) => {
             hidden: boolean | undefined;
@@ -50,16 +51,16 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             style: string;
             id: string;
             'data-state': string;
-            'data-portal': string | undefined;
+            'data-portal': string | HTMLElement | undefined;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
-        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
+        close: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
             readonly type: "button";
         }, string>;
-        field: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<import("@internationalized/date").DateValue | undefined>, import("svelte/store").Readable<boolean>, import("svelte/store").Readable<{
+        field: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<import("@internationalized/date").DateValue | undefined>, import("svelte/store").Readable<boolean>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -78,14 +79,14 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             'aria-describedby': string;
             'data-invalid': string | undefined;
         }, string>;
-        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => {
+        label: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => {
             destroy: () => void;
         }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
             id: string;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        startSegment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
+        startSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
@@ -154,7 +155,7 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, string>;
-        endSegment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
+        endSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
@@ -223,15 +224,11 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, string>;
-        startHiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-            get: () => import("@internationalized/date").DateValue | undefined;
-            destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
+        startHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
+            destroy: import("svelte/store").Unsubscriber;
+        }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
-            value: string | undefined;
+            value: string;
             'aria-hidden': "true";
             hidden: boolean;
             disabled: boolean;
@@ -239,15 +236,11 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             tabIndex: number;
             style: string;
         }, string>;
-        endHiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-            get: () => import("@internationalized/date").DateValue | undefined;
-            destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
+        endHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
+            destroy: import("svelte/store").Unsubscriber;
+        }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
-            value: string | undefined;
+            value: string;
             'aria-hidden': "true";
             hidden: boolean;
             disabled: boolean;
@@ -255,12 +248,12 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             tabIndex: number;
             style: string;
         }, string>;
-        validation: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
+        validation: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
             id: string;
             'data-invalid': string | undefined;
             style: string | undefined;
         }, string>;
-        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
+        calendar: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
             id: string;
             role: string;
             'aria-label': string;
@@ -268,11 +261,11 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             'data-disabled': string | undefined;
             'data-readonly': string | undefined;
         }, string>;
-        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
+        heading: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
             'aria-hidden': boolean;
             'data-disabled': string | undefined;
         }, string>;
-        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
+        grid: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
             tabindex: number;
             role: string;
             'aria-readonly': "true" | undefined;
@@ -280,7 +273,7 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             'data-readonly': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        cell: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<{
+        cell: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<{
             start: import("@internationalized/date").DateValue;
             end: import("@internationalized/date").DateValue;
         } | null>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, {
@@ -321,14 +314,14 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             readonly 'data-highlighted': "" | undefined;
             readonly tabindex: 0 | -1 | undefined;
         }, string>;
-        nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
+        nextButton: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
             disabled: boolean | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
+        prevButton: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
@@ -388,17 +381,17 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
     };
     options: {
         forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        defaultOpen: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        onOpenChange: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>>;
         preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
         portal: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>;
+        defaultOpen: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        onOpenChange: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>>;
         positioning: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
         }>>;
         arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>;
         closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
         closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<((event: PointerEvent) => void) | undefined>>;
+        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<((event: import("@melt-ui/svelte").InteractOutsideEvent) => void) | undefined>>;
         closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").FocusProp | undefined>>;
         disableFocusTrap: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
         openFocus: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").FocusProp | undefined>>;
@@ -536,7 +529,7 @@ export declare function getCtx(): {
     getFieldAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
     getPopoverAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
     elements: {
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             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;
@@ -549,7 +542,7 @@ export declare function getCtx(): {
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;
-        }, string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$trigger]: [{
+        }, string>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$trigger, $disabled]: [{
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -560,9 +553,10 @@ export declare function getCtx(): {
             [x: `data-melt-${string}`]: "";
         } & {
             action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
-        }]) => {
+        }, boolean]) => {
             'aria-label': string;
             'data-segment': string;
+            disabled: boolean | undefined;
             'data-state': "open" | "closed";
             'aria-expanded': boolean;
             'aria-controls': string;
@@ -570,7 +564,7 @@ export declare function getCtx(): {
             id: string;
             'aria-haspopup': "dialog";
         }, "popover-trigger">;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], <Node_1 extends unknown>(node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], <Node_1 extends unknown>(node: HTMLElement) => {
             destroy(): void;
         }, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null | undefined, string]) => {
             hidden: boolean | undefined;
@@ -578,16 +572,16 @@ export declare function getCtx(): {
             style: string;
             id: string;
             'data-state': string;
-            'data-portal': string | undefined;
+            'data-portal': string | HTMLElement | undefined;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
-        close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
+        close: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
             readonly type: "button";
         }, string>;
-        field: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<import("@internationalized/date").DateValue | undefined>, import("svelte/store").Readable<boolean>, import("svelte/store").Readable<{
+        field: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<import("@internationalized/date").DateValue | undefined>, import("svelte/store").Readable<boolean>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -606,14 +600,14 @@ export declare function getCtx(): {
             'aria-describedby': string;
             'data-invalid': string | undefined;
         }, string>;
-        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => {
+        label: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => {
             destroy: () => void;
         }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
             id: string;
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        startSegment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
+        startSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
@@ -682,7 +676,7 @@ export declare function getCtx(): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, string>;
-        endSegment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
+        endSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
@@ -751,15 +745,11 @@ export declare function getCtx(): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, string>;
-        startHiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-            get: () => import("@internationalized/date").DateValue | undefined;
-            destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
+        startHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
+            destroy: import("svelte/store").Unsubscriber;
+        }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
-            value: string | undefined;
+            value: string;
             'aria-hidden': "true";
             hidden: boolean;
             disabled: boolean;
@@ -767,15 +757,11 @@ export declare function getCtx(): {
             tabIndex: number;
             style: string;
         }, string>;
-        endHiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@internationalized/date").DateValue | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | undefined> | undefined): import("svelte/store").Unsubscriber;
-            get: () => import("@internationalized/date").DateValue | undefined;
-            destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
+        endHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
+            destroy: import("svelte/store").Unsubscriber;
+        }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
-            value: string | undefined;
+            value: string;
             'aria-hidden': "true";
             hidden: boolean;
             disabled: boolean;
@@ -783,12 +769,12 @@ export declare function getCtx(): {
             tabIndex: number;
             style: string;
         }, string>;
-        validation: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
+        validation: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
             id: string;
             'data-invalid': string | undefined;
             style: string | undefined;
         }, string>;
-        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
+        calendar: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
             id: string;
             role: string;
             'aria-label': string;
@@ -796,11 +782,11 @@ export declare function getCtx(): {
             'data-disabled': string | undefined;
             'data-readonly': string | undefined;
         }, string>;
-        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
+        heading: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
             'aria-hidden': boolean;
             'data-disabled': string | undefined;
         }, string>;
-        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
+        grid: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
             tabindex: number;
             role: string;
             'aria-readonly': "true" | undefined;
@@ -808,7 +794,7 @@ export declare function getCtx(): {
             'data-readonly': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        cell: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<{
+        cell: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<{
             start: import("@internationalized/date").DateValue;
             end: import("@internationalized/date").DateValue;
         } | null>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, {
@@ -849,14 +835,14 @@ export declare function getCtx(): {
             readonly 'data-highlighted': "" | undefined;
             readonly tabindex: 0 | -1 | undefined;
         }, string>;
-        nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
+        nextButton: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
             disabled: boolean | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
+        prevButton: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
@@ -916,17 +902,17 @@ export declare function getCtx(): {
     };
     options: {
         forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        defaultOpen: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        onOpenChange: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>>;
         preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
         portal: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>;
+        defaultOpen: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        onOpenChange: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>>;
         positioning: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
         }>>;
         arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>;
         closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
         closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<((event: PointerEvent) => void) | undefined>>;
+        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<((event: import("@melt-ui/svelte").InteractOutsideEvent) => void) | undefined>>;
         closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").FocusProp | undefined>>;
         disableFocusTrap: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
         openFocus: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").FocusProp | undefined>>;

package/dist/bits/dialog/components/dialog-portal.svelte.d.ts

@@ -8,7 +8,7 @@ declare const __propDef: {
     slots: {
         default: {
             builder: {
-                'data-portal': string | undefined;
+                'data-portal': string | HTMLElement | undefined;
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {

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

@@ -15,9 +15,15 @@ export declare function setCtx(props: SetProps): {
         content: string;
     }>;
     elements: {
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, {
+            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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }], (node: HTMLElement) => {
             destroy: () => void;
-        }, ([$isVisible, $contentId, $descriptionId, $titleId]: [boolean, string, string, string]) => {
+        }, ([$isVisible, $contentId, $descriptionId, $titleId, $open]: [boolean, string, string, string, boolean]) => {
             id: string;
             role: "dialog" | "alertdialog";
             'aria-describedby': string;
@@ -28,7 +34,7 @@ export declare function setCtx(props: SetProps): {
             hidden: boolean | undefined;
             style: string;
         }, string>;
-        trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             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;
@@ -39,28 +45,34 @@ export declare function setCtx(props: SetProps): {
             readonly 'aria-expanded': boolean;
             readonly type: "button";
         }, string>;
-        title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
+        title: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
             id: string;
         }, string>;
-        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
+        description: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
             id: string;
         }, string>;
-        overlay: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
+        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, {
+            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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }], <Node_1 extends unknown>(node: HTMLElement) => {
             destroy(): void;
-        }, ([$isVisible]: [boolean]) => {
+        }, ([$isVisible, $open]: [boolean, boolean]) => {
             readonly hidden: true | undefined;
             readonly tabindex: -1;
             readonly style: string;
             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<"keydown" | "click">, () => {
+        close: import("@melt-ui/svelte/internal/helpers").MeltElement<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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null>>, <Node_2 extends unknown>(node: HTMLElement) => {
+        portalled: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>, <Node_2 extends unknown>(node: HTMLElement) => {
             destroy(): void;
-        }, ($portal: string | HTMLElement | null) => {
-            'data-portal': string | undefined;
+        }, ($portal: string | HTMLElement | null | undefined) => {
+            'data-portal': string | HTMLElement | undefined;
         }, string>;
     };
     states: {
@@ -81,7 +93,7 @@ export declare function setCtx(props: SetProps): {
         defaultOpen: boolean;
         open?: import("svelte/store").Writable<boolean> | undefined;
         onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
-        portal: string | HTMLElement | null;
+        portal: string | HTMLElement | null | undefined;
         forceVisible: boolean;
         openFocus: import("@melt-ui/svelte").FocusProp | undefined;
         closeFocus: import("@melt-ui/svelte").FocusProp | undefined;