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

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

@@ -1,11 +1,11 @@
 import { type DateValue } from "@internationalized/date";
-import type { RangeCalendarCellState, RangeCalendarRootState } from "../range-calendar/range-calendar.svelte.js";
+import type { RangeCalendarRootState } from "../range-calendar/range-calendar.svelte.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 CalendarParts } from "../../shared/date/calendar-helpers.svelte.js";
-import { type Formatter } from "../../shared/date/formatter.js";
-import type { DateMatcher, Month } from "../../shared/date/types.js";
+import type { DateMatcher, Month } from "../../shared/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 CalendarRootStateProps = WithRefProps<WritableBoxedValues<{
     value: DateValue | undefined | DateValue[];
     placeholder: DateValue;
@@ -79,24 +79,24 @@ export declare class CalendarRootState {
      * Navigates to the previous page of the calendar.
      */
     prevPage: () => void;
-    nextYear(): void;
-    prevYear(): void;
-    setYear(year: number): void;
-    setMonth(month: number): void;
+    nextYear: () => void;
+    prevYear: () => void;
+    setYear: (year: number) => void;
+    setMonth: (month: number) => void;
     isNextButtonDisabled: boolean;
     isPrevButtonDisabled: boolean;
     isInvalid: boolean;
     headingValue: string;
     fullCalendarLabel: string;
-    isOutsideVisibleMonths(date: DateValue): boolean;
-    isDateDisabled(date: DateValue): boolean;
-    isDateSelected(date: DateValue): boolean;
+    isOutsideVisibleMonths: (date: DateValue) => boolean;
+    isDateDisabled: (date: DateValue) => boolean;
+    isDateSelected: (date: DateValue) => boolean;
     handleCellClick: (_: Event, date: DateValue) => void;
     snippetProps: {
         months: Month<DateValue>[];
         weekdays: string[];
     };
-    getBitsAttr(part: CalendarParts): string;
+    getBitsAttr: (part: CalendarParts) => string;
     props: {
         readonly onkeydown: (event: KeyboardEvent) => void;
         readonly id: string;
@@ -106,16 +106,6 @@ export declare class CalendarRootState {
         readonly "data-disabled": "" | undefined;
         readonly "data-readonly": "" | undefined;
     };
-    createHeading(props: CalendarHeadingStateProps): CalendarHeadingState;
-    createGrid(props: CalendarGridStateProps): CalendarGridState;
-    createCell(props: CalendarCellStateProps): CalendarCellState;
-    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;
 }
 export type CalendarHeadingStateProps = WithRefProps;
 export declare class CalendarHeadingState {
@@ -144,7 +134,7 @@ declare class CalendarCellState {
     month: CalendarCellStateProps["month"];
     cellDate: Date;
     isDisabled: boolean;
-    isUnvailable: boolean;
+    isUnavailable: boolean;
     isDateToday: boolean;
     isOutsideMonth: boolean;
     isOutsideVisibleMonths: boolean;
@@ -179,10 +169,9 @@ declare class CalendarCellState {
         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: CalendarDayStateProps): CalendarDayState;
 }
 type CalendarDayStateProps = WithRefProps;
 declare class CalendarDayState {
@@ -212,7 +201,7 @@ declare class CalendarDayState {
         readonly id: string;
         readonly role: "button";
         readonly "aria-label": string;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
     };
 }
 export type CalendarNextButtonStateProps = WithRefProps;
@@ -229,7 +218,7 @@ export declare class CalendarNextButtonState {
         readonly role: "button";
         readonly type: "button";
         readonly "aria-label": "Next";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly disabled: boolean;
         readonly onclick: () => void;
@@ -249,7 +238,7 @@ export declare class CalendarPrevButtonState {
         readonly role: "button";
         readonly type: "button";
         readonly "aria-label": "Previous";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly disabled: boolean;
         readonly onclick: () => void;
@@ -266,8 +255,8 @@ export declare class CalendarGridState {
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "grid";
-        readonly "aria-readonly": "false" | "true";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-readonly": "true" | "false";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-readonly": "" | undefined;
         readonly "data-disabled": "" | undefined;
     };
@@ -337,48 +326,12 @@ export declare class CalendarHeaderState {
         readonly "data-readonly": "" | undefined;
     };
 }
-export declare function useCalendarRoot(props: CalendarRootStateProps): CalendarRootState | RangeCalendarRootState;
+export declare function useCalendarRoot(props: CalendarRootStateProps): CalendarRootState;
 export declare function useCalendarGrid(props: CalendarGridStateProps): CalendarGridState;
-export declare function useCalendarCell(props: CalendarCellStateProps): RangeCalendarCellState | CalendarCellState;
+export declare function useCalendarCell(props: CalendarCellStateProps): CalendarCellState;
 export declare function useCalendarNextButton(props: CalendarNextButtonStateProps): CalendarNextButtonState;
 export declare function useCalendarPrevButton(props: CalendarPrevButtonStateProps): CalendarPrevButtonState;
-export declare function useCalendarDay(props: CalendarDayStateProps): {
-    id: import("svelte-toolbelt").ReadableBox<string>;
-    ref: import("svelte-toolbelt").WritableBox<HTMLElement | null>;
-    readonly cell: RangeCalendarCellState;
-    "__#62@#tabindex": number | undefined;
-    "__#62@#onclick": (e: MouseEvent) => void;
-    "__#62@#onmouseenter": () => void;
-    "__#62@#onfocusin": () => void;
-    snippetProps: {
-        disabled: boolean;
-        unavailable: boolean;
-        selected: boolean;
-        day: string;
-    };
-    props: {
-        readonly tabindex: number | undefined;
-        readonly "data-bits-day": "";
-        readonly onclick: (e: MouseEvent) => void;
-        readonly onmouseenter: () => void;
-        readonly onfocusin: () => void;
-        readonly "data-unavailable": "" | undefined;
-        readonly "data-today": "" | undefined;
-        readonly "data-outside-month": "" | undefined;
-        readonly "data-outside-visible-months": "" | undefined;
-        readonly "data-focused": "" | undefined;
-        readonly "data-selection-start": "" | undefined;
-        readonly "data-selection-end": "" | undefined;
-        readonly "data-highlighted": "" | undefined;
-        readonly "data-selected": "" | undefined;
-        readonly "data-value": string;
-        readonly "data-disabled": "" | undefined;
-        readonly id: string;
-        readonly role: "button";
-        readonly "aria-label": string;
-        readonly "aria-disabled": "false" | "true";
-    };
-} | CalendarDayState;
+export declare function useCalendarDay(props: CalendarDayStateProps): CalendarDayState;
 export declare function useCalendarGridBody(props: CalendarGridBodyStateProps): CalendarGridBodyState;
 export declare function useCalendarGridHead(props: CalendarGridHeadStateProps): CalendarGridHeadState;
 export declare function useCalendarGridRow(props: CalendarGridRowStateProps): CalendarGridRowState;

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

@@ -1,14 +1,14 @@
 import { getLocalTimeZone, isSameDay, isSameMonth, isToday, } from "@internationalized/date";
 import { DEV } from "esm-env";
 import { untrack } from "svelte";
+import { useRefById } from "svelte-toolbelt";
 import { getAriaDisabled, getAriaHidden, getAriaReadonly, getAriaSelected, getDataDisabled, getDataReadonly, getDataSelected, getDataUnavailable, } from "../../internal/attrs.js";
-import { createContext } from "../../internal/createContext.js";
-import { useId } from "../../internal/useId.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { getAnnouncer } from "../../shared/date/announcer.js";
-import { createAccessibleHeading, createMonths, getCalendarBitsAttr, getCalendarElementProps, getCalendarHeadingValue, getIsNextButtonDisabled, getIsPrevButtonDisabled, getWeekdays, handleCalendarKeydown, handleCalendarNextPage, handleCalendarPrevPage, shiftCalendarFocus, useMonthViewOptionsSync, useMonthViewPlaceholderSync, } from "../../shared/date/calendar-helpers.svelte.js";
-import { createFormatter } from "../../shared/date/formatter.js";
-import { isBefore, toDate } from "../../shared/date/utils.js";
+import { createContext } from "../../internal/create-context.js";
+import { useId } from "../../internal/use-id.js";
+import { getAnnouncer } from "../../internal/date-time/announcer.js";
+import { createFormatter } from "../../internal/date-time/formatter.js";
+import { createAccessibleHeading, createMonths, getCalendarElementProps, getCalendarHeadingValue, getIsNextButtonDisabled, getIsPrevButtonDisabled, getWeekdays, handleCalendarKeydown, handleCalendarNextPage, handleCalendarPrevPage, shiftCalendarFocus, useMonthViewOptionsSync, useMonthViewPlaceholderSync, } from "../../internal/date-time/calendar-helpers.svelte.js";
+import { isBefore, toDate } from "../../internal/date-time/utils.js";
 export class CalendarRootState {
     ref;
     id;
@@ -196,18 +196,18 @@ export class CalendarRootState {
             months: this.months,
         });
     };
-    nextYear() {
+    nextYear = () => {
         this.placeholder.current = this.placeholder.current.add({ years: 1 });
-    }
-    prevYear() {
+    };
+    prevYear = () => {
         this.placeholder.current = this.placeholder.current.subtract({ years: 1 });
-    }
-    setYear(year) {
+    };
+    setYear = (year) => {
         this.placeholder.current = this.placeholder.current.set({ year });
-    }
-    setMonth(month) {
+    };
+    setMonth = (month) => {
         this.placeholder.current = this.placeholder.current.set({ month });
-    }
+    };
     isNextButtonDisabled = $derived.by(() => {
         return getIsNextButtonDisabled({
             maxValue: this.maxValue.current,
@@ -256,10 +256,10 @@ export class CalendarRootState {
     fullCalendarLabel = $derived.by(() => {
         return `${this.calendarLabel.current} ${this.headingValue}`;
     });
-    isOutsideVisibleMonths(date) {
+    isOutsideVisibleMonths = (date) => {
         return !this.visibleMonths.some((month) => isSameMonth(date, month));
-    }
-    isDateDisabled(date) {
+    };
+    isDateDisabled = (date) => {
         if (this.isDateDisabledProp.current(date) || this.disabled.current)
             return true;
         const minValue = this.minValue.current;
@@ -269,8 +269,8 @@ export class CalendarRootState {
         if (maxValue && isBefore(maxValue, date))
             return true;
         return false;
-    }
-    isDateSelected(date) {
+    };
+    isDateSelected = (date) => {
         const value = this.value.current;
         if (Array.isArray(value)) {
             return value.some((d) => isSameDay(d, date));
@@ -281,7 +281,7 @@ export class CalendarRootState {
         else {
             return isSameDay(value, date);
         }
-    }
+    };
     #shiftFocus = (node, add) => {
         return shiftCalendarFocus({
             node,
@@ -325,7 +325,7 @@ export class CalendarRootState {
             }
         }
     };
-    #handleMultipleUpdate(prev, date) {
+    #handleMultipleUpdate = (prev, date) => {
         if (!prev)
             return [date];
         if (!Array.isArray(prev)) {
@@ -349,8 +349,8 @@ export class CalendarRootState {
             }
             return next;
         }
-    }
-    #handleSingleUpdate(prev, date) {
+    };
+    #handleSingleUpdate = (prev, date) => {
         if (Array.isArray(prev)) {
             if (DEV)
                 throw new Error("Invalid value for single prop.");
@@ -363,7 +363,7 @@ export class CalendarRootState {
             return undefined;
         }
         return date;
-    }
+    };
     #onkeydown = (event) => {
         handleCalendarKeydown({
             event,
@@ -376,9 +376,9 @@ export class CalendarRootState {
         months: this.months,
         weekdays: this.weekdays,
     }));
-    getBitsAttr(part) {
-        return getCalendarBitsAttr(this, part);
-    }
+    getBitsAttr = (part) => {
+        return `data-bits-calendar-${part}`;
+    };
     props = $derived.by(() => ({
         ...getCalendarElementProps({
             fullCalendarLabel: this.fullCalendarLabel,
@@ -391,36 +391,6 @@ export class CalendarRootState {
         //
         onkeydown: this.#onkeydown,
     }));
-    createHeading(props) {
-        return new CalendarHeadingState(props, this);
-    }
-    createGrid(props) {
-        return new CalendarGridState(props, this);
-    }
-    createCell(props) {
-        return new CalendarCellState(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 CalendarHeadingState {
     root;
@@ -452,7 +422,7 @@ class CalendarCellState {
     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));
@@ -477,16 +447,16 @@ class CalendarCellState {
     }
     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,
@@ -504,9 +474,6 @@ class CalendarCellState {
         ...this.sharedDataAttrs,
         [this.root.getBitsAttr("cell")]: "",
     }));
-    createDay(props) {
-        return new CalendarDayState(props, this);
-    }
 }
 class CalendarDayState {
     cell;
@@ -534,7 +501,7 @@ class CalendarDayState {
     };
     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}`,
     }));
@@ -746,35 +713,46 @@ export function useCalendarRoot(props) {
     return setCalendarRootContext(new CalendarRootState(props));
 }
 export function useCalendarGrid(props) {
-    return getCalendarRootContext().createGrid(props);
+    const root = getCalendarRootContext();
+    return new CalendarGridState(props, root);
 }
 export function useCalendarCell(props) {
-    return setCalendarCellContext(getCalendarRootContext().createCell(props));
+    const root = getCalendarRootContext();
+    return setCalendarCellContext(new CalendarCellState(props, root));
 }
 export function useCalendarNextButton(props) {
-    return getCalendarRootContext().createNextButton(props);
+    const root = getCalendarRootContext();
+    return new CalendarNextButtonState(props, root);
 }
 export function useCalendarPrevButton(props) {
-    return getCalendarRootContext().createPrevButton(props);
+    const root = getCalendarRootContext();
+    return new CalendarPrevButtonState(props, root);
 }
 export function useCalendarDay(props) {
-    return getCalendarCellContext().createDay(props);
+    const cell = getCalendarCellContext();
+    return new CalendarDayState(props, cell);
 }
 export function useCalendarGridBody(props) {
-    return getCalendarRootContext().createGridBody(props);
+    const root = getCalendarRootContext();
+    return new CalendarGridBodyState(props, root);
 }
 export function useCalendarGridHead(props) {
-    return getCalendarRootContext().createGridHead(props);
+    const root = getCalendarRootContext();
+    return new CalendarGridHeadState(props, root);
 }
 export function useCalendarGridRow(props) {
-    return getCalendarRootContext().createGridRow(props);
+    const root = getCalendarRootContext();
+    return new CalendarGridRowState(props, root);
 }
 export function useCalendarHeadCell(props) {
-    return getCalendarRootContext().createHeadCell(props);
+    const root = getCalendarRootContext();
+    return new CalendarHeadCellState(props, root);
 }
 export function useCalendarHeader(props) {
-    return getCalendarRootContext().createHeader(props);
+    const root = getCalendarRootContext();
+    return new CalendarHeaderState(props, root);
 }
 export function useCalendarHeading(props) {
-    return getCalendarRootContext().createHeading(props);
+    const root = getCalendarRootContext();
+    return new CalendarHeadingState(props, root);
 }

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCalendarCell } from "../calendar.svelte.js";
-	import type { CellProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { CalendarCellProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -13,7 +12,7 @@
 		date,
 		month,
 		...restProps
-	}: CellProps = $props();
+	}: CalendarCellProps = $props();
 
 	const cellState = useCalendarCell({
 		id: box.with(() => id),

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

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

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

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

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

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

package/dist/bits/calendar/components/calendar-grid-body.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { GridBodyProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CalendarGridBodyProps } from "../types.js";
 	import { useCalendarGridBody } from "../calendar.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -11,7 +10,7 @@
 		ref = $bindable(null),
 		id = useId(),
 		...restProps
-	}: GridBodyProps = $props();
+	}: CalendarGridBodyProps = $props();
 
 	const gridBodyState = useCalendarGridBody({
 		id: box.with(() => id),

package/dist/bits/calendar/components/calendar-grid-body.svelte.d.ts

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

package/dist/bits/calendar/components/calendar-grid-head.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCalendarGridHead } from "../calendar.svelte.js";
-	import type { GridHeadProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { CalendarGridHeadProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -11,7 +10,7 @@
 		ref = $bindable(null),
 		id = useId(),
 		...restProps
-	}: GridHeadProps = $props();
+	}: CalendarGridHeadProps = $props();
 
 	const gridHeadState = useCalendarGridHead({
 		id: box.with(() => id),

package/dist/bits/calendar/components/calendar-grid-head.svelte.d.ts

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

package/dist/bits/calendar/components/calendar-grid-row.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCalendarGridRow } from "../calendar.svelte.js";
-	import type { GridRowProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { CalendarGridRowProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -11,7 +10,7 @@
 		ref = $bindable(null),
 		id = useId(),
 		...restProps
-	}: GridRowProps = $props();
+	}: CalendarGridRowProps = $props();
 
 	const gridRowState = useCalendarGridRow({
 		id: box.with(() => id),

package/dist/bits/calendar/components/calendar-grid-row.svelte.d.ts

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

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCalendarGrid } from "../calendar.svelte.js";
-	import type { GridProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import type { CalendarGridProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -11,7 +10,7 @@
 		ref = $bindable(null),
 		id = useId(),
 		...restProps
-	}: GridProps = $props();
+	}: CalendarGridProps = $props();
 
 	const gridState = useCalendarGrid({
 		id: box.with(() => id),