bits-ui 1.0.0-next.8 → 1.0.0-next.81

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

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/date-field.svelte";
+export { default as Input } from "./components/date-field-input.svelte";
+export { default as Label } from "./components/date-field-label.svelte";
+export { default as Segment } from "./components/date-field-segment.svelte";
+export type { DateFieldRootProps as RootProps, DateFieldInputProps as InputProps, DateFieldLabelProps as LabelProps, DateFieldSegmentProps as SegmentProps, } from "./types.js";

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

@@ -0,0 +1,4 @@
+export { default as Root } from "./components/date-field.svelte";
+export { default as Input } from "./components/date-field-input.svelte";
+export { default as Label } from "./components/date-field-label.svelte";
+export { default as Segment } from "./components/date-field-segment.svelte";

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

@@ -1,5 +1 @@
-export { default as Root } from "./components/date-field.svelte";
-export { default as Input } from "./components/date-field-input.svelte";
-export { default as Label } from "./components/date-field-label.svelte";
-export { default as Segment } from "./components/date-field-segment.svelte";
-export type { DateFieldRootProps as RootProps, DateFieldInputProps as InputProps, DateFieldLabelProps as LabelProps, DateFieldSegmentProps as SegmentProps, } from "./types.js";
+export * as DateField from "./exports.js";

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

@@ -1,4 +1 @@
-export { default as Root } from "./components/date-field.svelte";
-export { default as Input } from "./components/date-field-input.svelte";
-export { default as Label } from "./components/date-field-label.svelte";
-export { default as Segment } from "./components/date-field-segment.svelte";
+export * as DateField from "./exports.js";

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

@@ -1,16 +1,15 @@
 import type { DateValue } from "@internationalized/date";
-import type { SegmentPart, WithChildren } from "../../shared/index.js";
+import type { DateOnInvalid, DateValidator, EditableSegmentPart, SegmentPart, WithChildren } from "../../shared/index.js";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes, PrimitiveSpanAttributes } from "../../shared/attributes.js";
-import type { EditableSegmentPart } from "../../shared/date/field/types.js";
-import type { DateOnInvalid, DateValidator, Granularity } from "../../shared/date/types.js";
+import type { BitsPrimitiveDivAttributes, BitsPrimitiveSpanAttributes } from "../../shared/attributes.js";
+import type { Granularity } from "../../shared/date/types.js";
 export type DateFieldRootPropsWithoutHTML = WithChildren<{
     /**
      * The value of the date field.
      *
      * @bindable
      */
-    value?: DateValue | undefined;
+    value?: DateValue;
     /**
      * A callback that is called when the date field value changes.
      *
@@ -22,7 +21,7 @@ export type DateFieldRootPropsWithoutHTML = WithChildren<{
      *
      * @bindable
      */
-    placeholder?: DateValue | undefined;
+    placeholder?: DateValue;
     /**
      * A callback that is called when the date field's placeholder value changes.
      */
@@ -111,23 +110,6 @@ export type DateFieldRootPropsWithoutHTML = WithChildren<{
      * @defaultValue false
      */
     required?: boolean;
-    /**
-     * Whether or not the value is controlled or not. If `true`, the component will not update
-     * the value state internally, instead it will call `onValueChange` when it would have
-     * otherwise, and it is up to you to update the `value` prop that is passed to the component.
-     *
-     * @defaultValue false
-     */
-    controlledValue?: boolean;
-    /**
-     * Whether or not the placeholder is controlled or not. If `true`, the component will not update
-     * the placeholder state internally, instead it will call `onPlaceholderChange` when it would
-     * have otherwise, and it is up to you to update the `value` prop that is passed to the
-     * component.
-     *
-     * @defaultValue false
-     */
-    controlledPlaceholder?: boolean;
     /**
      * The `id` of the element which contains the error messages for the date field when the
      * date is invalid.
@@ -150,10 +132,10 @@ export type DateFieldInputPropsWithoutHTML = WithChild<{
      */
     name?: string;
 }, DateFieldInputSnippetProps>;
-export type DateFieldInputProps = DateFieldInputPropsWithoutHTML & Without<PrimitiveDivAttributes, DateFieldInputPropsWithoutHTML>;
+export type DateFieldInputProps = DateFieldInputPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateFieldInputPropsWithoutHTML>;
 export type DateFieldSegmentPropsWithoutHTML = WithChild<{
     part: SegmentPart;
 }>;
-export type DateFieldSegmentProps = DateFieldSegmentPropsWithoutHTML & Without<PrimitiveSpanAttributes, DateFieldSegmentPropsWithoutHTML>;
+export type DateFieldSegmentProps = DateFieldSegmentPropsWithoutHTML & Without<BitsPrimitiveSpanAttributes, DateFieldSegmentPropsWithoutHTML>;
 export type DateFieldLabelPropsWithoutHTML = WithChild;
-export type DateFieldLabelProps = DateFieldLabelPropsWithoutHTML & Without<PrimitiveDivAttributes, DateFieldLabelPropsWithoutHTML>;
+export type DateFieldLabelProps = DateFieldLabelPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DateFieldLabelPropsWithoutHTML>;

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

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

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

@@ -1,19 +1,4 @@
-import type { CalendarProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DatePickerCalendar: $$__sveltets_2_IsomorphicComponent<CalendarProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type DatePickerCalendar = InstanceType<typeof DatePickerCalendar>;
+import type { DatePickerCalendarProps } from "../types.js";
+declare const DatePickerCalendar: import("svelte").Component<DatePickerCalendarProps, {}, "ref">;
+type DatePickerCalendar = ReturnType<typeof DatePickerCalendar>;
 export default 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 { mergeProps } from "svelte-toolbelt";
+	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 { 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,19 +1,4 @@
-import type { ContentStaticProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DatePickerContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type DatePickerContentStatic = InstanceType<typeof DatePickerContentStatic>;
+import type { DatePickerContentStaticProps } from "../types.js";
+declare const DatePickerContentStatic: import("svelte").Component<DatePickerContentStaticProps, {}, "ref">;
+type DatePickerContentStatic = ReturnType<typeof DatePickerContentStatic>;
 export default DatePickerContentStatic;

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

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { ContentProps } from "../index.js";
+	import { mergeProps } from "svelte-toolbelt";
+	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 { 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 })
-	) as any;
+	);
 </script>
 
 <PopoverContent {...mergedProps} bind:ref {...restProps} />

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

@@ -1,19 +1,4 @@
-import type { ContentProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DatePickerContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type DatePickerContent = InstanceType<typeof DatePickerContent>;
+import type { DatePickerContentProps } from "../types.js";
+declare const DatePickerContent: import("svelte").Component<DatePickerContentProps, {}, "ref">;
+type DatePickerContent = ReturnType<typeof DatePickerContent>;
 export default 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 { mergeProps } from "svelte-toolbelt";
+	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 { 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)) {
@@ -18,7 +21,7 @@
 		}
 	}
 
-	const mergedProps = $derived(mergeProps({ onkeydown }, { onkeydown: onKeydown })) as any;
+	const mergedProps = $derived(mergeProps({ onkeydown }, { onkeydown: onKeydown }));
 </script>
 
 <PopoverTrigger {...restProps} bind:ref data-segment="trigger" {...mergedProps} />

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

@@ -1,19 +1,4 @@
-import type { TriggerProps } from "../index.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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DatePickerTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type DatePickerTrigger = InstanceType<typeof DatePickerTrigger>;
+import type { DatePickerTriggerProps } from "../types.js";
+declare const DatePickerTrigger: import("svelte").Component<DatePickerTriggerProps, {}, "ref">;
+type DatePickerTrigger = ReturnType<typeof DatePickerTrigger>;
 export default DatePickerTrigger;

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

@@ -3,15 +3,15 @@
 	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 { noop } from "../../../internal/callbacks.js";
+	import type { DatePickerRootProps } from "../types.js";
+	import { noop } from "../../../internal/noop.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,
+		open = $bindable(false),
 		onOpenChange = noop,
 		value = $bindable(),
 		onValueChange = noop,
@@ -41,12 +41,9 @@
 		numberOfMonths = 1,
 		closeOnDateSelect = true,
 		initialFocus = false,
-		controlledPlaceholder = false,
-		controlledValue = false,
-		controlledOpen = false,
 		errorMessageId,
 		children,
-	}: RootProps = $props();
+	}: DatePickerRootProps = $props();
 
 	if (placeholder === undefined) {
 		const defaultPlaceholder = getDefaultDate({
@@ -55,20 +52,12 @@
 			defaultValue: value,
 		});
 
-		if (controlledPlaceholder) {
-			onPlaceholderChange(defaultPlaceholder);
-		} else {
-			placeholder = defaultPlaceholder;
-		}
+		placeholder = defaultPlaceholder;
 	}
 
 	function onDateSelect() {
 		if (closeOnDateSelect) {
-			if (controlledOpen) {
-				onOpenChange(false);
-			} else {
-				open = false;
-			}
+			open = false;
 		}
 	}
 
@@ -76,34 +65,22 @@
 		open: box.with(
 			() => open,
 			(v) => {
-				if (controlledOpen) {
-					onOpenChange(v);
-				} else {
-					open = v;
-					onOpenChange(v);
-				}
+				open = v;
+				onOpenChange(v);
 			}
 		),
 		value: box.with(
 			() => value,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v);
-				} else {
-					value = v;
-					onValueChange(v);
-				}
+				value = v;
+				onValueChange(v);
 			}
 		),
 		placeholder: box.with(
 			() => placeholder as DateValue,
 			(v) => {
-				if (controlledPlaceholder) {
-					onPlaceholderChange(v as DateValue);
-				} else {
-					placeholder = v;
-					onPlaceholderChange(v as DateValue);
-				}
+				placeholder = v;
+				onPlaceholderChange(v as DateValue);
 			}
 		),
 		isDateUnavailable: box.with(() => isDateUnavailable),

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

@@ -1,18 +1,3 @@
-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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const DatePicker: $$__sveltets_2_IsomorphicComponent<import("../types.js").DatePickerRootPropsWithoutHTML, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "placeholder">;
-type DatePicker = InstanceType<typeof DatePicker>;
+declare const DatePicker: import("svelte").Component<import("../types.js").DatePickerRootPropsWithoutHTML, {}, "value" | "placeholder" | "open">;
+type DatePicker = ReturnType<typeof DatePicker>;
 export default DatePicker;

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

@@ -1,7 +1,8 @@
 import type { DateValue } from "@internationalized/date";
+import { Context } from "runed";
 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;
@@ -34,6 +35,6 @@ declare class DatePickerRootState {
     readonly props: DatePickerRootStateProps;
     constructor(props: DatePickerRootStateProps);
 }
-export declare const setDatePickerRootContext: (value: DatePickerRootState) => DatePickerRootState, getDatePickerRootContext: <T extends DatePickerRootState | null | undefined = DatePickerRootState>(fallback?: T | undefined) => T extends null ? DatePickerRootState | null : DatePickerRootState;
+export declare const DatePickerRootContext: Context<DatePickerRootState>;
 export declare function useDatePickerRoot(props: DatePickerRootStateProps): DatePickerRootState;
 export {};

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

@@ -1,11 +1,11 @@
-import { createContext } from "../../internal/createContext.js";
+import { Context } from "runed";
 class DatePickerRootState {
     props;
     constructor(props) {
         this.props = props;
     }
 }
-export const [setDatePickerRootContext, getDatePickerRootContext] = createContext("DatePicker.Root");
+export const DatePickerRootContext = new Context("DatePicker.Root");
 export function useDatePickerRoot(props) {
-    return setDatePickerRootContext(new DatePickerRootState(props));
+    return DatePickerRootContext.set(new DatePickerRootState(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 { 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.
@@ -220,32 +220,6 @@ export type DatePickerRootPropsWithoutHTML = WithChildren<{
      * Whether to focus a date when the picker is first opened.
      */
     initialFocus?: boolean;
-    /**
-     * Whether or not the value is controlled or not. If `true`, the component will not update
-     * the value state internally, instead it will call `onValueChange` when it would have
-     * otherwise, and it is up to you to update the `value` prop that is passed to the component.
-     *
-     * @defaultValue false
-     */
-    controlledValue?: boolean;
-    /**
-     * Whether or not the placeholder is controlled or not. If `true`, the component will not update
-     * the placeholder state internally, instead it will call `onPlaceholderChange` when it would
-     * have otherwise, and it is up to you to update the `placeholder` prop that is passed to the
-     * component.
-     *
-     * @defaultValue false
-     */
-    controlledPlaceholder?: boolean;
-    /**
-     * Whether or not the open state is controlled or not. If `true`, the component will not update
-     * the open state internally, instead it will call `onOpenChange` when it would
-     * have otherwise, and it is up to you to update the `open` prop that is passed to the
-     * component.
-     *
-     * @defaultValue false
-     */
-    controlledOpen?: boolean;
     /**
      * The `id` of the element which contains the error messages for the date field when the
      * date is invalid.
@@ -256,5 +230,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(
 		{