bits-ui 0.9.9 → 0.10.0

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

@@ -0,0 +1,264 @@
+/// <reference types="svelte" />
+import { type CreateRangeCalendarProps } 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(props: CreateRangeCalendarProps): {
+    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<string>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
+            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").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<{
+            start: import("@internationalized/date").DateValue;
+            end: import("@internationalized/date").DateValue;
+        } | null>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, 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;
+        }, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "mouseenter">, ([$isSelected, $isSelectionEnd, $isSelectionStart, $highlightedRange, $isDateDisabled, $isDateUnavailable, $placeholder, $isOutsideVisibleMonths,]: [(date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, {
+            start: import("@internationalized/date").DateValue;
+            end: import("@internationalized/date").DateValue;
+        } | null, (date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, import("@internationalized/date").DateValue, (date: import("@internationalized/date").DateValue) => boolean]) => (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;
+        }, 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;
+            disabled: boolean | undefined;
+            'data-disabled': string | 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;
+            disabled: boolean | undefined;
+            'data-disabled': string | 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>[]>;
+        weekdays: import("svelte/store").Readable<string[]>;
+        headingValue: import("svelte/store").Readable<string>;
+        value: {
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").DateRange>, sideEffect?: ((newValue: import("@melt-ui/svelte").DateRange) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte").DateRange) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").DateRange>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").DateRange> | undefined): import("svelte/store").Unsubscriber;
+        };
+    };
+    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>;
+        isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
+    };
+    options: {
+        disabled: import("svelte/store").Writable<boolean>;
+        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte").DateRange> | undefined> | undefined;
+        defaultValue: import("svelte/store").Writable<import("@melt-ui/svelte").DateRange>;
+        ids?: import("svelte/store").Writable<Partial<{
+            calendar: string;
+            accessibleHeading: string;
+        }> | 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<string>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$fullCalendarLabel, $isInvalid, $calendarId, $disabled, $readonly]: [string, boolean, string, boolean, boolean]) => {
+            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").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("svelte/store").Readable<{
+            start: import("@internationalized/date").DateValue;
+            end: import("@internationalized/date").DateValue;
+        } | null>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, 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;
+        }, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "mouseenter">, ([$isSelected, $isSelectionEnd, $isSelectionStart, $highlightedRange, $isDateDisabled, $isDateUnavailable, $placeholder, $isOutsideVisibleMonths,]: [(date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, {
+            start: import("@internationalized/date").DateValue;
+            end: import("@internationalized/date").DateValue;
+        } | null, (date: import("@internationalized/date").DateValue) => boolean, (date: import("@internationalized/date").DateValue) => boolean, import("@internationalized/date").DateValue, (date: import("@internationalized/date").DateValue) => boolean]) => (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;
+        }, 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;
+            disabled: boolean | undefined;
+            'data-disabled': string | 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;
+            disabled: boolean | undefined;
+            'data-disabled': string | 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>[]>;
+        weekdays: import("svelte/store").Readable<string[]>;
+        headingValue: import("svelte/store").Readable<string>;
+        value: {
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").DateRange>, sideEffect?: ((newValue: import("@melt-ui/svelte").DateRange) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte").DateRange) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").DateRange>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").DateRange> | undefined): import("svelte/store").Unsubscriber;
+        };
+    };
+    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>;
+        isDateUnavailable: import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>;
+    };
+    options: {
+        disabled: import("svelte/store").Writable<boolean>;
+        onValueChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte").DateRange> | undefined> | undefined;
+        defaultValue: import("svelte/store").Writable<import("@melt-ui/svelte").DateRange>;
+        ids?: import("svelte/store").Writable<Partial<{
+            calendar: string;
+            accessibleHeading: string;
+        }> | 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/range-calendar/ctx.js

@@ -0,0 +1,30 @@
+import { createRangeCalendar } 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 rangeCalendar = createRangeCalendar(removeUndefined(props));
+    setContext(NAME, rangeCalendar);
+    return {
+        ...rangeCalendar,
+        updateOption: getOptionUpdater(rangeCalendar.options)
+    };
+}
+export function getCtx() {
+    return getContext(NAME);
+}

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

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

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

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

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

@@ -0,0 +1,33 @@
+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 = I.Props & 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>;
+    focusin: CustomEventHandler<FocusEvent, HTMLDivElement>;
+    mouseenter: 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/range-calendar/types.js

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

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

@@ -0,0 +1 @@
+export type { Props as SelectProps, ArrowProps as SelectArrowProps, ContentProps as SelectContentProps, GroupProps as SelectGroupProps, InputProps as SelectInputProps, LabelProps as SelectLabelProps, ItemProps as SelectItemProps, IndicatorProps as SelectIndicatorProps, SeparatorProps as SelectSeparatorProps, TriggerProps as SelectTriggerProps, ValueProps as SelectValueProps, ItemEvents as SelectItemEvents, ContentEvents as SelectContentEvents, TriggerEvents as SelectTriggerEvents, LabelEvents as SelectLabelEvents } from "./types.js";

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

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

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

@@ -0,0 +1,52 @@
+/**
+ * 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 { CreateSelectProps, SelectOptionProps } from "@melt-ui/svelte";
+import type { AsChild, Expand, OmitFloating, OnChangeFn } from "../../internal/index.js";
+import type { ContentProps, ArrowProps } from "../floating/_types.js";
+type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<CreateSelectProps, "selected" | "defaultSelected" | "onSelectedChange">> & {
+    /**
+     * The selected value of the select.
+     * You can bind this to a value to programmatically control the selected value.
+     *
+     * @defaultValue undefined
+     */
+    selected?: CreateSelectProps<T, Multiple>["defaultSelected"] & {};
+    /**
+     * A callback function called when the selected value changes.
+     */
+    onSelectedChange?: OnChangeFn<CreateSelectProps<T, Multiple>["defaultSelected"]>;
+    /**
+     * The open state of the select menu.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+    /**
+     *
+     */
+    multiple?: Multiple;
+}>;
+type GroupProps = AsChild;
+type InputProps = AsChild;
+type LabelProps = AsChild;
+type ItemProps = Expand<SelectOptionProps & AsChild>;
+type SeparatorProps = AsChild;
+type IndicatorProps = AsChild;
+type TriggerProps = AsChild;
+type ValueProps = Expand<{
+    /**
+     * The placeholder text to display when there is no value.
+     *
+     * @defaultValue ""
+     */
+    placeholder?: string;
+} & AsChild>;
+export type { Props, ArrowProps, ContentProps, IndicatorProps, GroupProps, InputProps, LabelProps, ItemProps, SeparatorProps, TriggerProps, ValueProps };

package/dist/bits/select/_types.js

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

package/dist/bits/{dropdown-menu/components/DropdownMenuArrow.svelte → select/components/select-arrow.svelte}

@@ -1,17 +1,19 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setArrow, getAttrs } from "../ctx.js";
-export let size = 8;
 export let asChild = false;
+export let size = 8;
 const {
   elements: { arrow }
 } = setArrow(size);
+const attrs = getAttrs("arrow");
 $:
   builder = $arrow;
-const attrs = getAttrs("arrow");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action />
+	<div {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/select/components/{SelectArrow.svelte.d.ts → select-arrow.svelte.d.ts}

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

package/dist/bits/select/components/{SelectContent.svelte → select-content.svelte}

@@ -1,6 +1,6 @@
 <script>import { createDispatcher } from "../../../internal/events.js";
 import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx, getAttrs, updatePositioning } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -9,35 +9,56 @@ export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
 export let id = void 0;
+export let side = "bottom";
+export let align = "center";
+export let sideOffset = 0;
+export let alignOffset = 0;
+export let collisionPadding = 8;
+export let avoidCollisions = true;
+export let collisionBoundary = void 0;
+export let sameWidth = true;
+export let fitViewport = false;
 const {
   elements: { menu },
   states: { open },
   ids
 } = getCtx();
 const dispatch = createDispatcher();
-$:
-  builder = $menu;
+const attrs = getAttrs("content");
 $:
   if (id) {
     ids.menu.set(id);
   }
-const attrs = getAttrs("content");
+$:
+  builder = $menu;
+$:
+  Object.assign(builder, attrs);
+$:
+  updatePositioning({
+    side,
+    align,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    collisionBoundary,
+    sameWidth,
+    fitViewport
+  });
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
-
 {#if asChild && $open}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else if transition && $open}
 	<div
 		transition:transition={transitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-pointerleave={dispatch}
 		on:keydown
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
 	<div
@@ -45,36 +66,38 @@ const attrs = getAttrs("content");
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-pointerleave={dispatch}
 		on:keydown
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
 	<div
 		in:inTransition={inTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-pointerleave={dispatch}
 		on:keydown
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
 	<div
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-pointerleave={dispatch}
 		on:keydown
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if $open}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs} on:m-pointerleave={dispatch} on:keydown>
-		<slot {builder} {attrs} />
+	<div
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-pointerleave={dispatch}
+		on:keydown
+	>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/select/components/{SelectContent.svelte.d.ts → select-content.svelte.d.ts}

@@ -16,7 +16,6 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">;
             };
-            attrs: Record<string, string>;
         };
     };
 }

package/dist/bits/{menubar/components/MenubarGroup.svelte → select/components/select-group.svelte}

@@ -2,15 +2,17 @@
 import { setGroupCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
 const { group, id } = setGroupCtx();
+const attrs = getAttrs("group");
 $:
   builder = $group(id);
-const attrs = getAttrs("group");
+$:
+  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/select/components/{SelectGroup.svelte.d.ts → select-group.svelte.d.ts}

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