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

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 { Context } from "runed";
 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 { 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;
@@ -62,6 +62,22 @@ export class CalendarRootState {
         this.initialFocus = props.initialFocus;
         this.announcer = getAnnouncer();
         this.formatter = createFormatter(this.locale.current);
+        this.setMonths = this.setMonths.bind(this);
+        this.nextPage = this.nextPage.bind(this);
+        this.prevPage = this.prevPage.bind(this);
+        this.prevYear = this.prevYear.bind(this);
+        this.nextYear = this.nextYear.bind(this);
+        this.setYear = this.setYear.bind(this);
+        this.setMonth = this.setMonth.bind(this);
+        this.isOutsideVisibleMonths = this.isOutsideVisibleMonths.bind(this);
+        this.isDateDisabled = this.isDateDisabled.bind(this);
+        this.isDateSelected = this.isDateSelected.bind(this);
+        this.shiftFocus = this.shiftFocus.bind(this);
+        this.handleCellClick = this.handleCellClick.bind(this);
+        this.handleMultipleUpdate = this.handleMultipleUpdate.bind(this);
+        this.handleSingleUpdate = this.handleSingleUpdate.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
+        this.getBitsAttr = this.getBitsAttr.bind(this);
         useRefById({
             id: this.id,
             ref: this.ref,
@@ -119,7 +135,7 @@ export class CalendarRootState {
             locale: this.locale,
             numberOfMonths: this.numberOfMonths,
             placeholder: this.placeholder,
-            setMonths: this.#setMonths,
+            setMonths: this.setMonths,
             weekStartsOn: this.weekStartsOn,
         });
         /**
@@ -151,7 +167,9 @@ export class CalendarRootState {
             });
         });
     }
-    #setMonths = (months) => (this.months = months);
+    setMonths(months) {
+        this.months = months;
+    }
     /**
      * This derived state holds an array of localized day names for the current
      * locale and calendar view. It dynamically syncs with the 'weekStartsOn' option,
@@ -169,33 +187,33 @@ export class CalendarRootState {
     /**
      * Navigates to the next page of the calendar.
      */
-    nextPage = () => {
+    nextPage() {
         handleCalendarNextPage({
             fixedWeeks: this.fixedWeeks.current,
             locale: this.locale.current,
             numberOfMonths: this.numberOfMonths.current,
             pagedNavigation: this.pagedNavigation.current,
-            setMonths: this.#setMonths,
+            setMonths: this.setMonths,
             setPlaceholder: (date) => (this.placeholder.current = date),
             weekStartsOn: this.weekStartsOn.current,
             months: this.months,
         });
-    };
+    }
     /**
      * Navigates to the previous page of the calendar.
      */
-    prevPage = () => {
+    prevPage() {
         handleCalendarPrevPage({
             fixedWeeks: this.fixedWeeks.current,
             locale: this.locale.current,
             numberOfMonths: this.numberOfMonths.current,
             pagedNavigation: this.pagedNavigation.current,
-            setMonths: this.#setMonths,
+            setMonths: this.setMonths,
             setPlaceholder: (date) => (this.placeholder.current = date),
             weekStartsOn: this.weekStartsOn.current,
             months: this.months,
         });
-    };
+    }
     nextYear() {
         this.placeholder.current = this.placeholder.current.add({ years: 1 });
     }
@@ -282,7 +300,7 @@ export class CalendarRootState {
             return isSameDay(value, date);
         }
     }
-    #shiftFocus = (node, add) => {
+    shiftFocus(node, add) {
         return shiftCalendarFocus({
             node,
             add,
@@ -293,8 +311,8 @@ export class CalendarRootState {
             months: this.months,
             numberOfMonths: this.numberOfMonths.current,
         });
-    };
-    handleCellClick = (_, date) => {
+    }
+    handleCellClick(_, date) {
         const readonly = this.readonly.current;
         if (readonly)
             return;
@@ -306,12 +324,12 @@ export class CalendarRootState {
         const multiple = this.type.current === "multiple";
         if (multiple) {
             if (Array.isArray(prev) || prev === undefined) {
-                this.value.current = this.#handleMultipleUpdate(prev, date);
+                this.value.current = this.handleMultipleUpdate(prev, date);
             }
         }
         else {
             if (!Array.isArray(prev)) {
-                const next = this.#handleSingleUpdate(prev, date);
+                const next = this.handleSingleUpdate(prev, date);
                 if (!next) {
                     this.announcer.announce("Selected date is now empty.", "polite", 5000);
                 }
@@ -324,8 +342,8 @@ export class CalendarRootState {
                 }
             }
         }
-    };
-    #handleMultipleUpdate(prev, date) {
+    }
+    handleMultipleUpdate(prev, date) {
         if (!prev)
             return [date];
         if (!Array.isArray(prev)) {
@@ -350,7 +368,7 @@ 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.");
@@ -364,20 +382,20 @@ export class CalendarRootState {
         }
         return date;
     }
-    #onkeydown = (event) => {
+    onkeydown(event) {
         handleCalendarKeydown({
             event,
             handleCellClick: this.handleCellClick,
-            shiftFocus: this.#shiftFocus,
+            shiftFocus: this.shiftFocus,
             placeholderValue: this.placeholder.current,
         });
-    };
+    }
     snippetProps = $derived.by(() => ({
         months: this.months,
         weekdays: this.weekdays,
     }));
     getBitsAttr(part) {
-        return getCalendarBitsAttr(this, part);
+        return `data-bits-calendar-${part}`;
     }
     props = $derived.by(() => ({
         ...getCalendarElementProps({
@@ -389,38 +407,8 @@ export class CalendarRootState {
         }),
         [this.getBitsAttr("root")]: "",
         //
-        onkeydown: this.#onkeydown,
+        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 +440,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 +465,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 +492,6 @@ class CalendarCellState {
         ...this.sharedDataAttrs,
         [this.root.getBitsAttr("cell")]: "",
     }));
-    createDay(props) {
-        return new CalendarDayState(props, this);
-    }
 }
 class CalendarDayState {
     cell;
@@ -516,6 +501,7 @@ class CalendarDayState {
         this.cell = cell;
         this.id = props.id;
         this.ref = props.ref;
+        this.onclick = this.onclick.bind(this);
         useRefById({
             id: this.id,
             ref: this.ref,
@@ -527,14 +513,14 @@ class CalendarDayState {
             this.cell.isDisabled
             ? undefined
             : -1);
-    #onclick = (e) => {
+    onclick(e) {
         if (this.cell.isDisabled)
             return;
         this.cell.root.handleCellClick(e, this.cell.date.current);
-    };
+    }
     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}`,
     }));
@@ -549,7 +535,7 @@ class CalendarDayState {
         // Shared logic for range calendar and calendar
         "data-bits-day": "",
         //
-        onclick: this.#onclick,
+        onclick: this.onclick,
     }));
 }
 export class CalendarNextButtonState {
@@ -561,16 +547,17 @@ export class CalendarNextButtonState {
         this.root = root;
         this.id = props.id;
         this.ref = props.ref;
+        this.onclick = this.onclick.bind(this);
         useRefById({
             id: this.id,
             ref: this.ref,
         });
     }
-    #onclick = () => {
+    onclick(_) {
         if (this.isDisabled)
             return;
         this.root.nextPage();
-    };
+    }
     props = $derived.by(() => ({
         id: this.id.current,
         role: "button",
@@ -581,7 +568,7 @@ export class CalendarNextButtonState {
         disabled: this.isDisabled,
         [this.root.getBitsAttr("next-button")]: "",
         //
-        onclick: this.#onclick,
+        onclick: this.onclick,
     }));
 }
 export class CalendarPrevButtonState {
@@ -593,16 +580,17 @@ export class CalendarPrevButtonState {
         this.root = root;
         this.id = props.id;
         this.ref = props.ref;
+        this.onclick = this.onclick.bind(this);
         useRefById({
             id: this.id,
             ref: this.ref,
         });
     }
-    #onclick = () => {
+    onclick(_) {
         if (this.isDisabled)
             return;
         this.root.prevPage();
-    };
+    }
     props = $derived.by(() => ({
         id: this.id.current,
         role: "button",
@@ -613,7 +601,7 @@ export class CalendarPrevButtonState {
         disabled: this.isDisabled,
         [this.root.getBitsAttr("prev-button")]: "",
         //
-        onclick: this.#onclick,
+        onclick: this.onclick,
     }));
 }
 export class CalendarGridState {
@@ -740,41 +728,41 @@ export class CalendarHeaderState {
         [this.root.getBitsAttr("header")]: "",
     }));
 }
-const [setCalendarRootContext, getCalendarRootContext] = createContext(["Calendar.Root", "RangeCalendar.Root"], "Calendar.Root", false);
-const [setCalendarCellContext, getCalendarCellContext] = createContext("Calendar.Cell");
+export const CalendarRootContext = new Context("Calendar.Root | RangeCalender.Root");
+const CalendarCellContext = new Context("Calendar.Cell | RangeCalendar.Cell");
 export function useCalendarRoot(props) {
-    return setCalendarRootContext(new CalendarRootState(props));
+    return CalendarRootContext.set(new CalendarRootState(props));
 }
 export function useCalendarGrid(props) {
-    return getCalendarRootContext().createGrid(props);
+    return new CalendarGridState(props, CalendarRootContext.get());
 }
 export function useCalendarCell(props) {
-    return setCalendarCellContext(getCalendarRootContext().createCell(props));
+    return CalendarCellContext.set(new CalendarCellState(props, CalendarRootContext.get()));
 }
 export function useCalendarNextButton(props) {
-    return getCalendarRootContext().createNextButton(props);
+    return new CalendarNextButtonState(props, CalendarRootContext.get());
 }
 export function useCalendarPrevButton(props) {
-    return getCalendarRootContext().createPrevButton(props);
+    return new CalendarPrevButtonState(props, CalendarRootContext.get());
 }
 export function useCalendarDay(props) {
-    return getCalendarCellContext().createDay(props);
+    return new CalendarDayState(props, CalendarCellContext.get());
 }
 export function useCalendarGridBody(props) {
-    return getCalendarRootContext().createGridBody(props);
+    return new CalendarGridBodyState(props, CalendarRootContext.get());
 }
 export function useCalendarGridHead(props) {
-    return getCalendarRootContext().createGridHead(props);
+    return new CalendarGridHeadState(props, CalendarRootContext.get());
 }
 export function useCalendarGridRow(props) {
-    return getCalendarRootContext().createGridRow(props);
+    return new CalendarGridRowState(props, CalendarRootContext.get());
 }
 export function useCalendarHeadCell(props) {
-    return getCalendarRootContext().createHeadCell(props);
+    return new CalendarHeadCellState(props, CalendarRootContext.get());
 }
 export function useCalendarHeader(props) {
-    return getCalendarRootContext().createHeader(props);
+    return new CalendarHeaderState(props, CalendarRootContext.get());
 }
 export function useCalendarHeading(props) {
-    return getCalendarRootContext().createHeading(props);
+    return new CalendarHeadingState(props, CalendarRootContext.get());
 }

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,19 +1,4 @@
-import type { CellProps } 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 CalendarCell: $$__sveltets_2_IsomorphicComponent<CellProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CalendarCell = InstanceType<typeof CalendarCell>;
+import type { CalendarCellProps } from "../types.js";
+declare const CalendarCell: import("svelte").Component<CalendarCellProps, {}, "ref">;
+type CalendarCell = ReturnType<typeof CalendarCell>;
 export default 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,19 +1,4 @@
-import type { DayProps } 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 CalendarDay: $$__sveltets_2_IsomorphicComponent<DayProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CalendarDay = InstanceType<typeof CalendarDay>;
+import type { CalendarDayProps } from "../types.js";
+declare const CalendarDay: import("svelte").Component<CalendarDayProps, {}, "ref">;
+type CalendarDay = ReturnType<typeof CalendarDay>;
 export default 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,19 +1,4 @@
-import type { GridBodyProps } 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 CalendarGridBody: $$__sveltets_2_IsomorphicComponent<GridBodyProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CalendarGridBody = InstanceType<typeof CalendarGridBody>;
+import type { CalendarGridBodyProps } from "../types.js";
+declare const CalendarGridBody: import("svelte").Component<CalendarGridBodyProps, {}, "ref">;
+type CalendarGridBody = ReturnType<typeof CalendarGridBody>;
 export default 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,19 +1,4 @@
-import type { GridHeadProps } 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 CalendarGridHead: $$__sveltets_2_IsomorphicComponent<GridHeadProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CalendarGridHead = InstanceType<typeof CalendarGridHead>;
+import type { CalendarGridHeadProps } from "../types.js";
+declare const CalendarGridHead: import("svelte").Component<CalendarGridHeadProps, {}, "ref">;
+type CalendarGridHead = ReturnType<typeof CalendarGridHead>;
 export default 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,19 +1,4 @@
-import type { GridRowProps } 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 CalendarGridRow: $$__sveltets_2_IsomorphicComponent<GridRowProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type CalendarGridRow = InstanceType<typeof CalendarGridRow>;
+import type { CalendarGridRowProps } from "../types.js";
+declare const CalendarGridRow: import("svelte").Component<CalendarGridRowProps, {}, "ref">;
+type CalendarGridRow = ReturnType<typeof CalendarGridRow>;
 export default 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),