bits-ui 0.9.9 → 0.10.0

package/dist/bits/select/components/{SelectInput.svelte → select-input.svelte}

@@ -5,13 +5,19 @@ const {
   elements: { hiddenInput },
   options: { disabled }
 } = getCtx();
+$:
+  attrs = {
+    ...getAttrs("input"),
+    disabled: $disabled ? true : void 0
+  };
 $:
   builder = $hiddenInput;
-const attrs = getAttrs("input");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<input {...builder} use:builder.action {...$$restProps} {...attrs} disabled={$disabled ? true : undefined} />
+	<input {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/select/components/{SelectInput.svelte.d.ts → select-input.svelte.d.ts}

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

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

@@ -0,0 +1,20 @@
+<script>import { getAttrs, getItemIndicator } from "../ctx.js";
+export let asChild = false;
+const { isSelected, value } = getItemIndicator();
+const attrs = getAttrs("indicator");
+$:
+  slotProps = {
+    isSelected: $isSelected(value),
+    attrs
+  };
+</script>
+
+{#if asChild}
+	<slot {...slotProps} />
+{:else}
+	<div {...$$restProps} {...attrs}>
+		{#if $isSelected(value)}
+			<slot {...slotProps} />
+		{/if}
+	</div>
+{/if}

package/dist/bits/select/components/{SelectItemIndicator.svelte.d.ts → select-item-indicator.svelte.d.ts}

@@ -1,11 +1,15 @@
 import { SvelteComponent } from "svelte";
+import type { IndicatorProps } from "../types.js";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: IndicatorProps;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {};
+        default: {
+            isSelected: boolean;
+            attrs: Record<string, string>;
+        };
     };
 };
 export type SelectItemIndicatorProps = typeof __propDef.props;

package/dist/bits/select/components/{SelectItem.svelte → select-item.svelte}

@@ -9,20 +9,21 @@ const {
   elements: { option: item }
 } = setItemCtx(value);
 const dispatch = createDispatcher();
+const attrs = getAttrs("item");
 $:
   builder = $item({ value, disabled, label });
-const attrs = getAttrs("item");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 <!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-pointermove={dispatch}
 		on:focusin
@@ -30,7 +31,7 @@ const attrs = getAttrs("item");
 		on:focusout
 		on:pointerleave
 	>
-		<slot {builder} {attrs}>
+		<slot {builder}>
 			{label ? label : value}
 		</slot>
 	</div>

package/dist/bits/select/components/{SelectItem.svelte.d.ts → select-item.svelte.d.ts}

@@ -18,7 +18,6 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "pointermove">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: ItemEvents;

package/dist/bits/select/components/{SelectLabel.svelte → select-label.svelte}

@@ -4,19 +4,21 @@ export let asChild = false;
 export let id = void 0;
 const { ids } = getCtx();
 const { groupLabel, id: groupId } = getGroupLabel();
+const attrs = getAttrs("label");
 $:
   if (id) {
     ids.label.set(id);
   }
 $:
   builder = $groupLabel(groupId);
-const attrs = getAttrs("label");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/select/components/{SelectLabel.svelte.d.ts → select-label.svelte.d.ts}

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

package/dist/bits/select/components/{SelectTrigger.svelte → select-trigger.svelte}

@@ -2,32 +2,33 @@
 import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { trigger },
   ids
 } = getCtx();
-export let id = void 0;
+const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   if (id) {
     ids.trigger.set(id);
   }
-const dispatch = createDispatcher();
 $:
   builder = $trigger;
-const attrs = getAttrs("trigger");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/select/components/{SelectTrigger.svelte.d.ts → select-trigger.svelte.d.ts}

@@ -18,7 +18,6 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "input">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: TriggerEvents;

package/dist/bits/select/components/{SelectValue.svelte → select-value.svelte}

@@ -4,13 +4,15 @@ export let asChild = false;
 const {
   states: { selectedLabel }
 } = getCtx();
+const attrs = getAttrs("value");
 $:
   label = $selectedLabel;
-const attrs = getAttrs("value");
+$:
+  slotProps = { label, attrs };
 </script>
 
 {#if asChild}
-	<slot {label} {attrs} />
+	<slot {...slotProps} />
 {:else}
 	<span {...$$restProps} {...attrs}>
 		{label ? label : placeholder}

package/dist/bits/select/components/{Select.svelte → select.svelte}

@@ -2,20 +2,18 @@
 import { setCtx } from "../ctx.js";
 export let required = void 0;
 export let disabled = void 0;
-export let arrowSize = void 0;
 export let preventScroll = void 0;
 export let loop = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = void 0;
 export let portal = void 0;
-export let positioning = void 0;
 export let name = void 0;
-export let multiple = void 0;
+export let multiple = false;
 export let selected = void 0;
 export let onSelectedChange = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
-export let forceVisible = true;
+export let items = [];
 const {
   states: { open: localOpen, selected: localSelected },
   updateOption,
@@ -23,19 +21,24 @@ const {
 } = setCtx({
   required,
   disabled,
-  arrowSize,
   preventScroll,
   loop,
   closeOnEscape,
   closeOnOutsideClick,
   portal,
-  positioning,
   name,
   multiple,
-  forceVisible,
-  defaultSelected: selected,
+  forceVisible: true,
+  defaultSelected: Array.isArray(selected) ? [...selected] : selected,
   defaultOpen: open,
   onSelectedChange: ({ next }) => {
+    if (Array.isArray(next)) {
+      if (JSON.stringify(next) !== JSON.stringify(selected)) {
+        onSelectedChange?.(next);
+        selected = next;
+      }
+      return next;
+    }
     if (selected !== next) {
       onSelectedChange?.(next);
       selected = next;
@@ -48,7 +51,8 @@ const {
       open = next;
     }
     return next;
-  }
+  },
+  items
 });
 const idValues = derived(
   [ids.menu, ids.trigger, ids.label],
@@ -61,13 +65,13 @@ const idValues = derived(
 $:
   open !== void 0 && localOpen.set(open);
 $:
-  selected !== void 0 && localSelected.set(selected);
+  selected !== void 0 && localSelected.set(
+    Array.isArray(selected) ? [...selected] : selected
+  );
 $:
   updateOption("required", required);
 $:
   updateOption("disabled", disabled);
-$:
-  updateOption("arrowSize", arrowSize);
 $:
   updateOption("preventScroll", preventScroll);
 $:
@@ -78,14 +82,10 @@ $:
   updateOption("closeOnOutsideClick", closeOnOutsideClick);
 $:
   updateOption("portal", portal);
-$:
-  updateOption("positioning", positioning);
 $:
   updateOption("name", name);
 $:
   updateOption("multiple", multiple);
-$:
-  updateOption("forceVisible", forceVisible);
 </script>
 
 <slot ids={$idValues} />

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

@@ -0,0 +1,45 @@
+import { SvelteComponent } from "svelte";
+declare class __sveltets_Render<T extends unknown, Multiple extends boolean> {
+    props(): Omit<{
+        multiple?: (false & Multiple) | undefined;
+        disabled?: boolean | undefined;
+        preventScroll?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+        closeOnOutsideClick?: boolean | undefined;
+        portal?: string | HTMLElement | null | undefined;
+        required?: boolean | undefined;
+        name?: string | undefined;
+        loop?: boolean | undefined;
+        typeahead?: boolean | undefined;
+        scrollAlignment?: "center" | "nearest" | undefined;
+        highlightOnHover?: boolean | undefined;
+        selected?: (import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, 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;
+        onSelectedChange?: import("../../../internal/types.js").OnChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, 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;
+        open?: boolean | undefined;
+        onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
+    }, "multiple"> & {
+        items?: {
+            value: T;
+            label?: string | undefined;
+        }[] | undefined;
+        multiple?: Multiple | undefined;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {
+        default: {
+            ids: {
+                menu: string;
+                trigger: string;
+                label: string;
+            };
+        };
+    };
+}
+export type SelectProps<T extends unknown, Multiple extends boolean> = ReturnType<__sveltets_Render<T, Multiple>['props']>;
+export type SelectEvents<T extends unknown, Multiple extends boolean> = ReturnType<__sveltets_Render<T, Multiple>['events']>;
+export type SelectSlots<T extends unknown, Multiple extends boolean> = ReturnType<__sveltets_Render<T, Multiple>['slots']>;
+export default class Select<T extends unknown, Multiple extends boolean> extends SvelteComponent<SelectProps<T, Multiple>, SelectEvents<T, Multiple>, SelectSlots<T, Multiple>> {
+}
+export {};

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

@@ -1,9 +1,18 @@
 /// <reference types="svelte" />
 import { type CreateSelectProps, type Select as SelectReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "value" | "arrow" | "label" | "content" | "item" | "trigger" | "group" | "input") => Record<string, string>;
+import type { Writable } from "svelte/store";
+import type { FloatingProps } from "../floating/_types.js";
+export declare const getAttrs: (part: "content" | "value" | "arrow" | "label" | "group" | "item" | "trigger" | "input" | "indicator") => Record<string, string>;
 type GetReturn = SelectReturn;
 export declare function getCtx(): GetReturn;
-export declare function setCtx(props: CreateSelectProps): {
+type Items<T> = {
+    value: T;
+    label?: string;
+};
+type Props<T = unknown, M extends boolean = false> = CreateSelectProps<T, M> & {
+    items?: Items<T>[];
+};
+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;
     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) => {
@@ -17,7 +26,7 @@ export declare function setCtx(props: CreateSelectProps): {
             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<HTMLElement | null>, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "input">, ([$open, $highlightedItem, $disabled, $menuId, $triggerId, $labelId]: [boolean, HTMLElement | null, boolean, string, string, string]) => {
+        }, Writable<HTMLElement | null>, Writable<boolean>, Writable<string>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "input">, ([$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;
@@ -27,11 +36,7 @@ export declare function setCtx(props: CreateSelectProps): {
             readonly role: "combobox";
             readonly disabled: true | undefined;
         }, string>;
-        option: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "pointermove">, ([$selected]: [import("@melt-ui/svelte").ComboboxOption<unknown> | undefined]) => (props: import("@melt-ui/svelte").ComboboxOptionProps<unknown>) => {
+        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;
             readonly 'data-label': string | undefined;
             readonly 'data-disabled': true | undefined;
@@ -41,21 +46,21 @@ export declare function setCtx(props: CreateSelectProps): {
             readonly id: string;
             readonly role: "option";
         }, string>;
-        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").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>, 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<[import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">, ([$labelId, $triggerId]: [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]) => {
             id: string;
             for: string;
         }, string>;
         hiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<string | undefined>], import("svelte/action").Action<any, any, Record<never, any>>, ([$selected, $required, $name]: [import("@melt-ui/svelte").ComboboxOption<unknown> | undefined, boolean, string | undefined]) => {
+            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]) => {
             required: boolean | undefined;
             value: unknown;
             name: string | undefined;
@@ -65,7 +70,7 @@ export declare function setCtx(props: CreateSelectProps): {
             tabIndex: number;
             style: string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -78,17 +83,17 @@ export declare function setCtx(props: CreateSelectProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         };
         selected: {
-            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void) | undefined) => void;
-            set: (this: void, value: import("@melt-ui/svelte").ComboboxOption<unknown> | undefined) => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined): import("svelte/store").Unsubscriber;
+            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;
         };
-        highlighted: import("svelte/store").Readable<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined>;
-        highlightedItem: import("svelte/store").Writable<HTMLElement | null>;
+        highlighted: import("svelte/store").Readable<import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined>;
+        highlightedItem: Writable<HTMLElement | null>;
     };
     ids: {
-        label: import("svelte/store").Writable<string>;
-        menu: import("svelte/store").Writable<string>;
-        trigger: import("svelte/store").Writable<string>;
+        label: Writable<string>;
+        menu: Writable<string>;
+        trigger: Writable<string>;
     };
     helpers: {
         isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
@@ -96,28 +101,28 @@ export declare function setCtx(props: CreateSelectProps): {
         closeMenu: () => void;
     };
     options: {
-        multiple: import("svelte/store").Writable<false>;
-        disabled: import("svelte/store").Writable<boolean>;
-        forceVisible: import("svelte/store").Writable<boolean>;
-        name: import("svelte/store").Writable<string | undefined>;
-        required: import("svelte/store").Writable<boolean>;
-        onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-        preventScroll: import("svelte/store").Writable<boolean>;
-        portal: import("svelte/store").Writable<string | HTMLElement | null | undefined>;
-        positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+        multiple: Writable<M>;
+        disabled: Writable<boolean>;
+        forceVisible: Writable<boolean>;
+        name: Writable<string | undefined>;
+        required: Writable<boolean>;
+        onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        preventScroll: Writable<boolean>;
+        portal: Writable<string | HTMLElement | null | undefined>;
+        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
             sameWidth: true;
         }>;
-        arrowSize?: import("svelte/store").Writable<number | undefined> | undefined;
-        scrollAlignment: import("svelte/store").Writable<"center" | "nearest">;
-        loop: import("svelte/store").Writable<boolean>;
-        defaultSelected?: import("svelte/store").Writable<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined;
-        selected?: import("svelte/store").Writable<import("svelte/store").Writable<import("@melt-ui/svelte").ComboboxOption<unknown>> | undefined> | undefined;
-        onSelectedChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte").ComboboxOption<unknown> | undefined> | undefined> | undefined;
-        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
-        typeahead: import("svelte/store").Writable<boolean>;
-        highlightOnHover: import("svelte/store").Writable<boolean>;
+        arrowSize?: Writable<number | undefined> | undefined;
+        scrollAlignment: Writable<"center" | "nearest">;
+        loop: Writable<boolean>;
+        defaultSelected?: Writable<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;
+        selected?: Writable<Writable<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;
+        onSelectedChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<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> | undefined;
+        closeOnOutsideClick: Writable<boolean>;
+        closeOnEscape: Writable<boolean>;
+        typeahead: Writable<boolean>;
+        highlightOnHover: Writable<boolean>;
     };
 };
 export declare function setGroupCtx(): {
@@ -139,4 +144,5 @@ export declare function getItemIndicator(): {
     isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
 };
 export declare function setArrow(size?: number): GetReturn;
+export declare function updatePositioning(props: FloatingProps): void;
 export {};

package/dist/bits/select/ctx.js

@@ -1,15 +1,28 @@
 import { createSelect } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { createBitAttrs, generateId, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { getPositioningUpdater } from "../floating/helpers.js";
 const NAME = "select";
 const GROUP_NAME = "select-group";
 const ITEM_NAME = "select-item";
-const PARTS = ["arrow", "content", "group", "item", "input", "label", "trigger", "value"];
+const PARTS = [
+    "arrow",
+    "content",
+    "group",
+    "item",
+    "indicator",
+    "input",
+    "label",
+    "trigger",
+    "value"
+];
 export const getAttrs = createBitAttrs(NAME, PARTS);
 export function getCtx() {
     return getContext(NAME);
 }
-export function setCtx(props) {
+export function setCtx(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+props) {
     const select = createSelect(removeUndefined(props));
     setContext(NAME, select);
     return {
@@ -46,3 +59,14 @@ export function setArrow(size = 8) {
     select.options.arrowSize?.set(size);
     return select;
 }
+const defaultPlacement = {
+    side: "bottom",
+    align: "center",
+    sameWidth: true
+};
+export function updatePositioning(props) {
+    const withDefaults = { ...defaultPlacement, ...props };
+    const { options: { positioning } } = getCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
+}

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

@@ -1,13 +1,12 @@
-import Root from "./components/Select.svelte";
-import Arrow from "./components/SelectArrow.svelte";
-import Content from "./components/SelectContent.svelte";
-import Group from "./components/SelectGroup.svelte";
-import Input from "./components/SelectInput.svelte";
-import Item from "./components/SelectItem.svelte";
-import ItemIndicator from "./components/SelectItemIndicator.svelte";
-import Label from "./components/SelectLabel.svelte";
-import Separator from "../separator/components/Separator.svelte";
-import Trigger from "./components/SelectTrigger.svelte";
-import Value from "./components/SelectValue.svelte";
-export { Root, Arrow, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, Root as Select, Arrow as SelectArrow, Content as SelectContent, Group as SelectGroup, Input as SelectInput, Item as SelectItem, ItemIndicator as SelectItemIndicator, Label as SelectLabel, Separator as SelectSeparator, Trigger as SelectTrigger, Value as SelectValue };
+export { default as Root } from "./components/select.svelte";
+export { default as Arrow } from "./components/select-arrow.svelte";
+export { default as Content } from "./components/select-content.svelte";
+export { default as Group } from "./components/select-group.svelte";
+export { default as Input } from "./components/select-input.svelte";
+export { default as Item } from "./components/select-item.svelte";
+export { default as ItemIndicator } from "./components/select-item-indicator.svelte";
+export { default as Label } from "./components/select-label.svelte";
+export { default as Separator } from "../separator/components/separator.svelte";
+export { default as Trigger } from "./components/select-trigger.svelte";
+export { default as Value } from "./components/select-value.svelte";
 export * from "./types.js";

package/dist/bits/select/index.js

@@ -1,15 +1,12 @@
-import Root from "./components/Select.svelte";
-import Arrow from "./components/SelectArrow.svelte";
-import Content from "./components/SelectContent.svelte";
-import Group from "./components/SelectGroup.svelte";
-import Input from "./components/SelectInput.svelte";
-import Item from "./components/SelectItem.svelte";
-import ItemIndicator from "./components/SelectItemIndicator.svelte";
-import Label from "./components/SelectLabel.svelte";
-import Separator from "../separator/components/Separator.svelte";
-import Trigger from "./components/SelectTrigger.svelte";
-import Value from "./components/SelectValue.svelte";
-export { Root, Arrow, Content, Group, Input, Item, ItemIndicator, Label, Separator, Trigger, Value, 
-//
-Root as Select, Arrow as SelectArrow, Content as SelectContent, Group as SelectGroup, Input as SelectInput, Item as SelectItem, ItemIndicator as SelectItemIndicator, Label as SelectLabel, Separator as SelectSeparator, Trigger as SelectTrigger, Value as SelectValue };
+export { default as Root } from "./components/select.svelte";
+export { default as Arrow } from "./components/select-arrow.svelte";
+export { default as Content } from "./components/select-content.svelte";
+export { default as Group } from "./components/select-group.svelte";
+export { default as Input } from "./components/select-input.svelte";
+export { default as Item } from "./components/select-item.svelte";
+export { default as ItemIndicator } from "./components/select-item-indicator.svelte";
+export { default as Label } from "./components/select-label.svelte";
+export { default as Separator } from "../separator/components/separator.svelte";
+export { default as Trigger } from "./components/select-trigger.svelte";
+export { default as Value } from "./components/select-value.svelte";
 export * from "./types.js";