bits-ui 0.9.2 → 0.9.3

package/dist/bits/accordion/components/Accordion.svelte

@@ -8,8 +8,7 @@ export let asChild = false;
 const {
   elements: { root },
   states: { value: localValue },
-  updateOption,
-  ids
+  updateOption
 } = setCtx({
   multiple,
   disabled,
@@ -34,9 +33,9 @@ const attrs = getAttrs("root");
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} {ids} />
+	<slot {builder} {attrs} />
 {:else}
 	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} {ids} />
+		<slot {builder} {attrs} />
 	</div>
 {/if}

package/dist/bits/accordion/components/Accordion.svelte.d.ts

@@ -229,9 +229,6 @@ declare class __sveltets_Render<Multiple extends boolean> {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
             attrs: Record<string, string>;
-            ids: {
-                [x: string]: string;
-            };
         };
     };
 }

package/dist/bits/alert-dialog/components/AlertDialogContent.svelte

@@ -6,11 +6,17 @@ export let inTransition = void 0;
 export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
+export let id = void 0;
 export let asChild = false;
 const {
   elements: { content },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.content.set(id);
+  }
 $:
   builder = $content;
 const attrs = getAttrs("content");

package/dist/bits/alert-dialog/components/AlertDialogDescription.svelte

@@ -1,9 +1,15 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { description }
+  elements: { description },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.description.set(id);
+  }
 $:
   builder = $description;
 const attrs = getAttrs("description");

package/dist/bits/alert-dialog/components/AlertDialogTitle.svelte

@@ -2,9 +2,15 @@
 import { getCtx, getAttrs } from "../ctx.js";
 export let level = "h2";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { title }
+  elements: { title },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.title.set(id);
+  }
 $:
   builder = $title;
 const attrs = getAttrs("title");

package/dist/bits/alert-dialog/ctx.d.ts

@@ -6,8 +6,8 @@ export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         title: import("svelte/store").Writable<string>;
-        content: import("svelte/store").Writable<string>;
         description: import("svelte/store").Writable<string>;
+        content: import("svelte/store").Writable<string>;
     };
     elements: {
         content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {

package/dist/bits/context-menu/components/ContextMenuContent.svelte

@@ -9,11 +9,17 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { menu },
-  states: { open }
+  states: { open },
+  ids
 } = getContent(sideOffset);
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 $:
   builder = $menu;
 const attrs = getAttrs("content");

package/dist/bits/context-menu/components/ContextMenuSubContent.svelte

@@ -8,12 +8,18 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { subMenu },
-  states: { subOpen }
+  states: { subOpen },
+  ids
 } = getSubContent();
 $:
   builder = $subMenu;
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 const dispatch = createDispatcher();
 const attrs = getAttrs("sub-content");
 </script>

package/dist/bits/context-menu/components/ContextMenuSubTrigger.svelte

@@ -4,10 +4,16 @@ import { disabledAttrs } from "../../../internal/index.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let disabled = false;
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { subTrigger }
+  elements: { subTrigger },
+  ids
 } = getSubMenuCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $subTrigger;
 $:

package/dist/bits/context-menu/components/ContextMenuTrigger.svelte

@@ -2,10 +2,16 @@
 import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

package/dist/bits/dialog/components/DialogContent.svelte

@@ -7,10 +7,16 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { content },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.content.set(id);
+  }
 $:
   builder = $content;
 const attrs = getAttrs("content");

package/dist/bits/dialog/components/DialogDescription.svelte

@@ -1,9 +1,15 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { description }
+  elements: { description },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.description.set(id);
+  }
 $:
   builder = $description;
 const attrs = getAttrs("description");

package/dist/bits/dialog/components/DialogTitle.svelte

@@ -2,9 +2,15 @@
 import { getCtx, getAttrs } from "../ctx.js";
 export let level = "h2";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { title }
+  elements: { title },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.title.set(id);
+  }
 $:
   builder = $title;
 const attrs = getAttrs("title");

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

@@ -6,8 +6,8 @@ export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         title: import("svelte/store").Writable<string>;
-        content: import("svelte/store").Writable<string>;
         description: import("svelte/store").Writable<string>;
+        content: import("svelte/store").Writable<string>;
     };
     elements: {
         content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {

package/dist/bits/dropdown-menu/components/DropdownMenuContent.svelte

@@ -9,10 +9,16 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { menu },
-  states: { open }
+  states: { open },
+  ids
 } = getContent(sideOffset);
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 $:
   builder = $menu;
 const attrs = getAttrs("content");

package/dist/bits/dropdown-menu/components/DropdownMenuSubContent.svelte

@@ -8,11 +8,17 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { subMenu },
-  states: { subOpen }
+  states: { subOpen },
+  ids
 } = getSubContent();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 $:
   builder = $subMenu;
 const attrs = getAttrs("sub-content");

package/dist/bits/dropdown-menu/components/DropdownMenuSubTrigger.svelte

@@ -4,10 +4,16 @@ import { getSubTrigger, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let disabled = false;
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { subTrigger }
+  elements: { subTrigger },
+  ids
 } = getSubTrigger();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $subTrigger;
 $:

package/dist/bits/dropdown-menu/components/DropdownMenuTrigger.svelte

@@ -2,10 +2,16 @@
 import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

package/dist/bits/link-preview/components/LinkPreviewContent.svelte

@@ -8,10 +8,16 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { content },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.content.set(id);
+  }
 $:
   builder = $content;
 const attrs = getAttrs("content");

package/dist/bits/link-preview/components/LinkPreviewTrigger.svelte

@@ -2,10 +2,16 @@
 import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

package/dist/bits/menubar/components/Menubar.svelte

@@ -4,6 +4,7 @@ import { derived } from "svelte/store";
 export let loop = true;
 export let closeOnEscape = true;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { menubar },
   updateOption,
@@ -12,6 +13,10 @@ const {
 const idValues = derived([ids.menubar], ([$menubarId]) => ({
   menubar: $menubarId
 }));
+$:
+  if (id) {
+    ids.menubar.set(id);
+  }
 $:
   updateOption("loop", loop);
 $:

package/dist/bits/menubar/components/MenubarContent.svelte

@@ -9,11 +9,17 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { menu },
-  states: { open }
+  states: { open },
+  ids
 } = getContent(sideOffset);
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 $:
   builder = $menu;
 const attrs = getAttrs("content");

package/dist/bits/menubar/components/MenubarSubContent.svelte

@@ -8,11 +8,17 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { subMenu },
-  states: { subOpen }
+  states: { subOpen },
+  ids
 } = getSubMenuCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 $:
   builder = $subMenu;
 const attrs = getAttrs("sub-content");

package/dist/bits/menubar/components/MenubarSubTrigger.svelte

@@ -4,10 +4,16 @@ import { getSubMenuCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let disabled = false;
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { subTrigger }
+  elements: { subTrigger },
+  ids
 } = getSubMenuCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $subTrigger;
 $:

package/dist/bits/menubar/components/MenubarTrigger.svelte

@@ -2,10 +2,16 @@
 import { getMenuCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getMenuCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

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

@@ -22,7 +22,8 @@ export declare function setCtx(props: MenubarProps): {
     builders: {
         createMenu: (props?: import("@melt-ui/svelte/dist/builders/menu")._CreateMenuProps | undefined) => {
             ids: {
-                menubar: import("svelte/store").Writable<string>;
+                menu: import("svelte/store").Writable<string>;
+                trigger: import("svelte/store").Writable<string>;
             };
             elements: {
                 menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>, 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">, ([$isVisible, $portal, $menuId, $triggerId, $menubarId]: [boolean, string | HTMLElement | null | undefined, string, string, string]) => {
@@ -225,7 +226,8 @@ export declare function getCtx(): MenubarReturn;
 export declare function setMenuCtx(props: CreateMenubarMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        menubar: import("svelte/store").Writable<string>;
+        menu: import("svelte/store").Writable<string>;
+        trigger: import("svelte/store").Writable<string>;
     };
     elements: {
         menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>, 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">, ([$isVisible, $portal, $menuId, $triggerId, $menubarId]: [boolean, string | HTMLElement | null | undefined, string, string, string]) => {

package/dist/bits/popover/components/PopoverContent.svelte

@@ -7,10 +7,16 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { content },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx();
+$:
+  if (id) {
+    ids.content.set(id);
+  }
 $:
   builder = $content;
 const attrs = getAttrs("content");

package/dist/bits/popover/components/PopoverTrigger.svelte

@@ -2,10 +2,16 @@
 import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

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

@@ -58,8 +58,8 @@ export declare function setCtx(props: CreatePopoverProps): {
         closeOnOutsideClick: import("svelte/store").Writable<boolean>;
         closeOnEscape: import("svelte/store").Writable<boolean>;
         closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
         disableFocusTrap: import("svelte/store").Writable<boolean>;
+        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
     };
 };
 export declare function getCtx(): PopoverReturn;

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

@@ -8,13 +8,19 @@ export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
+export let id = void 0;
 const {
   elements: { menu },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
 $:
   builder = $menu;
+$:
+  if (id) {
+    ids.menu.set(id);
+  }
 const attrs = getAttrs("content");
 </script>
 

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

@@ -1,9 +1,15 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getGroupLabel, getAttrs } from "../ctx.js";
+import { getGroupLabel, getAttrs, getCtx } from "../ctx.js";
 export let asChild = false;
-const { groupLabel, id } = getGroupLabel();
+export let id = void 0;
+const { ids } = getCtx();
+const { groupLabel, id: groupId } = getGroupLabel();
 $:
-  builder = $groupLabel(id);
+  if (id) {
+    ids.label.set(id);
+  }
+$:
+  builder = $groupLabel(groupId);
 const attrs = getAttrs("label");
 </script>
 

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

@@ -3,8 +3,14 @@ import { getCtx, getAttrs } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
+export let id = void 0;
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 const dispatch = createDispatcher();
 $:
   builder = $trigger;

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

@@ -11,8 +11,7 @@ export let asChild = false;
 const {
   elements: { root },
   states: { value: localValue, ticks },
-  updateOption,
-  ids
+  updateOption
 } = setCtx({
   disabled,
   min,
@@ -46,9 +45,9 @@ const attrs = getAttrs("root");
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} {ids} ticks={$ticks} />
+	<slot {builder} {attrs} ticks={$ticks} />
 {:else}
 	<span {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} {ids} ticks={$ticks} />
+		<slot {builder} {attrs} ticks={$ticks} />
 	</span>
 {/if}

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

@@ -235,9 +235,6 @@ declare const __propDef: {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
             attrs: Record<string, string>;
-            ids: {
-                [x: string]: string;
-            };
             ticks: number;
         };
     };

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

@@ -20,6 +20,7 @@ declare const __propDef: {
         contextmenu?: string | null | undefined;
         title?: string | null | undefined;
         role?: import("svelte/elements.js").AriaRole | null | undefined;
+        id?: string | null | undefined;
         type?: import("svelte/elements.js").HTMLInputTypeAttribute | null | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
@@ -28,7 +29,6 @@ declare const __propDef: {
         dir?: string | null | undefined;
         draggable?: import("svelte/elements.js").Booleanish | null | undefined;
         enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
-        id?: string | null | undefined;
         lang?: string | null | undefined;
         part?: string | null | undefined;
         slot?: string | null | undefined;

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

@@ -12,7 +12,7 @@ const attrs = getAttrs("thumb");
 </script>
 
 {#if asChild}
-	<slot {builder} />
+	<slot {builder} {attrs} />
 {:else}
 	<span {...builder} use:builder.action {...$$restProps} {...attrs} on:m-keydown={dispatch} />
 {/if}

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

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

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

@@ -3,9 +3,6 @@ import { type CreateSliderProps, type Slider as SliderReturn } from "@melt-ui/sv
 export declare const getAttrs: (part: "root" | "input" | "range" | "thumb" | "tick") => Record<string, string>;
 export declare function setCtx(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    ids: {
-        [x: string]: string;
-    };
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<"horizontal" | "vertical">], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation]: [boolean, "horizontal" | "vertical"]) => {
             disabled: boolean | undefined;

package/dist/bits/tooltip/components/TooltipContent.svelte

@@ -9,11 +9,17 @@ export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
 export let sideOffset = 4;
+export let id = void 0;
 const {
   elements: { content },
-  states: { open }
+  states: { open },
+  ids
 } = getCtx(sideOffset);
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.content.set(id);
+  }
 $:
   builder = $content;
 const attrs = getAttrs("content");

package/dist/bits/tooltip/components/TooltipTrigger.svelte

@@ -2,10 +2,16 @@
 import { createDispatcher } from "../../../internal/index.js";
 import { getCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
+export let id = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  ids
 } = getCtx();
 const dispatch = createDispatcher();
+$:
+  if (id) {
+    ids.trigger.set(id);
+  }
 $:
   builder = $trigger;
 const attrs = getAttrs("trigger");

package/dist/internal/attrs.d.ts

@@ -1,6 +1,6 @@
 import type { Bit } from "@/content/api-reference/index.js";
 export declare function createBitAttrs<T extends readonly string[]>(bit: Bit, parts: T): (part: T[number]) => Record<string, string>;
-export declare function disabledAttrs(disabled: boolean): {
+export declare function disabledAttrs(disabled: boolean | undefined | null): {
     "aria-disabled": boolean;
     "data-disabled": string;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bits-ui",
-	"version": "0.9.2",
+	"version": "0.9.3",
 	"license": "MIT",
 	"repository": "github:huntabyte/bits-ui",
 	"scripts": {
@@ -92,7 +92,7 @@
 	"types": "./dist/index.d.ts",
 	"type": "module",
 	"dependencies": {
-		"@melt-ui/svelte": "0.60.1",
+		"@melt-ui/svelte": "0.61.1",
 		"nanoid": "^5.0.3"
 	},
 	"peerDependencies": {