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

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

@@ -1,7 +1,8 @@
 import type { ArrowProps, ArrowPropsWithoutHTML } from "../utilities/arrow/types.js";
 import type { PopperLayerProps, PopperLayerStaticProps } from "../utilities/popper-layer/types.js";
-import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { FloatingContentSnippetProps, StaticContentSnippetProps } from "../../shared/types.js";
 export type PopoverRootPropsWithoutHTML = WithChildren<{
     /**
      * The open state of the popover.
@@ -11,30 +12,15 @@ export type PopoverRootPropsWithoutHTML = WithChildren<{
      * A callback that is called when the popover's open state changes.
      */
     onOpenChange?: OnChangeFn<boolean>;
-    /**
-     * Whether or not the open state is controlled or not. If `true`, the component will not update
-     * the open state internally, instead it will call `onOpenChange` when it would have
-     * otherwise, and it is up to you to update the `open` prop that is passed to the component.
-     *
-     * @defaultValue false
-     */
-    controlledOpen?: boolean;
 }>;
 export type PopoverRootProps = PopoverRootPropsWithoutHTML;
-export type PopoverContentSnippetProps = {
-    /**
-     * Whether the content is open or closed. Used alongside the `forceMount` prop to
-     * conditionally render the content using Svelte transitions.
-     */
-    open: boolean;
-};
-export type PopoverContentPropsWithoutHTML = WithChild<Omit<PopperLayerProps, "content" | "loop">, PopoverContentSnippetProps>;
-export type PopoverContentProps = PopoverContentPropsWithoutHTML & Without<PrimitiveDivAttributes, PopoverContentPropsWithoutHTML>;
-export type PopoverContentStaticPropsWithoutHTML = WithChild<Omit<PopperLayerStaticProps, "content" | "loop">, PopoverContentSnippetProps>;
-export type PopoverContentStaticProps = PopoverContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, PopoverContentStaticPropsWithoutHTML>;
+export type PopoverContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<Omit<PopperLayerProps, "content" | "loop">, FloatingContentSnippetProps>;
+export type PopoverContentProps = PopoverContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, PopoverContentPropsWithoutHTML>;
+export type PopoverContentStaticPropsWithoutHTML = WithChildNoChildrenSnippetProps<Omit<PopperLayerStaticProps, "content" | "loop">, StaticContentSnippetProps>;
+export type PopoverContentStaticProps = PopoverContentStaticPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, PopoverContentStaticPropsWithoutHTML>;
 export type PopoverTriggerPropsWithoutHTML = WithChild;
-export type PopoverTriggerProps = PopoverTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, PopoverTriggerPropsWithoutHTML>;
+export type PopoverTriggerProps = PopoverTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, PopoverTriggerPropsWithoutHTML>;
 export type PopoverClosePropsWithoutHTML = WithChild;
-export type PopoverCloseProps = PopoverClosePropsWithoutHTML & Without<PrimitiveButtonAttributes, PopoverClosePropsWithoutHTML>;
+export type PopoverCloseProps = PopoverClosePropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, PopoverClosePropsWithoutHTML>;
 export type PopoverArrowPropsWithoutHTML = ArrowPropsWithoutHTML;
 export type PopoverArrowProps = ArrowProps;

package/dist/bits/progress/components/progress.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { ProgressRootProps } from "../types.js";
 	import { useProgressRootState } from "../progress.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		child,
@@ -13,7 +12,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: RootProps = $props();
+	}: ProgressRootProps = $props();
 
 	const rootState = useProgressRootState({
 		value: box.with(() => value),

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

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

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

package/dist/bits/progress/exports.js

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

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

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

package/dist/bits/progress/index.js

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

package/dist/bits/progress/progress.svelte.js

@@ -1,4 +1,4 @@
-import { useRefById } from "../../internal/useRefById.svelte.js";
+import { useRefById } from "svelte-toolbelt";
 const ROOT_ATTR = "data-progress-root";
 class ProgressRootState {
     #id;
@@ -28,17 +28,11 @@ class ProgressRootState {
         [ROOT_ATTR]: "",
     }));
 }
-//
-// HELPERS
-//
 function getProgressDataState(value, max) {
     if (value === null)
         return "indeterminate";
     return value === max ? "loaded" : "loading";
 }
-//
-// STATE PROVIDERS
-//
 export function useProgressRootState(props) {
     return new ProgressRootState(props);
 }

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

@@ -1,5 +1,5 @@
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type ProgressRootPropsWithoutHTML = WithChild<{
     /**
      * The current value of the progress bar.
@@ -12,4 +12,4 @@ export type ProgressRootPropsWithoutHTML = WithChild<{
      */
     max?: number;
 }>;
-export type ProgressRootProps = ProgressRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ProgressRootPropsWithoutHTML>;
+export type ProgressRootProps = ProgressRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ProgressRootPropsWithoutHTML>;

package/dist/bits/radio-group/components/radio-group-item.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ItemProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { RadioGroupItemProps } from "../types.js";
 	import { useRadioGroupItem } from "../radio-group.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -13,7 +12,7 @@
 		disabled = false,
 		ref = $bindable(null),
 		...restProps
-	}: ItemProps = $props();
+	}: RadioGroupItemProps = $props();
 
 	const itemState = useRadioGroupItem({
 		value: box.with(() => value),

package/dist/bits/radio-group/components/radio-group-item.svelte.d.ts

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

package/dist/bits/radio-group/components/radio-group.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { RadioGroupRootProps } from "../types.js";
 	import { useRadioGroupRoot } from "../radio-group.svelte.js";
 	import RadioGroupInput from "./radio-group-input.svelte";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		disabled = false,
@@ -19,9 +18,8 @@
 		required = false,
 		id = useId(),
 		onValueChange = noop,
-		controlledValue = false,
 		...restProps
-	}: RootProps = $props();
+	}: RadioGroupRootProps = $props();
 
 	const rootState = useRadioGroupRoot({
 		orientation: box.with(() => orientation),
@@ -33,12 +31,9 @@
 		value: box.with(
 			() => value,
 			(v) => {
-				if (controlledValue) {
-					onValueChange(v);
-				} else {
-					value = v;
-					onValueChange?.(v);
-				}
+				if (v === value) return;
+				value = v;
+				onValueChange?.(v);
 			}
 		),
 		ref: box.with(

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

package/dist/bits/radio-group/exports.d.ts

@@ -0,0 +1,3 @@
+export { default as Root } from "./components/radio-group.svelte";
+export { default as Item } from "./components/radio-group-item.svelte";
+export type { RadioGroupRootProps as RootProps, RadioGroupItemProps as ItemProps, } from "./types.js";

package/dist/bits/radio-group/exports.js

@@ -0,0 +1,2 @@
+export { default as Root } from "./components/radio-group.svelte";
+export { default as Item } from "./components/radio-group-item.svelte";

package/dist/bits/radio-group/index.d.ts

@@ -1,3 +1 @@
-export { default as Root } from "./components/radio-group.svelte";
-export { default as Item } from "./components/radio-group-item.svelte";
-export type { RadioGroupRootProps as RootProps, RadioGroupItemProps as ItemProps, } from "./types.js";
+export * as RadioGroup from "./exports.js";

package/dist/bits/radio-group/index.js

@@ -1,2 +1 @@
-export { default as Root } from "./components/radio-group.svelte";
-export { default as Item } from "./components/radio-group-item.svelte";
+export * as RadioGroup from "./exports.js";

package/dist/bits/radio-group/radio-group.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
+import type { BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, WithRefProps } from "../../internal/types.js";
 import type { Orientation } from "../../shared/index.js";
-import { type UseRovingFocusReturn } from "../../internal/useRovingFocus.svelte.js";
+import { type UseRovingFocusReturn } from "../../internal/use-roving-focus.svelte.js";
 type RadioGroupRootStateProps = WithRefProps<ReadableBoxedValues<{
     disabled: boolean;
     required: boolean;
@@ -20,15 +20,14 @@ declare class RadioGroupRootState {
     name: RadioGroupRootStateProps["name"];
     value: RadioGroupRootStateProps["value"];
     rovingFocusGroup: UseRovingFocusReturn;
+    hasValue: boolean;
     constructor(props: RadioGroupRootStateProps);
-    isChecked: (value: string) => boolean;
-    setValue: (value: string) => void;
-    createItem: (props: RadioGroupItemStateProps) => RadioGroupItemState;
-    createInput: () => RadioGroupInputState;
+    isChecked(value: string): boolean;
+    setValue(value: string): void;
     props: {
         readonly id: string;
         readonly role: "radiogroup";
-        readonly "aria-required": "false" | "true";
+        readonly "aria-required": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-orientation": Orientation;
         readonly "data-radio-group-root": "";
@@ -42,6 +41,9 @@ declare class RadioGroupItemState {
     #private;
     checked: boolean;
     constructor(props: RadioGroupItemStateProps, root: RadioGroupRootState);
+    onclick(_: BitsMouseEvent): void;
+    onfocus(_: BitsFocusEvent): void;
+    onkeydown(e: BitsKeyboardEvent): void;
     snippetProps: {
         checked: boolean;
     };
@@ -52,14 +54,14 @@ declare class RadioGroupItemState {
         readonly "data-orientation": Orientation;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "checked" | "unchecked";
-        readonly "aria-checked": "mixed" | "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
         readonly "data-radio-group-item": "";
         readonly type: "button";
         readonly role: "radio";
         readonly tabindex: number;
-        readonly onclick: () => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
-        readonly onfocus: () => void;
+        readonly onkeydown: (e: BitsKeyboardEvent) => void;
+        readonly onfocus: (_: BitsFocusEvent) => void;
+        readonly onclick: (_: BitsMouseEvent) => void;
     };
 }
 declare class RadioGroupInputState {

package/dist/bits/radio-group/radio-group.svelte.js

@@ -1,8 +1,8 @@
-import { useRefById } from "../../internal/useRefById.svelte.js";
+import { srOnlyStyles, styleToString, useRefById } from "svelte-toolbelt";
+import { Context } from "runed";
 import { getAriaChecked, getAriaRequired, getDataDisabled } from "../../internal/attrs.js";
-import { srOnlyStyles, styleToString } from "../../internal/style.js";
-import { useRovingFocus } from "../../internal/useRovingFocus.svelte.js";
-import { createContext } from "../../internal/createContext.js";
+import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
+import { kbd } from "../../internal/kbd.js";
 const RADIO_GROUP_ROOT_ATTR = "data-radio-group-root";
 const RADIO_GROUP_ITEM_ATTR = "data-radio-group-item";
 class RadioGroupRootState {
@@ -15,6 +15,7 @@ class RadioGroupRootState {
     name;
     value;
     rovingFocusGroup;
+    hasValue = $derived.by(() => this.value.current !== "");
     constructor(props) {
         this.#id = props.id;
         this.disabled = props.disabled;
@@ -35,18 +36,12 @@ class RadioGroupRootState {
             ref: this.#ref,
         });
     }
-    isChecked = (value) => {
+    isChecked(value) {
         return this.value.current === value;
-    };
-    setValue = (value) => {
+    }
+    setValue(value) {
         this.value.current = value;
-    };
-    createItem = (props) => {
-        return new RadioGroupItemState(props, this);
-    };
-    createInput = () => {
-        return new RadioGroupInputState(this);
-    };
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         role: "radiogroup",
@@ -75,17 +70,34 @@ class RadioGroupItemState {
             id: this.#id,
             ref: this.#ref,
         });
+        $effect(() => {
+            this.#tabIndex = this.#root.rovingFocusGroup.getTabIndex(this.#ref.current);
+        });
+        this.onclick = this.onclick.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
+        this.onfocus = this.onfocus.bind(this);
     }
-    #onclick = () => {
+    onclick(_) {
+        if (this.#disabled.current)
+            return;
         this.#root.setValue(this.#value.current);
-    };
-    #onfocus = () => {
+    }
+    onfocus(_) {
+        if (!this.#root.hasValue)
+            return;
         this.#root.setValue(this.#value.current);
-    };
-    #onkeydown = (e) => {
-        this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e);
-    };
-    #tabIndex = $derived.by(() => this.#root.rovingFocusGroup.getTabIndex(this.#ref.current));
+    }
+    onkeydown(e) {
+        if (this.#isDisabled)
+            return;
+        if (e.key === kbd.SPACE) {
+            e.preventDefault();
+            this.#root.setValue(this.#value.current);
+            return;
+        }
+        this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e, true);
+    }
+    #tabIndex = $state(0);
     snippetProps = $derived.by(() => ({ checked: this.#isChecked }));
     props = $derived.by(() => ({
         id: this.#id.current,
@@ -94,15 +106,15 @@ class RadioGroupItemState {
         "data-orientation": this.#root.orientation.current,
         "data-disabled": getDataDisabled(this.#isDisabled),
         "data-state": this.#isChecked ? "checked" : "unchecked",
-        "aria-checked": getAriaChecked(this.#isChecked),
+        "aria-checked": getAriaChecked(this.#isChecked, false),
         [RADIO_GROUP_ITEM_ATTR]: "",
         type: "button",
         role: "radio",
         tabindex: this.#tabIndex,
         //
-        onclick: this.#onclick,
-        onkeydown: this.#onkeydown,
-        onfocus: this.#onfocus,
+        onkeydown: this.onkeydown,
+        onfocus: this.onfocus,
+        onclick: this.onclick,
     }));
 }
 //
@@ -125,16 +137,13 @@ class RadioGroupInputState {
         this.#root = root;
     }
 }
-//
-// CONTEXT METHODS
-//
-const [setRadioGroupRootContext, getRadioGroupRootContext] = createContext("RadioGroup.Root");
+const RadioGroupRootContext = new Context("RadioGroup.Root");
 export function useRadioGroupRoot(props) {
-    return setRadioGroupRootContext(new RadioGroupRootState(props));
+    return RadioGroupRootContext.set(new RadioGroupRootState(props));
 }
 export function useRadioGroupItem(props) {
-    return getRadioGroupRootContext().createItem(props);
+    return new RadioGroupItemState(props, RadioGroupRootContext.get());
 }
 export function useRadioGroupInput() {
-    return getRadioGroupRootContext().createInput();
+    return new RadioGroupInputState(RadioGroupRootContext.get());
 }

package/dist/bits/radio-group/types.d.ts

@@ -1,6 +1,6 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
 import type { Orientation } from "../../index.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type RadioGroupRootPropsWithoutHTML = WithChild<{
     /**
      * The orientation of the radio group. Used to determine
@@ -46,16 +46,8 @@ export type RadioGroupRootPropsWithoutHTML = WithChild<{
      * input is rendered.
      */
     required?: boolean;
-    /**
-     * Whether or not the value state is controlled or not. If `true`, the component will not update
-     * the value state 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 component.
-     *
-     * @defaultValue false
-     */
-    controlledValue?: boolean;
 }>;
-export type RadioGroupRootProps = RadioGroupRootPropsWithoutHTML & Without<PrimitiveDivAttributes, RadioGroupRootPropsWithoutHTML>;
+export type RadioGroupRootProps = RadioGroupRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, RadioGroupRootPropsWithoutHTML>;
 export type RadioGroupItemSnippetProps = {
     checked: boolean;
 };
@@ -71,4 +63,4 @@ export type RadioGroupItemPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }, RadioGroupItemSnippetProps>;
-export type RadioGroupItemProps = RadioGroupItemPropsWithoutHTML & Without<PrimitiveButtonAttributes, RadioGroupItemPropsWithoutHTML>;
+export type RadioGroupItemProps = RadioGroupItemPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, RadioGroupItemPropsWithoutHTML>;

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

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

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

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

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

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

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