bits-ui 0.15.1 → 0.17.0

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

@@ -5,7 +5,7 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (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<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]) => {
+        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<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>>], (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;
@@ -13,11 +13,11 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
             '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;
@@ -25,10 +25,11 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
             '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<{
+        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("@melt-ui/svelte/internal/helpers").WithGet<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>, {
+        } | null>>, 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").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;
@@ -40,10 +41,11 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
                 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;
-        }, 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, {
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<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) => {
@@ -64,14 +66,14 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
             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]) => {
+        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;
             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]) => {
+        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;
@@ -84,17 +86,20 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
             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>[]>>;
         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>>;
         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;
+            get: () => import("@melt-ui/svelte").DateRange;
+            destroy?: (() => void) | undefined;
         };
-        startValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
-        endValue: import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>;
+        startValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
+        endValue: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@internationalized/date").DateValue | undefined>>;
     };
     helpers: {
         nextPage: () => void;
@@ -104,7 +109,7 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
         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>;
+        isDateUnavailable: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<(date: import("@internationalized/date").DateValue) => boolean>>;
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         disabled: boolean;
@@ -114,21 +119,21 @@ export declare function setCtx(props: CreateRangeCalendarProps): {
             calendar: string;
             accessibleHeading: string;
         }> | 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/select/components/select-trigger.svelte.d.ts

@@ -13,6 +13,7 @@ declare const __propDef: {
                 readonly id: string;
                 readonly role: "combobox";
                 readonly disabled: true | undefined;
+                readonly type: "button" | undefined;
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {

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

@@ -15,18 +15,13 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "content" | "value" | "arrow" | "label" | "group" | "input" | "item" | "trigger" | "indicator") => Record<string, string>;
     elements: {
-        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
-            role: string;
-            'aria-labelledby': string;
-        }, string>;
-        groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
-            id: string;
-        }, string>;
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             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;
-        }, Writable<HTMLElement | null>, Writable<boolean>, Writable<string>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "keydown" | "click">, ([$open, $highlightedItem, $disabled, $menuId, $triggerId, $labelId]: [boolean, HTMLElement | null, boolean, string, string, string]) => {
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<HTMLElement | null>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "keydown" | "click">, ([$open, $highlightedItem, $disabled, $menuId, $triggerId, $labelId]: [boolean, HTMLElement | null, boolean, string, string, string]) => {
             readonly 'aria-activedescendant': string | undefined;
             readonly 'aria-autocomplete': "list";
             readonly 'aria-controls': string;
@@ -35,6 +30,11 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             readonly id: string;
             readonly role: "combobox";
             readonly disabled: true | undefined;
+            readonly type: "button" | undefined;
+        }, string>;
+        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            role: string;
+            'aria-labelledby': string;
         }, string>;
         option: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(value: unknown) => boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "pointermove">, ([$isSelected]: [(value: unknown) => boolean]) => (props: import("@melt-ui/svelte/index.js").ComboboxOptionProps<unknown>) => {
             readonly 'data-value': string;
@@ -46,13 +46,16 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             readonly id: string;
             readonly role: "option";
         }, string>;
-        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">, ([$isVisible, $menuId]: [boolean, string]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">, ([$isVisible, $menuId]: [boolean, string]) => {
             readonly hidden: true | undefined;
             readonly id: string;
             readonly role: "listbox";
             readonly style: string;
         }, string>;
-        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">, ([$labelId, $triggerId]: [string, string]) => {
+        groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            id: string;
+        }, string>;
+        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">, ([$labelId, $triggerId]: [string, string]) => {
             id: string;
             for: string;
         }, string>;
@@ -60,7 +63,9 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void) | undefined) => void;
             set: (this: void, value: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, Writable<boolean>, Writable<string | undefined>], import("svelte/action").Action<any, any, Record<never, any>>, ([$selected, $required, $name]: [import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined, boolean, string | undefined]) => {
+            get: () => import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$selected, $required, $name]: [import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined, boolean, string | undefined]) => {
             required: boolean | undefined;
             value: unknown;
             name: string | undefined;
@@ -70,7 +75,7 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             tabIndex: number;
             style: string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -81,14 +86,18 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             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;
         };
         selected: {
             update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void) | undefined) => void;
             set: (this: void, value: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined;
+            destroy?: (() => void) | undefined;
         };
         highlighted: import("svelte/store").Readable<import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined>;
-        highlightedItem: Writable<HTMLElement | null>;
+        highlightedItem: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<HTMLElement | null>>;
     };
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         label: string;

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

@@ -4,7 +4,7 @@ export declare function setCtx(props: CreateSeparatorProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "root") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/store").Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
             role: string;
             'aria-orientation': "vertical" | undefined;
             'aria-hidden': boolean;

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

@@ -1,10 +1,12 @@
+/// <reference types="svelte" />
 /**
  * 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 { CreateSliderProps } from "@melt-ui/svelte";
+import type { CreateSliderProps, Slider } from "@melt-ui/svelte";
 import type { Expand, OmitValue, OnChangeFn, DOMElement } from "../../internal/index.js";
+import type { StoresValues } from "svelte/store";
 type Props = Expand<OmitValue<CreateSliderProps> & {
     /**
      * The value of the slider.
@@ -17,6 +19,20 @@ type Props = Expand<OmitValue<CreateSliderProps> & {
     onValueChange?: OnChangeFn<number[]>;
 } & DOMElement<HTMLSpanElement>>;
 type RangeProps = DOMElement<HTMLSpanElement>;
-type ThumbProps = DOMElement<HTMLSpanElement>;
-type TickProps = DOMElement<HTMLSpanElement>;
+type ThumbProps = DOMElement<HTMLSpanElement> & {
+    /**
+     * An individual thumb builder from the `thumbs` slot prop
+     * provided by the `Slider.Root` component.
+     */
+    thumb: Thumb;
+};
+type TickProps = DOMElement<HTMLSpanElement> & {
+    /**
+     * An individual tick builder from the `ticks` slot prop
+     * provided by the `Slider.Root` component.
+     */
+    tick: Tick;
+};
 export type { Props, RangeProps, ThumbProps, TickProps };
+type Tick = StoresValues<Slider["elements"]["ticks"]>[number];
+type Thumb = StoresValues<Slider["elements"]["thumbs"]>[number];

package/dist/bits/slider/components/slider-thumb.svelte

@@ -3,14 +3,12 @@ import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
-const {
-  elements: { thumb },
-  getAttrs
-} = getCtx();
+export let thumb;
+const { getAttrs } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("thumb");
 $:
-  builder = $thumb();
+  builder = thumb;
 $:
   Object.assign(builder, attrs);
 </script>

package/dist/bits/slider/components/slider-tick.svelte

@@ -2,13 +2,11 @@
 import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
-const {
-  elements: { tick },
-  getAttrs
-} = getCtx();
+export let tick;
+const { getAttrs } = getCtx();
 const attrs = getAttrs("tick");
 $:
-  builder = $tick();
+  builder = tick;
 $:
   Object.assign(builder, attrs);
 </script>

package/dist/bits/slider/components/slider.svelte

@@ -10,8 +10,8 @@ export let onValueChange = void 0;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { root },
-  states: { value: localValue, ticks },
+  elements: { root, ticks, thumbs },
+  states: { value: localValue },
   updateOption,
   getAttrs
 } = setCtx({
@@ -49,9 +49,9 @@ $:
 </script>
 
 {#if asChild}
-	<slot {builder} ticks={$ticks} />
+	<slot {builder} ticks={$ticks} thumbs={$thumbs} />
 {:else}
 	<span bind:this={el} {...builder} use:builder.action {...$$restProps}>
-		<slot {builder} ticks={$ticks} />
+		<slot {builder} ticks={$ticks} thumbs={$thumbs} />
 	</span>
 {/if}

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

@@ -19,7 +19,46 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            ticks: number;
+            ticks: ({
+                'data-bounded': boolean | undefined;
+                'data-value': number;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            })[];
+            thumbs: [{
+                readonly role: "slider";
+                readonly 'aria-valuemin': number;
+                readonly 'aria-valuemax': number;
+                readonly 'aria-valuenow': number;
+                readonly 'aria-disabled': true | undefined;
+                readonly 'aria-orientation': import("@melt-ui/svelte/index.js").SliderOrientation;
+                readonly 'data-melt-part': "thumb";
+                readonly 'data-value': number;
+                readonly style: string;
+                readonly tabindex: 0 | -1;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+            }, ...({
+                readonly role: "slider";
+                readonly 'aria-valuemin': number;
+                readonly 'aria-valuemax': number;
+                readonly 'aria-valuenow': number;
+                readonly 'aria-disabled': true | undefined;
+                readonly 'aria-orientation': import("@melt-ui/svelte/index.js").SliderOrientation;
+                readonly 'data-melt-part': "thumb";
+                readonly 'data-value': number;
+                readonly style: string;
+                readonly tabindex: 0 | -1;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+            })[]];
         };
     };
 };

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

@@ -3,9 +3,9 @@ import { type CreateSliderProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "input" | "root" | "range" | "thumb" | "tick") => Record<string, string>;
+    getAttrs: (part: "thumb" | "tick" | "input" | "root" | "range") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>, import("svelte/store").Writable<"ltr" | "rtl">], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation, $dir]: [boolean, import("@melt-ui/svelte").SliderOrientation, "ltr" | "rtl"]) => {
+        root: 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<import("@melt-ui/svelte").SliderOrientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<"ltr" | "rtl">>], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation, $dir]: [boolean, import("@melt-ui/svelte").SliderOrientation, "ltr" | "rtl"]) => {
             dir: "ltr" | "rtl";
             disabled: boolean | undefined;
             'data-disabled': boolean | undefined;
@@ -13,11 +13,7 @@ export declare function setCtx(props: CreateSliderProps): {
             style: string | undefined;
             'data-melt-id': string;
         }, string>;
-        thumb: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
-            set: (this: void, value: number[]) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Readable<(val: number) => number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>, import("svelte/store").Readable<"rl" | "lr" | "tb" | "bt">], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$value, $position, $min, $max, $disabled, $orientation, $direction]: [number[], (val: number) => number, number, number, boolean, import("@melt-ui/svelte").SliderOrientation, "rl" | "lr" | "tb" | "bt"]) => () => {
+        thumbs: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderArrayReturn<(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, import("@melt-ui/svelte/internal/types").NonEmptyArray<{
             readonly role: "slider";
             readonly 'aria-valuemin': number;
             readonly 'aria-valuemax': number;
@@ -28,31 +24,30 @@ export declare function setCtx(props: CreateSliderProps): {
             readonly 'data-value': number;
             readonly style: string;
             readonly tabindex: 0 | -1;
-        }, string>;
+        }>, string>;
         range: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
             set: (this: void, value: number[]) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Readable<"rl" | "lr" | "tb" | "bt">, import("svelte/store").Readable<(val: number) => number>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $direction, $position]: [number[], "rl" | "lr" | "tb" | "bt", (val: number) => number]) => {
+            get: () => number[];
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Readable<"rl" | "lr" | "tb" | "bt">>, import("svelte/store").Readable<(val: number) => number>], import("svelte/action").Action<any, any, Record<never, any>>, ([$value, $direction, $position]: [number[], "rl" | "lr" | "tb" | "bt", (val: number) => number]) => {
             style: string;
         }, string>;
-        tick: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<number>, {
-            update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
-            set: (this: void, value: number[]) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Writable<number>, import("svelte/store").Readable<"rl" | "lr" | "tb" | "bt">], import("svelte/action").Action<any, any, Record<never, any>>, ([$ticks, $value, $min, $max, $step, $direction]: [number, number[], number, number, number, "rl" | "lr" | "tb" | "bt"]) => () => {
+        ticks: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderArrayReturn<import("svelte/action").Action<any, any, Record<never, any>>, {
             'data-bounded': boolean | undefined;
             'data-value': number;
             style: string;
-        }, string>;
+        }[], string>;
     };
     states: {
         value: {
             update: (updater: import("svelte/store").Updater<number[]>, sideEffect?: ((newValue: number[]) => void) | undefined) => void;
             set: (this: void, value: number[]) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<number[]>, invalidate?: import("svelte/store").Invalidator<number[]> | undefined): import("svelte/store").Unsubscriber;
+            get: () => number[];
+            destroy?: (() => void) | undefined;
         };
-        ticks: import("svelte/store").Readable<number>;
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
         defaultValue: number[];

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

@@ -3,13 +3,15 @@ import { type CreateSwitchProps } from "@melt-ui/svelte";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateSwitchProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "input" | "root" | "thumb") => Record<string, string>;
+    getAttrs: (part: "thumb" | "input" | "root") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             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/store").Writable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean, boolean, boolean]) => {
+            get: () => boolean;
+            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_1 extends unknown>(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean, boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
             readonly disabled: true | undefined;
             readonly 'data-state': "checked" | "unchecked";
@@ -22,7 +24,9 @@ export declare function setCtx(props: CreateSwitchProps): {
             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<string>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$checked, $name, $required, $disabled, $value]: [boolean, string, boolean, boolean, string]) => {
+            get: () => boolean;
+            destroy?: (() => void) | 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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$checked, $name, $required, $disabled, $value]: [boolean, string, boolean, boolean, string]) => {
             readonly type: "checkbox";
             readonly 'aria-hidden': true;
             readonly hidden: true;
@@ -40,6 +44,8 @@ export declare function setCtx(props: CreateSwitchProps): {
             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/tabs/components/tabs-trigger.svelte.d.ts

@@ -5,7 +5,7 @@ declare const __propDef: {
     slots: {
         default: {
             builder: {
-                type: string;
+                type: "button";
                 role: string;
                 'data-state': string;
                 tabindex: number;

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

@@ -5,10 +5,10 @@ export declare function setCtx(props: CreateTabsProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     getAttrs: (part: "content" | "list" | "root" | "trigger") => Record<string, string>;
     elements: {
-        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
         }, string>;
-        list: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
+        list: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             role: string;
             'aria-orientation': import("@melt-ui/svelte/internal/types").Orientation;
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
@@ -17,8 +17,10 @@ export declare function setCtx(props: CreateTabsProps): {
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
             set: (this: void, value: string) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">, ([$value, $orientation]: [string, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").TabsTriggerProps) => {
-            type: string;
+            get: () => string;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focus">, ([$value, $orientation]: [string, import("@melt-ui/svelte/internal/types").Orientation]) => (props: import("@melt-ui/svelte").TabsTriggerProps) => {
+            type: "button";
             role: string;
             'data-state': string;
             tabindex: number;
@@ -31,6 +33,8 @@ export declare function setCtx(props: CreateTabsProps): {
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
             set: (this: void, value: string) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string;
+            destroy?: (() => void) | undefined;
         }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string) => (tabValue: string) => {
             role: string;
             'aria-labelledby': string;
@@ -43,6 +47,8 @@ export declare function setCtx(props: CreateTabsProps): {
             update: (updater: import("svelte/store").Updater<string>, sideEffect?: ((newValue: string) => void) | undefined) => void;
             set: (this: void, value: string) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<string>, invalidate?: import("svelte/store").Invalidator<string> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string;
+            destroy?: (() => void) | undefined;
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{