bits-ui 0.21.13 → 0.21.15

package/dist/bits/select/components/select-item-indicator.svelte.d.ts

@@ -11,6 +11,8 @@ declare const __propDef: {
             isSelected: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SelectItemIndicatorProps = typeof __propDef.props;
 export type SelectItemIndicatorEvents = typeof __propDef.events;

package/dist/bits/select/components/select-item.svelte

@@ -13,12 +13,9 @@ const {
 } = setItemCtx(value);
 const dispatch = createDispatcher();
 const attrs = getAttrs("item");
-$:
-  builder = $item({ value, disabled, label });
-$:
-  Object.assign(builder, attrs);
-$:
-  isSelected = $isSelectedStore(value);
+$: builder = $item({ value, disabled, label });
+$: Object.assign(builder, attrs);
+$: isSelected = $isSelectedStore(value);
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions a11y_no_static_element_interactions -->

package/dist/bits/select/components/select-label.svelte

@@ -6,14 +6,11 @@ export let el = void 0;
 const { ids, getAttrs } = getCtx();
 const { groupLabel, id: groupId } = getGroupLabel();
 const attrs = getAttrs("label");
-$:
-  if (id) {
-    ids.label.set(id);
-  }
-$:
-  builder = $groupLabel(groupId);
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.label.set(id);
+}
+$: builder = $groupLabel(groupId);
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -11,14 +11,11 @@ const {
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");
-$:
-  if (id) {
-    ids.trigger.set(id);
-  }
-$:
-  builder = $trigger;
-$:
-  Object.assign(builder, attrs);
+$: if (id) {
+  ids.trigger.set(id);
+}
+$: builder = $trigger;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

package/dist/bits/select/components/select-trigger.svelte.d.ts

@@ -17,7 +17,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "keydown" | "click">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "click" | "keydown">;
             };
         };
     };

package/dist/bits/select/components/select-value.svelte

@@ -7,8 +7,7 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("value");
-$:
-  label = $selectedLabel;
+$: label = $selectedLabel;
 </script>
 
 {#if asChild}

package/dist/bits/select/components/select-value.svelte.d.ts

@@ -11,6 +11,8 @@ declare const __propDef: {
             attrs: Record<string, string> | undefined;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SelectValueProps = typeof __propDef.props;
 export type SelectValueEvents = typeof __propDef.events;

package/dist/bits/select/components/select.svelte

@@ -18,6 +18,7 @@ export let open = void 0;
 export let onOpenChange = void 0;
 export let items = [];
 export let onOutsideClick = void 0;
+export let typeahead = void 0;
 const {
   states: { open: localOpen, selected: localSelected },
   updateOption,
@@ -58,7 +59,8 @@ const {
     }
     return next;
   },
-  items
+  items,
+  typeahead
 });
 const idValues = derived(
   [ids.menu, ids.trigger, ids.label],
@@ -68,32 +70,21 @@ const idValues = derived(
     label: $labelId
   })
 );
-$:
-  open !== void 0 && localOpen.set(open);
-$:
-  selected !== void 0 && localSelected.set(
-    Array.isArray(selected) ? [...selected] : selected
-  );
-$:
-  updateOption("required", required);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("preventScroll", preventScroll);
-$:
-  updateOption("loop", loop);
-$:
-  updateOption("closeOnEscape", closeOnEscape);
-$:
-  updateOption("closeOnOutsideClick", closeOnOutsideClick);
-$:
-  updateOption("portal", portal);
-$:
-  updateOption("name", name);
-$:
-  updateOption("multiple", multiple);
-$:
-  updateOption("onOutsideClick", onOutsideClick);
+$: open !== void 0 && localOpen.set(open);
+$: selected !== void 0 && localSelected.set(
+  Array.isArray(selected) ? [...selected] : selected
+);
+$: updateOption("required", required);
+$: updateOption("disabled", disabled);
+$: updateOption("preventScroll", preventScroll);
+$: updateOption("loop", loop);
+$: updateOption("closeOnEscape", closeOnEscape);
+$: updateOption("closeOnOutsideClick", closeOnOutsideClick);
+$: updateOption("portal", portal);
+$: updateOption("name", name);
+$: updateOption("multiple", multiple);
+$: updateOption("onOutsideClick", onOutsideClick);
+$: updateOption("typeahead", typeahead);
 </script>
 
 <slot ids={$idValues} />

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

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<T, Multiple extends boolean = false> {
     props(): {
         disabled?: boolean | undefined;
-        portal?: string | HTMLElement | null | undefined;
+        portal?: (HTMLElement | string | null) | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
@@ -10,7 +10,7 @@ declare class __sveltets_Render<T, Multiple extends boolean = false> {
         name?: string | undefined;
         required?: boolean | undefined;
         typeahead?: boolean | undefined;
-        scrollAlignment?: "center" | "nearest" | undefined;
+        scrollAlignment?: ("nearest" | "center") | undefined;
         loop?: boolean | undefined;
         highlightOnHover?: boolean | undefined;
         selected?: ([Multiple] extends [true] ? import("../../../index.js").Selected<T>[] | undefined : [Multiple] extends [false] ? import("../../../index.js").Selected<T> | undefined : import("../../../index.js").Selected<T> | import("../../../index.js").Selected<T>[] | undefined) | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type CreateSelectProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
@@ -12,7 +11,7 @@ type Props<T = unknown, M extends boolean = false> = CreateSelectProps<T, M> & {
     items?: Items<T>[] | undefined;
 };
 export declare function setCtx<T = unknown, M extends boolean = false>(props: Props<T, M>): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "label" | "value" | "input" | "content" | "item" | "trigger" | "group" | "indicator" | "arrow") => Record<string, string> | undefined;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
@@ -21,12 +20,12 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             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;
-        }, 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;
-            readonly 'aria-expanded': boolean;
-            readonly 'aria-labelledby': string;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<HTMLElement | null>>, 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("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "click" | "keydown">, ([$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;
+            readonly "aria-expanded": boolean;
+            readonly "aria-labelledby": string;
             readonly id: string;
             readonly role: "combobox";
             readonly disabled: true | undefined;
@@ -34,19 +33,19 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
         }, string>;
         group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
             role: string;
-            'aria-labelledby': string;
+            "aria-labelledby": string;
         }, string>;
-        option: import("@melt-ui/svelte/internal/helpers").MeltElement<[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;
-            readonly 'data-label': string | undefined;
-            readonly 'data-disabled': true | undefined;
-            readonly 'aria-disabled': true | undefined;
-            readonly 'aria-selected': boolean;
-            readonly 'data-selected': "" | undefined;
+        option: import("@melt-ui/svelte/internal/helpers").MeltElement<[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").SelectOptionProps<unknown>) => {
+            readonly "data-value": string;
+            readonly "data-label": string | undefined;
+            readonly "data-disabled": true | undefined;
+            readonly "aria-disabled": true | undefined;
+            readonly "aria-selected": boolean;
+            readonly "data-selected": "" | undefined;
             readonly id: string;
             readonly role: "option";
         }, string>;
-        menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[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]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").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";
@@ -55,7 +54,7 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
         groupLabel: import("@melt-ui/svelte/internal/helpers").MeltElement<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").MeltElement<[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]) => {
+        label: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">, ([$labelId, $triggerId]: [string, string]) => {
             id: string;
             for: string;
         }, string>;
@@ -64,15 +63,15 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
         }, ([$value, $name, $disabled, $required]: [string, string | undefined, boolean, boolean]) => {
             name: string | undefined;
             value: string;
-            'aria-hidden': "true";
+            "aria-hidden": "true";
             hidden: boolean;
             disabled: boolean;
             required: boolean;
             tabIndex: number;
             style: string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<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;
+        arrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+            "data-arrow": boolean;
             style: string;
         }, string>;
     };
@@ -92,8 +91,8 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
             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: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<HTMLElement | null>>;
+        highlighted: import("svelte/store").Readable<import("@melt-ui/svelte/index.js").SelectOption<unknown> | undefined>;
+        highlightedItem: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<HTMLElement | null>>;
     };
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         label: string;
@@ -134,7 +133,7 @@ export declare function setCtx<T = unknown, M extends boolean = false>(props: Pr
 export declare function setGroupCtx(): {
     group: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
         role: string;
-        'aria-labelledby': string;
+        "aria-labelledby": string;
     }, string>;
     id: string;
     getAttrs: (part: "label" | "value" | "input" | "content" | "item" | "trigger" | "group" | "indicator" | "arrow") => Record<string, string> | undefined;

package/dist/bits/separator/components/separator.svelte

@@ -10,14 +10,10 @@ const {
   getAttrs
 } = setCtx({ orientation, decorative });
 const attrs = getAttrs("root");
-$:
-  updateOption("orientation", orientation);
-$:
-  updateOption("decorative", decorative);
-$:
-  builder = $root;
-$:
-  Object.assign(builder, attrs);
+$: updateOption("orientation", orientation);
+$: updateOption("decorative", decorative);
+$: builder = $root;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -19,6 +19,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SeparatorProps = typeof __propDef.props;
 export type SeparatorEvents = typeof __propDef.events;

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

@@ -1,14 +1,13 @@
-/// <reference types="svelte" />
 import { type CreateSeparatorProps } from "@melt-ui/svelte";
 export declare function setCtx(props: CreateSeparatorProps): {
-    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<import("svelte/store").Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "root") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[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;
-            'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
+            "aria-orientation": "vertical" | undefined;
+            "aria-hidden": boolean;
+            "data-orientation": import("@melt-ui/svelte/internal/types").Orientation;
         }, "separator">;
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{

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

@@ -16,8 +16,7 @@ const attrs = {
   ...getAttrs("input"),
   style: getSrOnlyStyles()
 };
-$:
-  inputValue = getValue($value);
+$: inputValue = getValue($value);
 </script>
 
 <input bind:this={el} {...$$restProps} value={inputValue} {...attrs} />

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

@@ -6,6 +6,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliderInputProps = typeof __propDef.props;
 export type SliderInputEvents = typeof __propDef.events;

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

@@ -7,10 +7,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("range");
-$:
-  builder = $range;
-$:
-  Object.assign(builder, attrs);
+$: builder = $range;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -16,6 +16,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliderRangeProps = typeof __propDef.props;
 export type SliderRangeEvents = typeof __propDef.events;

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

@@ -7,10 +7,8 @@ export let thumb;
 const { getAttrs } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("thumb");
-$:
-  builder = thumb;
-$:
-  Object.assign(builder, attrs);
+$: builder = thumb;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -18,7 +18,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/slider/events.js").SliderEvents["thumb"]>;
             };
         };
     };

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

@@ -5,10 +5,8 @@ export let el = void 0;
 export let tick;
 const { getAttrs } = getCtx();
 const attrs = getAttrs("tick");
-$:
-  builder = tick;
-$:
-  Object.assign(builder, attrs);
+$: builder = tick;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -18,6 +18,8 @@ declare const __propDef: {
             };
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliderTickProps = typeof __propDef.props;
 export type SliderTickEvents = typeof __propDef.events;

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

@@ -32,24 +32,15 @@ const {
   }
 });
 const attrs = getAttrs("root");
-$:
-  value !== void 0 && localValue.set(value);
-$:
-  updateOption("disabled", disabled);
-$:
-  updateOption("min", min);
-$:
-  updateOption("max", max);
-$:
-  updateOption("step", step);
-$:
-  updateOption("orientation", orientation);
-$:
-  updateOption("dir", dir);
-$:
-  builder = $root;
-$:
-  Object.assign(builder, attrs);
+$: value !== void 0 && localValue.set(value);
+$: updateOption("disabled", disabled);
+$: updateOption("min", min);
+$: updateOption("max", max);
+$: updateOption("step", step);
+$: updateOption("orientation", orientation);
+$: updateOption("dir", dir);
+$: builder = $root;
+$: Object.assign(builder, attrs);
 </script>
 
 {#if asChild}

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

@@ -42,7 +42,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/slider/events.js").SliderEvents["thumb"]>;
             }, ...({
                 readonly role: "slider";
                 readonly 'aria-valuemin': number;
@@ -57,10 +57,12 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/slider/events.js").SliderEvents["thumb"]>;
             })[]];
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SliderProps = typeof __propDef.props;
 export type SliderEvents = typeof __propDef.events;

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

@@ -1,27 +1,26 @@
-/// <reference types="svelte" />
 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;
+    updateOption: <K extends string, V extends import("svelte/store").StoresValues<import("svelte/store").Writable<unknown>>>(key: K, value: V | undefined) => void;
     getAttrs: (part: "input" | "root" | "range" | "thumb" | "tick") => Record<string, string> | undefined;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").MeltElement<[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;
-            'data-orientation': import("@melt-ui/svelte").SliderOrientation;
+            "data-disabled": boolean | undefined;
+            "data-orientation": import("@melt-ui/svelte/dist/builders/slider/types").SliderOrientation;
             style: string | undefined;
-            'data-melt-id': string;
+            "data-melt-id": string;
         }, string>;
-        thumbs: import("@melt-ui/svelte/internal/helpers").ExplicitMakeElementArrayReturn<(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, import("@melt-ui/svelte/internal/types").NonEmptyArray<{
+        thumbs: import("@melt-ui/svelte/internal/helpers").ExplicitMakeElementArrayReturn<(node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/slider/events").SliderEvents["thumb"]>, import("@melt-ui/svelte/internal/types").NonEmptyArray<{
             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").SliderOrientation;
-            readonly 'data-melt-part': "thumb";
-            readonly 'data-value': number;
+            readonly "aria-valuemin": number;
+            readonly "aria-valuemax": number;
+            readonly "aria-valuenow": number;
+            readonly "aria-disabled": true | undefined;
+            readonly "aria-orientation": import("@melt-ui/svelte/dist/builders/slider/types").SliderOrientation;
+            readonly "data-melt-part": "thumb";
+            readonly "data-value": number;
             readonly style: string;
             readonly tabindex: 0 | -1;
         }>, string>;
@@ -35,8 +34,8 @@ export declare function setCtx(props: CreateSliderProps): {
             style: string;
         }, string>;
         ticks: import("@melt-ui/svelte/internal/helpers").ExplicitMakeElementArrayReturn<import("svelte/action").Action<any, any, Record<never, any>>, {
-            'data-bounded': boolean | undefined;
-            'data-value': number;
+            "data-bounded": boolean | undefined;
+            "data-value": number;
             style: string;
         }[], string>;
     };
@@ -59,7 +58,7 @@ export declare function setCtx(props: CreateSliderProps): {
         orientation: import("@melt-ui/svelte").SliderOrientation;
         dir: "ltr" | "rtl";
         disabled: boolean;
-    }, "value" | "defaultValue" | "onValueChange">>;
+    }, "value" | "onValueChange" | "defaultValue">>;
 };
 export declare function getCtx(): GetReturn;
 export {};

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLInputAttributes } from "svelte/elements";
 import type { Slider as MeltSlider, CreateSliderProps as MeltSliderProps } from "@melt-ui/svelte";
 import type { StoresValues } from "svelte/store";

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

@@ -5,8 +5,7 @@ const {
   elements: { input },
   options: { value, name, disabled, required }
 } = getCtx();
-$:
-  inputValue = $value === void 0 || $value === "" ? "on" : $value;
+$: inputValue = $value === void 0 || $value === "" ? "on" : $value;
 </script>
 
 <input

package/dist/bits/switch/components/switch-input.svelte.d.ts

@@ -6,6 +6,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SwitchInputProps = typeof __propDef.props;
 export type SwitchInputEvents = typeof __propDef.events;

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

@@ -5,12 +5,11 @@ const {
   states: { checked },
   getAttrs
 } = getCtx();
-$:
-  attrs = {
-    ...getAttrs("thumb"),
-    "data-state": $checked ? "checked" : "unchecked",
-    "data-checked": $checked ? "" : void 0
-  };
+$: attrs = {
+  ...getAttrs("thumb"),
+  "data-state": $checked ? "checked" : "unchecked",
+  "data-checked": $checked ? "" : void 0
+};
 </script>
 
 {#if asChild}

package/dist/bits/switch/components/switch-thumb.svelte.d.ts

@@ -14,6 +14,8 @@ declare const __propDef: {
             checked: boolean;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SwitchThumbProps = typeof __propDef.props;
 export type SwitchThumbEvents = typeof __propDef.events;