bits-ui 0.9.9 → 0.10.0

package/dist/bits/popover/ctx.js

@@ -1,6 +1,7 @@
 import { createPopover } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { getPositioningUpdater } from "../floating/helpers.js";
 const NAME = "popover";
 const PARTS = ["arrow", "close", "content", "trigger"];
 export const getAttrs = createBitAttrs(NAME, PARTS);
@@ -23,3 +24,13 @@ export function setArrow(size = 8) {
     popover.options.arrowSize.set(size);
     return popover;
 }
+const defaultPlacement = {
+    side: "bottom",
+    align: "center"
+};
+export function updatePositioning(props) {
+    const withDefaults = { ...defaultPlacement, ...props };
+    const { options: { positioning } } = getCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
+}

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

@@ -1,7 +1,6 @@
-import Root from "./components/Popover.svelte";
-import Arrow from "./components/PopoverArrow.svelte";
-import Content from "./components/PopoverContent.svelte";
-import Trigger from "./components/PopoverTrigger.svelte";
-import Close from "./components/PopoverClose.svelte";
-export { Root, Arrow, Close, Content, Trigger, Root as Popover, Arrow as PopoverArrow, Close as PopoverClose, Content as PopoverContent, Trigger as PopoverTrigger };
+export { default as Root } from "./components/popover.svelte";
+export { default as Arrow } from "./components/popover-arrow.svelte";
+export { default as Content } from "./components/popover-content.svelte";
+export { default as Trigger } from "./components/popover-trigger.svelte";
+export { default as Close } from "./components/popover-close.svelte";
 export * from "./types.js";

package/dist/bits/popover/index.js

@@ -1,9 +1,6 @@
-import Root from "./components/Popover.svelte";
-import Arrow from "./components/PopoverArrow.svelte";
-import Content from "./components/PopoverContent.svelte";
-import Trigger from "./components/PopoverTrigger.svelte";
-import Close from "./components/PopoverClose.svelte";
-export { Root, Arrow, Close, Content, Trigger, 
-//
-Root as Popover, Arrow as PopoverArrow, Close as PopoverClose, Content as PopoverContent, Trigger as PopoverTrigger };
+export { default as Root } from "./components/popover.svelte";
+export { default as Arrow } from "./components/popover-arrow.svelte";
+export { default as Content } from "./components/popover-content.svelte";
+export { default as Trigger } from "./components/popover-trigger.svelte";
+export { default as Close } from "./components/popover-close.svelte";
 export * from "./types.js";

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

@@ -1,20 +1,15 @@
-import type { OmitOpen, Expand, HTMLDivAttributes, Transition, OnChangeFn, AsChild, TransitionProps } from "../../internal/index.js";
+import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type { CreatePopoverProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
-type Props = Expand<OmitOpen<CreatePopoverProps> & {
-    open?: boolean;
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type TriggerProps = AsChild & HTMLButtonAttributes;
-type CloseProps = TriggerProps;
-type ArrowProps = Expand<{
-    size?: number;
-} & AsChild> & HTMLDivAttributes;
+import type * as I from "./_types.js";
+import type { ContentProps } from "../floating/types.js";
+type Props = I.Props;
+type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
+type CloseProps = I.ContentProps & HTMLButtonAttributes;
+type ArrowProps = I.ArrowProps & HTMLDivAttributes;
 type TriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
 type CloseEvents = TriggerEvents;
-export type { Props, CloseProps, ArrowProps, ContentProps, TriggerProps, Props as PopoverProps, ArrowProps as PopoverArrowProps, CloseProps as PopoverCloseProps, ContentProps as PopoverContentProps, TriggerProps as PopoverTriggerProps, TriggerEvents, CloseEvents, TriggerEvents as PopoverTriggerEvents, CloseEvents as PopoverCloseEvents };
+export type { Props, CloseProps, ArrowProps, ContentProps, TriggerProps, TriggerEvents, CloseEvents };

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

@@ -0,0 +1 @@
+export type { Props as ProgressProps } from "./types.js";

package/dist/bits/progress/_export.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { AsChild, Expand, OmitValue, OnChangeFn } from "../../internal/index.js";
+import type { CreateProgressProps } from "@melt-ui/svelte";
+type Props = Expand<OmitValue<CreateProgressProps> & {
+    /**
+     * The value of the progress bar.
+     * You can bind this to a number value to programmatically control the value.
+     */
+    value?: CreateProgressProps["defaultValue"] & {};
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<number>;
+} & AsChild>;
+export type { Props };

package/dist/bits/progress/_types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/progress/components/{Progress.svelte → progress.svelte}

@@ -17,19 +17,21 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("root");
 $:
   value !== void 0 && localValue.set(value);
 $:
   updateOption("max", max);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/progress/components/{Progress.svelte.d.ts → progress.svelte.d.ts}

@@ -22,7 +22,6 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };

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

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

package/dist/bits/progress/index.js

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

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

@@ -1,8 +1,4 @@
-import type { AsChild, Expand, HTMLDivAttributes, OmitValue, OnChangeFn } from "../../internal/index.js";
-import type { CreateProgressProps } from "@melt-ui/svelte";
-type Props = Expand<OmitValue<CreateProgressProps> & {
-    value?: CreateProgressProps["defaultValue"];
-    onValueChange?: OnChangeFn<CreateProgressProps["defaultValue"]>;
-} & AsChild> & HTMLDivAttributes;
-type IndicatorProps = HTMLDivAttributes;
-export type { Props, IndicatorProps, Props as ProgressProps, IndicatorProps as ProgressIndicatorProps };
+import type { HTMLDivAttributes } from "../../internal/index.js";
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLDivAttributes;
+export type { Props };

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

@@ -0,0 +1 @@
+export type { Props as RadioGroupProps, InputProps as RadioGroupInputProps, ItemProps as RadioGroupItemProps, ItemIndicatorProps as RadioGroupItemIndicatorProps, ItemEvents as RadioGroupItemEvents } from "./types.js";

package/dist/bits/radio-group/_export.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,24 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { Expand, OmitValue, OnChangeFn, ObjectVariation, AsChild } from "../../internal/index.js";
+import type { CreateRadioGroupProps, RadioGroupItemProps } from "@melt-ui/svelte";
+type Props = Expand<OmitValue<CreateRadioGroupProps> & {
+    /**
+     * The value of the radio group.
+     * You can bind this to a value to programmatically control the value.
+     *
+     * @defaultValue undefined
+     */
+    value?: CreateRadioGroupProps["defaultValue"] & {};
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<CreateRadioGroupProps["defaultValue"] & {}>;
+} & AsChild>;
+type InputProps = AsChild;
+type ItemProps = Expand<ObjectVariation<RadioGroupItemProps> & AsChild>;
+type ItemIndicatorProps = AsChild;
+export type { Props, InputProps, ItemProps, ItemIndicatorProps };

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

@@ -0,0 +1 @@
+export {};

package/dist/bits/radio-group/components/{RadioGroupInput.svelte → radio-group-input.svelte}

@@ -4,13 +4,15 @@ export let asChild = false;
 const {
   elements: { hiddenInput }
 } = getCtx();
+const attrs = getAttrs("input");
 $:
   builder = $hiddenInput;
-const attrs = getAttrs("input");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<input {...builder} use:builder.action {...$$restProps} {...attrs} />
+	<input {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/radio-group/components/{RadioGroupInput.svelte.d.ts → radio-group-input.svelte.d.ts}

@@ -21,7 +21,6 @@ declare const __propDef: {
             } & {
                 action: (_node: HTMLInputElement) => void;
             };
-            attrs: Record<string, string>;
         };
     };
 };

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

@@ -0,0 +1,20 @@
+<script>import { getRadioIndicator, getAttrs } from "../ctx.js";
+export let asChild = false;
+const { isChecked, value } = getRadioIndicator();
+const attrs = getAttrs("item-indicator");
+$:
+  slotProps = {
+    checked: $isChecked(value),
+    attrs
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...attrs} {...$$restProps}>
+		{#if $isChecked(value)}
+			<slot {...slotProps} />
+		{/if}
+	</div>
+{/if}

package/dist/bits/radio-group/components/{RadioGroupItemIndicator.svelte.d.ts → radio-group-item-indicator.svelte.d.ts}

@@ -1,11 +1,15 @@
 import { SvelteComponent } from "svelte";
+import type { ItemIndicatorProps } from "../types.js";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: ItemIndicatorProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            checked: boolean;
+            attrs: Record<string, string>;
+        };
     };
 };
 export type RadioGroupItemIndicatorProps = typeof __propDef.props;

package/dist/bits/radio-group/components/{RadioGroupItem.svelte → radio-group-item.svelte}

@@ -8,23 +8,24 @@ const {
   elements: { item }
 } = setItemCtx(value);
 const dispatch = createDispatcher();
+const attrs = getAttrs("item");
 $:
   builder = $item({ value, disabled });
-const attrs = getAttrs("item");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-focus={dispatch}
 		on:m-keydown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/radio-group/components/{RadioGroupItem.svelte.d.ts → radio-group-item.svelte.d.ts}

@@ -19,7 +19,6 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: ItemEvents;

package/dist/bits/radio-group/components/{RadioGroup.svelte → radio-group.svelte}

@@ -25,6 +25,7 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("root");
 $:
   value !== void 0 && localValue.set(value);
 $:
@@ -37,13 +38,14 @@ $:
   updateOption("orientation", orientation);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/radio-group/components/{RadioGroup.svelte.d.ts → radio-group.svelte.d.ts}

@@ -16,7 +16,6 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="svelte" />
 import { type CreateRadioGroupProps, type RadioGroup as RadioGroupReturn } from "@melt-ui/svelte";
 import type { Readable } from "svelte/store";
-export declare const getAttrs: (part: "root" | "item" | "input") => Record<string, string>;
+export declare const getAttrs: (part: "root" | "item" | "input" | "item-indicator") => Record<string, string>;
 export declare function setCtx(props: CreateRadioGroupProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {

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

@@ -4,7 +4,7 @@ import { getContext, setContext } from "svelte";
 import { removeUndefined } from "../../internal/index.js";
 const NAME = "radio-group";
 const ITEM_NAME = "radio-group-item";
-const PARTS = ["root", "item", "input"];
+const PARTS = ["root", "item", "input", "item-indicator"];
 export const getAttrs = createBitAttrs(NAME, PARTS);
 export function setCtx(props) {
     const radioGroup = createRadioGroup(removeUndefined(props));

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

@@ -1,6 +1,5 @@
-import Root from "./components/RadioGroup.svelte";
-import Input from "./components/RadioGroupInput.svelte";
-import Item from "./components/RadioGroupItem.svelte";
-import ItemIndicator from "./components/RadioGroupItemIndicator.svelte";
-export { Root, Input, Item, ItemIndicator, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, ItemIndicator as RadioGroupItemIndicator };
+export { default as Root } from "./components/radio-group.svelte";
+export { default as Input } from "./components/radio-group-input.svelte";
+export { default as Item } from "./components/radio-group-item.svelte";
+export { default as ItemIndicator } from "./components/radio-group-item-indicator.svelte";
 export * from "./types.js";

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

@@ -1,8 +1,5 @@
-import Root from "./components/RadioGroup.svelte";
-import Input from "./components/RadioGroupInput.svelte";
-import Item from "./components/RadioGroupItem.svelte";
-import ItemIndicator from "./components/RadioGroupItemIndicator.svelte";
-export { Root, Input, Item, ItemIndicator, 
-//
-Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, ItemIndicator as RadioGroupItemIndicator };
+export { default as Root } from "./components/radio-group.svelte";
+export { default as Input } from "./components/radio-group-input.svelte";
+export { default as Item } from "./components/radio-group-item.svelte";
+export { default as ItemIndicator } from "./components/radio-group-item-indicator.svelte";
 export * from "./types.js";

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

@@ -1,16 +1,14 @@
-import type { Expand, HTMLDivAttributes, OmitValue, OnChangeFn, ObjectVariation, AsChild } from "../../internal/index.js";
+import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type { CreateRadioGroupProps, RadioGroupItemProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
-type Props = Expand<OmitValue<CreateRadioGroupProps> & {
-    value?: CreateRadioGroupProps["defaultValue"];
-    onValueChange?: OnChangeFn<CreateRadioGroupProps["defaultValue"]>;
-} & AsChild> & HTMLDivAttributes;
-type InputProps = AsChild & HTMLInputAttributes;
-type ItemProps = Expand<ObjectVariation<RadioGroupItemProps> & AsChild> & HTMLButtonAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLDivAttributes;
+type InputProps = I.InputProps & HTMLInputAttributes;
+type ItemProps = I.ItemProps & HTMLButtonAttributes;
+type ItemIndicatorProps = I.ItemIndicatorProps & HTMLDivAttributes;
 type ItemEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
     focus: CustomEventHandler<FocusEvent, T>;
 };
-export type { Props, InputProps, ItemProps, Props as RadioGroupProps, InputProps as RadioGroupInputProps, ItemProps as RadioGroupItemProps, ItemEvents, ItemEvents as RadioGroupItemEvents };
+export type { Props, InputProps, ItemProps, ItemIndicatorProps, ItemEvents };

package/dist/bits/range-calendar/_export.types.d.ts

@@ -0,0 +1 @@
+export type { Props as RangeCalendarProps, PrevButtonProps as RangeCalendarPrevButtonProps, NextButtonProps as RangeCalendarNextButtonProps, HeadingProps as RangeCalendarHeadingProps, HeaderProps as RangeCalendarHeaderProps, GridProps as RangeCalendarGridProps, GridHeadProps as RangeCalendarGridHeadProps, HeadCellProps as RangeCalendarHeadCellProps, GridBodyProps as RangeCalendarGridBodyProps, CellProps as RangeCalendarCellProps, GridRowProps as RangeCalendarGridRowProps, DateProps as RangeCalendarDateProps, Events as RangeCalendarEvents, PrevButtonEvents as RangeCalendarPrevButtonEvents, NextButtonEvents as RangeCalendarNextButtonEvents, DateEvents as RangeCalendarDateEvents } from "./types.js";

package/dist/bits/range-calendar/_export.types.js

@@ -0,0 +1 @@
+export {};

package/dist/bits/range-calendar/_types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { AsChild, OnChangeFn } from "../../internal/index.js";
+import type { DateRange } from "../../shared/index.js";
+import type { DateValue } from "@internationalized/date";
+import type { CreateRangeCalendarProps } from "@melt-ui/svelte";
+type Props = Expand<Omit<CreateRangeCalendarProps, "placeholder" | "defaultPlaceholder" | "value" | "defaultValue" | "onPlaceholderChange" | "onValueChange" | "ids"> & {
+    placeholder?: DateValue;
+    value?: DateRange;
+    onPlaceholderChange?: OnChangeFn<DateValue>;
+    onValueChange?: OnChangeFn<DateRange>;
+} & AsChild>;
+type PrevButtonProps = AsChild;
+type NextButtonProps = AsChild;
+type HeadingProps = AsChild;
+type HeaderProps = AsChild;
+type GridHeadProps = AsChild;
+type HeadCellProps = AsChild;
+type GridProps = AsChild;
+type GridBodyProps = AsChild;
+type GridRowProps = AsChild;
+type BaseDateProps = Expand<{
+    /**
+     * The date value of the cell.
+     */
+    date: DateValue;
+    /**
+     * The month value that the cell belongs to.
+     */
+    month: DateValue;
+} & AsChild>;
+type CellProps = Expand<Omit<BaseDateProps, "month">>;
+type DateProps = Expand<BaseDateProps>;
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, HeaderProps, GridProps, GridHeadProps, HeadCellProps, GridBodyProps, GridRowProps, CellProps, DateProps };

package/dist/bits/range-calendar/_types.js

@@ -0,0 +1,6 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+export {};

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

@@ -0,0 +1,21 @@
+<script>import { getCtx, getAttrs } from "../ctx.js";
+export let date;
+export let asChild = false;
+const {
+  helpers: { isDateDisabled, isDateUnavailable }
+} = getCtx();
+$:
+  attrs = {
+    ...getAttrs("cell"),
+    "aria-disabled": $isDateDisabled(date) || $isDateUnavailable(date),
+    role: "gridcell"
+  };
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<td {...$$restProps} {...attrs}>
+		<slot {attrs} />
+	</td>
+{/if}

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import type { CellProps } from "../types.js";
+declare const __propDef: {
+    props: CellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: {
+                "aria-disabled": boolean;
+                role: string;
+            };
+        };
+    };
+};
+export type RangeCalendarCellProps = typeof __propDef.props;
+export type RangeCalendarCellEvents = typeof __propDef.events;
+export type RangeCalendarCellSlots = typeof __propDef.slots;
+export default class RangeCalendarCell extends SvelteComponent<RangeCalendarCellProps, RangeCalendarCellEvents, RangeCalendarCellSlots> {
+}
+export {};

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

@@ -0,0 +1,39 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getAttrs } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
+export let date;
+export let month;
+export let asChild = false;
+const {
+  elements: { cell },
+  helpers: { isDateDisabled, isDateUnavailable }
+} = getCtx();
+const attrs = getAttrs("date");
+const dispatch = createDispatcher();
+$:
+  builder = $cell(date, month);
+$:
+  Object.assign(builder, attrs);
+$:
+  slotProps = {
+    builder,
+    disabled: $isDateDisabled(date),
+    unavailable: $isDateUnavailable(date)
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-click={dispatch}
+		on:m-focusin={dispatch}
+		on:m-mouseenter={dispatch}
+	>
+		<slot {...slotProps}>
+			{date.day}
+		</slot>
+	</div>
+{/if}

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

@@ -0,0 +1,40 @@
+import { SvelteComponent } from "svelte";
+import type { DateEvents, DateProps } from "../types.js";
+declare const __propDef: {
+    props: DateProps;
+    slots: {
+        default: {
+            builder: ((cellValue: import("@internationalized/date").DateValue, monthValue: import("@internationalized/date").DateValue) => {
+                readonly role: "button";
+                readonly 'aria-label': string;
+                readonly 'aria-selected': true | undefined;
+                readonly 'aria-disabled': true | undefined;
+                readonly 'data-selected': true | undefined;
+                readonly 'data-selection-start': true | undefined;
+                readonly 'data-selection-end': true | undefined;
+                readonly 'data-value': string;
+                readonly 'data-disabled': "" | undefined;
+                readonly 'data-unavailable': "" | undefined;
+                readonly 'data-today': "" | undefined;
+                readonly 'data-outside-month': "" | undefined;
+                readonly 'data-outside-visible-months': "" | undefined;
+                readonly 'data-focused': "" | undefined;
+                readonly 'data-highlighted': "" | undefined;
+                readonly tabindex: 0 | -1 | undefined;
+            }) & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "mouseenter">;
+            };
+            disabled: boolean;
+            unavailable: boolean;
+        };
+    };
+    events: DateEvents;
+};
+export type RangeCalendarDateProps = typeof __propDef.props;
+export type RangeCalendarDateEvents = typeof __propDef.events;
+export type RangeCalendarDateSlots = typeof __propDef.slots;
+export default class RangeCalendarDate extends SvelteComponent<RangeCalendarDateProps, RangeCalendarDateEvents, RangeCalendarDateSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+<script>import { getAttrs } from "../ctx.js";
+export let asChild = false;
+const attrs = getAttrs("grid-body");
+</script>
+
+{#if asChild}
+	<slot {attrs} />
+{:else}
+	<tbody {...$$restProps} {...attrs}>
+		<slot />
+	</tbody>
+{/if}