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

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

@@ -1,12 +1,11 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
-	import type { RootProps } from "../index.js";
+	import type { RangeCalendarRootProps } from "../types.js";
 	import { useRangeCalendarRoot } from "../range-calendar.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { useId } from "../../../internal/useId.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { noop } from "../../../internal/noop.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		children,
@@ -34,10 +33,8 @@
 		disableDaysOutsideMonth = true,
 		onStartValueChange = noop,
 		onEndValueChange = noop,
-		controlledPlaceholder = false,
-		controlledValue = false,
 		...restProps
-	}: RootProps = $props();
+	}: RangeCalendarRootProps = $props();
 
 	let startValue = $state<DateValue | undefined>(value?.start);
 	let endValue = $state<DateValue | undefined>(value?.end);
@@ -47,25 +44,14 @@
 			defaultPlaceholder: undefined,
 			defaultValue: value?.start,
 		});
-
-		if (controlledPlaceholder) {
-			onPlaceholderChange(defaultPlaceholder);
-		} else {
-			placeholder = defaultPlaceholder;
-		}
+		placeholder = defaultPlaceholder;
 	}
 
 	if (value === undefined) {
 		const defaultValue = { start: undefined, end: undefined };
-		if (controlledValue) {
-			onValueChange(defaultValue);
-		} else {
-			value = defaultValue;
-		}
+		value = defaultValue;
 	}
 
-	value === undefined && (value = { start: undefined, end: undefined });
-
 	const rootState = useRangeCalendarRoot({
 		id: box.with(() => id),
 		ref: box.with(
@@ -75,23 +61,15 @@
 		value: box.with(
 			() => value!,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v);
-				} else {
-					value = v;
-					onValueChange(v);
-				}
+				value = v;
+				onValueChange(v);
 			}
 		),
 		placeholder: box.with(
 			() => placeholder!,
 			(v) => {
-				if (controlledPlaceholder) {
-					onPlaceholderChange(v);
-				} else {
-					placeholder = v;
-					onPlaceholderChange(v);
-				}
+				placeholder = v;
+				onPlaceholderChange(v);
 			}
 		),
 		disabled: box.with(() => disabled),

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

@@ -1,19 +1,4 @@
-import type { RootProps } 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 RangeCalendar: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "placeholder" | "ref">;
-type RangeCalendar = InstanceType<typeof RangeCalendar>;
+import type { RangeCalendarRootProps } from "../types.js";
+declare const RangeCalendar: import("svelte").Component<RangeCalendarRootProps, {}, "value" | "placeholder" | "ref">;
+type RangeCalendar = ReturnType<typeof RangeCalendar>;
 export default RangeCalendar;

package/dist/bits/range-calendar/exports.d.ts

@@ -0,0 +1,13 @@
+export { default as Root } from "./components/range-calendar.svelte";
+export { default as Day } from "./components/range-calendar-day.svelte";
+export { default as Cell } from "./components/range-calendar-cell.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.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 HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.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 type { RangeCalendarRootProps as RootProps, RangeCalendarPrevButtonProps as PrevButtonProps, RangeCalendarNextButtonProps as NextButtonProps, RangeCalendarHeadingProps as HeadingProps, RangeCalendarHeaderProps as HeaderProps, RangeCalendarGridProps as GridProps, RangeCalendarGridHeadProps as GridHeadProps, RangeCalendarHeadCellProps as HeadCellProps, RangeCalendarGridBodyProps as GridBodyProps, RangeCalendarCellProps as CellProps, RangeCalendarGridRowProps as GridRowProps, RangeCalendarDayProps as DayProps, } from "./types.js";

package/dist/bits/range-calendar/exports.js

@@ -0,0 +1,12 @@
+export { default as Root } from "./components/range-calendar.svelte";
+export { default as Day } from "./components/range-calendar-day.svelte";
+export { default as Cell } from "./components/range-calendar-cell.svelte";
+export { default as Grid } from "../calendar/components/calendar-grid.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 HeadCell } from "../calendar/components/calendar-head-cell.svelte";
+export { default as GridRow } from "../calendar/components/calendar-grid-row.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";

package/dist/bits/range-calendar/index.d.ts

@@ -1,13 +1 @@
-export { default as Root } from "./components/range-calendar.svelte";
-export { default as Day } from "./components/range-calendar-day.svelte";
-export { default as Cell } from "./components/range-calendar-cell.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.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 HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.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 type { RangeCalendarRootProps as RootProps, RangeCalendarPrevButtonProps as PrevButtonProps, RangeCalendarNextButtonProps as NextButtonProps, RangeCalendarHeadingProps as HeadingProps, RangeCalendarHeaderProps as HeaderProps, RangeCalendarGridProps as GridProps, RangeCalendarGridHeadProps as GridHeadProps, RangeCalendarHeadCellProps as HeadCellProps, RangeCalendarGridBodyProps as GridBodyProps, RangeCalendarCellProps as CellProps, RangeCalendarGridRowProps as GridRowProps, RangeCalendarDayProps as DayProps, } from "./types.js";
+export * as RangeCalendar from "./exports.js";

package/dist/bits/range-calendar/index.js

@@ -1,12 +1 @@
-export { default as Root } from "./components/range-calendar.svelte";
-export { default as Day } from "./components/range-calendar-day.svelte";
-export { default as Cell } from "./components/range-calendar-cell.svelte";
-export { default as Grid } from "../calendar/components/calendar-grid.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 HeadCell } from "../calendar/components/calendar-head-cell.svelte";
-export { default as GridRow } from "../calendar/components/calendar-grid-row.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 * as RangeCalendar from "./exports.js";

package/dist/bits/range-calendar/range-calendar.svelte.d.ts

@@ -1,11 +1,10 @@
 import { type DateValue } from "@internationalized/date";
-import { CalendarGridBodyState, type CalendarGridBodyStateProps, CalendarGridHeadState, type CalendarGridHeadStateProps, CalendarGridRowState, type CalendarGridRowStateProps, CalendarGridState, type CalendarGridStateProps, CalendarHeadCellState, type CalendarHeadCellStateProps, CalendarHeaderState, type CalendarHeaderStateProps, CalendarHeadingState, type CalendarHeadingStateProps, CalendarNextButtonState, type CalendarNextButtonStateProps, CalendarPrevButtonState, type CalendarPrevButtonStateProps } from "../calendar/calendar.svelte.js";
 import type { DateRange, Month } from "../../shared/index.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
-import { type Announcer } from "../../shared/date/announcer.js";
-import { type Formatter } from "../../shared/date/formatter.js";
-import { type CalendarParts } from "../../shared/date/index.js";
+import type { BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, WithRefProps } from "../../internal/types.js";
+import { type Announcer } from "../../internal/date-time/announcer.js";
+import { type Formatter } from "../../internal/date-time/formatter.js";
+import { type CalendarParts } from "../../internal/date-time/calendar-helpers.svelte.js";
 type RangeCalendarRootStateProps = WithRefProps<WritableBoxedValues<{
     value: DateRange;
     placeholder: DateValue;
@@ -65,8 +64,7 @@ export declare class RangeCalendarRootState {
     focusedValue: DateValue | undefined;
     lastPressedDateValue: DateValue | undefined;
     constructor(props: RangeCalendarRootStateProps);
-    setStartValue: (value: DateValue | undefined) => void;
-    setEndValue: (value: DateValue | undefined) => void;
+    setMonths: (months: Month<DateValue>[]) => void;
     /**
      * This derived state holds an array of localized day names for the current
      * locale and calendar view. It dynamically syncs with the 'weekStartsOn' option,
@@ -75,9 +73,9 @@ export declare class RangeCalendarRootState {
      * the days are correctly formatted for the current locale and calendar view.
      */
     weekdays: string[];
-    isOutsideVisibleMonths: (date: DateValue) => boolean;
-    isDateDisabled: (date: DateValue) => boolean;
-    isDateUnavailable: (date: DateValue) => boolean;
+    isOutsideVisibleMonths(date: DateValue): boolean;
+    isDateDisabled(date: DateValue): boolean;
+    isDateUnavailable(date: DateValue): boolean;
     isStartInvalid: boolean;
     isEndInvalid: boolean;
     isInvalid: boolean;
@@ -85,33 +83,35 @@ export declare class RangeCalendarRootState {
     isPrevButtonDisabled: boolean;
     headingValue: string;
     fullCalendarLabel: string;
-    isSelectionStart: (date: DateValue) => boolean;
-    isSelectionEnd: (date: DateValue) => boolean;
-    isSelected: (date: DateValue) => boolean;
+    isSelectionStart(date: DateValue): boolean;
+    isSelectionEnd(date: DateValue): boolean;
+    isSelected(date: DateValue): boolean;
     highlightedRange: {
         start: DateValue;
         end: DateValue;
     } | null;
-    handleCellClick: (e: Event, date: DateValue) => void;
+    shiftFocus(node: HTMLElement, add: number): void;
+    handleCellClick(e: Event, date: DateValue): void;
+    onkeydown(event: BitsKeyboardEvent): void;
     /**
      * Navigates to the next page of the calendar.
      */
-    nextPage: () => void;
+    nextPage(): void;
     /**
      * Navigates to the previous page of the calendar.
      */
-    prevPage: () => void;
-    nextYear: () => void;
-    prevYear: () => void;
-    setYear: (year: number) => void;
-    setMonth: (month: number) => void;
-    getBitsAttr: (part: CalendarParts) => string;
+    prevPage(): void;
+    nextYear(): void;
+    prevYear(): void;
+    setYear(year: number): void;
+    setMonth(month: number): void;
+    getBitsAttr(part: CalendarParts): string;
     snippetProps: {
         months: Month<DateValue>[];
         weekdays: string[];
     };
     props: {
-        readonly onkeydown: (event: KeyboardEvent) => void;
+        readonly onkeydown: (event: BitsKeyboardEvent) => void;
         readonly id: string;
         readonly role: "application";
         readonly "aria-label": string;
@@ -119,16 +119,6 @@ export declare class RangeCalendarRootState {
         readonly "data-disabled": "" | undefined;
         readonly "data-readonly": "" | undefined;
     };
-    createHeading: (props: CalendarHeadingStateProps) => CalendarHeadingState;
-    createGrid: (props: CalendarGridStateProps) => CalendarGridState;
-    createCell: (props: RangeCalendarCellStateProps) => RangeCalendarCellState;
-    createNextButton: (props: CalendarNextButtonStateProps) => CalendarNextButtonState;
-    createPrevButton: (props: CalendarPrevButtonStateProps) => CalendarPrevButtonState;
-    createGridBody: (props: CalendarGridBodyStateProps) => CalendarGridBodyState;
-    createGridHead: (props: CalendarGridHeadStateProps) => CalendarGridHeadState;
-    createGridRow: (props: CalendarGridRowStateProps) => CalendarGridRowState;
-    createHeadCell: (props: CalendarHeadCellStateProps) => CalendarHeadCellState;
-    createHeader: (props: CalendarHeaderStateProps) => CalendarHeaderState;
 }
 type RangeCalendarCellStateProps = WithRefProps<ReadableBoxedValues<{
     date: DateValue;
@@ -142,7 +132,7 @@ export declare class RangeCalendarCellState {
     month: RangeCalendarCellStateProps["month"];
     cellDate: Date;
     isDisabled: boolean;
-    isUnvailable: boolean;
+    isUnavailable: boolean;
     isDateToday: boolean;
     isOutsideMonth: boolean;
     isOutsideVisibleMonths: boolean;
@@ -186,10 +176,9 @@ export declare class RangeCalendarCellState {
         readonly "data-disabled": "" | undefined;
         readonly id: string;
         readonly role: "gridcell";
-        readonly "aria-selected": "false" | "true";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-selected": "true" | "false";
+        readonly "aria-disabled": "true" | "false";
     };
-    createDay(props: RangeCalendarDayStateProps): RangeCalendarDayState;
 }
 type RangeCalendarDayStateProps = WithRefProps;
 declare class RangeCalendarDayState {
@@ -198,6 +187,9 @@ declare class RangeCalendarDayState {
     id: RangeCalendarDayStateProps["id"];
     ref: RangeCalendarDayStateProps["ref"];
     constructor(props: RangeCalendarDayStateProps, cell: RangeCalendarCellState);
+    onclick(e: BitsMouseEvent): void;
+    onmouseenter(_: BitsMouseEvent): void;
+    onfocusin(_: BitsFocusEvent): void;
     snippetProps: {
         disabled: boolean;
         unavailable: boolean;
@@ -207,9 +199,9 @@ declare class RangeCalendarDayState {
     props: {
         readonly tabindex: number | undefined;
         readonly "data-bits-day": "";
-        readonly onclick: (e: MouseEvent) => void;
-        readonly onmouseenter: () => void;
-        readonly onfocusin: () => void;
+        readonly onclick: (e: BitsMouseEvent) => void;
+        readonly onmouseenter: (_: BitsMouseEvent) => void;
+        readonly onfocusin: (_: BitsFocusEvent) => void;
         readonly "data-unavailable": "" | undefined;
         readonly "data-today": "" | undefined;
         readonly "data-outside-month": "" | undefined;
@@ -224,10 +216,10 @@ declare class RangeCalendarDayState {
         readonly id: string;
         readonly role: "button";
         readonly "aria-label": string;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
     };
 }
-export declare function useRangeCalendarRoot(props: RangeCalendarRootStateProps): RangeCalendarRootState;
+export declare function useRangeCalendarRoot(props: RangeCalendarRootStateProps): RangeCalendarRootState | import("../calendar/calendar.svelte.js").CalendarRootState;
 export declare function useRangeCalendarCell(props: RangeCalendarCellStateProps): RangeCalendarCellState;
 export declare function useRangeCalendarDay(props: RangeCalendarDayStateProps): RangeCalendarDayState;
 export {};