bits-ui 0.21.0 → 0.21.2

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { InputProps } from "../types.js";
+import type { InputProps } from "../index.js";
 declare const __propDef: {
     props: InputProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { LabelProps } from "../types.js";
+import type { LabelProps } from "../index.js";
 declare const __propDef: {
     props: LabelProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { SegmentProps } from "../types.js";
+import type { SegmentProps } from "../index.js";
 declare const __propDef: {
     props: SegmentProps;
     events: {

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

@@ -2,14 +2,14 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
+        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
         minValue?: import("@internationalized/date").DateValue | undefined;
         maxValue?: import("@internationalized/date").DateValue | undefined;
-        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
-        locale?: string | undefined;
         readonly?: boolean | undefined;
+        locale?: string | undefined;
         readonlySegments?: {
-            start: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
-            end: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
+            start: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
+            end: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
         } | undefined;
         hourCycle?: 12 | 24 | undefined;
         granularity?: import("@melt-ui/svelte/index.js").Granularity | undefined;

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

@@ -3,7 +3,7 @@ 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;
-    getAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
+    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<{
             field: string;
@@ -248,8 +248,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: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
-            end: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
+            start: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
+            end: ("day" | "year" | "month" | "hour" | "minute" | "second" | "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-field/ctx.js

@@ -1,7 +1,7 @@
 import { createDateRangeField } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
 import { getDateFieldData } from "../date-field/ctx.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function setCtx(props) {
     const { NAME, PARTS } = getDateFieldData();
     const getAttrs = createBitAttrs(NAME, PARTS);

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

@@ -2,4 +2,4 @@ export { default as Root } from "./components/date-range-field.svelte";
 export { default as Input } from "./components/date-range-field-input.svelte";
 export { default as Label } from "./components/date-range-field-label.svelte";
 export { default as Segment } from "./components/date-range-field-segment.svelte";
-export type * from "./types.js";
+export type { DateRangeFieldProps as Props, DateRangeFieldLabelProps as LabelProps, DateRangeFieldInputProps as InputProps, DateRangeFieldSegmentProps as SegmentProps, DateRangeFieldSegmentEvents as SegmentEvents, } from "./types.js";

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

@@ -1,8 +1,51 @@
-import type { HTMLDivAttributes, HTMLSpanAttributes } from "../../internal/index.js";
-import type * as I from "./_types.js";
-import type { SegmentEvents } from "../date-field/types.js";
-type Props = I.Props;
-type LabelProps = I.LabelProps & HTMLSpanAttributes;
-type SegmentProps = I.SegmentProps & HTMLDivAttributes;
-type InputProps = I.InputProps & HTMLDivAttributes;
-export type { Props, LabelProps, InputProps, SegmentProps, SegmentEvents };
+import type { DateValue } from "@internationalized/date";
+import type { CreateDateRangeFieldProps as MeltDateRangeFieldProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, HTMLSpanAttributes, OmitDates, OnChangeFn } from "../../internal/index.js";
+import type { DateRange, SegmentPart } from "../../shared/index.js";
+export type { DateFieldSegmentEvents as DateRangeFieldSegmentEvents } from "../date-field/types.js";
+type CreateDateRangeFieldProps = Omit<OmitDates<MeltDateRangeFieldProps>, "required" | "name" | "startIds" | "endIds" | "startName" | "endName">;
+export type DateRangeFieldPropsWithoutHTML = Expand<Omit<OmitDates<CreateDateRangeFieldProps>, "required" | "name" | "startIds" | "endIds" | "startName" | "endName"> & {
+    /**
+     * The value of the date field.
+     * You can bind this to a `DateValue` object to programmatically control the value.
+     */
+    value?: DateRange;
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<DateRange | undefined>;
+    /**
+     * The placeholder date used to start the field.
+     */
+    placeholder?: DateValue;
+    /**
+     * A callback function called when the placeholder changes.
+     */
+    onPlaceholderChange?: OnChangeFn<DateValue>;
+    /**
+     * The id of the validation message element which is used to apply the
+     * appropriate `aria-describedby` attribute to the input.
+     */
+    validationId?: string;
+    /**
+     * The id of the description element which is used to describe the input.
+     * This is used to apply the appropriate `aria-describedby` attribute to the input.
+     */
+    descriptionId?: string;
+}>;
+export type DateRangeFieldInputPropsWithoutHTML = DOMElement;
+export type DateRangeFieldLabelPropsWithoutHTML = DOMElement<HTMLSpanElement>;
+export type DateRangeFieldSegmentPropsWithoutHTML = Expand<{
+    /**
+     * The type of field to render (start or end).
+     */
+    type: "start" | "end";
+    /**
+     * The part of the date to render.
+     */
+    part: SegmentPart;
+} & DOMElement>;
+export type DateRangeFieldProps = DateRangeFieldPropsWithoutHTML;
+export type DateRangeFieldLabelProps = DateRangeFieldLabelPropsWithoutHTML & HTMLSpanAttributes;
+export type DateRangeFieldSegmentProps = DateRangeFieldSegmentPropsWithoutHTML & HTMLDivAttributes;
+export type DateRangeFieldInputProps = DateRangeFieldInputPropsWithoutHTML & HTMLDivAttributes;

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

@@ -1,5 +1,5 @@
-<script>import { getCtx } from "../ctx.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 export let size = 8;

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ArrowProps } from "../types.js";
+import type { ArrowProps } from "../index.js";
 declare const __propDef: {
     props: ArrowProps;
     events: {

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type Month } from "@melt-ui/svelte";
-import type { CalendarProps } from "../types.js";
 import type { DateValue } from "@internationalized/date";
+import type { CalendarProps } from "../index.js";
 declare const __propDef: {
     props: CalendarProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { CellProps } from "../types.js";
+import type { CellProps } from "../index.js";
 declare const __propDef: {
     props: CellProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { CloseProps, CloseEvents } from "../types.js";
+import type { CloseEvents, CloseProps } from "../index.js";
 declare const __propDef: {
     props: CloseProps;
     slots: {

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

@@ -54,7 +54,12 @@ $:
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
-	<div bind:this={el} transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
+	<div
+		bind:this={el}
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
 		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentProps } from "../index.js";
 import type { Transition } from "../../../internal/index.js";
-import type { ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
     events(): {} & {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { DayProps } from "../types.js";
+import type { DayProps } from "../index.js";
 declare const __propDef: {
     props: DayProps;
     events: {

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

@@ -2,26 +2,26 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
-        preventDeselect?: boolean | undefined;
+        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
         minValue?: import("@internationalized/date").DateValue | undefined;
         maxValue?: import("@internationalized/date").DateValue | undefined;
-        pagedNavigation?: boolean | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-        weekdayFormat?: "narrow" | "short" | "long" | undefined;
-        isDateDisabled?: import("@melt-ui/svelte/index.js").Matcher | undefined;
-        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
+        readonly?: boolean | undefined;
+        locale?: string | undefined;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 5 | 4 | 6 | undefined;
         fixedWeeks?: boolean | undefined;
         numberOfMonths?: number | undefined;
+        preventDeselect?: boolean | undefined;
+        pagedNavigation?: boolean | undefined;
+        weekdayFormat?: "long" | "short" | "narrow" | undefined;
+        isDateDisabled?: import("@melt-ui/svelte/index.js").Matcher | undefined;
         calendarLabel?: string | undefined;
-        locale?: string | undefined;
-        readonly?: boolean | undefined;
         hourCycle?: 12 | 24 | undefined;
         granularity?: import("@melt-ui/svelte/index.js").Granularity | undefined;
         hideTimeZone?: boolean | undefined;

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { GridBodyProps } from "../types.js";
+import type { GridBodyProps } from "../index.js";
 declare const __propDef: {
     props: GridBodyProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { GridHeadProps } from "../types.js";
+import type { GridHeadProps } from "../index.js";
 declare const __propDef: {
     props: GridHeadProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { GridRowProps } from "../types.js";
+import type { GridRowProps } from "../index.js";
 declare const __propDef: {
     props: GridRowProps;
     events: {
@@ -7,7 +7,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
         };
     };
 };

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { GridProps } from "../types.js";
+import type { GridProps } from "../index.js";
 declare const __propDef: {
     props: GridProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { HeadCellProps } from "../types.js";
+import type { HeadCellProps } from "../index.js";
 declare const __propDef: {
     props: HeadCellProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { HeaderProps } from "../types.js";
+import type { HeaderProps } from "../index.js";
 declare const __propDef: {
     props: HeaderProps;
     events: {
@@ -7,7 +7,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
         };
     };
 };

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { HeadingProps } from "../types.js";
+import type { HeadingProps } from "../index.js";
 declare const __propDef: {
     props: HeadingProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { InputProps } from "../types.js";
+import type { InputProps } from "../index.js";
 declare const __propDef: {
     props: InputProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { LabelProps } from "../types.js";
+import type { LabelProps } from "../index.js";
 declare const __propDef: {
     props: LabelProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { NextButtonProps } from "../types.js";
+import type { NextButtonProps } from "../index.js";
 declare const __propDef: {
     props: NextButtonProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { PrevButtonProps } from "../types.js";
+import type { PrevButtonProps } from "../index.js";
 declare const __propDef: {
     props: PrevButtonProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { SegmentProps } from "../types.js";
+import type { SegmentProps } from "../index.js";
 declare const __propDef: {
     props: SegmentProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {
@@ -9,7 +9,7 @@ declare const __propDef: {
                 'data-segment': string;
                 disabled: boolean | undefined;
                 'data-state': "open" | "closed";
-                'aria-expanded': "false" | "true";
+                'aria-expanded': "true" | "false";
                 'aria-controls': string;
                 role: "button";
                 id: string;

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

@@ -2,26 +2,26 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
-        preventDeselect?: boolean | undefined;
+        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
         minValue?: import("@internationalized/date").DateValue | undefined;
         maxValue?: import("@internationalized/date").DateValue | undefined;
-        pagedNavigation?: boolean | undefined;
-        weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
-        weekdayFormat?: "narrow" | "short" | "long" | undefined;
-        isDateDisabled?: import("@melt-ui/svelte/index.js").Matcher | undefined;
-        isDateUnavailable?: import("@melt-ui/svelte/index.js").Matcher | undefined;
+        readonly?: boolean | undefined;
+        locale?: string | undefined;
+        weekStartsOn?: 0 | 1 | 2 | 3 | 5 | 4 | 6 | undefined;
         fixedWeeks?: boolean | undefined;
         numberOfMonths?: number | undefined;
+        preventDeselect?: boolean | undefined;
+        pagedNavigation?: boolean | undefined;
+        weekdayFormat?: "long" | "short" | "narrow" | undefined;
+        isDateDisabled?: import("@melt-ui/svelte/index.js").Matcher | undefined;
         calendarLabel?: string | undefined;
-        locale?: string | undefined;
-        readonly?: boolean | undefined;
         hourCycle?: 12 | 24 | undefined;
         granularity?: import("@melt-ui/svelte/index.js").Granularity | undefined;
         hideTimeZone?: boolean | undefined;

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

@@ -4,21 +4,21 @@ import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
 export declare function setCtx(props: CreateDateRangePickerProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
-    getFieldAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
-    getPopoverAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
+    getCalendarAttrs: (part: "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "day" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string> | undefined;
+    getFieldAttrs: (part: "label" | "input" | "segment") => Record<string, string> | undefined;
+    getPopoverAttrs: (part: "content" | "trigger" | "close" | "arrow") => Record<string, string> | undefined;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[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" | "click">, ([$isVisible, $contentId, $triggerId]: [boolean, string, string]) => {
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
-            readonly 'aria-expanded': "false" | "true";
+            readonly 'aria-expanded': "true" | "false";
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;
         }, string>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$trigger, $disabled]: [{
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
-            readonly 'aria-expanded': "false" | "true";
+            readonly 'aria-expanded': "true" | "false";
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;
@@ -31,7 +31,7 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             'data-segment': string;
             disabled: boolean | undefined;
             'data-state': "open" | "closed";
-            'aria-expanded': "false" | "true";
+            'aria-expanded': "true" | "false";
             'aria-controls': string;
             role: "button";
             id: string;
@@ -415,12 +415,12 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
         hourCycle: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>;
         locale: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>;
         hideTimeZone: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        weekStartsOn: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>>;
+        weekStartsOn: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<0 | 1 | 2 | 3 | 5 | 4 | 6 | undefined>>;
         fixedWeeks: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
         numberOfMonths: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>;
         preventDeselect: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
         pagedNavigation: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        weekdayFormat: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<"narrow" | "short" | "long">>;
+        weekdayFormat: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<"long" | "short" | "narrow">>;
         isDateDisabled: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>;
         calendarLabel: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>;
         dateFieldIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
@@ -477,8 +477,8 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
             validation: string;
         }> | undefined>> | undefined;
         readonlySegments: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<{
-            start: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
-            end: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
+            start: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
+            end: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
         } | undefined>>;
     };
     ids: {
@@ -530,21 +530,21 @@ export declare function setCtx(props: CreateDateRangePickerProps): {
 };
 export declare function getCtx(): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
-    getFieldAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
-    getPopoverAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
+    getCalendarAttrs: (part: "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "day" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string> | undefined;
+    getFieldAttrs: (part: "label" | "input" | "segment") => Record<string, string> | undefined;
+    getPopoverAttrs: (part: "content" | "trigger" | "close" | "arrow") => Record<string, string> | undefined;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[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" | "click">, ([$isVisible, $contentId, $triggerId]: [boolean, string, string]) => {
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
-            readonly 'aria-expanded': "false" | "true";
+            readonly 'aria-expanded': "true" | "false";
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;
         }, string>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$trigger, $disabled]: [{
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
-            readonly 'aria-expanded': "false" | "true";
+            readonly 'aria-expanded': "true" | "false";
             readonly 'data-state': "open" | "closed";
             readonly 'aria-controls': string;
             readonly id: string;
@@ -557,7 +557,7 @@ export declare function getCtx(): {
             'data-segment': string;
             disabled: boolean | undefined;
             'data-state': "open" | "closed";
-            'aria-expanded': "false" | "true";
+            'aria-expanded': "true" | "false";
             'aria-controls': string;
             role: "button";
             id: string;
@@ -941,12 +941,12 @@ export declare function getCtx(): {
         hourCycle: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<12 | 24 | undefined>>;
         locale: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>;
         hideTimeZone: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        weekStartsOn: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>>;
+        weekStartsOn: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<0 | 1 | 2 | 3 | 5 | 4 | 6 | undefined>>;
         fixedWeeks: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
         numberOfMonths: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>;
         preventDeselect: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
         pagedNavigation: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean | undefined>>;
-        weekdayFormat: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<"narrow" | "short" | "long">>;
+        weekdayFormat: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<"long" | "short" | "narrow">>;
         isDateDisabled: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte").Matcher | undefined>>;
         calendarLabel: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>;
         dateFieldIds?: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<Partial<{
@@ -1003,8 +1003,8 @@ export declare function getCtx(): {
             validation: string;
         }> | undefined>> | undefined;
         readonlySegments: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<{
-            start: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
-            end: ("month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod")[];
+            start: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
+            end: ("day" | "year" | "month" | "hour" | "minute" | "second" | "dayPeriod")[];
         } | undefined>>;
     };
     ids: {

package/dist/bits/date-range-picker/ctx.js

@@ -1,6 +1,6 @@
 import { createDateRangePicker } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { getCalendarData } from "../calendar/ctx.js";
 import { getDateFieldData } from "../date-field/ctx.js";
 import { getPopoverData } from "../popover/ctx.js";

package/dist/bits/date-range-picker/index.d.ts

@@ -19,4 +19,4 @@ export { default as GridHead } from "./components/date-range-picker-grid-head.sv
 export { default as GridRow } from "./components/date-range-picker-grid-row.svelte";
 export { default as HeadCell } from "./components/date-range-picker-head-cell.svelte";
 export { default as Header } from "./components/date-range-picker-header.svelte";
-export type * from "./types.js";
+export type { DateRangePickerProps as Props, DateRangePickerCalendarProps as CalendarProps, DateRangePickerLabelProps as LabelProps, DateRangePickerDescriptionProps as DescriptionProps, DateRangePickerInputProps as InputProps, DateRangePickerSegmentProps as SegmentProps, DateRangePickerCellProps as CellProps, DateRangePickerDayProps as DayProps, DateRangePickerGridBodyProps as GridBodyProps, DateRangePickerGridHeadProps as GridHeadProps, DateRangePickerGridRowProps as GridRowProps, DateRangePickerGridProps as GridProps, DateRangePickerHeadCellProps as HeadCellProps, DateRangePickerHeaderProps as HeaderProps, DateRangePickerHeadingProps as HeadingProps, DateRangePickerNextButtonProps as NextButtonProps, DateRangePickerPrevButtonProps as PrevButtonProps, DateRangePickerTriggerProps as TriggerProps, DateRangePickerContentProps as ContentProps, DateRangePickerArrowProps as ArrowProps, DateRangePickerCloseProps as CloseProps, DateRangePickerCloseEvents as CloseEvents, DateRangePickerTriggerEvents as TriggerEvents, DateRangePickerCalendarEvents as CalendarEvents, DateRangePickerDayEvents as DayEvents, DateRangePickerPrevButtonEvents as PrevButtonEvents, DateRangePickerNextButtonEvents as NextButtonEvents, DateRangePickerSegmentEvents as SegmentEvents, } from "./types.js";