bits-ui 0.16.0 → 0.18.0

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

@@ -5,14 +5,16 @@ import type { FloatingProps } from "../floating/_types.js";
 export declare function setCtx(props: CreateDatePickerProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
-    getFieldAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
+    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<[{
             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;
-        }, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId, $triggerId]: [boolean, string, string]) => {
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId, $triggerId]: [boolean, string, string]) => {
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -40,7 +42,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>, Writable<string | HTMLElement | null | undefined>, Writable<string>], <Node_1 extends unknown>(node: HTMLElement) => {
+        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) => {
             destroy(): void;
         }, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null | undefined, string]) => {
             hidden: boolean | undefined;
@@ -50,7 +52,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
             'data-state': string;
             'data-portal': string | undefined;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        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) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -61,7 +63,9 @@ export declare function setCtx(props: CreateDatePickerProps): {
             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;
-        }, import("svelte/store").Readable<boolean>, Writable<boolean>, Writable<boolean>, import("svelte/store").Readable<{
+            get: () => import("@internationalized/date").DateValue | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -83,7 +87,8 @@ export declare function setCtx(props: CreateDatePickerProps): {
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        segment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj>, Writable<12 | 24 | undefined>, {
+        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>>, {
+            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;
             subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
@@ -95,6 +100,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
                 set: (this: void, value: import("@internationalized/date").DateValue) => void;
                 subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
                 update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+                get: () => import("@internationalized/date").DateValue;
             };
             nextPage: (amount: number) => void;
             prevPage: (amount: number) => void;
@@ -102,7 +108,9 @@ export declare function setCtx(props: CreateDatePickerProps): {
             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;
-        }, import("svelte/store").Readable<boolean>, Writable<boolean>, Writable<boolean>, import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>, import("svelte/store").Readable<{
+            get: () => import("@internationalized/date").DateValue | undefined;
+            destroy?: (() => void) | undefined;
+        }, 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<import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -115,7 +123,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, 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").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj, 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<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>, {
             field: string;
             label: string;
             description: string;
@@ -148,7 +156,7 @@ 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>, Writable<boolean>, Writable<string>], (node: HTMLElement) => {
+        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) => {
             destroy: () => void;
         }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
             id: string;
@@ -159,7 +167,9 @@ export declare function setCtx(props: CreateDatePickerProps): {
             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;
-        }, Writable<string | undefined>, Writable<boolean>, Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
+            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]) => {
             name: string | undefined;
             value: string | undefined;
             'aria-hidden': "true";
@@ -169,12 +179,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>, Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, 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]) => {
             id: string;
             'data-invalid': string | undefined;
             style: string | undefined;
         }, string>;
-        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<string>, import("svelte/store").Readable<boolean>, Writable<boolean>, Writable<boolean>, 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").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]) => {
             id: string;
             role: string;
             'aria-label': string;
@@ -182,11 +192,11 @@ export declare function setCtx(props: CreateDatePickerProps): {
             'data-disabled': string | undefined;
             'data-readonly': string | undefined;
         }, string>;
-        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
+        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]) => {
             'aria-hidden': boolean;
             'data-disabled': string | undefined;
         }, string>;
-        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<boolean>, Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
+        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]) => {
             tabindex: number;
             role: string;
             'aria-readonly': "true" | undefined;
@@ -194,7 +204,8 @@ 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("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, Writable<import("@melt-ui/svelte").Matcher | undefined>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+        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>, {
+            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;
             subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
@@ -206,6 +217,7 @@ export declare function setCtx(props: CreateDatePickerProps): {
                 set: (this: void, value: import("@internationalized/date").DateValue) => void;
                 subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
                 update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+                get: () => import("@internationalized/date").DateValue;
             };
             nextPage: (amount: number) => void;
             prevPage: (amount: number) => void;
@@ -224,14 +236,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("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
+        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]) => {
             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("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
+        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]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
@@ -244,21 +256,26 @@ export declare function setCtx(props: CreateDatePickerProps): {
             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;
         };
         placeholder: {
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+            get: () => import("@internationalized/date").DateValue;
         };
         value: {
             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;
         };
-        months: Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>;
+        months: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>>;
         weekdays: import("svelte/store").Readable<string[]>;
-        headingValue: import("svelte/store").Readable<string>;
-        segmentValues: Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj>;
+        headingValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>;
+        segmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>;
         segmentContents: import("svelte/store").Readable<{
             part: import("@melt-ui/svelte").SegmentPart;
             value: string;
@@ -278,80 +295,80 @@ export declare function setCtx(props: CreateDatePickerProps): {
         isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
     };
     options: {
-        forceVisible: Writable<boolean>;
-        defaultOpen: Writable<boolean>;
-        onOpenChange: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>;
-        preventScroll: Writable<boolean>;
-        portal: Writable<string | HTMLElement | null | undefined>;
-        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+        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>>;
+        positioning: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
-        }>;
-        arrowSize: Writable<number>;
-        closeOnOutsideClick: Writable<boolean>;
-        closeOnEscape: Writable<boolean>;
-        onOutsideClick: Writable<((event: PointerEvent) => void) | undefined>;
-        closeFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        disableFocusTrap: Writable<boolean>;
-        openFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        disabled: Writable<boolean>;
-        open?: Writable<Writable<boolean> | undefined> | undefined;
-        name: Writable<string | undefined>;
-        onValueChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined> | undefined;
-        defaultValue?: Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        multiple: Writable<false | undefined>;
-        required: Writable<boolean | undefined>;
-        numberOfMonths: Writable<number | undefined>;
-        preventDeselect: Writable<boolean | undefined>;
-        minValue: Writable<import("@internationalized/date").DateValue | undefined>;
-        maxValue: Writable<import("@internationalized/date").DateValue | undefined>;
-        defaultPlaceholder?: Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        onPlaceholderChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
-        pagedNavigation: Writable<boolean | undefined>;
-        weekStartsOn: Writable<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>;
-        weekdayFormat: Writable<"narrow" | "short" | "long">;
-        isDateDisabled: Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        isDateUnavailable: Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        fixedWeeks: Writable<boolean | undefined>;
-        calendarLabel: Writable<string | undefined>;
-        locale: Writable<string>;
-        readonly: Writable<boolean>;
-        granularity: Writable<import("@melt-ui/svelte").Granularity | undefined>;
-        hourCycle: Writable<12 | 24 | undefined>;
-        hideTimeZone: Writable<boolean | undefined>;
-        dateFieldIds?: Writable<Partial<{
+        }>>;
+        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>>;
+        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>>;
+        disabled: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        open?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Writable<boolean> | undefined>> | undefined;
+        name: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined>> | undefined;
+        defaultValue?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>> | undefined;
+        multiple: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<false | undefined>>;
+        required: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        defaultPlaceholder?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>> | undefined;
+        granularity: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Granularity | undefined>>;
+        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined>> | undefined;
+        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>;
+        minValue: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>>;
+        maxValue: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>>;
+        readonly: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        hourCycle: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>;
+        locale: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>;
+        hideTimeZone: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        weekStartsOn: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>>;
+        fixedWeeks: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        numberOfMonths: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>;
+        preventDeselect: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        pagedNavigation: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        weekdayFormat: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<"narrow" | "short" | "long">>;
+        isDateDisabled: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>;
+        calendarLabel: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>;
+        dateFieldIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
             label: string;
             description: string;
-            month: string;
-            year: string;
             day: string;
             hour: string;
             minute: string;
             second: string;
+            month: string;
+            year: string;
             dayPeriod: string;
             timeZoneName: string;
             field: string;
             validation: string;
-        }> | undefined> | undefined;
-        calendarIds?: Writable<Partial<{
+        }> | undefined>> | undefined;
+        calendarIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
             calendar: string;
             accessibleHeading: string;
-        }> | undefined> | undefined;
-        popoverIds?: Writable<Partial<{
+        }> | undefined>> | undefined;
+        popoverIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
             content: string;
             trigger: string;
-        }> | undefined> | undefined;
-        readonlySegments: Writable<("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined>;
+        }> | undefined>> | undefined;
+        readonlySegments: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined>>;
     };
     ids: {
         dateField: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
             label: string;
             description: string;
-            month: string;
-            year: string;
             day: string;
             hour: string;
             minute: string;
             second: string;
+            month: string;
+            year: string;
             dayPeriod: string;
             timeZoneName: string;
             field: string;
@@ -370,14 +387,16 @@ export declare function setCtx(props: CreateDatePickerProps): {
 export declare function getCtx(): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
-    getFieldAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
+    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<[{
             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;
-        }, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId, $triggerId]: [boolean, string, string]) => {
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId, $triggerId]: [boolean, string, string]) => {
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -405,7 +424,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>, Writable<string | HTMLElement | null | undefined>, Writable<string>], <Node_1 extends unknown>(node: HTMLElement) => {
+        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) => {
             destroy(): void;
         }, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null | undefined, string]) => {
             hidden: boolean | undefined;
@@ -415,7 +434,7 @@ export declare function getCtx(): {
             'data-state': string;
             'data-portal': string | undefined;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        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) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -426,7 +445,9 @@ export declare function getCtx(): {
             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;
-        }, import("svelte/store").Readable<boolean>, Writable<boolean>, Writable<boolean>, import("svelte/store").Readable<{
+            get: () => import("@internationalized/date").DateValue | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -448,7 +469,8 @@ export declare function getCtx(): {
             'data-invalid': string | undefined;
             'data-disabled': string | undefined;
         }, string>;
-        segment: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj>, Writable<12 | 24 | undefined>, {
+        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>>, {
+            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;
             subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
@@ -460,6 +482,7 @@ export declare function getCtx(): {
                 set: (this: void, value: import("@internationalized/date").DateValue) => void;
                 subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
                 update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+                get: () => import("@internationalized/date").DateValue;
             };
             nextPage: (amount: number) => void;
             prevPage: (amount: number) => void;
@@ -467,7 +490,9 @@ export declare function getCtx(): {
             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;
-        }, import("svelte/store").Readable<boolean>, Writable<boolean>, Writable<boolean>, import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>, import("svelte/store").Readable<{
+            get: () => import("@internationalized/date").DateValue | undefined;
+            destroy?: (() => void) | undefined;
+        }, 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<import("svelte/store").Readable<Set<import("@melt-ui/svelte").SegmentPart>>>, import("svelte/store").Readable<{
             field: string;
             label: string;
             description: string;
@@ -480,7 +505,7 @@ export declare function getCtx(): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, 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").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj, 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<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>, {
             field: string;
             label: string;
             description: string;
@@ -513,7 +538,7 @@ 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>, Writable<boolean>, Writable<string>], (node: HTMLElement) => {
+        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) => {
             destroy: () => void;
         }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
             id: string;
@@ -524,7 +549,9 @@ export declare function getCtx(): {
             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;
-        }, Writable<string | undefined>, Writable<boolean>, Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $nameStore, $disabled, $required]: [import("@internationalized/date").DateValue | undefined, string | undefined, boolean, boolean]) => {
+            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]) => {
             name: string | undefined;
             value: string | undefined;
             'aria-hidden': "true";
@@ -534,12 +561,12 @@ export declare function getCtx(): {
             tabIndex: number;
             style: string;
         }, string>;
-        validation: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, 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]) => {
             id: string;
             'data-invalid': string | undefined;
             style: string | undefined;
         }, string>;
-        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<string>, import("svelte/store").Readable<boolean>, Writable<boolean>, Writable<boolean>, 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").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]) => {
             id: string;
             role: string;
             'aria-label': string;
@@ -547,11 +574,11 @@ export declare function getCtx(): {
             'data-disabled': string | undefined;
             'data-readonly': string | undefined;
         }, string>;
-        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
+        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]) => {
             'aria-hidden': boolean;
             'data-disabled': string | undefined;
         }, string>;
-        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<boolean>, Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
+        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]) => {
             tabindex: number;
             role: string;
             'aria-readonly': "true" | undefined;
@@ -559,7 +586,8 @@ 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>, Writable<import("@melt-ui/svelte").Matcher | undefined>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+        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>, {
+            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;
             subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
@@ -571,6 +599,7 @@ export declare function getCtx(): {
                 set: (this: void, value: import("@internationalized/date").DateValue) => void;
                 subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
                 update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+                get: () => import("@internationalized/date").DateValue;
             };
             nextPage: (amount: number) => void;
             prevPage: (amount: number) => void;
@@ -589,14 +618,14 @@ export declare function getCtx(): {
             readonly 'data-focused': "" | undefined;
             readonly tabindex: 0 | -1 | undefined;
         }, string>;
-        nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
+        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]) => {
             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("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
+        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]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
@@ -609,21 +638,26 @@ export declare function getCtx(): {
             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;
         };
         placeholder: {
             set: (this: void, value: import("@internationalized/date").DateValue) => void;
             subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
             update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+            get: () => import("@internationalized/date").DateValue;
         };
         value: {
             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;
         };
-        months: Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>;
+        months: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>>;
         weekdays: import("svelte/store").Readable<string[]>;
-        headingValue: import("svelte/store").Readable<string>;
-        segmentValues: Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateSegmentObj | import("@melt-ui/svelte/dist/builders/date-field/_internal/types").DateAndTimeSegmentObj>;
+        headingValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>;
+        segmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>;
         segmentContents: import("svelte/store").Readable<{
             part: import("@melt-ui/svelte").SegmentPart;
             value: string;
@@ -643,80 +677,80 @@ export declare function getCtx(): {
         isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
     };
     options: {
-        forceVisible: Writable<boolean>;
-        defaultOpen: Writable<boolean>;
-        onOpenChange: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>;
-        preventScroll: Writable<boolean>;
-        portal: Writable<string | HTMLElement | null | undefined>;
-        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+        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>>;
+        positioning: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
-        }>;
-        arrowSize: Writable<number>;
-        closeOnOutsideClick: Writable<boolean>;
-        closeOnEscape: Writable<boolean>;
-        onOutsideClick: Writable<((event: PointerEvent) => void) | undefined>;
-        closeFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        disableFocusTrap: Writable<boolean>;
-        openFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        disabled: Writable<boolean>;
-        open?: Writable<Writable<boolean> | undefined> | undefined;
-        name: Writable<string | undefined>;
-        onValueChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined> | undefined;
-        defaultValue?: Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        multiple: Writable<false | undefined>;
-        required: Writable<boolean | undefined>;
-        numberOfMonths: Writable<number | undefined>;
-        preventDeselect: Writable<boolean | undefined>;
-        minValue: Writable<import("@internationalized/date").DateValue | undefined>;
-        maxValue: Writable<import("@internationalized/date").DateValue | undefined>;
-        defaultPlaceholder?: Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        onPlaceholderChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
-        pagedNavigation: Writable<boolean | undefined>;
-        weekStartsOn: Writable<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>;
-        weekdayFormat: Writable<"narrow" | "short" | "long">;
-        isDateDisabled: Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        isDateUnavailable: Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        fixedWeeks: Writable<boolean | undefined>;
-        calendarLabel: Writable<string | undefined>;
-        locale: Writable<string>;
-        readonly: Writable<boolean>;
-        granularity: Writable<import("@melt-ui/svelte").Granularity | undefined>;
-        hourCycle: Writable<12 | 24 | undefined>;
-        hideTimeZone: Writable<boolean | undefined>;
-        dateFieldIds?: Writable<Partial<{
+        }>>;
+        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>>;
+        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>>;
+        disabled: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        open?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Writable<boolean> | undefined>> | undefined;
+        name: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined>> | undefined;
+        defaultValue?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>> | undefined;
+        multiple: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<false | undefined>>;
+        required: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        defaultPlaceholder?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>> | undefined;
+        granularity: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Granularity | undefined>>;
+        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined>> | undefined;
+        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>;
+        minValue: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>>;
+        maxValue: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@internationalized/date").DateValue | undefined>>;
+        readonly: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        hourCycle: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>;
+        locale: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>;
+        hideTimeZone: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        weekStartsOn: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>>;
+        fixedWeeks: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        numberOfMonths: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>;
+        preventDeselect: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        pagedNavigation: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
+        weekdayFormat: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<"narrow" | "short" | "long">>;
+        isDateDisabled: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>;
+        calendarLabel: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>;
+        dateFieldIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
             label: string;
             description: string;
-            month: string;
-            year: string;
             day: string;
             hour: string;
             minute: string;
             second: string;
+            month: string;
+            year: string;
             dayPeriod: string;
             timeZoneName: string;
             field: string;
             validation: string;
-        }> | undefined> | undefined;
-        calendarIds?: Writable<Partial<{
+        }> | undefined>> | undefined;
+        calendarIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
             calendar: string;
             accessibleHeading: string;
-        }> | undefined> | undefined;
-        popoverIds?: Writable<Partial<{
+        }> | undefined>> | undefined;
+        popoverIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
             content: string;
             trigger: string;
-        }> | undefined> | undefined;
-        readonlySegments: Writable<("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined>;
+        }> | undefined>> | undefined;
+        readonlySegments: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined>>;
     };
     ids: {
         dateField: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
             label: string;
             description: string;
-            month: string;
-            year: string;
             day: string;
             hour: string;
             minute: string;
             second: string;
+            month: string;
+            year: string;
             dayPeriod: string;
             timeZoneName: string;
             field: string;