bits-ui 0.16.0 → 0.18.0

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

@@ -9,7 +9,7 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getCalendarAttrs: (part: "day" | "header" | "root" | "cell" | "grid" | "heading" | "prev-button" | "next-button" | "grid-head" | "head-cell" | "grid-body" | "grid-row") => Record<string, string>;
     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]) => {
+        calendar: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>, import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<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;
@@ -17,11 +17,11 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
             '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]) => {
+        heading: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<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]) => {
+        grid: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$readonly, $disabled]: [boolean, boolean]) => {
             tabindex: number;
             role: string;
             'aria-readonly': "true" | undefined;
@@ -29,7 +29,8 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
             '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>, {
+        cell: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte").Matcher | undefined>>, import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>, {
+            get: () => import("@internationalized/date").DateValue;
             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;
@@ -41,6 +42,7 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
                 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;
+                get: () => import("@internationalized/date").DateValue;
             };
             nextPage: (amount: number) => void;
             prevPage: (amount: number) => void;
@@ -59,14 +61,14 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
             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]) => {
+        nextButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isNextButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | 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]) => {
+        prevButton: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$isPrevButtonDisabled]: [boolean]) => {
             role: string;
             'aria-label': string;
             'aria-disabled': "true" | undefined;
@@ -79,15 +81,18 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
             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;
+            get: () => import("@internationalized/date").DateValue;
         };
-        months: import("svelte/store").Writable<import("@melt-ui/svelte").Month<import("@internationalized/date").DateValue>[]>;
+        months: import("@melt-ui/svelte/internal/helpers").WithGet<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;
+            get: () => 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;
+            destroy?: (() => void) | undefined;
         };
         weekdays: import("svelte/store").Readable<string[]>;
-        headingValue: import("svelte/store").Readable<string>;
+        headingValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<string>>;
     };
     helpers: {
         nextPage: () => void;
@@ -105,21 +110,21 @@ export declare function setCtx<Multiple extends boolean>(props: CreateCalendarPr
         disabled: boolean;
         onValueChange?: 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;
         defaultValue?: 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;
-        numberOfMonths: number;
-        preventDeselect: boolean;
-        minValue: import("@internationalized/date").DateValue | undefined;
-        maxValue: import("@internationalized/date").DateValue | undefined;
         defaultPlaceholder?: import("@internationalized/date").DateValue | undefined;
         onPlaceholderChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@internationalized/date").DateValue> | undefined;
-        pagedNavigation: boolean;
+        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
+        minValue: import("@internationalized/date").DateValue | undefined;
+        maxValue: import("@internationalized/date").DateValue | undefined;
+        readonly: boolean;
+        locale: string;
         weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+        fixedWeeks: boolean;
+        numberOfMonths: number;
+        preventDeselect: boolean;
+        pagedNavigation: boolean;
         weekdayFormat: "narrow" | "short" | "long";
         isDateDisabled: import("@melt-ui/svelte").Matcher | undefined;
-        isDateUnavailable: import("@melt-ui/svelte").Matcher | undefined;
-        fixedWeeks: boolean;
         calendarLabel: string;
-        locale: string;
-        readonly: boolean;
     }>;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         calendar: string;

package/dist/bits/calendar/ctx.js

@@ -15,7 +15,7 @@ export function getCalendarData() {
         "head-cell",
         "grid-body",
         "cell",
-        "grid-row"
+        "grid-row",
     ];
     return { NAME, PARTS };
 }
@@ -26,7 +26,7 @@ export function setCtx(props) {
     setContext(NAME, calendar);
     return {
         ...calendar,
-        updateOption: getOptionUpdater(calendar.options)
+        updateOption: getOptionUpdater(calendar.options),
     };
 }
 export function getCtx() {

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

@@ -28,4 +28,4 @@ type DayEvents = {
 type Events = {
     keydown: CustomEventHandler<KeyboardEvent, HTMLDivElement>;
 };
-export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, GridProps, CellProps, GridRowProps, GridBodyProps, HeadCellProps, GridHeadProps, HeaderProps, DayProps, Events, PrevButtonEvents, NextButtonEvents, DayEvents };
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, GridProps, CellProps, GridRowProps, GridBodyProps, HeadCellProps, GridHeadProps, HeaderProps, DayProps, Events, PrevButtonEvents, NextButtonEvents, DayEvents, };

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

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

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

@@ -19,4 +19,4 @@ type Props = Expand<OmitChecked<CreateCheckboxProps> & {
     onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
 } & DOMElement<HTMLButtonElement>>;
 type IndicatorProps = DOMElement;
-export type { Props, IndicatorProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps };
+export type { Props, IndicatorProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, };

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

@@ -7,9 +7,4 @@ const {
 } = getCtx();
 </script>
 
-<input
-	bind:this={el}
-	{...$input} use:$input.action
-	value={$value ?? "on"}
-	{...$$restProps}
-/>
+<input bind:this={el} {...$input} use:$input.action value={$value ?? "on"} {...$$restProps} />

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

@@ -13,7 +13,9 @@ export declare function setCtx(props: CreateCheckboxProps): {
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
             set: (this: void, value: boolean | "indeterminate") => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
+            get: () => boolean | "indeterminate";
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
             readonly disabled: true | undefined;
             readonly 'data-state': "checked" | "unchecked" | "indeterminate";
@@ -26,7 +28,9 @@ export declare function setCtx(props: CreateCheckboxProps): {
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
             set: (this: void, value: boolean | "indeterminate") => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<string | undefined>, import("svelte/store").Writable<string>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$checked, $name, $value, $required, $disabled]: [boolean | "indeterminate", string | undefined, string, boolean, boolean]) => {
+            get: () => boolean | "indeterminate";
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | undefined>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$checked, $name, $value, $required, $disabled]: [boolean | "indeterminate", string | undefined, string, boolean, boolean]) => {
             readonly type: "checkbox";
             readonly 'aria-hidden': true;
             readonly hidden: true;
@@ -44,6 +48,8 @@ export declare function setCtx(props: CreateCheckboxProps): {
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
             set: (this: void, value: boolean | "indeterminate") => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
+            get: () => boolean | "indeterminate";
+            destroy?: (() => void) | undefined;
         };
     };
     helpers: {

package/dist/bits/checkbox/ctx.js

@@ -6,7 +6,7 @@ export function getCheckboxData() {
     const PARTS = ["root", "input", "indicator"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, checkbox);
     return {
         ...checkbox,
-        updateOption: getOptionUpdater(checkbox.options)
+        updateOption: getOptionUpdater(checkbox.options),
     };
 }
 export function getCtx() {

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

@@ -9,4 +9,4 @@ type Events = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, IndicatorProps, InputProps, Events };
+export type { Props, IndicatorProps, InputProps, Events, };

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

@@ -1 +1 @@
-export type { Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents as CollapsibleTriggerEvents } from "./types.js";
+export type { Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents as CollapsibleTriggerEvents, } from "./types.js";

package/dist/bits/collapsible/components/collapsible-content.svelte

@@ -23,12 +23,7 @@ $:
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
-	<div
-		bind:this={el}
-		transition:transition={transitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
@@ -42,21 +37,11 @@ $:
 		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
-	<div
-		bind:this={el}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if $open}

package/dist/bits/collapsible/components/collapsible-trigger.svelte

@@ -18,13 +18,7 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

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

@@ -13,7 +13,9 @@ export declare function setCtx(props: CreateCollapsibleProps): {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$open, $disabled]: [boolean, boolean]) => {
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$open, $disabled]: [boolean, boolean]) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
         }, string>;
@@ -21,12 +23,14 @@ export declare function setCtx(props: CreateCollapsibleProps): {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$open, $disabled]: [boolean, boolean]) => {
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click">, ([$open, $disabled]: [boolean, boolean]) => {
             readonly 'data-state': "open" | "closed";
             readonly 'data-disabled': true | undefined;
             readonly disabled: true | undefined;
         }, string>;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isVisible, $disabled]: [boolean, boolean]) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$isVisible, $disabled]: [boolean, boolean]) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
             hidden: boolean | undefined;
@@ -38,6 +42,8 @@ export declare function setCtx(props: CreateCollapsibleProps): {
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{

package/dist/bits/collapsible/ctx.js

@@ -6,7 +6,7 @@ export function getCollapsibleData() {
     const PARTS = ["root", "content", "trigger"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, collapsible);
     return {
         ...collapsible,
-        updateOption: getOptionUpdater(collapsible.options)
+        updateOption: getOptionUpdater(collapsible.options),
     };
 }
 export function getCtx() {

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

@@ -8,4 +8,4 @@ type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
 type TriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
 };
-export type { Props, ContentProps, TriggerProps, TriggerEvents };
+export type { Props, ContentProps, TriggerProps, TriggerEvents, };

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

@@ -0,0 +1 @@
+export type { Props as ComboboxProps, ContentProps as ComboboxContentProps, InputProps as ComboboxInputProps, ItemProps as ComboboxItemProps, LabelProps as ComboboxLabelProps, GroupProps as ComboboxGroupProps, GroupLabelProps as ComboboxGroupLabelProps, ArrowProps as ComboboxArrowProps, HiddenInputProps as ComboboxHiddenInputProps, SeparatorProps as ComboboxSeparatorProps, IndicatorProps as ComboboxIndicatorProps, ItemEvents as ComboboxItemEvents, InputEvents as ComboboxInputEvents, GroupLabelEvents as ComboboxGroupLabelEvents, ContentEvents as ComboboxContentEvents, } from "./types.js";

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

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

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

@@ -0,0 +1,62 @@
+/**
+ * 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 { CreateComboboxProps, ComboboxOptionProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, OmitFloating, OnChangeFn } from "../../internal/index.js";
+import type { ContentProps, ArrowProps } from "../floating/_types.js";
+import type { Selected } from "../..";
+export type WhenTrue<TrueOrFalse, IfTrue, IfFalse, IfNeither = IfTrue | IfFalse> = [
+    TrueOrFalse
+] extends [true] ? IfTrue : [TrueOrFalse] extends [false] ? IfFalse : IfNeither;
+type SelectValue<T, Multiple extends boolean> = WhenTrue<Multiple, T[] | undefined, T | undefined>;
+type Props<T = unknown, Multiple extends boolean = false> = Expand<OmitFloating<Omit<CreateComboboxProps, "selected" | "defaultSelected" | "onSelectedChange" | "multiple">> & {
+    /**
+     * The selected value of the combobox.
+     * You can bind this to a value to programmatically control the selected value.
+     *
+     * @defaultValue undefined
+     */
+    selected?: SelectValue<Selected<T>, Multiple> | undefined;
+    /**
+     * A callback function called when the selected value changes.
+     */
+    onSelectedChange?: OnChangeFn<SelectValue<Selected<T>, Multiple>>;
+    /**
+     * The open state of the combobox 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>;
+    /**
+     * Whether or not multiple values can be selected.
+     */
+    multiple?: Multiple;
+    /**
+     * The value of the input.
+     * You can bind this to a value to programmatically control the input value.
+     *
+     * @defaultValue ""
+     */
+    inputValue?: string;
+    /**
+     * Optionally provide an array of `Selected<T>` objects to
+     * type the `selected` and `onSelectedChange` props.
+     */
+    items?: Selected<T>[];
+}>;
+type InputProps = DOMElement<HTMLInputElement>;
+type LabelProps = DOMElement<HTMLLabelElement>;
+type GroupProps = DOMElement;
+type GroupLabelProps = DOMElement;
+type ItemProps = Expand<ComboboxOptionProps & DOMElement>;
+type HiddenInputProps = DOMElement;
+type SeparatorProps = DOMElement;
+type IndicatorProps = DOMElement;
+export type { Props, ContentProps, InputProps, ItemProps, LabelProps, GroupProps, GroupLabelProps, ArrowProps, HiddenInputProps, SeparatorProps, IndicatorProps, };

package/dist/bits/combobox/_types.js

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

package/dist/bits/combobox/components/combobox-arrow.svelte

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

package/dist/bits/combobox/components/combobox-arrow.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+import type { ArrowProps } from "../types.js";
+declare const __propDef: {
+    props: ArrowProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                'data-arrow': boolean;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
+};
+export type ComboboxArrowProps = typeof __propDef.props;
+export type ComboboxArrowEvents = typeof __propDef.events;
+export type ComboboxArrowSlots = typeof __propDef.slots;
+export default class ComboboxArrow extends SvelteComponent<ComboboxArrowProps, ComboboxArrowEvents, ComboboxArrowSlots> {
+}
+export {};

package/dist/bits/combobox/components/combobox-content.svelte

@@ -0,0 +1,104 @@
+<script>import { createDispatcher } from "../../../internal/events.js";
+import { melt } from "@melt-ui/svelte";
+import { getCtx, updatePositioning } from "../ctx.js";
+export let transition = void 0;
+export let transitionConfig = void 0;
+export let inTransition = void 0;
+export let inTransitionConfig = void 0;
+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;
+export let el = void 0;
+const {
+  elements: { menu },
+  states: { open },
+  ids,
+  getAttrs
+} = getCtx();
+const dispatch = createDispatcher();
+const attrs = getAttrs("content");
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
+$:
+  builder = $menu;
+$:
+  Object.assign(builder, attrs);
+$:
+  if ($open)
+    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} />
+{:else if transition && $open}
+	<div
+		bind:this={el}
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-pointerleave={dispatch}
+		on:keydown
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && outTransition && $open}
+	<div
+		bind:this={el}
+		in:inTransition={inTransitionConfig}
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-pointerleave={dispatch}
+		on:keydown
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && $open}
+	<div
+		in:inTransition={inTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-pointerleave={dispatch}
+		on:keydown
+	>
+		<slot {builder} />
+	</div>
+{:else if outTransition && $open}
+	<div
+		bind:this={el}
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+		on:m-pointerleave={dispatch}
+		on:keydown
+	>
+		<slot {builder} />
+	</div>
+{:else if $open}
+	<div bind:this={el} {...builder} use:builder.action {...$$restProps} on:m-pointerleave={dispatch} on:keydown>
+		<slot {builder} />
+	</div>
+{/if}

package/dist/bits/combobox/components/combobox-content.svelte.d.ts

@@ -0,0 +1,27 @@
+import { SvelteComponent } from "svelte";
+import type { Transition } from "../../../internal/types.js";
+import type { ContentEvents, ContentProps } from "../types.js";
+declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
+    props(): ContentProps<T, In, Out>;
+    events(): ContentEvents;
+    slots(): {
+        default: {
+            builder: {
+                readonly hidden: true | undefined;
+                readonly id: string;
+                readonly role: "listbox";
+                readonly style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">;
+            };
+        };
+    };
+}
+export type ComboboxContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type ComboboxContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type ComboboxContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class ComboboxContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<ComboboxContentProps<T, In, Out>, ComboboxContentEvents<T, In, Out>, ComboboxContentSlots<T, In, Out>> {
+}
+export {};

package/dist/bits/combobox/components/combobox-group-label.svelte

@@ -0,0 +1,25 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getGroupLabel, getCtx } from "../ctx.js";
+export let asChild = false;
+export let id = void 0;
+export let el = void 0;
+const { ids, getAttrs } = getCtx();
+const { groupLabel, id: groupId } = getGroupLabel();
+const attrs = getAttrs("group-label");
+$:
+  if (id) {
+    ids.label.set(id);
+  }
+$:
+  builder = $groupLabel(groupId);
+$:
+  Object.assign(builder, attrs);
+</script>
+
+{#if asChild}
+	<slot {builder} />
+{:else}
+	<div bind:this={el} {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
+	</div>
+{/if}