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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/bits/calendar/components/calendar-next-button.svelte

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

package/dist/bits/calendar/components/calendar-next-button.svelte.d.ts

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

package/dist/bits/calendar/components/calendar-prev-button.svelte

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

package/dist/bits/calendar/components/calendar-prev-button.svelte.d.ts

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

package/dist/bits/calendar/components/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 { useCalendarRoot } from "../calendar.svelte.js";
-	import type { RootProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { getDefaultDate } from "../../../shared/date/utils.js";
+	import type { CalendarRootProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
+	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {
 		child,
@@ -34,19 +33,22 @@
 		type,
 		disableDaysOutsideMonth = true,
 		initialFocus = false,
-		controlledValue = false,
-		controlledPlaceholder = false,
 		...restProps
-	}: RootProps = $props();
+	}: CalendarRootProps = $props();
 
 	if (placeholder === undefined) {
-		placeholder = getDefaultDate({
+		const defaultPlaceholder = getDefaultDate({
 			defaultPlaceholder: undefined,
 			defaultValue: value,
 		});
+		placeholder = defaultPlaceholder;
 	}
 
-	value === undefined && (value = type === "single" ? undefined : []);
+	if (value === undefined) {
+		const defaultValue = type === "single" ? "" : [];
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		value = defaultValue as any;
+	}
 
 	const rootState = useCalendarRoot({
 		id: box.with(() => id),
@@ -72,24 +74,17 @@
 		placeholder: box.with(
 			() => placeholder as DateValue,
 			(v) => {
-				if (controlledPlaceholder) {
-					onPlaceholderChange(v as DateValue);
-				} else {
-					placeholder = v;
-					onPlaceholderChange(v as DateValue);
-				}
+				placeholder = v;
+				onPlaceholderChange(v as DateValue);
 			}
 		),
 		preventDeselect: box.with(() => preventDeselect),
 		value: box.with(
 			() => value,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v as any);
-				} else {
-					value = v;
-					onValueChange(v as any);
-				}
+				value = v;
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				onValueChange(v as any);
 			}
 		),
 		type: box.with(() => type),

package/dist/bits/calendar/components/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 Calendar: $$__sveltets_2_IsomorphicComponent<RootProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "placeholder" | "ref">;
-type Calendar = InstanceType<typeof Calendar>;
+import type { CalendarRootProps } from "../types.js";
+declare const Calendar: import("svelte").Component<CalendarRootProps, {}, "value" | "placeholder" | "ref">;
+type Calendar = ReturnType<typeof Calendar>;
 export default Calendar;

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

@@ -0,0 +1,13 @@
+export { default as Root } from "./components/calendar.svelte";
+export { default as Day } from "./components/calendar-day.svelte";
+export { default as Grid } from "./components/calendar-grid.svelte";
+export { default as GridBody } from "./components/calendar-grid-body.svelte";
+export { default as Cell } from "./components/calendar-cell.svelte";
+export { default as GridHead } from "./components/calendar-grid-head.svelte";
+export { default as HeadCell } from "./components/calendar-head-cell.svelte";
+export { default as GridRow } from "./components/calendar-grid-row.svelte";
+export { default as Header } from "./components/calendar-header.svelte";
+export { default as Heading } from "./components/calendar-heading.svelte";
+export { default as NextButton } from "./components/calendar-next-button.svelte";
+export { default as PrevButton } from "./components/calendar-prev-button.svelte";
+export type { CalendarRootProps as RootProps, CalendarPrevButtonProps as PrevButtonProps, CalendarNextButtonProps as NextButtonProps, CalendarHeadingProps as HeadingProps, CalendarHeaderProps as HeaderProps, CalendarGridProps as GridProps, CalendarGridHeadProps as GridHeadProps, CalendarHeadCellProps as HeadCellProps, CalendarGridBodyProps as GridBodyProps, CalendarGridRowProps as GridRowProps, CalendarCellProps as CellProps, CalendarDayProps as DayProps, } from "./types.js";

package/dist/bits/calendar/exports.js

@@ -0,0 +1,12 @@
+export { default as Root } from "./components/calendar.svelte";
+export { default as Day } from "./components/calendar-day.svelte";
+export { default as Grid } from "./components/calendar-grid.svelte";
+export { default as GridBody } from "./components/calendar-grid-body.svelte";
+export { default as Cell } from "./components/calendar-cell.svelte";
+export { default as GridHead } from "./components/calendar-grid-head.svelte";
+export { default as HeadCell } from "./components/calendar-head-cell.svelte";
+export { default as GridRow } from "./components/calendar-grid-row.svelte";
+export { default as Header } from "./components/calendar-header.svelte";
+export { default as Heading } from "./components/calendar-heading.svelte";
+export { default as NextButton } from "./components/calendar-next-button.svelte";
+export { default as PrevButton } from "./components/calendar-prev-button.svelte";

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

@@ -1,13 +1 @@
-export { default as Root } from "./components/calendar.svelte";
-export { default as Day } from "./components/calendar-day.svelte";
-export { default as Grid } from "./components/calendar-grid.svelte";
-export { default as GridBody } from "./components/calendar-grid-body.svelte";
-export { default as Cell } from "./components/calendar-cell.svelte";
-export { default as GridHead } from "./components/calendar-grid-head.svelte";
-export { default as HeadCell } from "./components/calendar-head-cell.svelte";
-export { default as GridRow } from "./components/calendar-grid-row.svelte";
-export { default as Header } from "./components/calendar-header.svelte";
-export { default as Heading } from "./components/calendar-heading.svelte";
-export { default as NextButton } from "./components/calendar-next-button.svelte";
-export { default as PrevButton } from "./components/calendar-prev-button.svelte";
-export type { CalendarRootProps as RootProps, CalendarPrevButtonProps as PrevButtonProps, CalendarNextButtonProps as NextButtonProps, CalendarHeadingProps as HeadingProps, CalendarHeaderProps as HeaderProps, CalendarGridProps as GridProps, CalendarGridHeadProps as GridHeadProps, CalendarHeadCellProps as HeadCellProps, CalendarGridBodyProps as GridBodyProps, CalendarGridRowProps as GridRowProps, CalendarCellProps as CellProps, CalendarDayProps as DayProps, } from "./types.js";
+export * as Calendar from "./exports.js";

package/dist/bits/calendar/index.js

@@ -1,12 +1 @@
-export { default as Root } from "./components/calendar.svelte";
-export { default as Day } from "./components/calendar-day.svelte";
-export { default as Grid } from "./components/calendar-grid.svelte";
-export { default as GridBody } from "./components/calendar-grid-body.svelte";
-export { default as Cell } from "./components/calendar-cell.svelte";
-export { default as GridHead } from "./components/calendar-grid-head.svelte";
-export { default as HeadCell } from "./components/calendar-head-cell.svelte";
-export { default as GridRow } from "./components/calendar-grid-row.svelte";
-export { default as Header } from "./components/calendar-header.svelte";
-export { default as Heading } from "./components/calendar-heading.svelte";
-export { default as NextButton } from "./components/calendar-next-button.svelte";
-export { default as PrevButton } from "./components/calendar-prev-button.svelte";
+export * as Calendar from "./exports.js";

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

@@ -1,7 +1,7 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes, BitsPrimitiveHeaderAttributes, BitsPrimitiveTableAttributes, BitsPrimitiveTbodyAttributes, BitsPrimitiveTdAttributes, BitsPrimitiveThAttributes, BitsPrimitiveTheadAttributes, BitsPrimitiveTrAttributes } from "../../shared/attributes.js";
 import type { DateMatcher, Month, WeekStartsOn } from "../../shared/date/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes, PrimitiveHeaderAttributes, PrimitiveTableAttributes, PrimitiveTbodyAttributes, PrimitiveTdAttributes, PrimitiveThAttributes, PrimitiveTheadAttrbutes, PrimitiveTrAttributes } from "../../shared/attributes.js";
 export type CalendarRootSnippetProps = {
     months: Month<DateValue>[];
     weekdays: string[];
@@ -159,24 +159,6 @@ type CalendarBaseRootPropsWithoutHTML = {
      * @defaultValue false
      */
     disableDaysOutsideMonth?: boolean;
-    /**
-     * Whether or not the calendar is controlled or not. If `true`, the calendar will not update
-     * the value internally, instead it will call `onValueChange` when it would have otherwise,
-     * and it is up to you to update the `value` prop that is passed to the `Calendar.Root`
-     * component.
-     *
-     * @defaultValue false
-     */
-    controlledValue?: boolean;
-    /**
-     * Whether or not the calendar placeholder is controlled or not. If `true`, the calendar will
-     * not update the placeholder internally, instead it will call `onPlaceholderChange` when it
-     * would have otherwise, and it is up to you to update the `placeholder` prop that is passed to the
-     * component.
-     *
-     * @defaultValue false
-     */
-    controlledPlaceholder?: boolean;
 };
 export type CalendarSingleRootPropsWithoutHTML = {
     /**
@@ -211,11 +193,11 @@ export type CalendarMultipleRootPropsWithoutHTML = {
     onValueChange?: OnChangeFn<DateValue[]>;
 };
 export type _CalendarSingleRootPropsWithoutHTML = CalendarBaseRootPropsWithoutHTML & CalendarSingleRootPropsWithoutHTML;
-export type CalendarSingleRootProps = _CalendarSingleRootPropsWithoutHTML & Without<PrimitiveDivAttributes, _CalendarSingleRootPropsWithoutHTML>;
+export type CalendarSingleRootProps = _CalendarSingleRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, _CalendarSingleRootPropsWithoutHTML>;
 export type _CalendarMultipleRootPropsWithoutHTML = CalendarBaseRootPropsWithoutHTML & CalendarMultipleRootPropsWithoutHTML;
-export type CalendarMultipleRootProps = _CalendarMultipleRootPropsWithoutHTML & Without<PrimitiveDivAttributes, _CalendarMultipleRootPropsWithoutHTML>;
+export type CalendarMultipleRootProps = _CalendarMultipleRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, _CalendarMultipleRootPropsWithoutHTML>;
 export type CalendarRootPropsWithoutHTML = CalendarBaseRootPropsWithoutHTML & (WithChild<CalendarSingleRootPropsWithoutHTML, CalendarRootSnippetProps> | WithChild<CalendarMultipleRootPropsWithoutHTML, CalendarRootSnippetProps>);
-export type CalendarRootProps = CalendarRootPropsWithoutHTML & Without<PrimitiveDivAttributes, CalendarRootPropsWithoutHTML>;
+export type CalendarRootProps = CalendarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CalendarRootPropsWithoutHTML>;
 export type CalendarCellSnippetProps = {
     disabled: boolean;
     unavailable: boolean;
@@ -233,19 +215,19 @@ export type CalendarCellPropsWithoutHTML = WithChild<{
      */
     month: DateValue;
 }, CalendarCellSnippetProps>;
-export type CalendarCellProps = CalendarCellPropsWithoutHTML & Without<PrimitiveTdAttributes, CalendarCellPropsWithoutHTML>;
+export type CalendarCellProps = CalendarCellPropsWithoutHTML & Without<BitsPrimitiveTdAttributes, CalendarCellPropsWithoutHTML>;
 export type CalendarGridPropsWithoutHTML = WithChild;
-export type CalendarGridProps = CalendarGridPropsWithoutHTML & Without<PrimitiveTableAttributes, CalendarGridPropsWithoutHTML>;
+export type CalendarGridProps = CalendarGridPropsWithoutHTML & Without<BitsPrimitiveTableAttributes, CalendarGridPropsWithoutHTML>;
 export type CalendarGridBodyPropsWithoutHTML = WithChild;
-export type CalendarGridBodyProps = CalendarGridBodyPropsWithoutHTML & Without<PrimitiveTbodyAttributes, CalendarGridBodyPropsWithoutHTML>;
+export type CalendarGridBodyProps = CalendarGridBodyPropsWithoutHTML & Without<BitsPrimitiveTbodyAttributes, CalendarGridBodyPropsWithoutHTML>;
 export type CalendarGridHeadPropsWithoutHTML = WithChild;
-export type CalendarGridHeadProps = CalendarGridHeadPropsWithoutHTML & Without<PrimitiveTheadAttrbutes, CalendarGridHeadPropsWithoutHTML>;
+export type CalendarGridHeadProps = CalendarGridHeadPropsWithoutHTML & Without<BitsPrimitiveTheadAttributes, CalendarGridHeadPropsWithoutHTML>;
 export type CalendarHeadCellPropsWithoutHTML = WithChild;
-export type CalendarHeadCellProps = CalendarHeadCellPropsWithoutHTML & Without<PrimitiveThAttributes, CalendarHeadCellPropsWithoutHTML>;
+export type CalendarHeadCellProps = CalendarHeadCellPropsWithoutHTML & Without<BitsPrimitiveThAttributes, CalendarHeadCellPropsWithoutHTML>;
 export type CalendarGridRowPropsWithoutHTML = WithChild;
-export type CalendarGridRowProps = CalendarGridRowPropsWithoutHTML & Without<PrimitiveTrAttributes, CalendarGridRowPropsWithoutHTML>;
+export type CalendarGridRowProps = CalendarGridRowPropsWithoutHTML & Without<BitsPrimitiveTrAttributes, CalendarGridRowPropsWithoutHTML>;
 export type CalendarHeaderPropsWithoutHTML = WithChild;
-export type CalendarHeaderProps = CalendarHeaderPropsWithoutHTML & Without<PrimitiveHeaderAttributes, CalendarHeaderPropsWithoutHTML>;
+export type CalendarHeaderProps = CalendarHeaderPropsWithoutHTML & Without<BitsPrimitiveHeaderAttributes, CalendarHeaderPropsWithoutHTML>;
 export type CalendarHeadingSnippetProps = {
     headingValue: string;
 };
@@ -257,10 +239,10 @@ export type CalendarDaySnippetProps = {
     day: string;
 };
 export type CalendarDayPropsWithoutHTML = WithChild<{}, CalendarDaySnippetProps>;
-export type CalendarDayProps = CalendarDayPropsWithoutHTML & Without<PrimitiveDivAttributes, CalendarDayPropsWithoutHTML>;
-export type CalendarHeadingProps = CalendarHeadingPropsWithoutHTML & Without<PrimitiveDivAttributes, CalendarHeadingPropsWithoutHTML>;
+export type CalendarDayProps = CalendarDayPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CalendarDayPropsWithoutHTML>;
+export type CalendarHeadingProps = CalendarHeadingPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CalendarHeadingPropsWithoutHTML>;
 export type CalendarNextButtonPropsWithoutHTML = WithChild;
-export type CalendarNextButtonProps = CalendarNextButtonPropsWithoutHTML & Without<PrimitiveButtonAttributes, CalendarNextButtonPropsWithoutHTML>;
+export type CalendarNextButtonProps = CalendarNextButtonPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, CalendarNextButtonPropsWithoutHTML>;
 export type CalendarPrevButtonPropsWithoutHTML = WithChild;
-export type CalendarPrevButtonProps = CalendarPrevButtonPropsWithoutHTML & Without<PrimitiveButtonAttributes, CalendarPrevButtonPropsWithoutHTML>;
+export type CalendarPrevButtonProps = CalendarPrevButtonPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, CalendarPrevButtonPropsWithoutHTML>;
 export {};

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

@@ -1,38 +1,87 @@
+import type { HTMLButtonAttributes } from "svelte/elements";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsKeyboardEvent, BitsMouseEvent, WithRefProps } from "../../internal/types.js";
+type CheckboxGroupStateProps = WithRefProps<ReadableBoxedValues<{
+    name: string | undefined;
+    disabled: boolean;
+    required: boolean;
+}> & WritableBoxedValues<{
+    value: string[];
+}>>;
+declare class CheckboxGroupState {
+    id: CheckboxGroupStateProps["id"];
+    ref: CheckboxGroupStateProps["ref"];
+    value: CheckboxGroupStateProps["value"];
+    disabled: CheckboxGroupStateProps["disabled"];
+    required: CheckboxGroupStateProps["required"];
+    name: CheckboxGroupStateProps["name"];
+    labelId: string | undefined;
+    constructor(props: CheckboxGroupStateProps);
+    addValue(checkboxValue: string | undefined): void;
+    removeValue(checkboxValue: string | undefined): void;
+    props: {
+        readonly id: string;
+        readonly role: "group";
+        readonly "aria-labelledby": string | undefined;
+        readonly "data-disabled": "" | undefined;
+        readonly "data-checkbox-group": "";
+    };
+}
+type CheckboxGroupLabelStateProps = WithRefProps;
+declare class CheckboxGroupLabelState {
+    id: CheckboxGroupLabelStateProps["id"];
+    ref: CheckboxGroupLabelStateProps["ref"];
+    group: CheckboxGroupState;
+    constructor(props: CheckboxGroupLabelStateProps, group: CheckboxGroupState);
+    props: {
+        readonly id: string;
+        readonly "data-disabled": "" | undefined;
+        readonly "data-checkbox-group-label": "";
+    };
+}
 type CheckboxRootStateProps = WithRefProps<ReadableBoxedValues<{
     disabled: boolean;
     required: boolean;
     name: string | undefined;
     value: string | undefined;
+    type: HTMLButtonAttributes["type"];
 }> & WritableBoxedValues<{
-    checked: boolean | "indeterminate";
+    checked: boolean;
+    indeterminate: boolean;
 }>>;
 declare class CheckboxRootState {
     #private;
     checked: CheckboxRootStateProps["checked"];
-    disabled: CheckboxRootStateProps["disabled"];
-    required: CheckboxRootStateProps["required"];
-    name: CheckboxRootStateProps["name"];
     value: CheckboxRootStateProps["value"];
-    constructor(props: CheckboxRootStateProps);
-    createInput(): CheckboxInputState;
+    indeterminate: CheckboxRootStateProps["indeterminate"];
+    group: CheckboxGroupState | null;
+    trueName: string | undefined;
+    trueRequired: boolean;
+    trueDisabled: boolean;
+    constructor(props: CheckboxRootStateProps, group?: CheckboxGroupState | null);
+    onkeydown(e: BitsKeyboardEvent): void;
+    onclick(_: BitsMouseEvent): void;
+    snippetProps: {
+        checked: boolean;
+        indeterminate: boolean;
+    };
     props: {
         readonly id: string;
         readonly role: "checkbox";
-        readonly type: "button";
+        readonly type: "button" | "reset" | "submit" | null | undefined;
         readonly disabled: boolean;
-        readonly "aria-checked": "mixed" | "false" | "true";
-        readonly "aria-required": "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
+        readonly "aria-required": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "checked" | "indeterminate" | "unchecked";
         readonly "data-checkbox-root": "";
-        readonly onclick: () => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
+        readonly onclick: (_: BitsMouseEvent) => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
     };
 }
 declare class CheckboxInputState {
     root: CheckboxRootState;
+    trueChecked: boolean;
     shouldRender: boolean;
     constructor(root: CheckboxRootState);
     props: {
@@ -46,6 +95,8 @@ declare class CheckboxInputState {
         readonly style: string;
     };
 }
+export declare function useCheckboxGroup(props: CheckboxGroupStateProps): CheckboxGroupState;
 export declare function useCheckboxRoot(props: CheckboxRootStateProps): CheckboxRootState;
+export declare function useCheckboxGroupLabel(props: CheckboxGroupLabelStateProps): CheckboxGroupLabelState;
 export declare function useCheckboxInput(): CheckboxInputState;
 export {};