bits-ui 0.9.9 → 0.10.0

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

@@ -0,0 +1,124 @@
+<script>import { createDispatcher } from "../../../internal/events.js";
+import { melt } from "@melt-ui/svelte";
+import { setCtx, getAttrs } from "../ctx.js";
+export let placeholder = void 0;
+export let onPlaceholderChange = void 0;
+export let value = void 0;
+export let onValueChange = void 0;
+export let preventDeselect = void 0;
+export let minValue = void 0;
+export let maxValue = void 0;
+export let pagedNavigation = void 0;
+export let weekStartsOn = void 0;
+export let locale = void 0;
+export let isDateUnavailable = void 0;
+export let isDateDisabled = void 0;
+export let disabled = void 0;
+export let readonly = void 0;
+export let fixedWeeks = void 0;
+export let calendarLabel = void 0;
+export let weekdayFormat = void 0;
+export let multiple = false;
+export let asChild = false;
+export let id = void 0;
+export let numberOfMonths = void 0;
+const {
+  elements: { calendar },
+  states: {
+    value: localValue,
+    placeholder: localPlaceholder,
+    months,
+    weekdays
+  },
+  updateOption,
+  ids
+} = setCtx({
+  defaultPlaceholder: placeholder,
+  defaultValue: value,
+  preventDeselect,
+  minValue,
+  maxValue,
+  pagedNavigation,
+  weekStartsOn,
+  locale,
+  isDateUnavailable,
+  isDateDisabled,
+  disabled,
+  readonly,
+  fixedWeeks,
+  calendarLabel,
+  weekdayFormat,
+  multiple,
+  numberOfMonths,
+  onPlaceholderChange: ({ next }) => {
+    if (placeholder !== next) {
+      onPlaceholderChange?.(next);
+      placeholder = next;
+    }
+    return next;
+  },
+  onValueChange: ({ next }) => {
+    if (value !== next) {
+      onValueChange?.(next);
+      value = next;
+    }
+    return next;
+  }
+});
+$:
+  if (id) {
+    ids.calendar.set(id);
+  }
+$:
+  value !== void 0 && localValue.set(value);
+$:
+  placeholder !== void 0 && localPlaceholder.set(placeholder);
+$:
+  updateOption("preventDeselect", preventDeselect);
+$:
+  updateOption("minValue", minValue);
+$:
+  updateOption("maxValue", maxValue);
+$:
+  updateOption("pagedNavigation", pagedNavigation);
+$:
+  updateOption("weekStartsOn", weekStartsOn);
+$:
+  updateOption("locale", locale);
+$:
+  updateOption("isDateUnavailable", isDateUnavailable);
+$:
+  updateOption("isDateDisabled", isDateDisabled);
+$:
+  updateOption("disabled", disabled);
+$:
+  updateOption("readonly", readonly);
+$:
+  updateOption("fixedWeeks", fixedWeeks);
+$:
+  updateOption("calendarLabel", calendarLabel);
+$:
+  updateOption("weekdayFormat", weekdayFormat);
+$:
+  updateOption("numberOfMonths", numberOfMonths);
+const attrs = getAttrs("root");
+$:
+  builder = $calendar;
+$:
+  Object.assign(builder, attrs);
+const dispatch = createDispatcher();
+$:
+  slotProps = {
+    builder,
+    months: $months,
+    weekdays: $weekdays
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch}>
+		<slot {...slotProps} />
+	</div>
+{/if}

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

@@ -0,0 +1,32 @@
+import { SvelteComponent } from "svelte";
+import type { Props } from "../types.js";
+declare class __sveltets_Render<Multiple extends boolean> {
+    props(): Props<Multiple>;
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        default: {
+            builder: {
+                id: string;
+                role: string;
+                'aria-label': string;
+                'data-invalid': string | undefined;
+                'data-disabled': string | undefined;
+                'data-readonly': string | undefined;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+            };
+            months: import("@melt-ui/svelte/index.js").Month<import("@internationalized/date").DateValue>[];
+            weekdays: string[];
+        };
+    };
+}
+export type CalendarProps<Multiple extends boolean> = ReturnType<__sveltets_Render<Multiple>['props']>;
+export type CalendarEvents<Multiple extends boolean> = ReturnType<__sveltets_Render<Multiple>['events']>;
+export type CalendarSlots<Multiple extends boolean> = ReturnType<__sveltets_Render<Multiple>['slots']>;
+export default class Calendar<Multiple extends boolean> extends SvelteComponent<CalendarProps<Multiple>, CalendarEvents<Multiple>, CalendarSlots<Multiple>> {
+}
+export {};

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

@@ -0,0 +1,242 @@
+/// <reference types="svelte" />
+import { type CreateCalendarProps } from "@melt-ui/svelte";
+export declare const getAttrs: (part: "date" | "root" | "header" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
+export declare function setCtx<Multiple extends boolean>(props: CreateCalendarProps<Multiple>): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    elements: {
+        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<string>, import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
+            id: string;
+            role: string;
+            'aria-label': string;
+            'data-invalid': string | undefined;
+            'data-disabled': string | undefined;
+            'data-readonly': string | undefined;
+        }, string>;
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
+            'aria-hidden': boolean;
+            'data-disabled': string | undefined;
+        }, string>;
+        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
+            tabindex: number;
+            role: string;
+            'aria-readonly': string | undefined;
+            'aria-disabled': string | undefined;
+            'data-readonly': string | undefined;
+            'data-disabled': string | undefined;
+        }, string>;
+        cell: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+            set: (this: void, value: import("@internationalized/date").DateValue) => void;
+            update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+            subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
+            add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
+            subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
+            setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void;
+            reset: () => void;
+            toWritable: () => {
+                set: (this: void, value: import("@internationalized/date").DateValue) => void;
+                subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
+                update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+            };
+            nextPage: (amount: number) => void;
+            prevPage: (amount: number) => void;
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isDateSelected, $isDateDisabled, $isDateUnavailable, $isOutsideVisibleMonths, $placeholder,]: [(date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, import("@melt-ui/svelte").Matcher | undefined, (date: import("@internationalized/date").DateValue) => boolean, import("@internationalized/date").DateValue]) => (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-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 tabindex: 0 | -1 | undefined;
+        }, string>;
+        nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
+            role: string;
+            'aria-label': string;
+            'aria-disabled': string | undefined;
+            'data-disabled': string | undefined;
+            disabled: boolean | undefined;
+        }, string>;
+        prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
+            role: string;
+            'aria-label': string;
+            'aria-disabled': string | undefined;
+            'data-disabled': string | undefined;
+            disabled: boolean | undefined;
+        }, string>;
+    };
+    states: {
+        placeholder: {
+            set: (this: void, value: import("@internationalized/date").DateValue) => void;
+            subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
+            update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+        };
+        months: import("svelte/store").Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>;
+        value: {
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined> | undefined): import("svelte/store").Unsubscriber;
+        };
+        weekdays: import("svelte/store").Readable<string[]>;
+        headingValue: import("svelte/store").Readable<string>;
+    };
+    helpers: {
+        nextPage: () => void;
+        prevPage: () => void;
+        nextYear: () => void;
+        prevYear: () => void;
+        setYear: (year: number) => void;
+        setMonth: (month: number) => void;
+        isDateDisabled: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
+        isDateSelected: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
+        isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
+    };
+    options: {
+        multiple: import("svelte/store").Writable<Multiple>;
+        disabled: import("svelte/store").Writable<boolean>;
+        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined> | undefined> | undefined;
+        defaultValue?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, import("@internationalized/date").DateValue[], import("@internationalized/date").DateValue, import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[]> | undefined> | undefined;
+        numberOfMonths: import("svelte/store").Writable<number>;
+        preventDeselect: import("svelte/store").Writable<boolean>;
+        minValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
+        maxValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
+        defaultPlaceholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
+        onPlaceholderChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
+        pagedNavigation: import("svelte/store").Writable<boolean>;
+        weekStartsOn: import("svelte/store").Writable<0 | 1 | 2 | 3 | 4 | 5 | 6>;
+        weekdayFormat: import("svelte/store").Writable<"narrow" | "short" | "long">;
+        isDateDisabled: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
+        isDateUnavailable: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
+        fixedWeeks: import("svelte/store").Writable<boolean>;
+        calendarLabel: import("svelte/store").Writable<string>;
+        locale: import("svelte/store").Writable<string>;
+        readonly: import("svelte/store").Writable<boolean>;
+    };
+    ids: {
+        calendar: import("svelte/store").Writable<string>;
+        accessibleHeading: import("svelte/store").Writable<string>;
+    };
+};
+export declare function getCtx(): {
+    elements: {
+        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<string>, import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $disabled, $readonly, $calendarId]: [string, boolean, boolean, boolean, string]) => {
+            id: string;
+            role: string;
+            'aria-label': string;
+            'data-invalid': string | undefined;
+            'data-disabled': string | undefined;
+            'data-readonly': string | undefined;
+        }, string>;
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled]: [boolean]) => {
+            'aria-hidden': boolean;
+            'data-disabled': string | undefined;
+        }, string>;
+        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
+            tabindex: number;
+            role: string;
+            'aria-readonly': string | undefined;
+            'aria-disabled': string | undefined;
+            'data-readonly': string | undefined;
+            'data-disabled': string | undefined;
+        }, string>;
+        cell: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+            set: (this: void, value: import("@internationalized/date").DateValue) => void;
+            update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+            subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
+            add: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
+            subtract: (duration: import("@internationalized/date").DateTimeDuration | import("@internationalized/date").DateDuration) => void;
+            setDate: (fields: import("@internationalized/date").DateFields | (import("@internationalized/date").DateFields & import("@internationalized/date").TimeFields), disambiguation?: import("@internationalized/date").Disambiguation | undefined) => void;
+            reset: () => void;
+            toWritable: () => {
+                set: (this: void, value: import("@internationalized/date").DateValue) => void;
+                subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
+                update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+            };
+            nextPage: (amount: number) => void;
+            prevPage: (amount: number) => void;
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isDateSelected, $isDateDisabled, $isDateUnavailable, $isOutsideVisibleMonths, $placeholder,]: [(date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, import("@melt-ui/svelte").Matcher | undefined, (date: import("@internationalized/date").DateValue) => boolean, import("@internationalized/date").DateValue]) => (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-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 tabindex: 0 | -1 | undefined;
+        }, string>;
+        nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
+            role: string;
+            'aria-label': string;
+            'aria-disabled': string | undefined;
+            'data-disabled': string | undefined;
+            disabled: boolean | undefined;
+        }, string>;
+        prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
+            role: string;
+            'aria-label': string;
+            'aria-disabled': string | undefined;
+            'data-disabled': string | undefined;
+            disabled: boolean | undefined;
+        }, string>;
+    };
+    states: {
+        placeholder: {
+            set: (this: void, value: import("@internationalized/date").DateValue) => void;
+            subscribe: (this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue> | undefined) => import("svelte/store").Unsubscriber;
+            update: (this: void, updater: import("svelte/store").Updater<import("@internationalized/date").DateValue>) => void;
+        };
+        months: import("svelte/store").Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>;
+        value: {
+            update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined>, invalidate?: import("svelte/store").Invalidator<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+        };
+        weekdays: import("svelte/store").Readable<string[]>;
+        headingValue: import("svelte/store").Readable<string>;
+    };
+    helpers: {
+        nextPage: () => void;
+        prevPage: () => void;
+        nextYear: () => void;
+        prevYear: () => void;
+        setYear: (year: number) => void;
+        setMonth: (month: number) => void;
+        isDateDisabled: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
+        isDateSelected: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
+        isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean | undefined>;
+    };
+    options: {
+        multiple: import("svelte/store").Writable<boolean>;
+        disabled: import("svelte/store").Writable<boolean>;
+        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined> | undefined> | undefined;
+        defaultValue?: import("svelte/store").Writable<import("@internationalized/date").DateValue | import("@internationalized/date").DateValue[] | undefined> | undefined;
+        numberOfMonths: import("svelte/store").Writable<number>;
+        preventDeselect: import("svelte/store").Writable<boolean>;
+        minValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
+        maxValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
+        defaultPlaceholder?: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined> | undefined;
+        onPlaceholderChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined> | undefined;
+        pagedNavigation: import("svelte/store").Writable<boolean>;
+        weekStartsOn: import("svelte/store").Writable<0 | 1 | 2 | 3 | 4 | 5 | 6>;
+        weekdayFormat: import("svelte/store").Writable<"narrow" | "short" | "long">;
+        isDateDisabled: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
+        isDateUnavailable: import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>;
+        fixedWeeks: import("svelte/store").Writable<boolean>;
+        calendarLabel: import("svelte/store").Writable<string>;
+        locale: import("svelte/store").Writable<string>;
+        readonly: import("svelte/store").Writable<boolean>;
+    };
+    ids: {
+        calendar: import("svelte/store").Writable<string>;
+        accessibleHeading: import("svelte/store").Writable<string>;
+    };
+};

package/dist/bits/calendar/ctx.js

@@ -0,0 +1,30 @@
+import { createCalendar } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+import { removeUndefined, getOptionUpdater, createBitAttrs } from "../../internal/index.js";
+const NAME = "calendar";
+const PARTS = [
+    "root",
+    "prev-button",
+    "next-button",
+    "heading",
+    "grid",
+    "date",
+    "header",
+    "grid-head",
+    "head-cell",
+    "grid-body",
+    "cell",
+    "grid-row"
+];
+export const getAttrs = createBitAttrs(NAME, PARTS);
+export function setCtx(props) {
+    const calendar = createCalendar(removeUndefined(props));
+    setContext(NAME, calendar);
+    return {
+        ...calendar,
+        updateOption: getOptionUpdater(calendar.options)
+    };
+}
+export function getCtx() {
+    return getContext(NAME);
+}

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

@@ -0,0 +1,13 @@
+export { default as Root } from "./components/calendar.svelte";
+export { default as Date } from "./components/calendar-date.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 * from "./types.js";

package/dist/bits/calendar/index.js

@@ -0,0 +1,13 @@
+export { default as Root } from "./components/calendar.svelte";
+export { default as Date } from "./components/calendar-date.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 * from "./types.js";

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

@@ -0,0 +1,31 @@
+import type { HTMLDivAttributes } from "../../internal";
+import type { HTMLAttributes, HTMLButtonAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes } from "svelte/elements";
+import type * as I from "./_types.js";
+import type { CustomEventHandler } from "../..";
+type Props<Multiple extends boolean = false> = I.Props<Multiple> & Omit<HTMLDivAttributes, "placeholder">;
+type PrevButtonProps = I.PrevButtonProps & HTMLButtonAttributes;
+type NextButtonProps = I.NextButtonProps & HTMLButtonAttributes;
+type HeadingProps = I.HeadingProps & HTMLDivAttributes;
+type HeaderProps = I.HeaderProps & HTMLDivAttributes;
+type GridProps = I.GridProps & HTMLTableAttributes;
+type GridHeadProps = I.GridHeadProps & HTMLAttributes<HTMLTableSectionElement>;
+type HeadCellProps = I.HeadCellProps & HTMLThAttributes;
+type GridBodyProps = I.GridBodyProps & HTMLAttributes<HTMLTableSectionElement>;
+type GridRowProps = I.GridRowProps & HTMLAttributes<HTMLTableRowElement>;
+type CellProps = I.CellProps & HTMLTdAttributes;
+type DateProps = I.DateProps & HTMLDivAttributes;
+/**
+ * Events
+ */
+type ButtonEvents = {
+    click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
+};
+type PrevButtonEvents = ButtonEvents;
+type NextButtonEvents = ButtonEvents;
+type DateEvents = {
+    click: CustomEventHandler<MouseEvent, HTMLDivElement>;
+};
+type Events = {
+    keydown: CustomEventHandler<KeyboardEvent, HTMLDivElement>;
+};
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, GridProps, CellProps, GridRowProps, GridBodyProps, HeadCellProps, GridHeadProps, HeaderProps, DateProps, Events, PrevButtonEvents, NextButtonEvents, DateEvents };

package/dist/bits/calendar/types.js

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

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

@@ -0,0 +1 @@
+export type { Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, InputProps as CheckboxInputProps, Events as CheckboxEvents } from "./types.js";

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

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

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

@@ -0,0 +1,22 @@
+/**
+ * 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, OmitChecked, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { CreateCheckboxProps } from "@melt-ui/svelte";
+type Props = Expand<OmitChecked<CreateCheckboxProps> & {
+    /**
+     * The state of the checkbox.
+     * You can bind this to a boolean value to programmatically control the checked state.
+     *
+     * @defaultValue false
+     */
+    checked?: boolean | "indeterminate";
+    /**
+     * A callback function called when the checked state changes.
+     */
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
+} & AsChild>;
+type IndicatorProps = AsChild;
+export type { Props, IndicatorProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps };

package/dist/bits/checkbox/_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/checkbox/components/checkbox-indicator.svelte

@@ -0,0 +1,33 @@
+<script>import { getCtx, getAttrs } from "../ctx.js";
+export let asChild = false;
+const {
+  helpers: { isChecked, isIndeterminate },
+  states: { checked }
+} = getCtx();
+function getStateAttr(state) {
+  if (state === "indeterminate")
+    return "indeterminate";
+  if (state)
+    return "checked";
+  return "unchecked";
+}
+$:
+  attrs = {
+    ...getAttrs("indicator"),
+    "data-state": getStateAttr($checked)
+  };
+$:
+  slotProps = {
+    isChecked: $isChecked,
+    isIndeterminate: $isIndeterminate,
+    attrs
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...$$restProps} {...attrs}>
+		<slot {...slotProps} />
+	</div>
+{/if}

package/dist/bits/checkbox/components/{CheckboxIndicator.svelte.d.ts → checkbox-indicator.svelte.d.ts}

@@ -1,6 +1,7 @@
 import { SvelteComponent } from "svelte";
+import type { IndicatorProps } from "../types.js";
 declare const __propDef: {
-    props: import("../../../internal/types.js").HTMLDivAttributes;
+    props: IndicatorProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
@@ -8,6 +9,9 @@ declare const __propDef: {
         default: {
             isChecked: boolean;
             isIndeterminate: boolean;
+            attrs: {
+                "data-state": string;
+            };
         };
     };
 };

package/dist/bits/checkbox/components/{Checkbox.svelte → checkbox.svelte}

@@ -27,6 +27,8 @@ const {
   }
 });
 const dispatch = createDispatcher();
+$:
+  attrs = { ...getAttrs("root"), disabled: disabled ? true : void 0 };
 $:
   checked !== void 0 && localChecked.set(checked);
 $:
@@ -39,21 +41,20 @@ $:
   updateOption("value", value);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  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-keydown={dispatch}
-		disabled={disabled ? true : undefined}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}