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

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

@@ -1,4 +1,4 @@
-import type { GridProps } from "../index.js";
+import type { CalendarGridProps } 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 CalendarGrid: $$__sveltets_2_IsomorphicComponent<GridProps, {
+declare const CalendarGrid: $$__sveltets_2_IsomorphicComponent<CalendarGridProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CalendarGrid = InstanceType<typeof 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,4 +1,4 @@
-import type { HeadCellProps } from "../index.js";
+import type { CalendarHeadCellProps } 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 CalendarHeadCell: $$__sveltets_2_IsomorphicComponent<HeadCellProps, {
+declare const CalendarHeadCell: $$__sveltets_2_IsomorphicComponent<CalendarHeadCellProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CalendarHeadCell = InstanceType<typeof 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,4 +1,4 @@
-import type { HeaderProps } from "../index.js";
+import type { CalendarHeaderProps } 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 CalendarHeader: $$__sveltets_2_IsomorphicComponent<HeaderProps, {
+declare const CalendarHeader: $$__sveltets_2_IsomorphicComponent<CalendarHeaderProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CalendarHeader = InstanceType<typeof 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,4 +1,4 @@
-import type { HeadingProps } from "../index.js";
+import type { CalendarHeadingProps } 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 CalendarHeading: $$__sveltets_2_IsomorphicComponent<HeadingProps, {
+declare const CalendarHeading: $$__sveltets_2_IsomorphicComponent<CalendarHeadingProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CalendarHeading = InstanceType<typeof 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,4 +1,4 @@
-import type { NextButtonProps } from "../index.js";
+import type { CalendarNextButtonProps } 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 CalendarNextButton: $$__sveltets_2_IsomorphicComponent<NextButtonProps, {
+declare const CalendarNextButton: $$__sveltets_2_IsomorphicComponent<CalendarNextButtonProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CalendarNextButton = InstanceType<typeof 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,4 +1,4 @@
-import type { PrevButtonProps } from "../index.js";
+import type { CalendarPrevButtonProps } 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 CalendarPrevButton: $$__sveltets_2_IsomorphicComponent<PrevButtonProps, {
+declare const CalendarPrevButton: $$__sveltets_2_IsomorphicComponent<CalendarPrevButtonProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CalendarPrevButton = InstanceType<typeof 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,
@@ -37,13 +36,28 @@
 		controlledValue = false,
 		controlledPlaceholder = false,
 		...restProps
-	}: RootProps = $props();
+	}: CalendarRootProps = $props();
 
 	if (placeholder === undefined) {
-		placeholder = getDefaultDate({
+		const defaultPlaceholder = getDefaultDate({
 			defaultPlaceholder: undefined,
 			defaultValue: value,
 		});
+
+		if (controlledPlaceholder) {
+			onPlaceholderChange(defaultPlaceholder);
+		} else {
+			placeholder = defaultPlaceholder;
+		}
+	}
+
+	if (value === undefined) {
+		const defaultValue = type === "single" ? "" : [];
+		if (controlledValue) {
+			onValueChange(defaultValue as any);
+		} else {
+			value = defaultValue as any;
+		}
 	}
 
 	value === undefined && (value = type === "single" ? undefined : []);

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { CalendarRootProps } 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 Calendar: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Calendar: $$__sveltets_2_IsomorphicComponent<CalendarRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "placeholder" | "ref">;
 type Calendar = InstanceType<typeof 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[];
@@ -211,11 +211,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 +233,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 +257,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,3 +1,4 @@
+import type { HTMLButtonAttributes } from "svelte/elements";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
 import type { WithRefProps } from "../../internal/types.js";
 type CheckboxRootStateProps = WithRefProps<ReadableBoxedValues<{
@@ -5,8 +6,10 @@ type CheckboxRootStateProps = WithRefProps<ReadableBoxedValues<{
     required: boolean;
     name: string | undefined;
     value: string | undefined;
+    type: HTMLButtonAttributes["type"];
 }> & WritableBoxedValues<{
-    checked: boolean | "indeterminate";
+    checked: boolean;
+    indeterminate: boolean;
 }>>;
 declare class CheckboxRootState {
     #private;
@@ -15,15 +18,15 @@ declare class CheckboxRootState {
     required: CheckboxRootStateProps["required"];
     name: CheckboxRootStateProps["name"];
     value: CheckboxRootStateProps["value"];
+    indeterminate: CheckboxRootStateProps["indeterminate"];
     constructor(props: CheckboxRootStateProps);
-    createInput(): CheckboxInputState;
     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": "";

package/dist/bits/checkbox/checkbox.svelte.js

@@ -1,17 +1,18 @@
-import { useRefById } from "../../internal/useRefById.svelte.js";
+import { srOnlyStyles, styleToString, useRefById } from "svelte-toolbelt";
 import { getAriaChecked, getAriaRequired, getDataDisabled } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { createContext } from "../../internal/createContext.js";
-import { srOnlyStyles, styleToString } from "../../internal/style.js";
+import { createContext } from "../../internal/create-context.js";
 const CHECKBOX_ROOT_ATTR = "data-checkbox-root";
 class CheckboxRootState {
     #id;
     #ref;
+    #type;
     checked;
     disabled;
     required;
     name;
     value;
+    indeterminate;
     constructor(props) {
         this.checked = props.checked;
         this.disabled = props.disabled;
@@ -20,36 +21,46 @@ class CheckboxRootState {
         this.value = props.value;
         this.#ref = props.ref;
         this.#id = props.id;
+        this.indeterminate = props.indeterminate;
+        this.#type = props.type;
         useRefById({
             id: this.#id,
             ref: this.#ref,
         });
     }
     #onkeydown = (e) => {
+        if (this.disabled.current)
+            return;
         if (e.key === kbd.ENTER)
             e.preventDefault();
+        if (e.key === kbd.SPACE) {
+            e.preventDefault();
+            this.#toggle();
+        }
+    };
+    #toggle = () => {
+        if (this.indeterminate.current) {
+            this.indeterminate.current = false;
+            this.checked.current = true;
+        }
+        else {
+            this.checked.current = !this.checked.current;
+        }
     };
     #onclick = () => {
         if (this.disabled.current)
             return;
-        if (this.checked.current === "indeterminate") {
-            this.checked.current = true;
-            return;
-        }
-        this.checked.current = !this.checked.current;
+        this.#toggle();
     };
-    createInput() {
-        return new CheckboxInputState(this);
-    }
     props = $derived.by(() => ({
         id: this.#id.current,
         role: "checkbox",
-        type: "button",
+        type: this.#type.current,
         disabled: this.disabled.current,
-        "aria-checked": getAriaChecked(this.checked.current),
+        "aria-checked": getAriaChecked(this.checked.current, this.indeterminate.current),
         "aria-required": getAriaRequired(this.required.current),
         "data-disabled": getDataDisabled(this.disabled.current),
-        "data-state": getCheckboxDataState(this.checked.current),
+        "data-state": getCheckboxDataState(this.checked.current, this.indeterminate.current),
         [CHECKBOX_ROOT_ATTR]: "",
         //
         onclick: this.#onclick,
@@ -79,8 +90,8 @@ class CheckboxInputState {
 //
 // HELPERS
 //
-function getCheckboxDataState(checked) {
-    if (checked === "indeterminate") {
+function getCheckboxDataState(checked, indeterminate) {
+    if (indeterminate) {
         return "indeterminate";
     }
     return checked ? "checked" : "unchecked";
@@ -93,5 +104,6 @@ export function useCheckboxRoot(props) {
     return setCheckboxRootContext(new CheckboxRootState(props));
 }
 export function useCheckboxInput() {
-    return getCheckboxRootContext().createInput();
+    const root = getCheckboxRootContext();
+    return new CheckboxInputState(root);
 }

package/dist/bits/checkbox/components/checkbox.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { CheckboxRootProps } from "../types.js";
 	import { useCheckboxRoot } from "../checkbox.svelte.js";
 	import CheckboxInput from "./checkbox-input.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		checked = $bindable(false),
@@ -17,9 +16,13 @@
 		value = "on",
 		id = useId(),
 		controlledChecked = false,
+		indeterminate = $bindable(false),
+		controlledIndeterminate = false,
+		onIndeterminateChange,
 		child,
+		type = "button",
 		...restProps
-	}: RootProps = $props();
+	}: CheckboxRootProps = $props();
 
 	const rootState = useCheckboxRoot({
 		checked: box.with(
@@ -42,17 +45,34 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		indeterminate: box.with(
+			() => indeterminate,
+			(v) => {
+				if (controlledIndeterminate) {
+					onIndeterminateChange?.(v);
+				} else {
+					indeterminate = v;
+					onIndeterminateChange?.(v);
+				}
+			}
+		),
+		type: box.with(() => type),
 	});
 
 	const mergedProps = $derived(mergeProps({ ...restProps }, rootState.props));
 </script>
 
 {#if child}
-	{@render child({ props: mergedProps, checked: rootState.checked.current })}
+	{@render child({
+		props: mergedProps,
+		checked: rootState.checked.current,
+		indeterminate: rootState.indeterminate.current,
+	})}
 {:else}
 	<button {...mergedProps}>
 		{@render children?.({
 			checked: rootState.checked.current,
+			indeterminate: rootState.indeterminate.current,
 		})}
 	</button>
 {/if}

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { CheckboxRootProps } 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,8 +12,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Checkbox: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Checkbox: $$__sveltets_2_IsomorphicComponent<CheckboxRootProps, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "checked" | "ref">;
+}, {}, {}, "checked" | "indeterminate" | "ref">;
 type Checkbox = InstanceType<typeof Checkbox>;
 export default Checkbox;

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

@@ -0,0 +1,2 @@
+export { default as Root } from "./components/checkbox.svelte";
+export type { CheckboxRootProps as RootProps } from "./types.js";

package/dist/bits/checkbox/exports.js

@@ -0,0 +1 @@
+export { default as Root } from "./components/checkbox.svelte";

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

@@ -1,2 +1 @@
-export { default as Root } from "./components/checkbox.svelte";
-export type { CheckboxRootProps as RootProps } from "./types.js";
+export * as Checkbox from "./exports.js";

package/dist/bits/checkbox/index.js

@@ -1 +1 @@
-export { default as Root } from "./components/checkbox.svelte";
+export * as Checkbox from "./exports.js";