bits-ui 0.9.9 → 0.10.0

package/dist/bits/checkbox/components/{Checkbox.svelte.d.ts → checkbox.svelte.d.ts}

@@ -6,7 +6,7 @@ declare const __propDef: {
         default: {
             builder: {
                 readonly 'data-disabled': true | undefined;
-                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                readonly 'data-state': "checked" | "unchecked" | "indeterminate";
                 readonly type: "button";
                 readonly role: "checkbox";
                 readonly 'aria-checked': boolean | "mixed";
@@ -16,7 +16,6 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: Events;

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

@@ -10,7 +10,7 @@ export declare function setCtx(props: CreateCheckboxProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
         }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$checked, $disabled, $required]: [boolean | "indeterminate", boolean, boolean]) => {
             readonly 'data-disabled': true | undefined;
-            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+            readonly 'data-state': "checked" | "unchecked" | "indeterminate";
             readonly type: "button";
             readonly role: "checkbox";
             readonly 'aria-checked': boolean | "mixed";

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

@@ -1,5 +1,4 @@
-import Root from "./components/Checkbox.svelte";
-import Indicator from "./components/CheckboxIndicator.svelte";
-import Input from "./components/CheckboxInput.svelte";
-export { Root, Indicator, Input, Root as Checkbox, Indicator as CheckboxIndicator, Input as CheckboxInput };
+export { default as Root } from "./components/checkbox.svelte";
+export { default as Indicator } from "./components/checkbox-indicator.svelte";
+export { default as Input } from "./components/checkbox-input.svelte";
 export * from "./types.js";

package/dist/bits/checkbox/index.js

@@ -1,7 +1,4 @@
-import Root from "./components/Checkbox.svelte";
-import Indicator from "./components/CheckboxIndicator.svelte";
-import Input from "./components/CheckboxInput.svelte";
-export { Root, Indicator, Input, 
-//
-Root as Checkbox, Indicator as CheckboxIndicator, Input as CheckboxInput };
+export { default as Root } from "./components/checkbox.svelte";
+export { default as Indicator } from "./components/checkbox-indicator.svelte";
+export { default as Input } from "./components/checkbox-input.svelte";
 export * from "./types.js";

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

@@ -1,15 +1,12 @@
-import type { Expand, HTMLDivAttributes, OmitChecked, OnChangeFn, AsChild } from "../../internal/index.js";
+import type { HTMLDivAttributes } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type { CreateCheckboxProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes, HTMLInputAttributes } from "svelte/elements";
-type Props = Expand<OmitChecked<CreateCheckboxProps> & {
-    checked?: boolean | "indeterminate";
-    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
-} & AsChild> & HTMLButtonAttributes;
-type IndicatorProps = HTMLDivAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLButtonAttributes;
+type IndicatorProps = I.IndicatorProps & HTMLDivAttributes;
 type InputProps = Omit<HTMLInputAttributes, "value">;
 type Events = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, IndicatorProps, InputProps, Props as CheckboxProps, IndicatorProps as CheckboxIndicatorProps, InputProps as CheckboxInputProps, Events, Events as CheckboxEvents };
+export type { Props, IndicatorProps, InputProps, Events };

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

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

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

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

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

@@ -0,0 +1,23 @@
+/**
+ * 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 { Transition, OmitOpen, OmitForceVisible, Expand, OnChangeFn, AsChild, TransitionProps } from "../../internal/index.js";
+import type { CreateCollapsibleProps } from "@melt-ui/svelte";
+type Props = Expand<OmitOpen<OmitForceVisible<CreateCollapsibleProps>> & {
+    /**
+     * The open state of the collapsible.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+} & AsChild>;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild>;
+type TriggerProps = AsChild;
+export type { Props, ContentProps, TriggerProps };

package/dist/bits/collapsible/_types.js

@@ -0,0 +1,6 @@
+/**
+ * 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.
+ */
+export {};

package/dist/bits/collapsible/components/{CollapsibleContent.svelte → collapsible-content.svelte}

@@ -11,16 +11,22 @@ const {
   elements: { content },
   states: { open }
 } = getCtx();
+const attrs = getAttrs("content");
 $:
   builder = $content;
-const attrs = getAttrs("content");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild && $open}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else if transition && $open}
-	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
 	<div
@@ -28,20 +34,23 @@ const attrs = getAttrs("content");
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
-	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
-	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
 	</div>
 {:else if $open}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/collapsible/components/{CollapsibleContent.svelte.d.ts → collapsible-content.svelte.d.ts}

@@ -18,7 +18,6 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 }

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

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

package/dist/bits/collapsible/components/{CollapsibleTrigger.svelte.d.ts → collapsible-trigger.svelte.d.ts}

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

package/dist/bits/collapsible/components/{Collapsible.svelte → collapsible.svelte}

@@ -1,6 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { setCtx, getAttrs } from "../ctx.js";
-export let forceVisible = false;
 export let disabled = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
@@ -11,7 +10,7 @@ const {
   updateOption
 } = setCtx({
   disabled,
-  forceVisible,
+  forceVisible: true,
   defaultOpen: open,
   onOpenChange: ({ next }) => {
     if (open !== next) {
@@ -21,21 +20,21 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("root");
 $:
   open !== void 0 && localOpen.set(open);
 $:
   updateOption("disabled", disabled);
-$:
-  updateOption("forceVisible", forceVisible);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  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/collapsible/components/{Collapsible.svelte.d.ts → collapsible.svelte.d.ts}

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

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

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { type Collapsible as CollapsibleReturn, type CreateCollapsibleProps } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "root" | "content" | "trigger") => Record<string, string>;
+export declare const getAttrs: (part: "content" | "root" | "trigger") => Record<string, string>;
 export declare function setCtx(props: CreateCollapsibleProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {

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

@@ -1,5 +1,4 @@
-import Root from "./components/Collapsible.svelte";
-import Content from "./components/CollapsibleContent.svelte";
-import Trigger from "./components/CollapsibleTrigger.svelte";
-export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger };
+export { default as Root } from "./components/collapsible.svelte";
+export { default as Content } from "./components/collapsible-content.svelte";
+export { default as Trigger } from "./components/collapsible-trigger.svelte";
 export * from "./types.js";

package/dist/bits/collapsible/index.js

@@ -1,5 +1,4 @@
-import Root from "./components/Collapsible.svelte";
-import Content from "./components/CollapsibleContent.svelte";
-import Trigger from "./components/CollapsibleTrigger.svelte";
-export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger };
+export { default as Root } from "./components/collapsible.svelte";
+export { default as Content } from "./components/collapsible-content.svelte";
+export { default as Trigger } from "./components/collapsible-trigger.svelte";
 export * from "./types.js";

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

@@ -1,14 +1,11 @@
-import type { HTMLDivAttributes, Transition, OmitOpen, Expand, OnChangeFn, AsChild, TransitionProps } from "../../internal/index.js";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type { CreateCollapsibleProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
-type Props = Expand<OmitOpen<CreateCollapsibleProps> & {
-    open?: boolean;
-    onOpenChange?: OnChangeFn<boolean>;
-}> & AsChild & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type TriggerProps = AsChild & HTMLButtonAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
+type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
 type TriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
 };
-export type { Props, ContentProps, TriggerProps, Props as CollapsibleProps, ContentProps as CollapsibleContentProps, TriggerProps as CollapsibleTriggerProps, TriggerEvents, TriggerEvents as CollapsibleTriggerEvents };
+export type { Props, ContentProps, TriggerProps, TriggerEvents };

package/dist/bits/context-menu/_export.types.d.ts

@@ -0,0 +1 @@
+export type { Props as ContextMenuProps, SubProps as ContextMenuSubProps, ItemProps as ContextMenuItemProps, ArrowProps as ContextMenuArrowProps, GroupProps as ContextMenuGroupProps, LabelProps as ContextMenuLabelProps, ContentProps as ContextMenuContentProps, TriggerProps as ContextMenuTriggerProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, RadioGroupProps as ContextMenuRadioGroupProps, SubContentProps as ContextMenuSubContentProps, SubTriggerProps as ContextMenuSubTriggerProps, CheckboxItemProps as ContextMenuCheckboxItemProps, RadioIndicatorProps as ContextMenuRadioIndicatorProps, CheckboxIndicatorProps as ContextMenuCheckboxIndicatorProps, ItemEvents as ContextMenuItemEvents, TriggerEvents as ContextMenuTriggerEvents, ContentEvents as ContextMenuContentEvents, RadioItemEvents as ContextMenuRadioItemEvents, SubContentEvents as ContextMenuSubContentEvents, SubTriggerEvents as ContextMenuSubTriggerEvents, CheckboxItemEvents as ContextMenuCheckboxItemEvents } from "./types.js";

package/dist/bits/context-menu/_export.types.js

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

package/dist/bits/context-menu/_types.d.ts

@@ -0,0 +1,5 @@
+import type { AsChild, Transition, TransitionProps } from "../../internal/index.js";
+import type { FloatingProps } from "../floating/_types.js";
+type ContextFloatingProps = Omit<FloatingProps, "sameWidth" | "side" | "sideOffset" | "align">;
+export type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<ContextFloatingProps & TransitionProps<T, In, Out> & AsChild>;
+export {};

package/dist/bits/context-menu/_types.js

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

package/dist/bits/{dropdown-menu/components/DropdownMenuContent.svelte → context-menu/components/context-menu-content.svelte}

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

package/dist/bits/context-menu/components/{ContextMenuContent.svelte.d.ts → context-menu-content.svelte.d.ts}

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

package/dist/bits/context-menu/components/{ContextMenuTrigger.svelte → context-menu-trigger.svelte}

@@ -8,29 +8,29 @@ const {
   ids
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   if (id) {
     ids.trigger.set(id);
   }
 $:
   builder = $trigger;
-const attrs = getAttrs("trigger");
+$:
+  Object.assign(builder, attrs);
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions applied by melt's action/store -->
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-contextmenu={dispatch}
 		on:m-pointercancel={dispatch}
 		on:m-pointerdown={dispatch}
 		on:m-pointermove={dispatch}
 		on:m-pointerup={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/context-menu/components/{ContextMenuTrigger.svelte.d.ts → context-menu-trigger.svelte.d.ts}

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

package/dist/bits/context-menu/components/{ContextMenu.svelte → context-menu.svelte}

@@ -1,13 +1,11 @@
 <script>import { setCtx } from "../ctx.js";
+import { derived } from "svelte/store";
 export let closeOnOutsideClick = void 0;
 export let closeOnEscape = void 0;
 export let portal = void 0;
-export let forceVisible = true;
 export let open = void 0;
 export let onOpenChange = void 0;
 export let preventScroll = void 0;
-export let arrowSize = void 0;
-export let positioning = void 0;
 export let loop = void 0;
 export let dir = void 0;
 export let typeahead = void 0;
@@ -21,11 +19,9 @@ const {
   closeOnOutsideClick,
   closeOnEscape,
   portal,
-  forceVisible,
+  forceVisible: true,
   defaultOpen: open,
   preventScroll,
-  arrowSize,
-  positioning,
   loop,
   dir,
   typeahead,
@@ -39,6 +35,13 @@ const {
     return next;
   }
 });
+const idValues = derived(
+  [ids.menu, ids.trigger],
+  ([$menuId, $triggerId]) => ({
+    menu: $menuId,
+    trigger: $triggerId
+  })
+);
 $:
   open !== void 0 && localOpen.set(open);
 $:
@@ -47,14 +50,8 @@ $:
   updateOption("closeOnEscape", closeOnEscape);
 $:
   updateOption("portal", portal);
-$:
-  updateOption("forceVisible", forceVisible);
 $:
   updateOption("preventScroll", preventScroll);
-$:
-  updateOption("arrowSize", arrowSize);
-$:
-  updateOption("positioning", positioning);
 $:
   updateOption("loop", loop);
 $:
@@ -67,4 +64,4 @@ $:
   updateOption("typeahead", typeahead);
 </script>
 
-<slot {ids} />
+<slot ids={$idValues} />

package/dist/bits/context-menu/components/{ContextMenu.svelte.d.ts → context-menu.svelte.d.ts}

@@ -4,17 +4,10 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        loop?: boolean | undefined;
-        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
-        arrowSize?: number | undefined;
-        forceVisible?: boolean | undefined;
-        ids?: {
-            trigger: string;
-            menu: string;
-        } | undefined;
         portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
+        loop?: boolean | undefined;
         typeahead?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;
         open?: boolean | undefined;
@@ -26,8 +19,8 @@ declare const __propDef: {
     slots: {
         default: {
             ids: {
-                menu: import("svelte/store").Writable<string>;
-                trigger: import("svelte/store").Writable<string>;
+                menu: string;
+                trigger: string;
             };
         };
     };