bits-ui 1.0.0-next.6 → 1.0.0-next.61

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 { BitsPrimitiveDivAttributes } from "../../shared/attributes.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.
@@ -256,5 +256,5 @@ export type DatePickerRootProps = DatePickerRootPropsWithoutHTML;
 export type { PopoverTriggerPropsWithoutHTML as DatePickerTriggerPropsWithoutHTML, PopoverTriggerProps as DatePickerTriggerProps, PopoverContentPropsWithoutHTML as DatePickerContentPropsWithoutHTML, PopoverContentProps as DatePickerContentProps, PopoverContentStaticPropsWithoutHTML as DatePickerContentStaticPropsWithoutHTML, PopoverContentStaticProps as DatePickerContentStaticProps, PopoverArrowPropsWithoutHTML as DatePickerArrowPropsWithoutHTML, PopoverArrowProps as DatePickerArrowProps, PopoverClosePropsWithoutHTML as DatePickerClosePropsWithoutHTML, PopoverCloseProps as DatePickerCloseProps, } from "../popover/types.js";
 export type { DateFieldInputPropsWithoutHTML as DatePickerInputPropsWithoutHTML, DateFieldInputProps as DatePickerInputProps, DateFieldLabelPropsWithoutHTML as DatePickerLabelPropsWithoutHTML, DateFieldLabelProps as DatePickerLabelProps, DateFieldSegmentPropsWithoutHTML as DatePickerSegmentPropsWithoutHTML, DateFieldSegmentProps as DatePickerSegmentProps, } from "../date-field/types.js";
 export type DatePickerCalendarPropsWithoutHTML = WithChild<{}, CalendarRootSnippetProps>;
-export type DatePickerCalendarProps = DatePickerCalendarPropsWithoutHTML & Without<PrimitiveDivAttributes, DatePickerCalendarPropsWithoutHTML>;
+export type DatePickerCalendarProps = DatePickerCalendarPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DatePickerCalendarPropsWithoutHTML>;
 export type { CalendarCellPropsWithoutHTML as DatePickerCellPropsWithoutHTML, CalendarCellProps as DatePickerCellProps, CalendarDayPropsWithoutHTML as DatePickerDayPropsWithoutHTML, CalendarDayProps as DatePickerDayProps, CalendarGridPropsWithoutHTML as DatePickerGridPropsWithoutHTML, CalendarGridProps as DatePickerGridProps, CalendarGridBodyPropsWithoutHTML as DatePickerGridBodyPropsWithoutHTML, CalendarGridBodyProps as DatePickerGridBodyProps, CalendarGridHeadPropsWithoutHTML as DatePickerGridHeadPropsWithoutHTML, CalendarGridHeadProps as DatePickerGridHeadProps, CalendarGridRowPropsWithoutHTML as DatePickerGridRowPropsWithoutHTML, CalendarGridRowProps as DatePickerGridRowProps, CalendarHeadCellPropsWithoutHTML as DatePickerHeadCellPropsWithoutHTML, CalendarHeadCellProps as DatePickerHeadCellProps, CalendarHeaderPropsWithoutHTML as DatePickerHeaderPropsWithoutHTML, CalendarHeaderProps as DatePickerHeaderProps, CalendarHeadingPropsWithoutHTML as DatePickerHeadingPropsWithoutHTML, CalendarHeadingProps as DatePickerHeadingProps, CalendarNextButtonPropsWithoutHTML as DatePickerNextButtonPropsWithoutHTML, CalendarNextButtonProps as DatePickerNextButtonProps, CalendarPrevButtonPropsWithoutHTML as DatePickerPrevButtonPropsWithoutHTML, CalendarPrevButtonProps as DatePickerPrevButtonProps, } from "../calendar/types.js";

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { InputProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	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 DateFieldHiddenInput from "../../date-field/components/date-field-hidden-input.svelte";
 
 	let {
@@ -14,7 +13,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,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } 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";
 
 	let {
 		id = useId(),
@@ -11,7 +10,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

@@ -1,13 +1,12 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } 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 { noop } from "../../../internal/callbacks.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
+	import type { DateRangeFieldRootProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 	import type { DateRange } from "../../../shared/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		id = useId(),
@@ -36,7 +35,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,13 @@
 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 { box, onDestroyEffect, useRefById } from "svelte-toolbelt";
+import { DateFieldInputState, useDateFieldRoot } from "../date-field/date-field.svelte.js";
+import { useId } from "../../internal/use-id.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 { 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 +181,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 +226,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 { BitsPrimitiveDivAttributes, BitsPrimitiveSpanAttributes } from "../../shared/attributes.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.
@@ -146,9 +146,9 @@ export type DateRangeFieldRootPropsWithoutHTML = WithChild<{
      */
     errorMessageId?: string;
 }>;
-export type DateRangeFieldRootProps = DateRangeFieldRootPropsWithoutHTML & Without<PrimitiveDivAttributes, DateRangeFieldRootPropsWithoutHTML>;
+export type DateRangeFieldRootProps = DateRangeFieldRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateRangeFieldRootPropsWithoutHTML>;
 export type DateRangeFieldLabelPropsWithoutHTML = WithChild;
-export type DateRangeFieldLabelProps = DateRangeFieldLabelPropsWithoutHTML & Without<PrimitiveSpanAttributes, DateRangeFieldLabelPropsWithoutHTML>;
+export type DateRangeFieldLabelProps = DateRangeFieldLabelPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, DateRangeFieldLabelPropsWithoutHTML>;
 export type DateRangeFieldInputSnippetProps = {
     segments: Array<{
         part: SegmentPart;
@@ -166,6 +166,6 @@ export type DateRangeFieldInputPropsWithoutHTML = WithChild<{
      */
     type: "start" | "end";
 }, DateRangeFieldInputSnippetProps>;
-export type DateRangeFieldInputProps = DateRangeFieldInputPropsWithoutHTML & Without<PrimitiveDivAttributes, DateRangeFieldInputPropsWithoutHTML>;
+export type DateRangeFieldInputProps = DateRangeFieldInputPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateRangeFieldInputPropsWithoutHTML>;
 export type DateRangeFieldSegmentPropsWithoutHTML = DateFieldSegmentPropsWithoutHTML;
 export type DateRangeFieldSegmentProps = DateFieldSegmentProps;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { CalendarProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { DateRangePickerCalendarProps } from "../types.js";
 	import { getDateRangePickerRootContext } from "../date-range-picker.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { useRangeCalendarRoot } from "../../range-calendar/range-calendar.svelte.js";
 
 	let {
@@ -12,7 +11,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: CalendarProps = $props();
+	}: DateRangePickerCalendarProps = $props();
 
 	const dateRangePickerRootState = getDateRangePickerRootContext();
 

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

@@ -1,4 +1,4 @@
-import type { CalendarProps } from "../index.js";
+import type { DateRangePickerCalendarProps } 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 DateRangePickerCalendar: $$__sveltets_2_IsomorphicComponent<CalendarProps, {
+declare const DateRangePickerCalendar: $$__sveltets_2_IsomorphicComponent<DateRangePickerCalendarProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateRangePickerCalendar = InstanceType<typeof DateRangePickerCalendar>;

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

@@ -1,11 +1,14 @@
 <script lang="ts">
-	import type { TriggerProps } from "../index.js";
+	import { mergeProps } from "svelte-toolbelt";
+	import type { DateRangePickerTriggerProps } 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 { DATE_RANGE_FIELD_ROOT_ATTR } from "../../date-range-field/date-range-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 }: DateRangePickerTriggerProps = $props();
 
 	function onKeydown(e: KeyboardEvent) {
 		if (isSegmentNavigationKey(e.key)) {

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

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { DateRangePickerTriggerProps } 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 DateRangePickerTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const DateRangePickerTrigger: $$__sveltets_2_IsomorphicComponent<DateRangePickerTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type DateRangePickerTrigger = InstanceType<typeof DateRangePickerTrigger>;

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

@@ -1,16 +1,15 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import { useDateRangePickerRoot } from "../date-range-picker.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import type { DateRangePickerRootProps } from "../types.js";
+	import { noop } from "../../../internal/noop.js";
 	import { usePopoverRoot } from "../../popover/popover.svelte.js";
 	import { useDateRangeFieldRoot } from "../../date-range-field/date-range-field.svelte.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
+	import { useId } from "../../../internal/use-id.js";
 	import type { DateRange } from "../../../shared/index.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		open = false,
@@ -53,7 +52,7 @@
 		child,
 		children,
 		...restProps
-	}: RootProps = $props();
+	}: DateRangePickerRootProps = $props();
 
 	let startValue = $state<DateValue | undefined>(value?.start);
 	let endValue = $state<DateValue | undefined>(value?.end);
@@ -192,7 +191,7 @@
 	const mergedProps = $derived(mergeProps(restProps, fieldRootState.props));
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{#if child}
 		{@render child({ props: mergedProps })}
 	{:else}
@@ -200,4 +199,4 @@
 			{@render children?.()}
 		</div>
 	{/if}
-</FloatingLayer.Root>
+</FloatingLayer>

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { DateRangePickerRootProps } 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 DateRangePicker: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const DateRangePicker: $$__sveltets_2_IsomorphicComponent<DateRangePickerRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "placeholder" | "ref">;
 type DateRangePicker = InstanceType<typeof DateRangePicker>;

package/dist/bits/date-range-picker/date-range-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 { DateRange, SegmentPart } from "../../shared/index.js";
+import type { DateMatcher, DateRange, SegmentPart } from "../../shared/index.js";
+import type { Granularity, HourCycle, WeekStartsOn } from "../../shared/date/types.js";
 type DateRangePickerRootStateProps = WritableBoxedValues<{
     value: DateRange;
     startValue: DateValue | undefined;

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

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

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

@@ -0,0 +1,21 @@
+export { default as Root } from "./components/date-range-picker.svelte";
+export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
+export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
+export { default as Content } from "../date-picker/components/date-picker-content.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-range-field/components/date-range-field-input.svelte";
+export { default as Label } from "../date-range-field/components/date-range-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 "../range-calendar/components/range-calendar-cell.svelte";
+export { default as Day } from "../range-calendar/components/range-calendar-day.svelte";
+export type { DateRangePickerRootProps as RootProps, DateRangePickerLabelProps as LabelProps, DateRangePickerInputProps as InputProps, DateRangePickerSegmentProps as SegmentProps, DateRangePickerArrowProps as ArrowProps, DateRangePickerCloseProps as CloseProps, DateRangePickerContentProps as ContentProps, DateRangePickerTriggerProps as TriggerProps, DateRangePickerCalendarProps as CalendarProps, DateRangePickerCellProps as CellProps, DateRangePickerDayProps as DayProps, DateRangePickerGridBodyProps as GridBodyProps, DateRangePickerGridHeadProps as GridHeadProps, DateRangePickerGridProps as GridProps, DateRangePickerGridRowProps as GridRowProps, DateRangePickerHeadCellProps as HeadCellProps, DateRangePickerHeaderProps as HeaderProps, DateRangePickerHeadingProps as HeadingProps, DateRangePickerNextButtonProps as NextButtonProps, DateRangePickerPrevButtonProps as PrevButtonProps, } from "./types.js";