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

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

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

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

@@ -1,11 +1,16 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { DayProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { RangeCalendarDayProps } from "../types.js";
 	import { useRangeCalendarDay } from "../range-calendar.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
-	let { children, child, id = useId(), ref = $bindable(null), ...restProps }: DayProps = $props();
+	let {
+		children,
+		child,
+		id = useId(),
+		ref = $bindable(null),
+		...restProps
+	}: RangeCalendarDayProps = $props();
 
 	const dayState = useRangeCalendarDay({
 		id: box.with(() => id),

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

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

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,
@@ -37,7 +36,7 @@
 		controlledPlaceholder = false,
 		controlledValue = false,
 		...restProps
-	}: RootProps = $props();
+	}: RangeCalendarRootProps = $props();
 
 	let startValue = $state<DateValue | undefined>(value?.start);
 	let endValue = $state<DateValue | undefined>(value?.end);
@@ -64,8 +63,6 @@
 		}
 	}
 
-	value === undefined && (value = { start: undefined, end: undefined });
-
 	const rootState = useRangeCalendarRoot({
 		id: box.with(() => id),
 		ref: box.with(

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { RangeCalendarRootProps } 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 RangeCalendar: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const RangeCalendar: $$__sveltets_2_IsomorphicComponent<RangeCalendarRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "placeholder" | "ref">;
 type RangeCalendar = InstanceType<typeof 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 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;
@@ -119,16 +118,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 +131,7 @@ export declare class RangeCalendarCellState {
     month: RangeCalendarCellStateProps["month"];
     cellDate: Date;
     isDisabled: boolean;
-    isUnvailable: boolean;
+    isUnavailable: boolean;
     isDateToday: boolean;
     isOutsideMonth: boolean;
     isOutsideVisibleMonths: boolean;
@@ -186,10 +175,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 {
@@ -224,7 +212,7 @@ 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;

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

@@ -1,14 +1,13 @@
 import { getLocalTimeZone, isSameDay, isSameMonth, isToday, } from "@internationalized/date";
 import { untrack } from "svelte";
-import { CalendarGridBodyState, CalendarGridHeadState, CalendarGridRowState, CalendarGridState, CalendarHeadCellState, CalendarHeaderState, CalendarHeadingState, CalendarNextButtonState, CalendarPrevButtonState, } from "../calendar/calendar.svelte.js";
-import { getAnnouncer } from "../../shared/date/announcer.js";
-import { createFormatter } from "../../shared/date/formatter.js";
-import { useId } from "../../internal/useId.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { areAllDaysBetweenValid, isAfter, isBefore, isBetweenInclusive, toDate, } from "../../shared/date/index.js";
-import { createMonths, getCalendarBitsAttr, getCalendarElementProps, getCalendarHeadingValue, getIsNextButtonDisabled, getIsPrevButtonDisabled, getWeekdays, handleCalendarKeydown, handleCalendarNextPage, handleCalendarPrevPage, shiftCalendarFocus, useMonthViewOptionsSync, useMonthViewPlaceholderSync, } from "../../shared/date/calendar-helpers.svelte.js";
+import { useRefById } from "svelte-toolbelt";
+import { useId } from "../../internal/use-id.js";
 import { getAriaDisabled, getAriaSelected, getDataDisabled, getDataSelected, getDataUnavailable, } from "../../internal/attrs.js";
-import { createContext } from "../../internal/createContext.js";
+import { createContext } from "../../internal/create-context.js";
+import { getAnnouncer } from "../../internal/date-time/announcer.js";
+import { createFormatter } from "../../internal/date-time/formatter.js";
+import { createMonths, getCalendarElementProps, getCalendarHeadingValue, getIsNextButtonDisabled, getIsPrevButtonDisabled, getWeekdays, handleCalendarKeydown, handleCalendarNextPage, handleCalendarPrevPage, shiftCalendarFocus, useMonthViewOptionsSync, useMonthViewPlaceholderSync, } from "../../internal/date-time/calendar-helpers.svelte.js";
+import { areAllDaysBetweenValid, isAfter, isBefore, isBetweenInclusive, toDate, } from "../../internal/date-time/utils.js";
 export class RangeCalendarRootState {
     id;
     ref;
@@ -115,6 +114,23 @@ export class RangeCalendarRootState {
                 return;
             node.textContent = this.fullCalendarLabel;
         });
+        /**
+         * Synchronize the start and end values with the `value` in case
+         * it is updated externally.
+         */
+        $effect(() => {
+            const value = this.value.current;
+            untrack(() => {
+                if (value.start && value.end) {
+                    this.startValue.current = value.start;
+                    this.endValue.current = value.end;
+                }
+                else if (value.start) {
+                    this.startValue.current = value.start;
+                    this.endValue.current = undefined;
+                }
+            });
+        });
         /**
          * Synchronize the placeholder value with the current start value
          */
@@ -415,7 +431,7 @@ export class RangeCalendarRootState {
         this.placeholder.current = this.placeholder.current.set({ month });
     };
     getBitsAttr = (part) => {
-        return getCalendarBitsAttr(this, part);
+        return `data-range-calendar-${part}`;
     };
     snippetProps = $derived.by(() => ({
         months: this.months,
@@ -433,36 +449,6 @@ export class RangeCalendarRootState {
         //
         onkeydown: this.#onkeydown,
     }));
-    createHeading = (props) => {
-        return new CalendarHeadingState(props, this);
-    };
-    createGrid = (props) => {
-        return new CalendarGridState(props, this);
-    };
-    createCell = (props) => {
-        return new RangeCalendarCellState(props, this);
-    };
-    createNextButton = (props) => {
-        return new CalendarNextButtonState(props, this);
-    };
-    createPrevButton = (props) => {
-        return new CalendarPrevButtonState(props, this);
-    };
-    createGridBody = (props) => {
-        return new CalendarGridBodyState(props, this);
-    };
-    createGridHead = (props) => {
-        return new CalendarGridHeadState(props, this);
-    };
-    createGridRow = (props) => {
-        return new CalendarGridRowState(props, this);
-    };
-    createHeadCell = (props) => {
-        return new CalendarHeadCellState(props, this);
-    };
-    createHeader = (props) => {
-        return new CalendarHeaderState(props, this);
-    };
 }
 export class RangeCalendarCellState {
     root;
@@ -472,7 +458,7 @@ export class RangeCalendarCellState {
     month;
     cellDate = $derived.by(() => toDate(this.date.current));
     isDisabled = $derived.by(() => this.root.isDateDisabled(this.date.current));
-    isUnvailable = $derived.by(() => this.root.isDateUnavailableProp.current(this.date.current));
+    isUnavailable = $derived.by(() => this.root.isDateUnavailableProp.current(this.date.current));
     isDateToday = $derived.by(() => isToday(this.date.current, getLocalTimeZone()));
     isOutsideMonth = $derived.by(() => !isSameMonth(this.date.current, this.month.current));
     isOutsideVisibleMonths = $derived.by(() => this.root.isOutsideVisibleMonths(this.date.current));
@@ -502,16 +488,16 @@ export class RangeCalendarCellState {
     }
     snippetProps = $derived.by(() => ({
         disabled: this.isDisabled,
-        unavailable: this.isUnvailable,
+        unavailable: this.isUnavailable,
         selected: this.isSelectedDate,
     }));
     ariaDisabled = $derived.by(() => {
         return (this.isDisabled ||
             (this.isOutsideMonth && this.root.disableDaysOutsideMonth.current) ||
-            this.isUnvailable);
+            this.isUnavailable);
     });
     sharedDataAttrs = $derived.by(() => ({
-        "data-unavailable": getDataUnavailable(this.isUnvailable),
+        "data-unavailable": getDataUnavailable(this.isUnavailable),
         "data-today": this.isDateToday ? "" : undefined,
         "data-outside-month": this.isOutsideMonth ? "" : undefined,
         "data-outside-visible-months": this.isOutsideVisibleMonths ? "" : undefined,
@@ -532,9 +518,6 @@ export class RangeCalendarCellState {
         ...this.sharedDataAttrs,
         [this.root.getBitsAttr("cell")]: "",
     }));
-    createDay(props) {
-        return new RangeCalendarDayState(props, this);
-    }
 }
 class RangeCalendarDayState {
     cell;
@@ -572,7 +555,7 @@ class RangeCalendarDayState {
     };
     snippetProps = $derived.by(() => ({
         disabled: this.cell.isDisabled,
-        unavailable: this.cell.isUnvailable,
+        unavailable: this.cell.isUnavailable,
         selected: this.cell.isSelectedDate,
         day: `${this.cell.date.current.day}`,
     }));
@@ -598,8 +581,8 @@ export function useRangeCalendarRoot(props) {
     return setRangeCalendarRootContext(new RangeCalendarRootState(props));
 }
 export function useRangeCalendarCell(props) {
-    return setRangeCalendarCellContext(getRangeCalendarRootContext().createCell(props));
+    return setRangeCalendarCellContext(new RangeCalendarCellState(props, getRangeCalendarRootContext()));
 }
 export function useRangeCalendarDay(props) {
-    return getRangeCalendarCellContext().createDay(props);
+    return new RangeCalendarDayState(props, getRangeCalendarCellContext());
 }

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

@@ -1,8 +1,7 @@
 import type { DateValue } from "@internationalized/date";
-import type { DateMatcher, Month } from "../../shared/date/types.js";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { DateRange } from "../../shared/index.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { DateMatcher, DateRange, Month } from "../../shared/index.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type RangeCalendarRootSnippetProps = {
     months: Month<DateValue>[];
     weekdays: string[];
@@ -194,5 +193,5 @@ export type RangeCalendarRootPropsWithoutHTML = WithChild<{
      */
     controlledPlaceholder?: boolean;
 }, RangeCalendarRootSnippetProps>;
-export type RangeCalendarRootProps = RangeCalendarRootPropsWithoutHTML & Without<PrimitiveDivAttributes, RangeCalendarRootPropsWithoutHTML>;
+export type RangeCalendarRootProps = RangeCalendarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, RangeCalendarRootPropsWithoutHTML>;
 export type { CalendarPrevButtonProps as RangeCalendarPrevButtonProps, CalendarPrevButtonPropsWithoutHTML as RangeCalendarPrevButtonPropsWithoutHTML, CalendarNextButtonProps as RangeCalendarNextButtonProps, CalendarNextButtonPropsWithoutHTML as RangeCalendarNextButtonPropsWithoutHTML, CalendarHeadingProps as RangeCalendarHeadingProps, CalendarHeadingPropsWithoutHTML as RangeCalendarHeadingPropsWithoutHTML, CalendarGridProps as RangeCalendarGridProps, CalendarGridPropsWithoutHTML as RangeCalendarGridPropsWithoutHTML, CalendarCellProps as RangeCalendarCellProps, CalendarCellPropsWithoutHTML as RangeCalendarCellPropsWithoutHTML, CalendarDayProps as RangeCalendarDayProps, CalendarDayPropsWithoutHTML as RangeCalendarDayPropsWithoutHTML, CalendarGridBodyProps as RangeCalendarGridBodyProps, CalendarGridBodyPropsWithoutHTML as RangeCalendarGridBodyPropsWithoutHTML, CalendarGridHeadProps as RangeCalendarGridHeadProps, CalendarGridHeadPropsWithoutHTML as RangeCalendarGridHeadPropsWithoutHTML, CalendarGridRowProps as RangeCalendarGridRowProps, CalendarGridRowPropsWithoutHTML as RangeCalendarGridRowPropsWithoutHTML, CalendarHeadCellProps as RangeCalendarHeadCellProps, CalendarHeadCellPropsWithoutHTML as RangeCalendarHeadCellPropsWithoutHTML, CalendarHeaderProps as RangeCalendarHeaderProps, CalendarHeaderPropsWithoutHTML as RangeCalendarHeaderPropsWithoutHTML, } from "../calendar/types.js";

package/dist/bits/scroll-area/components/scroll-area-corner-impl.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { CornerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { ScrollAreaCornerProps } from "../types.js";
 	import { useScrollAreaCorner } from "../scroll-area.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let {
 		ref = $bindable(null),
@@ -10,7 +9,7 @@
 		children,
 		child,
 		...restProps
-	}: Omit<CornerProps, "id"> & {
+	}: Omit<ScrollAreaCornerProps, "id"> & {
 		id: string;
 	} = $props();
 

package/dist/bits/scroll-area/components/scroll-area-corner-impl.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { CornerProps } from "../index.js";
+import type { ScrollAreaCornerProps } 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 ScrollAreaCornerImpl: $$__sveltets_2_IsomorphicComponent<Omit<CornerProps, "id"> & {
+declare const ScrollAreaCornerImpl: $$__sveltets_2_IsomorphicComponent<Omit<ScrollAreaCornerProps, "id"> & {
     id: string;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/bits/scroll-area/components/scroll-area-corner.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import type { CornerProps } from "../index.js";
+	import type { ScrollAreaCornerProps } from "../types.js";
 	import { getScrollAreaRootContext } from "../scroll-area.svelte.js";
 	import ScrollAreaCornerImpl from "./scroll-area-corner-impl.svelte";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
-	let { ref = $bindable(null), id = useId(), ...restProps }: CornerProps = $props();
+	let { ref = $bindable(null), id = useId(), ...restProps }: ScrollAreaCornerProps = $props();
 
 	const scrollAreaState = getScrollAreaRootContext();
 

package/dist/bits/scroll-area/components/scroll-area-corner.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-scrollbar-auto.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarAuto } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-hover.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import {
 		useScrollAreaScrollbarAuto,
 		useScrollAreaScrollbarHover,
 	} from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-scroll.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarScroll } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-shared.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarShared } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let { child, children, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { IsMounted } from "runed";
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarX } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarShared from "./scroll-area-scrollbar-shared.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let { ...restProps }: _ScrollbarStubProps = $props();
 
@@ -13,7 +12,7 @@
 	const scrollbarXState = useScrollAreaScrollbarX({
 		mounted: box.with(() => isMounted.current),
 	});
-	const mergedProps = $derived(mergeProps(restProps, scrollbarXState.props));
+	const mergedProps = $derived(mergeProps(restProps, scrollbarXState.props)) as any;
 </script>
 
 <ScrollAreaScrollbarShared {...mergedProps} />

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { IsMounted } from "runed";
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarY } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarShared from "./scroll-area-scrollbar-shared.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let { ...restProps }: _ScrollbarStubProps = $props();
 
@@ -14,7 +13,7 @@
 		mounted: box.with(() => isMounted.current),
 	});
 
-	const mergedProps = $derived(mergeProps(restProps, scrollbarYState.props));
+	const mergedProps = $derived(mergeProps(restProps, scrollbarYState.props)) as any;
 </script>
 
 <ScrollAreaScrollbarShared {...mergedProps} />

package/dist/bits/scroll-area/components/scroll-area-scrollbar.svelte

@@ -1,19 +1,19 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ScrollbarProps } from "../index.js";
+	import type { ScrollAreaScrollbarProps } from "../types.js";
 	import { useScrollAreaScrollbar } from "../scroll-area.svelte.js";
 	import ScrollAreaScrollbarAuto from "./scroll-area-scrollbar-auto.svelte";
 	import ScrollAreaScrollbarScroll from "./scroll-area-scrollbar-scroll.svelte";
 	import ScrollAreaScrollbarHover from "./scroll-area-scrollbar-hover.svelte";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		ref = $bindable(null),
 		id = useId(),
 		orientation,
 		...restProps
-	}: ScrollbarProps = $props();
+	}: ScrollAreaScrollbarProps = $props();
 
 	const scrollbarState = useScrollAreaScrollbar({
 		orientation: box.with(() => orientation),

package/dist/bits/scroll-area/components/scroll-area-scrollbar.svelte.d.ts

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

package/dist/bits/scroll-area/components/scroll-area-thumb-impl.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { IsMounted } from "runed";
-	import type { ThumbProps } from "../index.js";
+	import type { ScrollAreaThumbProps } from "../types.js";
 	import { useScrollAreaThumb } from "../scroll-area.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
 
 	let {
 		ref = $bindable(null),
@@ -12,7 +11,7 @@
 		children,
 		present,
 		...restProps
-	}: Omit<ThumbProps, "forceMount" | "id"> & {
+	}: Omit<ScrollAreaThumbProps, "forceMount" | "id"> & {
 		id: string;
 		present: boolean;
 	} = $props();