bits-ui 0.21.13 → 0.21.15

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type CreateContextMenuProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
@@ -8,21 +7,21 @@ export declare function getContextMenuData(): {
 };
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateContextMenuProps): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
     }>;
     elements: {
-        menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/context-menu/events").ContextMenuEvents["menu"]>, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
             readonly id: string;
-            readonly 'aria-labelledby': string;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-portal': "" | undefined;
+            readonly "aria-labelledby": string;
+            readonly "data-state": "open" | "closed";
+            readonly "data-portal": "" | undefined;
             readonly tabindex: -1;
         }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
@@ -31,49 +30,49 @@ 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;
             get: () => boolean;
             destroy?: (() => void) | undefined;
-        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ([$rootOpen, $triggerId]: [boolean, string]) => {
-            readonly 'data-state': "open" | "closed";
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/context-menu/events").ContextMenuEvents["trigger"]>, ([$rootOpen, $triggerId]: [boolean, string]) => {
+            readonly "data-state": "open" | "closed";
             readonly id: string;
             readonly style: string;
-            readonly 'data-id': string;
+            readonly "data-id": string;
         }, string>;
-        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
+        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends any>(node: HTMLElement) => {
             destroy(): void;
         }, ([$isVisible]: [boolean]) => {
             readonly hidden: true | undefined;
             readonly tabindex: -1;
             readonly style: string;
-            readonly 'aria-hidden': "true";
-            readonly 'data-state': "open" | "closed";
+            readonly "aria-hidden": "true";
+            readonly "data-state": "open" | "closed";
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
+        item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, () => {
             role: string;
             tabindex: number;
-            'data-orientation': string;
+            "data-orientation": string;
         }, string>;
         group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
             role: string;
-            'aria-labelledby': string;
+            "aria-labelledby": string;
         }, string>;
         groupLabel: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
             id: string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
-            'data-arrow': boolean;
+        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+            "data-arrow": boolean;
             style: string;
         }, string>;
-        separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
+        separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
             role: string;
-            'aria-orientation': "vertical" | undefined;
-            'aria-hidden': boolean;
-            'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            "aria-orientation": "vertical" | undefined;
+            "aria-hidden": boolean;
+            "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, "separator">;
     };
     states: {
-        open: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        open: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
     };
     builders: {
-        createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu")._CheckboxItemProps | undefined) => {
+        createCheckboxItem: (props?: import("@melt-ui/svelte/dist/builders/menu/types")._CheckboxItemProps | undefined) => {
             elements: {
                 checkboxItem: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
                     update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
@@ -81,13 +80,13 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
                     get: () => boolean | "indeterminate";
                     destroy?: (() => void) | undefined;
-                }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
-                    readonly 'data-orientation': "vertical";
-                    readonly 'aria-checked': "true" | "false" | "mixed";
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                    readonly "data-orientation": "vertical";
+                    readonly "aria-checked": "true" | "mixed" | "false";
+                    readonly "data-disabled": true | undefined;
+                    readonly "data-state": "indeterminate" | "checked" | "unchecked";
                 }, string>;
             };
             states: {
@@ -104,10 +103,10 @@ export declare function setCtx(props: CreateContextMenuProps): {
                 isIndeterminate: import("svelte/store").Readable<boolean>;
             };
             options: {
-                disabled: Writable<boolean>;
+                disabled: import("svelte/store").Writable<boolean>;
             };
         };
-        createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateSubmenuProps | undefined) => {
+        createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu/types")._CreateSubmenuProps | undefined) => {
             ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
                 menu: string;
                 trigger: string;
@@ -119,28 +118,28 @@ 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;
                     get: () => boolean;
                     destroy?: (() => void) | undefined;
-                }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, 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" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
+                }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
-                    readonly 'aria-controls': string;
-                    readonly 'aria-expanded': boolean;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'aria-haspopop': "menu";
+                    readonly "aria-controls": string;
+                    readonly "aria-expanded": boolean;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-disabled": true | undefined;
+                    readonly "aria-haspopop": "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, 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" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
                     readonly id: string;
-                    readonly 'aria-labelledby': string;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-id': string;
+                    readonly "aria-labelledby": string;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-id": string;
                     readonly tabindex: -1;
                 }, string>;
-                subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-                    'data-arrow': boolean;
+                subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+                    "data-arrow": boolean;
                     style: string;
                 }, string>;
             };
@@ -154,7 +153,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
                 };
             };
             options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-                open?: Writable<boolean> | undefined;
+                open?: import("svelte/store").Writable<boolean> | undefined;
                 ids?: Partial<{
                     menu: string;
                     trigger: string;
@@ -178,7 +177,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
                 onOutsideClick: undefined;
             }, "ids">>;
         };
-        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu")._CreateRadioGroupProps | undefined) => {
+        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types")._CreateRadioGroupProps) => {
             elements: {
                 radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
                     role: string;
@@ -189,14 +188,14 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
                     get: () => string | null;
                     destroy?: (() => void) | undefined;
-                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
+                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
-                    'data-state': string;
-                    'aria-checked': boolean;
-                    'data-disabled': boolean | undefined;
-                    'data-value': string;
-                    'data-orientation': string;
+                    "data-state": string;
+                    "aria-checked": boolean;
+                    "data-disabled": boolean | undefined;
+                    "data-value": string;
+                    "data-orientation": string;
                     tabindex: number;
                 }, string>;
             };
@@ -215,20 +214,20 @@ export declare function setCtx(props: CreateContextMenuProps): {
         };
     };
     options: {
-        positioning: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig>>;
-        arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>;
-        preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        loop: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        dir: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").TextDirection>>;
-        closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        portal: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>;
-        forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        typeahead: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").FocusProp | undefined>>;
-        disableFocusFirstItem: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        closeOnItemClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
-        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<((event: import("@melt-ui/svelte").InteractOutsideEvent) => void) | undefined>>;
+        positioning: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig>>;
+        arrowSize: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<number | undefined>>;
+        preventScroll: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean | undefined>>;
+        loop: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean | undefined>>;
+        dir: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").TextDirection>>;
+        closeOnEscape: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        closeOnOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        portal: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>;
+        forceVisible: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        typeahead: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        closeFocus: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>>;
+        disableFocusFirstItem: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        closeOnItemClick: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
+        onOutsideClick: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<((event: import("@melt-ui/svelte").InteractOutsideEvent) => void) | undefined>>;
     };
 };
 export declare function getCtx(): GetReturn;

package/dist/bits/date-field/components/date-field-input.svelte

@@ -9,15 +9,12 @@ const {
   ids,
   getAttrs
 } = getCtx();
-$:
-  if (id) {
-    ids.field.set(id);
-  }
+$: if (id) {
+  ids.field.set(id);
+}
 const attrs = getAttrs("input");
-$:
-  builder = $field;
-$:
-  Object.assign(builder, attrs);
+$: builder = $field;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -29,6 +29,8 @@ declare const __propDef: {
             }[];
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateFieldInputProps = typeof __propDef.props;
 export type DateFieldInputEvents = typeof __propDef.events;

package/dist/bits/date-field/components/date-field-label.svelte

@@ -12,10 +12,8 @@ if (id) {
   ids.label.set(id);
 }
 const attrs = getAttrs("label");
-$:
-  builder = $label;
-$:
-  Object.assign(builder, attrs);
+$: builder = $label;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -20,6 +20,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateFieldLabelProps = typeof __propDef.props;
 export type DateFieldLabelEvents = typeof __propDef.events;

package/dist/bits/date-field/components/date-field-segment.svelte

@@ -10,16 +10,13 @@ const {
   ids,
   getAttrs
 } = getCtx();
-$:
-  if (id && part !== "literal") {
-    ids[part].set(id);
-  }
+$: if (id && part !== "literal") {
+  ids[part].set(id);
+}
 const attrs = getAttrs("segment");
 const dispatch = createDispatcher();
-$:
-  builder = $segment(part);
-$:
-  Object.assign(builder, attrs);
+$: builder = $segment(part);
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -26,7 +26,7 @@ declare const __propDef: {
             }) & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/date-field/events.js").DateFieldEvents["segment"]>;
             };
         };
     };

package/dist/bits/date-field/components/date-field.svelte

@@ -91,38 +91,24 @@ const idValues = derived(
     timeZoneName: $timeZoneNameId
   })
 );
-$:
-  if (validationId) {
-    ids.validation.set(validationId);
-  }
-$:
-  if (descriptionId) {
-    ids.description.set(descriptionId);
-  }
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  placeholder !== void 0 && localPlaceholder.set(placeholder);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("isDateUnavailable", isDateUnavailable);
-$:
-  updateOption("granularity", granularity);
-$:
-  updateOption("hideTimeZone", hideTimeZone);
-$:
-  updateOption("hourCycle", hourCycle);
-$:
-  updateOption("locale", locale);
-$:
-  updateOption("maxValue", maxValue);
-$:
-  updateOption("minValue", minValue);
-$:
-  updateOption("readonly", readonly);
-$:
-  updateOption("readonlySegments", readonlySegments);
+$: if (validationId) {
+  ids.validation.set(validationId);
+}
+$: if (descriptionId) {
+  ids.description.set(descriptionId);
+}
+$: value !== void 0 && localValue.set(value);
+$: placeholder !== void 0 && localPlaceholder.set(placeholder);
+$: updateOption("disabled", disabled);
+$: updateOption("isDateUnavailable", isDateUnavailable);
+$: updateOption("granularity", granularity);
+$: updateOption("hideTimeZone", hideTimeZone);
+$: updateOption("hourCycle", hourCycle);
+$: updateOption("locale", locale);
+$: updateOption("maxValue", maxValue);
+$: updateOption("minValue", minValue);
+$: updateOption("readonly", readonly);
+$: updateOption("readonlySegments", readonlySegments);
 </script>
 
 <slot isInvalid={$localIsInvalid} ids={$idValues} />

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

@@ -7,8 +7,8 @@ declare const __propDef: {
         maxValue?: import("@internationalized/date").DateValue | undefined;
         readonly?: boolean | undefined;
         locale?: string | undefined;
-        readonlySegments?: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined;
-        hourCycle?: 12 | 24 | undefined;
+        readonlySegments?: import("@melt-ui/svelte/index.js").EditableSegmentPart[] | undefined;
+        hourCycle?: (12 | 24) | undefined;
         granularity?: import("@melt-ui/svelte/index.js").Granularity | undefined;
         hideTimeZone?: boolean | undefined;
         value?: import("@internationalized/date").DateValue | undefined;
@@ -40,6 +40,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateFieldProps = typeof __propDef.props;
 export type DateFieldEvents = typeof __propDef.events;

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type CreateDateFieldProps } from "@melt-ui/svelte";
 export declare function getDateFieldData(): {
     NAME: "date-field";
@@ -6,7 +5,7 @@ export declare function getDateFieldData(): {
 };
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateDateFieldProps): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<import("svelte/store").Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "label" | "input" | "segment") => Record<string, string> | undefined;
     elements: {
         field: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
@@ -20,7 +19,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
             label: string;
             description: string;
             validation: string;
-        }>], <Node_1 extends unknown>(_node: HTMLElement) => {
+        }>], <Node_1 extends any>(_node: HTMLElement) => {
             destroy(): void;
         }, ([$value, $isInvalid, $disabled, $readonly, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, {
             field: string;
@@ -30,12 +29,12 @@ export declare function setCtx(props: CreateDateFieldProps): {
         }]) => {
             role: string;
             id: string;
-            'aria-labelledby': string;
-            'aria-describedby': string;
-            'aria-disabled': "true" | undefined;
-            'aria-readonly': "true" | undefined;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
+            "aria-labelledby": string;
+            "aria-describedby": string;
+            "aria-disabled": "true" | undefined;
+            "aria-readonly": "true" | undefined;
+            "data-invalid": string | undefined;
+            "data-disabled": string | undefined;
         }, string>;
         segment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
@@ -73,7 +72,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/date-field/events").DateFieldEvents["segment"]>, ([$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;
@@ -87,38 +86,38 @@ export declare function setCtx(props: CreateDateFieldProps): {
             dayPeriod: string;
             timeZoneName: string;
         }, string]) => (part: import("@melt-ui/svelte").SegmentPart) => {
-            'aria-invalid': "true" | undefined;
-            'aria-disabled': "true" | undefined;
-            'aria-readonly': "true" | undefined;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
-            'data-segment': string;
+            "aria-invalid": "true" | undefined;
+            "aria-disabled": "true" | undefined;
+            "aria-readonly": "true" | undefined;
+            "data-invalid": string | undefined;
+            "data-disabled": string | undefined;
+            "data-segment": string;
         } | {
             id: string;
-            'aria-labelledby': string;
+            "aria-labelledby": string;
             contenteditable: boolean;
-            'aria-describedby': string | undefined;
+            "aria-describedby": string | undefined;
             tabindex: number | undefined;
-            'aria-invalid': "true" | undefined;
-            'aria-disabled': "true" | undefined;
-            'aria-readonly': "true" | undefined;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
-            'data-segment': string;
+            "aria-invalid": "true" | undefined;
+            "aria-disabled": "true" | undefined;
+            "aria-readonly": "true" | undefined;
+            "data-invalid": string | undefined;
+            "data-disabled": string | undefined;
+            "data-segment": string;
         }, string>;
         label: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
             destroy: () => void;
         }, ([$isInvalid, $disabled, $labelId]: [boolean, boolean, string]) => {
             id: string;
-            'data-invalid': string | undefined;
-            'data-disabled': string | undefined;
+            "data-invalid": string | undefined;
+            "data-disabled": string | undefined;
         }, string>;
         hiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
             destroy: import("svelte/store").Unsubscriber;
         }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
             value: string;
-            'aria-hidden': "true";
+            "aria-hidden": "true";
             hidden: boolean;
             disabled: boolean;
             required: boolean;
@@ -127,7 +126,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
         }, string>;
         validation: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isInvalid, $validationId]: [boolean, string]) => {
             id: string;
-            'data-invalid': string | undefined;
+            "data-invalid": string | undefined;
             style: string | undefined;
         }, string>;
     };
@@ -168,7 +167,7 @@ export declare function setCtx(props: CreateDateFieldProps): {
         maxValue: import("@internationalized/date").DateValue | undefined;
         disabled: boolean;
         readonly: boolean;
-        readonlySegments: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[] | undefined;
+        readonlySegments: ("day" | "hour" | "minute" | "second" | "month" | "year" | "dayPeriod")[] | undefined;
         hourCycle: 12 | 24 | undefined;
         locale: string;
         granularity: import("@melt-ui/svelte").Granularity | undefined;

package/dist/bits/date-picker/components/date-picker-arrow.svelte

@@ -9,12 +9,9 @@ const {
   getPopoverAttrs
 } = getCtx();
 const attrs = getPopoverAttrs("arrow");
-$:
-  updateOption("arrowSize", size);
-$:
-  builder = $arrow;
-$:
-  Object.assign(builder, attrs);
+$: updateOption("arrowSize", size);
+$: builder = $arrow;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -17,6 +17,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DatePickerArrowProps = typeof __propDef.props;
 export type DatePickerArrowEvents = typeof __propDef.events;

package/dist/bits/date-picker/components/date-picker-calendar.svelte

@@ -10,19 +10,15 @@ const {
   ids,
   getCalendarAttrs
 } = getCtx();
-$:
-  if (id) {
-    ids.calendar.calendar.set(id);
-  }
+$: if (id) {
+  ids.calendar.calendar.set(id);
+}
 const attrs = getCalendarAttrs("root");
 const dispatch = createDispatcher();
-$:
-  builder = $calendar;
-$:
-  Object.assign(builder, attrs);
+$: builder = $calendar;
+$: Object.assign(builder, attrs);
 let months = $localMonths;
-$:
-  months = $localMonths;
+$: months = $localMonths;
 </script>
 
 {#if asChild}