bits-ui 0.21.13 → 0.21.15

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

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

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

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

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

@@ -12,10 +12,8 @@ if (id) {
   ids.field.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-range-field/components/date-range-field-label.svelte.d.ts

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

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

@@ -11,20 +11,17 @@ const {
   ids,
   getAttrs
 } = getCtx();
-$:
-  if (id && part !== "literal") {
-    if (type === "start") {
-      ids.start[part].set(id);
-    } else {
-      ids.end[part].set(id);
-    }
+$: if (id && part !== "literal") {
+  if (type === "start") {
+    ids.start[part].set(id);
+  } else {
+    ids.end[part].set(id);
   }
+}
 const attrs = getAttrs("segment");
 const dispatch = createDispatcher();
-$:
-  builder = type === "start" ? $startSegment(part) : $endSegment(part);
-$:
-  Object.assign(builder, attrs);
+$: builder = type === "start" ? $startSegment(part) : $endSegment(part);
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -17,10 +17,12 @@ 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<"click" | "focusout" | "keydown">;
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangeFieldSegmentProps = typeof __propDef.props;
 export type DateRangeFieldSegmentEvents = typeof __propDef.events;

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

@@ -137,44 +137,29 @@ const fieldIdValues = derived(
     validation: $validationId
   })
 );
-$:
-  if (descriptionId) {
-    ids.field.description.set(descriptionId);
-  }
-$:
-  if (validationId) {
-    ids.field.validation.set(validationId);
-  }
-$:
-  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);
-$:
-  idSlotProp = {
-    start: $startIdValues,
-    end: $endIdValues,
-    field: $fieldIdValues
-  };
+$: if (descriptionId) {
+  ids.field.description.set(descriptionId);
+}
+$: if (validationId) {
+  ids.field.validation.set(validationId);
+}
+$: 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);
+$: idSlotProp = {
+  start: $startIdValues,
+  end: $endIdValues,
+  field: $fieldIdValues
+};
 </script>
 
 <slot isInvalid={$localIsInvalid} ids={idSlotProp} />

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

@@ -8,10 +8,10 @@ declare const __propDef: {
         readonly?: boolean | undefined;
         locale?: string | undefined;
         readonlySegments?: {
-            start: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
-            end: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
+            start: import("@melt-ui/svelte/index.js").EditableSegmentPart[];
+            end: import("@melt-ui/svelte/index.js").EditableSegmentPart[];
         } | undefined;
-        hourCycle?: 12 | 24 | undefined;
+        hourCycle?: (12 | 24) | undefined;
         granularity?: import("@melt-ui/svelte/index.js").Granularity | undefined;
         hideTimeZone?: boolean | undefined;
         value?: import("../../../index.js").DateRange | undefined;
@@ -63,6 +63,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangeFieldProps = typeof __propDef.props;
 export type DateRangeFieldEvents = typeof __propDef.events;

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

@@ -1,8 +1,7 @@
-/// <reference types="svelte" />
 import { type CreateDateRangeFieldProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateDateRangeFieldProps): {
-    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<[import("svelte/store").Readable<import("@internationalized/date").DateValue | undefined>, import("svelte/store").Readable<boolean>, import("svelte/store").Readable<{
@@ -10,7 +9,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             label: string;
             description: string;
             validation: string;
-        }>], <Node_1 extends unknown>() => {
+        }>], <Node_1 extends any>() => {
             destroy(): void;
         }, ([$isCompleted, $isInvalid, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, {
             field: string;
@@ -20,16 +19,16 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
         }]) => {
             role: string;
             id: string;
-            'aria-labelledby': string;
-            'aria-describedby': string;
-            'data-invalid': string | undefined;
+            "aria-labelledby": string;
+            "aria-describedby": string;
+            "data-invalid": string | undefined;
         }, 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>;
         startSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
@@ -67,7 +66,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusout" | "keydown">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
             field: string;
             label: string;
             description: string;
@@ -81,24 +80,24 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             dayPeriod: string;
             timeZoneName: string;
         }, string]) => (part: import("@melt-ui/svelte/index.js").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>;
         endSegment: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>, {
             get: () => import("@internationalized/date").DateValue;
@@ -136,7 +135,7 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             second: string;
             dayPeriod: string;
             timeZoneName: string;
-        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusout">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
+        }>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusout" | "keydown">, ([$segmentValues, $hourCycle, $placeholder, $value, $isInvalid, $disabled, $readonly, $readonlySegmentsSet, $idValues, _,]: [import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj, 12 | 24 | undefined, import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, Set<import("@melt-ui/svelte/index.js").SegmentPart>, {
             field: string;
             label: string;
             description: string;
@@ -150,52 +149,52 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
             dayPeriod: string;
             timeZoneName: string;
         }, string]) => (part: import("@melt-ui/svelte/index.js").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>;
-        startHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
+        startHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").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;
             tabIndex: number;
             style: string;
         }, string>;
-        endHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLInputElement) => {
+        endHiddenInput: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Readable<string>>, import("svelte/motion").Readable<string | undefined>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Readable<boolean>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").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;
             tabIndex: number;
             style: string;
         }, 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]) => {
+        validation: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").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>;
     };
@@ -223,8 +222,8 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
                 value: string;
             }[];
         }>;
-        endSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
-        startSegmentValues: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
+        endSegmentValues: import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
+        startSegmentValues: import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/dist/builders/date-field/_internal/types.js").SegmentValueObj>>;
         isInvalid: import("svelte/store").Readable<boolean>;
     };
     options: {
@@ -248,8 +247,8 @@ export declare function setCtx(props: CreateDateRangeFieldProps): {
         maxValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
         readonly: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
         readonlySegments: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<{
-            start: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
-            end: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
+            start: ("day" | "hour" | "minute" | "second" | "month" | "year" | "dayPeriod")[];
+            end: ("day" | "hour" | "minute" | "second" | "month" | "year" | "dayPeriod")[];
         } | undefined>>;
         hourCycle: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<12 | 24 | undefined>>;
         locale: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>;

package/dist/bits/date-range-picker/components/date-range-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-range-picker/components/date-range-picker-arrow.svelte.d.ts

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

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

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

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

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

package/dist/bits/date-range-picker/components/date-range-picker-cell.svelte

@@ -6,13 +6,12 @@ const {
   helpers: { isDateDisabled, isDateUnavailable },
   getCalendarAttrs
 } = getCtx();
-$:
-  attrs = {
-    ...getCalendarAttrs("cell"),
-    "aria-disabled": $isDateDisabled(date) || $isDateUnavailable(date),
-    "data-disabled": $isDateDisabled(date) ? "" : void 0,
-    role: "gridcell"
-  };
+$: attrs = {
+  ...getCalendarAttrs("cell"),
+  "aria-disabled": $isDateDisabled(date) || $isDateUnavailable(date),
+  "data-disabled": $isDateDisabled(date) ? "" : void 0,
+  role: "gridcell"
+};
 </script>
 
 {#if asChild}

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

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

package/dist/bits/date-range-picker/components/date-range-picker-close.svelte

@@ -9,10 +9,8 @@ const {
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getPopoverAttrs("close");
-$:
-  builder = $close;
-$:
-  Object.assign(builder, attrs);
+$: builder = $close;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -9,7 +9,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
             };
         };
     };

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

@@ -27,28 +27,24 @@ const {
   getPopoverAttrs
 } = getCtx();
 const attrs = getPopoverAttrs("content");
-$:
-  if (id) {
-    ids.popover.content.set(id);
-  }
-$:
-  builder = $content;
-$:
-  Object.assign(builder, attrs);
-$:
-  updatePositioning({
-    side,
-    align,
-    sideOffset,
-    alignOffset,
-    collisionPadding,
-    avoidCollisions,
-    collisionBoundary,
-    sameWidth,
-    fitViewport,
-    strategy,
-    overlap
-  });
+$: if (id) {
+  ids.popover.content.set(id);
+}
+$: builder = $content;
+$: Object.assign(builder, attrs);
+$: updatePositioning({
+  side,
+  align,
+  sideOffset,
+  alignOffset,
+  collisionPadding,
+  avoidCollisions,
+  collisionBoundary,
+  sameWidth,
+  fitViewport,
+  strategy,
+  overlap
+});
 </script>
 
 {#if asChild && $open}

package/dist/bits/date-range-picker/components/date-range-picker-day.svelte

@@ -10,14 +10,10 @@ const {
   getCalendarAttrs
 } = getCtx();
 const attrs = getCalendarAttrs("day");
-$:
-  builder = $cell(date, month);
-$:
-  Object.assign(builder, attrs);
-$:
-  disabled = $isDateDisabled(date);
-$:
-  unavailable = $isDateUnavailable(date);
+$: builder = $cell(date, month);
+$: Object.assign(builder, attrs);
+$: disabled = $isDateDisabled(date);
+$: unavailable = $isDateUnavailable(date);
 </script>
 
 {#if asChild}

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

@@ -33,6 +33,8 @@ declare const __propDef: {
             unavailable: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DateRangePickerDayProps = typeof __propDef.props;
 export type DateRangePickerDayEvents = typeof __propDef.events;