bits-ui 1.0.0-next.1 → 1.0.0-next.11

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

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { CalendarProps } from "../index.js";
+	import type { DatePickerCalendarProps } from "../types.js";
 	import { getDatePickerRootContext } from "../date-picker.svelte.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { useCalendarRoot } from "../../calendar/calendar.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		children,
@@ -12,7 +12,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: CalendarProps = $props();
+	}: DatePickerCalendarProps = $props();
 
 	const datePickerRootState = getDatePickerRootContext();
 

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

@@ -1,4 +1,4 @@
-import type { CalendarProps } from "../index.js";
+import type { DatePickerCalendarProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DatePickerCalendar: $$__sveltets_2_IsomorphicComponent<CalendarProps, {
+declare const DatePickerCalendar: $$__sveltets_2_IsomorphicComponent<DatePickerCalendarProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DatePickerCalendar = InstanceType<typeof DatePickerCalendar>;

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

@@ -1,10 +1,14 @@
 <script lang="ts">
-	import type { ContentStaticProps } from "../index.js";
+	import type { DatePickerContentStaticProps } from "../types.js";
 	import PopoverContentStatic from "../../popover/components/popover-content-static.svelte";
-	import { pickerOpenFocus } from "../../../shared/date/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { pickerOpenFocus } from "../../../internal/date-time/calendar-helpers.svelte.js";
 
-	let { ref = $bindable(null), onOpenAutoFocus, ...restProps }: ContentStaticProps = $props();
+	let {
+		ref = $bindable(null),
+		onOpenAutoFocus,
+		...restProps
+	}: DatePickerContentStaticProps = $props();
 
 	const mergedProps = $derived(
 		mergeProps({ onOpenAutoFocus }, { onOpenAutoFocus: pickerOpenFocus })

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

@@ -1,4 +1,4 @@
-import type { ContentStaticProps } from "../index.js";
+import type { DatePickerContentStaticProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DatePickerContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
+declare const DatePickerContentStatic: $$__sveltets_2_IsomorphicComponent<DatePickerContentStaticProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DatePickerContentStatic = InstanceType<typeof DatePickerContentStatic>;

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

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { ContentProps } from "../index.js";
+	import type { DatePickerContentProps } from "../types.js";
 	import PopoverContent from "../../popover/components/popover-content.svelte";
-	import { pickerOpenFocus } from "../../../shared/date/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { pickerOpenFocus } from "../../../internal/date-time/calendar-helpers.svelte.js";
 
-	let { ref = $bindable(null), onOpenAutoFocus, ...restProps }: ContentProps = $props();
+	let { ref = $bindable(null), onOpenAutoFocus, ...restProps }: DatePickerContentProps = $props();
 
 	const mergedProps = $derived(
 		mergeProps({ onOpenAutoFocus }, { onOpenAutoFocus: pickerOpenFocus })

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

@@ -1,4 +1,4 @@
-import type { ContentProps } from "../index.js";
+import type { DatePickerContentProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DatePickerContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
+declare const DatePickerContent: $$__sveltets_2_IsomorphicComponent<DatePickerContentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DatePickerContent = InstanceType<typeof DatePickerContent>;

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

@@ -1,11 +1,14 @@
 <script lang="ts">
-	import type { TriggerProps } from "../index.js";
+	import type { DatePickerTriggerProps } from "../types.js";
 	import PopoverTrigger from "../../popover/components/popover-trigger.svelte";
-	import { handleSegmentNavigation, isSegmentNavigationKey } from "../../../shared/date/field.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import { DATE_FIELD_INPUT_ATTR } from "../../date-field/date-field.svelte.js";
+	import {
+		handleSegmentNavigation,
+		isSegmentNavigationKey,
+	} from "../../../internal/date-time/field/segments.js";
 
-	let { ref = $bindable(null), onkeydown, ...restProps }: TriggerProps = $props();
+	let { ref = $bindable(null), onkeydown, ...restProps }: DatePickerTriggerProps = $props();
 
 	function onKeydown(e: KeyboardEvent) {
 		if (isSegmentNavigationKey(e.key)) {

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

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { DatePickerTriggerProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DatePickerTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const DatePickerTrigger: $$__sveltets_2_IsomorphicComponent<DatePickerTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DatePickerTrigger = InstanceType<typeof DatePickerTrigger>;

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

@@ -3,12 +3,12 @@
 	import { box } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDatePickerRoot } from "../date-picker.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
+	import type { DatePickerRootProps } from "../types.js";
 	import { noop } from "../../../internal/callbacks.js";
 	import { usePopoverRoot } from "../../popover/popover.svelte.js";
 	import { useDateFieldRoot } from "../../date-field/date-field.svelte.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		open = false,
@@ -46,7 +46,7 @@
 		controlledOpen = false,
 		errorMessageId,
 		children,
-	}: RootProps = $props();
+	}: DatePickerRootProps = $props();
 
 	if (placeholder === undefined) {
 		const defaultPlaceholder = getDefaultDate({

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

@@ -1,7 +1,7 @@
 import type { DateValue } from "@internationalized/date";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { DateMatcher, Granularity, HourCycle, WeekStartsOn } from "../../shared/date/types.js";
-import type { SegmentPart } from "../../shared/index.js";
+import type { DateMatcher, SegmentPart } from "../../shared/index.js";
+import type { Granularity, HourCycle, WeekStartsOn } from "../../shared/date/types.js";
 type DatePickerRootStateProps = WritableBoxedValues<{
     value: DateValue | undefined;
     open: boolean;

package/dist/bits/date-picker/date-picker.svelte.js

@@ -1,4 +1,4 @@
-import { createContext } from "../../internal/createContext.js";
+import { createContext } from "../../internal/create-context.js";
 class DatePickerRootState {
     props;
     constructor(props) {

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

@@ -0,0 +1,22 @@
+export { default as Root } from "./components/date-picker.svelte";
+export { default as Calendar } from "./components/date-picker-calendar.svelte";
+export { default as Content } from "./components/date-picker-content.svelte";
+export { default as ContentStatic } from "./components/date-picker-content-static.svelte";
+export { default as Trigger } from "./components/date-picker-trigger.svelte";
+export { default as Arrow } from "../popover/components/popover-arrow.svelte";
+export { default as Close } from "../popover/components/popover-close.svelte";
+export { default as Input } from "../date-field/components/date-field-input.svelte";
+export { default as Label } from "../date-field/components/date-field-label.svelte";
+export { default as Segment } from "../date-field/components/date-field-segment.svelte";
+export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
+export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.svelte";
+export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as Header } from "../calendar/components/calendar-header.svelte";
+export { default as Heading } from "../calendar/components/calendar-heading.svelte";
+export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
+export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
+export { default as Cell } from "../calendar/components/calendar-cell.svelte";
+export { default as Day } from "../calendar/components/calendar-day.svelte";
+export type { DatePickerRootProps as RootProps, DatePickerLabelProps as LabelProps, DatePickerInputProps as InputProps, DatePickerSegmentProps as SegmentProps, DatePickerArrowProps as ArrowProps, DatePickerCloseProps as CloseProps, DatePickerContentProps as ContentProps, DatePickerContentStaticProps as ContentStaticProps, DatePickerTriggerProps as TriggerProps, DatePickerCalendarProps as CalendarProps, DatePickerCellProps as CellProps, DatePickerDayProps as DayProps, DatePickerGridBodyProps as GridBodyProps, DatePickerGridHeadProps as GridHeadProps, DatePickerGridProps as GridProps, DatePickerGridRowProps as GridRowProps, DatePickerHeadCellProps as HeadCellProps, DatePickerHeaderProps as HeaderProps, DatePickerHeadingProps as HeadingProps, DatePickerNextButtonProps as NextButtonProps, DatePickerPrevButtonProps as PrevButtonProps, } from "./types.js";

package/dist/bits/date-picker/exports.js

@@ -0,0 +1,21 @@
+export { default as Root } from "./components/date-picker.svelte";
+export { default as Calendar } from "./components/date-picker-calendar.svelte";
+export { default as Content } from "./components/date-picker-content.svelte";
+export { default as ContentStatic } from "./components/date-picker-content-static.svelte";
+export { default as Trigger } from "./components/date-picker-trigger.svelte";
+export { default as Arrow } from "../popover/components/popover-arrow.svelte";
+export { default as Close } from "../popover/components/popover-close.svelte";
+export { default as Input } from "../date-field/components/date-field-input.svelte";
+export { default as Label } from "../date-field/components/date-field-label.svelte";
+export { default as Segment } from "../date-field/components/date-field-segment.svelte";
+export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
+export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.svelte";
+export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as Header } from "../calendar/components/calendar-header.svelte";
+export { default as Heading } from "../calendar/components/calendar-heading.svelte";
+export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
+export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
+export { default as Cell } from "../calendar/components/calendar-cell.svelte";
+export { default as Day } from "../calendar/components/calendar-day.svelte";

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

@@ -1,22 +1 @@
-export { default as Root } from "./components/date-picker.svelte";
-export { default as Calendar } from "./components/date-picker-calendar.svelte";
-export { default as Content } from "./components/date-picker-content.svelte";
-export { default as ContentStatic } from "./components/date-picker-content-static.svelte";
-export { default as Trigger } from "./components/date-picker-trigger.svelte";
-export { Arrow } from "../popover/index.js";
-export { default as Close } from "../popover/components/popover-close.svelte";
-export { default as Input } from "../date-field/components/date-field-input.svelte";
-export { default as Label } from "../date-field/components/date-field-label.svelte";
-export { default as Segment } from "../date-field/components/date-field-segment.svelte";
-export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
-export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.svelte";
-export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as Header } from "../calendar/components/calendar-header.svelte";
-export { default as Heading } from "../calendar/components/calendar-heading.svelte";
-export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
-export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
-export { default as Cell } from "../calendar/components/calendar-cell.svelte";
-export { default as Day } from "../calendar/components/calendar-day.svelte";
-export type { DatePickerRootProps as RootProps, DatePickerLabelProps as LabelProps, DatePickerInputProps as InputProps, DatePickerSegmentProps as SegmentProps, DatePickerArrowProps as ArrowProps, DatePickerCloseProps as CloseProps, DatePickerContentProps as ContentProps, DatePickerContentStaticProps as ContentStaticProps, DatePickerTriggerProps as TriggerProps, DatePickerCalendarProps as CalendarProps, DatePickerCellProps as CellProps, DatePickerDayProps as DayProps, DatePickerGridBodyProps as GridBodyProps, DatePickerGridHeadProps as GridHeadProps, DatePickerGridProps as GridProps, DatePickerGridRowProps as GridRowProps, DatePickerHeadCellProps as HeadCellProps, DatePickerHeaderProps as HeaderProps, DatePickerHeadingProps as HeadingProps, DatePickerNextButtonProps as NextButtonProps, DatePickerPrevButtonProps as PrevButtonProps, } from "./types.js";
+export * as DatePicker from "./exports.js";

package/dist/bits/date-picker/index.js

@@ -1,21 +1 @@
-export { default as Root } from "./components/date-picker.svelte";
-export { default as Calendar } from "./components/date-picker-calendar.svelte";
-export { default as Content } from "./components/date-picker-content.svelte";
-export { default as ContentStatic } from "./components/date-picker-content-static.svelte";
-export { default as Trigger } from "./components/date-picker-trigger.svelte";
-export { Arrow } from "../popover/index.js";
-export { default as Close } from "../popover/components/popover-close.svelte";
-export { default as Input } from "../date-field/components/date-field-input.svelte";
-export { default as Label } from "../date-field/components/date-field-label.svelte";
-export { default as Segment } from "../date-field/components/date-field-segment.svelte";
-export { default as GridBody } from "../calendar/components/calendar-grid-body.svelte";
-export { default as GridHead } from "../calendar/components/calendar-grid-head.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.svelte";
-export { default as HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as Header } from "../calendar/components/calendar-header.svelte";
-export { default as Heading } from "../calendar/components/calendar-heading.svelte";
-export { default as NextButton } from "../calendar/components/calendar-next-button.svelte";
-export { default as PrevButton } from "../calendar/components/calendar-prev-button.svelte";
-export { default as Cell } from "../calendar/components/calendar-cell.svelte";
-export { default as Day } from "../calendar/components/calendar-day.svelte";
+export * as DatePicker from "./exports.js";

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

@@ -1,9 +1,9 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
 import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
-import type { EditableSegmentPart } from "../../shared/date/field/types.js";
-import type { DateMatcher, DateOnInvalid, DateValidator, Granularity, WeekStartsOn } from "../../shared/date/types.js";
 import type { CalendarRootSnippetProps } from "../../types.js";
+import type { DateMatcher, DateOnInvalid, DateValidator, EditableSegmentPart } from "../../shared/index.js";
+import type { Granularity, WeekStartsOn } from "../../shared/date/types.js";
 export type DatePickerRootPropsWithoutHTML = WithChildren<{
     /**
      * The value of the date picker.

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { InputProps } from "../index.js";
+	import type { DateRangeFieldInputProps } from "../types.js";
 	import { useDateRangeFieldInput } from "../date-range-field.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import DateFieldHiddenInput from "../../date-field/components/date-field-hidden-input.svelte";
 
 	let {
@@ -14,7 +14,7 @@
 		children,
 		type,
 		...restProps
-	}: InputProps = $props();
+	}: DateRangeFieldInputProps = $props();
 
 	const inputState = useDateRangeFieldInput(
 		{

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

@@ -1,4 +1,4 @@
-import type { InputProps } from "../index.js";
+import type { DateRangeFieldInputProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateRangeFieldInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
+declare const DateRangeFieldInput: $$__sveltets_2_IsomorphicComponent<DateRangeFieldInputProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateRangeFieldInput = InstanceType<typeof DateRangeFieldInput>;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useDateRangeFieldLabel } from "../date-range-field.svelte.js";
-	import type { LabelProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { DateRangeFieldLabelProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),
@@ -11,7 +11,7 @@
 		children,
 		child,
 		...restProps
-	}: LabelProps = $props();
+	}: DateRangeFieldLabelProps = $props();
 
 	const labelState = useDateRangeFieldLabel({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { LabelProps } from "../index.js";
+import type { DateRangeFieldLabelProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateRangeFieldLabel: $$__sveltets_2_IsomorphicComponent<LabelProps, {
+declare const DateRangeFieldLabel: $$__sveltets_2_IsomorphicComponent<DateRangeFieldLabelProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateRangeFieldLabel = InstanceType<typeof DateRangeFieldLabel>;

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

@@ -2,12 +2,12 @@
 	import { box } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDateRangeFieldRoot } from "../date-range-field.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { DateRangeFieldRootProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { noop } from "../../../internal/callbacks.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
 	import type { DateRange } from "../../../shared/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		id = useId(),
@@ -36,7 +36,7 @@
 		controlledValue = false,
 		errorMessageId,
 		...restProps
-	}: RootProps = $props();
+	}: DateRangeFieldRootProps = $props();
 
 	let startValue = $state<DateValue | undefined>(value?.start);
 	let endValue = $state<DateValue | undefined>(value?.end);

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { DateRangeFieldRootProps } from "../types.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DateRangeField: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const DateRangeField: $$__sveltets_2_IsomorphicComponent<DateRangeFieldRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "placeholder" | "ref">;
 type DateRangeField = InstanceType<typeof DateRangeField>;

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

@@ -1,11 +1,11 @@
 import type { DateValue } from "@internationalized/date";
-import { type WritableBox } from "svelte-toolbelt";
 import type { DateFieldRootState } from "../date-field/date-field.svelte.js";
+import { DateFieldInputState } from "../date-field/date-field.svelte.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import { type Formatter } from "../../shared/date/formatter.js";
-import type { DateOnInvalid, DateRangeValidator, Granularity } from "../../shared/date/types.js";
-import type { DateRange, SegmentPart } from "../../shared/index.js";
+import type { DateOnInvalid, DateRange, DateRangeValidator, SegmentPart } from "../../shared/index.js";
 import type { WithRefProps } from "../../internal/types.js";
+import type { Granularity } from "../../shared/date/types.js";
+import { type Formatter } from "../../internal/date-time/formatter.js";
 export declare const DATE_RANGE_FIELD_ROOT_ATTR = "data-date-range-field-root";
 type DateRangeFieldRootStateProps = WithRefProps<WritableBoxedValues<{
     value: DateRange;
@@ -83,10 +83,6 @@ export declare class DateRangeFieldRootState {
      * TODO:
      */
     childFieldPropOverrides: {};
-    createField(props: {
-        value: WritableBox<DateValue | undefined>;
-    }, type: "start" | "end"): DateFieldRootState;
-    createLabel(props: DateRangeFieldLabelStateProps): DateRangeFieldLabelState;
     props: {
         readonly id: string;
         readonly role: "group";
@@ -114,21 +110,5 @@ type DateRangeFieldInputStateProps = WritableBoxedValues<{
 declare const getDateRangeFieldRootContext: <T extends DateRangeFieldRootState | null | undefined = DateRangeFieldRootState>(fallback?: T | undefined) => T extends null ? DateRangeFieldRootState | null : DateRangeFieldRootState;
 export declare function useDateRangeFieldRoot(props: DateRangeFieldRootStateProps): DateRangeFieldRootState;
 export declare function useDateRangeFieldLabel(props: DateRangeFieldLabelStateProps): DateRangeFieldLabelState;
-export declare function useDateRangeFieldInput(props: Omit<DateRangeFieldInputStateProps, "value">, type: "start" | "end"): {
-    "__#98@#id": import("svelte-toolbelt").ReadableBox<string>;
-    "__#98@#ref": WritableBox<HTMLElement | null>;
-    "__#98@#name": import("svelte-toolbelt").ReadableBox<string>;
-    root: DateFieldRootState;
-    "__#98@#ariaDescribedBy": string | undefined;
-    props: {
-        readonly id: string;
-        readonly role: "group";
-        readonly "aria-labelledby": string | undefined;
-        readonly "aria-describedby": string | undefined;
-        readonly "aria-disabled": "false" | "true";
-        readonly "data-invalid": "" | undefined;
-        readonly "data-disabled": "" | undefined;
-        readonly "data-date-field-input": "";
-    };
-};
+export declare function useDateRangeFieldInput(props: Omit<DateRangeFieldInputStateProps, "value">, type: "start" | "end"): DateFieldInputState;
 export { getDateRangeFieldRootContext };

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

@@ -1,15 +1,15 @@
 import { untrack } from "svelte";
 import { box } from "svelte-toolbelt";
-import { useDateFieldRoot } from "../date-field/date-field.svelte.js";
-import { useId } from "../../internal/useId.js";
-import { removeDescriptionElement } from "../../shared/date/field/helpers.js";
-import { createFormatter } from "../../shared/date/formatter.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { createContext } from "../../internal/createContext.js";
-import { getFirstSegment } from "../../shared/date/field.js";
+import { DateFieldInputState, useDateFieldRoot } from "../date-field/date-field.svelte.js";
+import { useId } from "../../internal/use-id.js";
+import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
+import { createContext } from "../../internal/create-context.js";
 import { getDataDisabled, getDataInvalid } from "../../internal/attrs.js";
-import { onDestroyEffect } from "../../internal/onDestroyEffect.svelte.js";
-import { isBefore } from "../../shared/date/utils.js";
+import { onDestroyEffect } from "../../internal/on-destroy-effect.svelte.js";
+import { createFormatter } from "../../internal/date-time/formatter.js";
+import { removeDescriptionElement } from "../../internal/date-time/field/helpers.js";
+import { isBefore } from "../../internal/date-time/utils.js";
+import { getFirstSegment } from "../../internal/date-time/field/segments.js";
 export const DATE_RANGE_FIELD_ROOT_ATTR = "data-date-range-field-root";
 const DATE_RANGE_FIELD_LABEL_ATTR = "data-date-range-field-label";
 export class DateRangeFieldRootState {
@@ -183,36 +183,6 @@ export class DateRangeFieldRootState {
      * TODO:
      */
     childFieldPropOverrides = {};
-    createField(props, type) {
-        const fieldState = useDateFieldRoot({
-            value: props.value,
-            disabled: this.disabled,
-            readonly: this.readonly,
-            readonlySegments: this.readonlySegments,
-            validate: box.with(() => undefined),
-            minValue: this.minValue,
-            maxValue: this.maxValue,
-            hourCycle: this.hourCycle,
-            locale: this.locale,
-            hideTimeZone: this.hideTimeZone,
-            required: this.required,
-            granularity: this.granularity,
-            placeholder: this.placeholder,
-            onInvalid: this.onInvalid,
-            errorMessageId: this.errorMessageId,
-            isInvalidProp: box.with(() => this.isInvalid),
-        }, this);
-        if (type === "start") {
-            this.startFieldState = fieldState;
-        }
-        else {
-            this.endFieldState = fieldState;
-        }
-        return fieldState;
-    }
-    createLabel(props) {
-        return new DateRangeFieldLabelState(props, this);
-    }
     props = $derived.by(() => ({
         id: this.id.current,
         role: "group",
@@ -258,18 +228,29 @@ export function useDateRangeFieldRoot(props) {
     return setDateRangeFieldRootContext(new DateRangeFieldRootState(props));
 }
 export function useDateRangeFieldLabel(props) {
-    return getDateRangeFieldRootContext().createLabel(props);
+    const root = getDateRangeFieldRootContext();
+    return new DateRangeFieldLabelState(props, root);
 }
 export function useDateRangeFieldInput(props, type) {
-    const rootState = getDateRangeFieldRootContext();
-    const fieldState = rootState.createField({
-        value: type === "start" ? rootState.startValue : rootState.endValue,
-    }, type);
-    const inputState = fieldState.createInput({
-        name: props.name,
-        id: props.id,
-        ref: props.ref,
-    });
-    return inputState;
+    const root = getDateRangeFieldRootContext();
+    const fieldState = useDateFieldRoot({
+        value: type === "start" ? root.startValue : root.endValue,
+        disabled: root.disabled,
+        readonly: root.readonly,
+        readonlySegments: root.readonlySegments,
+        validate: box.with(() => undefined),
+        minValue: root.minValue,
+        maxValue: root.maxValue,
+        hourCycle: root.hourCycle,
+        locale: root.locale,
+        hideTimeZone: root.hideTimeZone,
+        required: root.required,
+        granularity: root.granularity,
+        placeholder: root.placeholder,
+        onInvalid: root.onInvalid,
+        errorMessageId: root.errorMessageId,
+        isInvalidProp: box.with(() => root.isInvalid),
+    }, root);
+    return new DateFieldInputState({ name: props.name, id: props.id, ref: props.ref }, fieldState);
 }
 export { getDateRangeFieldRootContext };

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

@@ -0,0 +1,5 @@
+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 "../date-field/components/date-field-segment.svelte";
+export type { DateRangeFieldRootProps as RootProps, DateRangeFieldLabelProps as LabelProps, DateRangeFieldInputProps as InputProps, DateRangeFieldSegmentProps as SegmentProps, } from "./types.js";

package/dist/bits/date-range-field/exports.js

@@ -0,0 +1,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 "../date-field/components/date-field-segment.svelte";

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

@@ -1,5 +1 @@
-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 "../date-field/components/date-field-segment.svelte";
-export type { DateRangeFieldRootProps as RootProps, DateRangeFieldLabelProps as LabelProps, DateRangeFieldInputProps as InputProps, DateRangeFieldSegmentProps as SegmentProps, } from "./types.js";
+export * as DateRangeField from "./exports.js";

package/dist/bits/date-range-field/index.js

@@ -1,4 +1 @@
-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 "../date-field/components/date-field-segment.svelte";
+export * as DateRangeField from "./exports.js";

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

@@ -1,9 +1,9 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
 import type { PrimitiveDivAttributes, PrimitiveSpanAttributes } from "../../shared/attributes.js";
-import type { DateOnInvalid, DateRangeValidator, Granularity } from "../../shared/date/types.js";
-import type { DateRange, EditableSegmentPart, SegmentPart } from "../../shared/index.js";
+import type { DateOnInvalid, DateRange, DateRangeValidator, EditableSegmentPart, SegmentPart } from "../../shared/index.js";
 import type { DateFieldSegmentProps, DateFieldSegmentPropsWithoutHTML } from "../../types.js";
+import type { Granularity } from "../../shared/date/types.js";
 export type DateRangeFieldRootPropsWithoutHTML = WithChild<{
     /**
      * The value of the date range field.