bits-ui 0.11.5 → 0.11.7

package/README.md

@@ -1,9 +1,7 @@
-# Bits
+# Bits UI
 
-Headless Svelte components built with [Melt UI](https://melt-ui.com) builders.
+The headless components for Svelte.
 
 [Read the docs](https://bits-ui.com) (still a work in progress)
 
-## Credits
-
-Logo created by [BruceWayyn](https://github.com/brucewayyn)
+Powered by [Melt UI](https://melt-ui.com) builders.

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

@@ -55,11 +55,14 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
     helpers: {
         isSelected: import("svelte/store").Readable<(key: string) => boolean>;
     };
-    options: {
-        disabled: import("svelte/store").Writable<boolean>;
-        forceVisible: import("svelte/store").Writable<boolean>;
-        multiple: import("svelte/store").Writable<false | Multiple>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        multiple: false | Multiple;
+        disabled: boolean;
+        forceVisible: boolean;
+        defaultValue?: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined;
+        value?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
+    }, "defaultValue" | "value" | "onValueChange">>;
 };
 export declare function getCtx(): GetReturn;
 export declare function setItem(props: ItemProps): {

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

@@ -4,11 +4,11 @@ type SetProps = CreateAlertDialogProps;
 export declare const getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    ids: {
-        title: import("svelte/store").Writable<string>;
-        description: import("svelte/store").Writable<string>;
-        content: import("svelte/store").Writable<string>;
-    };
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        title: string;
+        description: string;
+        content: string;
+    }>;
     elements: {
         content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {
             destroy: () => void;
@@ -63,19 +63,24 @@ export declare function setCtx(props: SetProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         };
     };
-    options: {
-        open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
-        forceVisible: import("svelte/store").Writable<boolean>;
-        role: import("svelte/store").Writable<"dialog" | "alertdialog">;
-        defaultOpen: import("svelte/store").Writable<boolean>;
-        onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-        preventScroll: import("svelte/store").Writable<boolean>;
-        portal: import("svelte/store").Writable<string | HTMLElement | null>;
-        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
-        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        preventScroll: boolean;
+        closeOnEscape: boolean;
+        closeOnOutsideClick: boolean;
+        role: "dialog" | "alertdialog";
+        defaultOpen: boolean;
+        open?: import("svelte/store").Writable<boolean> | undefined;
+        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+        portal: string | HTMLElement | null;
+        forceVisible: boolean;
+        openFocus: import("@melt-ui/svelte").FocusProp | undefined;
+        closeFocus: import("@melt-ui/svelte").FocusProp | undefined;
+        ids?: Partial<{
+            title: string;
+            description: string;
+            content: string;
+        }> | undefined;
+    }, "ids">>;
 };
 export declare function getCtx(): AlertDialogReturn;
 export {};

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

@@ -28,10 +28,12 @@ export declare function setCtx(props: CreateAvatarProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<"loading" | "loaded" | "error">, invalidate?: import("svelte/store").Invalidator<"loading" | "loaded" | "error"> | undefined): import("svelte/store").Unsubscriber;
         };
     };
-    options: {
-        src: import("svelte/store").Writable<string>;
-        delayMs: import("svelte/store").Writable<number>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        src: string;
+        delayMs: number;
+        loadingStatus?: import("svelte/store").Writable<"loading" | "loaded" | "error"> | undefined;
+        onLoadingStatusChange: import("@melt-ui/svelte/internal/helpers").ChangeFn<"loading" | "loaded" | "error"> | undefined;
+    }, "onLoadingStatusChange" | "loadingStatus">>;
 };
 export declare function getImage(src?: string | undefined | null): AvatarReturn;
 export declare function getCtx(): AvatarReturn;

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

@@ -95,31 +95,31 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
         isDateSelected: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
         isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
     };
-    options: {
-        multiple: import("svelte/store").Writable<Multiple>;
-        disabled: import("svelte/store").Writable<boolean>;
-        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined> | undefined> | undefined;
-        defaultValue?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined> | undefined;
-        numberOfMonths: import("svelte/store").Writable<number>;
-        preventDeselect: import("svelte/store").Writable<boolean>;
-        minValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        maxValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        defaultPlaceholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        onPlaceholderChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
-        pagedNavigation: import("svelte/store").Writable<boolean>;
-        weekStartsOn: import("svelte/store").Writable<0 | 1 | 2 | 3 | 4 | 5 | 6>;
-        weekdayFormat: import("svelte/store").Writable<"narrow" | "short" | "long">;
-        isDateDisabled: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        isDateUnavailable: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        fixedWeeks: import("svelte/store").Writable<boolean>;
-        calendarLabel: import("svelte/store").Writable<string>;
-        locale: import("svelte/store").Writable<string>;
-        readonly: import("svelte/store").Writable<boolean>;
-    };
-    ids: {
-        calendar: import("svelte/store").Writable<string>;
-        accessibleHeading: import("svelte/store").Writable<string>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        multiple: Multiple;
+        disabled: boolean;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined> | undefined;
+        defaultValue?: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined;
+        numberOfMonths: number;
+        preventDeselect: boolean;
+        minValue: import("@internationalized/date").DateValue | undefined;
+        maxValue: import("@internationalized/date").DateValue | undefined;
+        defaultPlaceholder?: import("@internationalized/date").DateValue | undefined;
+        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined;
+        pagedNavigation: boolean;
+        weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        weekdayFormat: "narrow" | "short" | "long";
+        isDateDisabled: import("@melt-ui/svelte").Matcher | undefined;
+        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
+        fixedWeeks: boolean;
+        calendarLabel: string;
+        locale: string;
+        readonly: boolean;
+    }>;
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        calendar: string;
+        accessibleHeading: string;
+    }>;
 };
 export declare function getCtx(): {
     elements: {
@@ -214,29 +214,29 @@ export declare function getCtx(): {
         isDateSelected: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
         isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
     };
-    options: {
-        multiple: import("svelte/store").Writable<boolean>;
-        disabled: import("svelte/store").Writable<boolean>;
-        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined> | undefined> | undefined;
-        defaultValue?: import("svelte/store").Writable<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined> | undefined;
-        numberOfMonths: import("svelte/store").Writable<number>;
-        preventDeselect: import("svelte/store").Writable<boolean>;
-        minValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        maxValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        defaultPlaceholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        onPlaceholderChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
-        pagedNavigation: import("svelte/store").Writable<boolean>;
-        weekStartsOn: import("svelte/store").Writable<0 | 1 | 2 | 3 | 4 | 5 | 6>;
-        weekdayFormat: import("svelte/store").Writable<"narrow" | "short" | "long">;
-        isDateDisabled: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        isDateUnavailable: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        fixedWeeks: import("svelte/store").Writable<boolean>;
-        calendarLabel: import("svelte/store").Writable<string>;
-        locale: import("svelte/store").Writable<string>;
-        readonly: import("svelte/store").Writable<boolean>;
-    };
-    ids: {
-        calendar: import("svelte/store").Writable<string>;
-        accessibleHeading: import("svelte/store").Writable<string>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        multiple: boolean;
+        disabled: boolean;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined> | undefined;
+        defaultValue?: import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined;
+        numberOfMonths: number;
+        preventDeselect: boolean;
+        minValue: import("@internationalized/date").DateValue | undefined;
+        maxValue: import("@internationalized/date").DateValue | undefined;
+        defaultPlaceholder?: import("@internationalized/date").DateValue | undefined;
+        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined;
+        pagedNavigation: boolean;
+        weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        weekdayFormat: "narrow" | "short" | "long";
+        isDateDisabled: import("@melt-ui/svelte").Matcher | undefined;
+        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
+        fixedWeeks: boolean;
+        calendarLabel: string;
+        locale: string;
+        readonly: boolean;
+    }>;
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        calendar: string;
+        accessibleHeading: string;
+    }>;
 };

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

@@ -44,12 +44,14 @@ export declare function setCtx(props: CreateCheckboxProps): {
         isIndeterminate: import("svelte/store").Readable<boolean>;
         isChecked: import("svelte/store").Readable<boolean>;
     };
-    options: {
-        disabled: import("svelte/store").Writable<boolean>;
-        value: import("svelte/store").Writable<string>;
-        name: import("svelte/store").Writable<string | undefined>;
-        required: import("svelte/store").Writable<boolean>;
-        onCheckedChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean | "indeterminate"> | undefined> | undefined;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        disabled: boolean;
+        required: boolean;
+        name: string | undefined;
+        value: string;
+        defaultChecked: boolean | "indeterminate";
+        checked?: import("svelte/store").Writable<boolean | "indeterminate"> | undefined;
+        onCheckedChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean | "indeterminate"> | undefined;
+    }, "checked" | "defaultChecked">>;
 };
 export declare function getCtx(): CheckboxReturn;

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

@@ -35,9 +35,12 @@ export declare function setCtx(props: CreateCollapsibleProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         };
     };
-    options: {
-        disabled: import("svelte/store").Writable<boolean>;
-        forceVisible: import("svelte/store").Writable<boolean>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        disabled: boolean;
+        forceVisible: boolean;
+        defaultOpen: boolean;
+        open?: import("svelte/store").Writable<boolean> | undefined;
+        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+    }, "open" | "defaultOpen" | "onOpenChange">>;
 };
 export declare function getCtx(): CollapsibleReturn;

package/dist/bits/context-menu/components/context-menu.svelte.d.ts

@@ -7,6 +7,7 @@ declare const __propDef: {
         portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
+        closeOnItemClick?: boolean | undefined;
         loop?: boolean | undefined;
         typeahead?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;

package/dist/bits/context-menu/ctx.d.ts

@@ -5,10 +5,10 @@ import type { FloatingProps } from "../floating/_types.js";
 export declare const getAttrs: (part: "content" | "checkbox-indicator" | "arrow" | "label" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
 export declare function setCtx(props: CreateContextMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    ids: {
-        menu: Writable<string>;
-        trigger: Writable<string>;
-    };
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        menu: string;
+        trigger: string;
+    }>;
     elements: {
         menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string | HTMLElement | null | undefined>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
             readonly role: "menu";
@@ -62,10 +62,10 @@ export declare function setCtx(props: CreateContextMenuProps): {
     };
     builders: {
         createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
-            ids: {
-                menu: Writable<string>;
-                trigger: Writable<string>;
-            };
+            ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+                menu: string;
+                trigger: string;
+            }>;
             elements: {
                 subTrigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
                     update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -103,24 +103,29 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
                 };
             };
-            options: {
-                dir: Writable<"ltr">;
-                disabled: Writable<boolean>;
-                open?: Writable<Writable<boolean> | undefined> | undefined;
-                defaultOpen: Writable<false>;
-                onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-                preventScroll: Writable<true>;
-                portal: Writable<string>;
-                positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+            options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+                open?: Writable<boolean> | undefined;
+                ids?: Partial<{
+                    menu: string;
+                    trigger: string;
+                }> | undefined;
+                onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+                positioning: import("@melt-ui/svelte/internal/actions").FloatingConfig | {
                     placement: "right-start";
                     gutter: number;
-                }>;
-                arrowSize: Writable<number>;
-                loop: Writable<false>;
-                closeOnOutsideClick: Writable<true>;
-                closeOnEscape: Writable<true>;
-                typeahead: Writable<true>;
-            };
+                };
+                arrowSize: number;
+                disabled: boolean;
+                preventScroll: true;
+                closeOnEscape: true;
+                closeOnOutsideClick: true;
+                portal: string;
+                loop: false;
+                dir: "ltr";
+                defaultOpen: false;
+                typeahead: true;
+                closeOnItemClick: true;
+            }, "ids">>;
         };
         createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._CheckboxItemProps | undefined) => {
             elements: {
@@ -184,25 +189,30 @@ export declare function setCtx(props: CreateContextMenuProps): {
             };
         };
     };
-    options: {
-        dir: Writable<import("@melt-ui/svelte/internal/types").TextDirection>;
-        open?: Writable<Writable<boolean> | undefined> | undefined;
-        forceVisible: Writable<boolean>;
-        defaultOpen: Writable<boolean>;
-        onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-        preventScroll: Writable<boolean>;
-        portal: Writable<string | HTMLElement | null | undefined>;
-        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        positioning: import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom-start";
-        }>;
-        arrowSize: Writable<number>;
-        loop: Writable<boolean>;
-        closeOnOutsideClick: Writable<boolean>;
-        closeOnEscape: Writable<boolean>;
-        typeahead: Writable<boolean>;
-        closeFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        disableFocusFirstItem: Writable<boolean>;
-    };
+        };
+        arrowSize: number;
+        dir: import("@melt-ui/svelte/internal/types").TextDirection;
+        preventScroll: boolean;
+        closeOnEscape: boolean;
+        closeOnItemClick: boolean;
+        portal: string | HTMLElement | null | undefined;
+        closeOnOutsideClick: boolean;
+        loop: boolean;
+        defaultOpen: boolean;
+        open?: Writable<boolean> | undefined;
+        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+        forceVisible: boolean;
+        typeahead: boolean;
+        closeFocus: import("@melt-ui/svelte").FocusProp | undefined;
+        disableFocusFirstItem: boolean;
+        ids?: Partial<{
+            menu: string;
+            trigger: string;
+        }> | undefined;
+    }, "ids">>;
 };
 export declare function getCtx(): ContextMenuReturn;
 export declare function updatePositioning(props: FloatingProps): void;

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

@@ -144,37 +144,53 @@ export declare function setCtx(props: CreateDateFieldProps): {
     helpers: {
         isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
     };
-    options: {
-        disabled: import("svelte/store").Writable<boolean>;
-        name: import("svelte/store").Writable<string | undefined>;
-        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined> | undefined;
-        defaultValue?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        required: import("svelte/store").Writable<boolean>;
-        minValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        maxValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        defaultPlaceholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        onPlaceholderChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
-        isDateUnavailable: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        locale: import("svelte/store").Writable<string>;
-        readonly: import("svelte/store").Writable<boolean>;
-        granularity: import("svelte/store").Writable<import("@melt-ui/svelte").Granularity | undefined>;
-        hourCycle: import("svelte/store").Writable<12 | 24 | undefined>;
-        hideTimeZone: import("svelte/store").Writable<boolean>;
-    };
-    ids: {
-        label: import("svelte/store").Writable<string>;
-        description: import("svelte/store").Writable<string>;
-        month: import("svelte/store").Writable<string>;
-        year: import("svelte/store").Writable<string>;
-        day: import("svelte/store").Writable<string>;
-        hour: import("svelte/store").Writable<string>;
-        minute: import("svelte/store").Writable<string>;
-        second: import("svelte/store").Writable<string>;
-        dayPeriod: import("svelte/store").Writable<string>;
-        timeZoneName: import("svelte/store").Writable<string>;
-        field: import("svelte/store").Writable<string>;
-        validation: import("svelte/store").Writable<string>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        defaultValue?: import("@internationalized/date").DateValue | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined;
+        value: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
+        defaultPlaceholder?: import("@internationalized/date").DateValue | undefined;
+        placeholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue> | undefined;
+        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined;
+        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
+        minValue: import("@internationalized/date").DateValue | undefined;
+        maxValue: import("@internationalized/date").DateValue | undefined;
+        disabled: boolean;
+        readonly: boolean;
+        hourCycle: 12 | 24 | undefined;
+        locale: string;
+        granularity: import("@melt-ui/svelte").Granularity | undefined;
+        hideTimeZone: boolean;
+        name: string | undefined;
+        required: boolean;
+        ids?: Partial<{
+            label: string;
+            description: string;
+            month: string;
+            year: string;
+            day: string;
+            hour: string;
+            minute: string;
+            second: string;
+            dayPeriod: string;
+            timeZoneName: string;
+            field: string;
+            validation: string;
+        }> | undefined;
+    }, "value" | "ids" | "placeholder">>;
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        label: string;
+        description: string;
+        month: string;
+        year: string;
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+        dayPeriod: string;
+        timeZoneName: string;
+        field: string;
+        validation: string;
+    }>;
 };
 export declare function getCtx(): {
     elements: {
@@ -318,35 +334,51 @@ export declare function getCtx(): {
     helpers: {
         isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
     };
-    options: {
-        disabled: import("svelte/store").Writable<boolean>;
-        name: import("svelte/store").Writable<string | undefined>;
-        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined> | undefined;
-        defaultValue?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        required: import("svelte/store").Writable<boolean>;
-        minValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        maxValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        defaultPlaceholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
-        onPlaceholderChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
-        isDateUnavailable: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
-        locale: import("svelte/store").Writable<string>;
-        readonly: import("svelte/store").Writable<boolean>;
-        granularity: import("svelte/store").Writable<import("@melt-ui/svelte").Granularity | undefined>;
-        hourCycle: import("svelte/store").Writable<12 | 24 | undefined>;
-        hideTimeZone: import("svelte/store").Writable<boolean>;
-    };
-    ids: {
-        label: import("svelte/store").Writable<string>;
-        description: import("svelte/store").Writable<string>;
-        month: import("svelte/store").Writable<string>;
-        year: import("svelte/store").Writable<string>;
-        day: import("svelte/store").Writable<string>;
-        hour: import("svelte/store").Writable<string>;
-        minute: import("svelte/store").Writable<string>;
-        second: import("svelte/store").Writable<string>;
-        dayPeriod: import("svelte/store").Writable<string>;
-        timeZoneName: import("svelte/store").Writable<string>;
-        field: import("svelte/store").Writable<string>;
-        validation: import("svelte/store").Writable<string>;
-    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        defaultValue?: import("@internationalized/date").DateValue | undefined;
+        onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | undefined> | undefined;
+        value: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
+        defaultPlaceholder?: import("@internationalized/date").DateValue | undefined;
+        placeholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue> | undefined;
+        onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined;
+        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
+        minValue: import("@internationalized/date").DateValue | undefined;
+        maxValue: import("@internationalized/date").DateValue | undefined;
+        disabled: boolean;
+        readonly: boolean;
+        hourCycle: 12 | 24 | undefined;
+        locale: string;
+        granularity: import("@melt-ui/svelte").Granularity | undefined;
+        hideTimeZone: boolean;
+        name: string | undefined;
+        required: boolean;
+        ids?: Partial<{
+            label: string;
+            description: string;
+            month: string;
+            year: string;
+            day: string;
+            hour: string;
+            minute: string;
+            second: string;
+            dayPeriod: string;
+            timeZoneName: string;
+            field: string;
+            validation: string;
+        }> | undefined;
+    }, "value" | "ids" | "placeholder">>;
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        label: string;
+        description: string;
+        month: string;
+        year: string;
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+        dayPeriod: string;
+        timeZoneName: string;
+        field: string;
+        validation: string;
+    }>;
 };