bits-ui 0.18.1 → 0.18.3

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

@@ -8,7 +8,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
     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: CreateDatePickerProps): {
             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: CreateDatePickerProps): {
             [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: CreateDatePickerProps): {
             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: CreateDatePickerProps): {
             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<[{
+        field: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             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;
@@ -87,7 +88,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        segment: 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>>, {
+        segment: 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;
@@ -156,22 +157,18 @@ export declare function setCtx(props: CreateDatePickerProps): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, 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>;
-        hiddenInput: 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]) => {
+        hiddenInput: 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;
@@ -179,12 +176,12 @@ export declare function setCtx(props: CreateDatePickerProps): {
             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<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
+        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<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
             id: string;
             role: string;
             'aria-label': string;
@@ -192,11 +189,11 @@ export declare function setCtx(props: CreateDatePickerProps): {
             '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;
@@ -204,7 +201,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
             '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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+        cell: import("@melt-ui/svelte/internal/helpers").MeltElement<[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>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
             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;
@@ -236,14 +233,14 @@ export declare function setCtx(props: CreateDatePickerProps): {
             readonly 'data-focused': "" | 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;
             'data-disabled': string | undefined;
             disabled: boolean | 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;
@@ -296,17 +293,17 @@ export declare function setCtx(props: CreateDatePickerProps): {
     };
     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>>;
@@ -390,7 +387,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;
@@ -403,7 +400,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;
@@ -414,9 +411,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;
@@ -424,7 +422,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;
@@ -432,16 +430,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<[{
+        field: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             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;
@@ -469,7 +467,7 @@ export declare function getCtx(): {
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        segment: 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>>, {
+        segment: 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;
@@ -538,22 +536,18 @@ export declare function getCtx(): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, 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>;
-        hiddenInput: 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]) => {
+        hiddenInput: 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;
@@ -561,12 +555,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<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
+        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<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
             id: string;
             role: string;
             'aria-label': string;
@@ -574,11 +568,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;
@@ -586,7 +580,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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+        cell: import("@melt-ui/svelte/internal/helpers").MeltElement<[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>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
             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;
@@ -618,14 +612,14 @@ export declare function getCtx(): {
             readonly 'data-focused': "" | 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;
             'data-disabled': string | undefined;
             disabled: boolean | 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;
@@ -678,17 +672,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/date-range-field/ctx.d.ts

@@ -5,7 +5,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
     elements: {
-        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;
@@ -24,14 +24,14 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             '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<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
+        label: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
+        startSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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;
@@ -54,7 +54,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             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("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>>, import("svelte/store").Readable<{
+        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte/index.js").SegmentPart>>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -67,7 +67,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
             field: string;
             label: string;
             description: string;
@@ -80,7 +80,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
+        }, string]) => (part: import("@melt-ui/svelte/index.js").SegmentPart) => {
             'aria-invalid': "true" | undefined;
             'aria-disabled': "true" | undefined;
             'aria-readonly': "true" | undefined;
@@ -100,7 +100,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             'data-disabled': string | undefined;
             'data-segment': string;
         }, string>;
-        endSegment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
+        endSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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;
@@ -123,7 +123,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             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("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>>, import("svelte/store").Readable<{
+        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<Set<import("@melt-ui/svelte/index.js").SegmentPart>>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -136,7 +136,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
             field: string;
             label: string;
             description: string;
@@ -149,7 +149,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
+        }, string]) => (part: import("@melt-ui/svelte/index.js").SegmentPart) => {
             'aria-invalid': "true" | undefined;
             'aria-disabled': "true" | undefined;
             'aria-readonly': "true" | undefined;
@@ -169,15 +169,11 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             '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<import("svelte/store").Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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;
@@ -185,15 +181,11 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             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<import("svelte/store").Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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;
@@ -201,7 +193,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             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<import("svelte/store").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<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
             id: string;
             'data-invalid': string | undefined;
             style: string | undefined;
@@ -209,10 +201,10 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
     };
     states: {
         value: {
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").DateRange>, sideEffect?: ((newValue: import("@melt-ui/svelte").DateRange) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").DateRange) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").DateRange>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").DateRange> | undefined): import("svelte/store").Unsubscriber;
-            get: () => import("@melt-ui/svelte").DateRange;
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/index.js").DateRange>, sideEffect?: ((newValue: import("@melt-ui/svelte/index.js").DateRange) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte/index.js").DateRange) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/index.js").DateRange>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/index.js").DateRange> | undefined): import("svelte/store").Unsubscriber;
+            get: () => import("@melt-ui/svelte/index.js").DateRange;
             destroy?: (() => void) | undefined;
         };
         placeholder: {
@@ -223,24 +215,24 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
         };
         segmentContents: import("svelte/store").Readable<{
             start: {
-                part: import("@melt-ui/svelte").SegmentPart;
+                part: import("@melt-ui/svelte/index.js").SegmentPart;
                 value: string;
             }[];
             end: {
-                part: import("@melt-ui/svelte").SegmentPart;
+                part: import("@melt-ui/svelte/index.js").SegmentPart;
                 value: string;
             }[];
         }>;
-        endSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>;
-        startSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>;
+        endSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
+        startSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
         isInvalid: import("svelte/store").Readable<boolean>;
     };
     options: {
         endName: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | undefined>>;
         startName: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | undefined>>;
         disabled: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
-        onValueChange?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte").DateRange> | undefined>> | undefined;
-        defaultValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").DateRange>>;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/index.js").DateRange> | undefined>> | undefined;
+        defaultValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").DateRange>>;
         ids?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<Partial<{
             label: string;
             description: string;
@@ -249,9 +241,9 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
         }> | undefined>> | undefined;
         required?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean | undefined>> | undefined;
         defaultPlaceholder?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>> | undefined;
-        granularity: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").Granularity | undefined>>;
+        granularity: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").Granularity | undefined>>;
         onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined>> | undefined;
-        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>>;
+        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/index.js").Matcher | undefined>>;
         minValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
         maxValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
         readonly: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;