bits-ui 0.21.13 → 0.21.15

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type CreateMenubarMenuProps, type CreateMenubarSubmenuProps, type CreateMenubarProps as MenubarProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
@@ -6,81 +5,81 @@ type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 type GetMenuReturn = Omit<ReturnType<typeof setMenuCtx>, "updateOption">;
 type GetSubmenuReturn = Omit<ReturnType<typeof setSubMenuCtx>, "updateOption">;
 export declare function setCtx(props: MenubarProps): {
-    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" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     getMenubarAttrs: (part: string) => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menubar: string;
     }>;
     elements: {
-        menubar: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => {
+        menubar: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
             destroy?: undefined;
         } | {
             destroy: typeof import("@melt-ui/svelte/internal/helpers").noop;
         }, ([$menubarId]: [string]) => {
             role: string;
-            'data-melt-menubar': string;
-            'data-orientation': string;
+            "data-melt-menubar": string;
+            "data-orientation": string;
             id: string;
         }, string>;
     };
     builders: {
-        createMenu: (props?: CreateMenubarMenuProps | undefined) => {
+        createMenu: (props?: CreateMenubarMenuProps) => {
             ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
                 menu: string;
                 trigger: string;
             }>;
             elements: {
-                menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, 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<"keydown">, ([$isVisible, $portal, $menuId, $triggerId, $menubarId]: [boolean, string | HTMLElement | null | undefined, string, string, string]) => {
+                menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/menubar/events.js").MenubarEvents["menu"]>, ([$isVisible, $portal, $menuId, $triggerId, $menubarId]: [boolean, string | HTMLElement | null | undefined, string, string, string]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
                     readonly id: string;
-                    readonly 'aria-labelledby': string;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-melt-scope': string;
-                    readonly 'data-portal': "" | undefined;
+                    readonly "aria-labelledby": string;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-melt-scope": string;
+                    readonly "data-portal": "" | undefined;
                     readonly tabindex: -1;
                 }, string>;
-                trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[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>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "pointerenter">, ([$rootOpen, $menuId, $triggerId]: [boolean, string, string]) => {
-                    readonly 'aria-controls': string;
-                    readonly 'aria-expanded': boolean;
-                    readonly 'data-state': "open" | "closed";
+                trigger: 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<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/menubar/events.js").MenubarEvents["trigger"]>, ([$rootOpen, $menuId, $triggerId]: [boolean, string, string]) => {
+                    readonly "aria-controls": string;
+                    readonly "aria-expanded": boolean;
+                    readonly "data-state": "open" | "closed";
                     readonly id: string;
-                    readonly 'aria-haspopup': "menu";
-                    readonly 'data-orientation': "horizontal";
+                    readonly "aria-haspopup": "menu";
+                    readonly "data-orientation": "horizontal";
                     readonly role: "menuitem";
                 }, string>;
-                overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
+                overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends any>(node: HTMLElement) => {
                     destroy(): void;
                 }, ([$isVisible]: [boolean]) => {
                     readonly hidden: true | undefined;
                     readonly tabindex: -1;
                     readonly style: string;
-                    readonly 'aria-hidden': "true";
-                    readonly 'data-state': "open" | "closed";
+                    readonly "aria-hidden": "true";
+                    readonly "data-state": "open" | "closed";
                 }, string>;
-                item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
+                item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, () => {
                     role: string;
                     tabindex: number;
-                    'data-orientation': string;
+                    "data-orientation": string;
                 }, 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>;
                 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>;
-                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/dist/internal/helpers/withGet.js").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>;
-                separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
+                separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").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">;
             };
             builders: {
@@ -92,13 +91,13 @@ export declare function setCtx(props: MenubarProps): {
                             subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
                             get: () => boolean | "indeterminate";
                             destroy?: (() => void) | undefined;
-                        }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                             readonly role: "menuitemcheckbox";
                             readonly tabindex: -1;
-                            readonly 'data-orientation': "vertical";
-                            readonly 'aria-checked': "true" | "false" | "mixed";
-                            readonly 'data-disabled': true | undefined;
-                            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                            readonly "data-orientation": "vertical";
+                            readonly "aria-checked": "true" | "mixed" | "false";
+                            readonly "data-disabled": true | undefined;
+                            readonly "data-state": "indeterminate" | "checked" | "unchecked";
                         }, string>;
                     };
                     states: {
@@ -115,7 +114,7 @@ export declare function setCtx(props: MenubarProps): {
                         isIndeterminate: import("svelte/store").Readable<boolean>;
                     };
                     options: {
-                        disabled: Writable<boolean>;
+                        disabled: import("svelte/store").Writable<boolean>;
                     };
                 };
                 createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateSubmenuProps | undefined) => {
@@ -130,28 +129,28 @@ export declare function setCtx(props: MenubarProps): {
                             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<boolean>>, 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<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
+                        }, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
                             readonly role: "menuitem";
                             readonly id: string;
                             readonly tabindex: -1;
-                            readonly 'aria-controls': string;
-                            readonly 'aria-expanded': boolean;
-                            readonly 'data-state': "open" | "closed";
-                            readonly 'data-disabled': true | undefined;
-                            readonly 'aria-haspopop': "menu";
+                            readonly "aria-controls": string;
+                            readonly "aria-expanded": boolean;
+                            readonly "data-state": "open" | "closed";
+                            readonly "data-disabled": true | undefined;
+                            readonly "aria-haspopop": "menu";
                         }, string>;
-                        subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, 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<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
+                        subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
                             readonly role: "menu";
                             readonly hidden: true | undefined;
                             readonly style: string;
                             readonly id: string;
-                            readonly 'aria-labelledby': string;
-                            readonly 'data-state': "open" | "closed";
-                            readonly 'data-id': string;
+                            readonly "aria-labelledby": string;
+                            readonly "data-state": "open" | "closed";
+                            readonly "data-id": string;
                             readonly tabindex: -1;
                         }, string>;
-                        subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-                            'data-arrow': boolean;
+                        subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+                            "data-arrow": boolean;
                             style: string;
                         }, string>;
                     };
@@ -165,7 +164,7 @@ export declare function setCtx(props: MenubarProps): {
                         };
                     };
                     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-                        open?: Writable<boolean> | undefined;
+                        open?: import("svelte/store").Writable<boolean> | undefined;
                         ids?: Partial<{
                             menu: string;
                             trigger: string;
@@ -189,7 +188,7 @@ export declare function setCtx(props: MenubarProps): {
                         onOutsideClick: undefined;
                     }, "ids">>;
                 };
-                createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps | undefined) => {
+                createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps) => {
                     elements: {
                         radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
                             role: string;
@@ -200,14 +199,14 @@ export declare function setCtx(props: MenubarProps): {
                             subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
                             get: () => string | null;
                             destroy?: (() => void) | undefined;
-                        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
+                        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
                             disabled: boolean;
                             role: string;
-                            'data-state': string;
-                            'aria-checked': boolean;
-                            'data-disabled': boolean | undefined;
-                            'data-value': string;
-                            'data-orientation': string;
+                            "data-state": string;
+                            "aria-checked": boolean;
+                            "data-disabled": boolean | undefined;
+                            "data-value": string;
+                            "data-orientation": string;
                             tabindex: number;
                         }, string>;
                     };
@@ -226,11 +225,11 @@ export declare function setCtx(props: MenubarProps): {
                 };
             };
             states: {
-                open: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+                open: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
             };
             options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
                 dir: import("@melt-ui/svelte/internal/types").TextDirection;
-                open?: Writable<boolean> | undefined;
+                open?: import("svelte/store").Writable<boolean> | undefined;
                 forceVisible: boolean;
                 portal: string | HTMLElement | null | undefined;
                 ids?: Partial<{
@@ -246,7 +245,7 @@ export declare function setCtx(props: MenubarProps): {
                 loop: boolean;
                 closeOnOutsideClick: boolean;
                 closeOnEscape: boolean;
-                onOutsideClick: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
+                onOutsideClick: ((event: import("@melt-ui/svelte/internal/actions").InteractOutsideEvent) => void) | undefined;
                 typeahead: boolean;
                 closeOnItemClick: boolean;
                 closeFocus: import("@melt-ui/svelte/index.js").FocusProp | undefined;
@@ -265,63 +264,63 @@ export declare function setCtx(props: MenubarProps): {
 };
 export declare function getCtx(): GetReturn;
 export declare function setMenuCtx(props: CreateMenubarMenuProps): {
-    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" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
     }>;
     elements: {
-        menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, 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<"keydown">, ([$isVisible, $portal, $menuId, $triggerId, $menubarId]: [boolean, string | HTMLElement | null | undefined, string, string, string]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string | HTMLElement | null | undefined>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/menubar/events.js").MenubarEvents["menu"]>, ([$isVisible, $portal, $menuId, $triggerId, $menubarId]: [boolean, string | HTMLElement | null | undefined, string, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
             readonly id: string;
-            readonly 'aria-labelledby': string;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-melt-scope': string;
-            readonly 'data-portal': "" | undefined;
+            readonly "aria-labelledby": string;
+            readonly "data-state": "open" | "closed";
+            readonly "data-melt-scope": string;
+            readonly "data-portal": "" | undefined;
             readonly tabindex: -1;
         }, string>;
-        trigger: import("@melt-ui/svelte/internal/helpers").MeltElement<[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>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "pointerenter">, ([$rootOpen, $menuId, $triggerId]: [boolean, string, string]) => {
-            readonly 'aria-controls': string;
-            readonly 'aria-expanded': boolean;
-            readonly 'data-state': "open" | "closed";
+        trigger: 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<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/menubar/events.js").MenubarEvents["trigger"]>, ([$rootOpen, $menuId, $triggerId]: [boolean, string, string]) => {
+            readonly "aria-controls": string;
+            readonly "aria-expanded": boolean;
+            readonly "data-state": "open" | "closed";
             readonly id: string;
-            readonly 'aria-haspopup': "menu";
-            readonly 'data-orientation': "horizontal";
+            readonly "aria-haspopup": "menu";
+            readonly "data-orientation": "horizontal";
             readonly role: "menuitem";
         }, string>;
-        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
+        overlay: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>], <Node_1 extends any>(node: HTMLElement) => {
             destroy(): void;
         }, ([$isVisible]: [boolean]) => {
             readonly hidden: true | undefined;
             readonly tabindex: -1;
             readonly style: string;
-            readonly 'aria-hidden': "true";
-            readonly 'data-state': "open" | "closed";
+            readonly "aria-hidden": "true";
+            readonly "data-state": "open" | "closed";
         }, string>;
-        item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, () => {
+        item: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, () => {
             role: string;
             tabindex: number;
-            'data-orientation': string;
+            "data-orientation": string;
         }, 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>;
         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>;
-        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/dist/internal/helpers/withGet.js").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>;
-        separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
+        separator: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").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">;
     };
     builders: {
@@ -333,13 +332,13 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
                     get: () => boolean | "indeterminate";
                     destroy?: (() => void) | undefined;
-                }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
+                }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
-                    readonly 'data-orientation': "vertical";
-                    readonly 'aria-checked': "true" | "false" | "mixed";
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                    readonly "data-orientation": "vertical";
+                    readonly "aria-checked": "true" | "mixed" | "false";
+                    readonly "data-disabled": true | undefined;
+                    readonly "data-state": "indeterminate" | "checked" | "unchecked";
                 }, string>;
             };
             states: {
@@ -356,7 +355,7 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                 isIndeterminate: import("svelte/store").Readable<boolean>;
             };
             options: {
-                disabled: Writable<boolean>;
+                disabled: import("svelte/store").Writable<boolean>;
             };
         };
         createSubmenu: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateSubmenuProps | undefined) => {
@@ -371,28 +370,28 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                     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<boolean>>, 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<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
+                }, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
-                    readonly 'aria-controls': string;
-                    readonly 'aria-expanded': boolean;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-disabled': true | undefined;
-                    readonly 'aria-haspopop': "menu";
+                    readonly "aria-controls": string;
+                    readonly "aria-expanded": boolean;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-disabled": true | undefined;
+                    readonly "aria-haspopop": "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, 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<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
                     readonly id: string;
-                    readonly 'aria-labelledby': string;
-                    readonly 'data-state': "open" | "closed";
-                    readonly 'data-id': string;
+                    readonly "aria-labelledby": string;
+                    readonly "data-state": "open" | "closed";
+                    readonly "data-id": string;
                     readonly tabindex: -1;
                 }, string>;
-                subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-                    'data-arrow': boolean;
+                subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+                    "data-arrow": boolean;
                     style: string;
                 }, string>;
             };
@@ -406,7 +405,7 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                 };
             };
             options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-                open?: Writable<boolean> | undefined;
+                open?: import("svelte/store").Writable<boolean> | undefined;
                 ids?: Partial<{
                     menu: string;
                     trigger: string;
@@ -430,7 +429,7 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                 onOutsideClick: undefined;
             }, "ids">>;
         };
-        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps | undefined) => {
+        createMenuRadioGroup: (args?: import("@melt-ui/svelte/dist/builders/menu/types.js")._CreateRadioGroupProps) => {
             elements: {
                 radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
                     role: string;
@@ -441,14 +440,14 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
                     get: () => string | null;
                     destroy?: (() => void) | undefined;
-                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
+                }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu/types.js")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
-                    'data-state': string;
-                    'aria-checked': boolean;
-                    'data-disabled': boolean | undefined;
-                    'data-value': string;
-                    'data-orientation': string;
+                    "data-state": string;
+                    "aria-checked": boolean;
+                    "data-disabled": boolean | undefined;
+                    "data-value": string;
+                    "data-orientation": string;
                     tabindex: number;
                 }, string>;
             };
@@ -467,11 +466,11 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
         };
     };
     states: {
-        open: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>;
+        open: import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>;
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         dir: import("@melt-ui/svelte/internal/types").TextDirection;
-        open?: Writable<boolean> | undefined;
+        open?: import("svelte/store").Writable<boolean> | undefined;
         forceVisible: boolean;
         portal: string | HTMLElement | null | undefined;
         ids?: Partial<{
@@ -487,7 +486,7 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
         loop: boolean;
         closeOnOutsideClick: boolean;
         closeOnEscape: boolean;
-        onOutsideClick: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
+        onOutsideClick: ((event: import("@melt-ui/svelte/internal/actions").InteractOutsideEvent) => void) | undefined;
         typeahead: boolean;
         closeOnItemClick: boolean;
         closeFocus: import("@melt-ui/svelte/index.js").FocusProp | undefined;
@@ -496,7 +495,7 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
 };
 export declare function getMenuCtx(): GetMenuReturn;
 export declare function setSubMenuCtx(props: CreateMenubarSubmenuProps): {
-    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" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
@@ -509,28 +508,28 @@ export declare function setSubMenuCtx(props: CreateMenubarSubmenuProps): {
             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<boolean>>, 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<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
+        }, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
             readonly role: "menuitem";
             readonly id: string;
             readonly tabindex: -1;
-            readonly 'aria-controls': string;
-            readonly 'aria-expanded': boolean;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-disabled': true | undefined;
-            readonly 'aria-haspopop': "menu";
+            readonly "aria-controls": string;
+            readonly "aria-expanded": boolean;
+            readonly "data-state": "open" | "closed";
+            readonly "data-disabled": true | undefined;
+            readonly "aria-haspopop": "menu";
         }, string>;
-        subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, 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<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
+        subMenu: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "keydown" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
             readonly id: string;
-            readonly 'aria-labelledby': string;
-            readonly 'data-state': "open" | "closed";
-            readonly 'data-id': string;
+            readonly "aria-labelledby": string;
+            readonly "data-state": "open" | "closed";
+            readonly "data-id": string;
             readonly tabindex: -1;
         }, string>;
-        subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
-            'data-arrow': boolean;
+        subArrow: import("@melt-ui/svelte/internal/helpers").MeltElement<import("@melt-ui/svelte/dist/internal/helpers/withGet.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+            "data-arrow": boolean;
             style: string;
         }, string>;
     };
@@ -544,7 +543,7 @@ export declare function setSubMenuCtx(props: CreateMenubarSubmenuProps): {
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
-        open?: Writable<boolean> | undefined;
+        open?: import("svelte/store").Writable<boolean> | undefined;
         ids?: Partial<{
             menu: string;
             trigger: string;

package/dist/bits/pagination/components/pagination-next-button.svelte

@@ -8,10 +8,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("next-button");
-$:
-  builder = $nextButton;
-$:
-  Object.assign(builder, attrs);
+$: builder = $nextButton;
+$: Object.assign(builder, attrs);
 const dispatch = createDispatcher();
 </script>
 

package/dist/bits/pagination/components/pagination-next-button.svelte.d.ts

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

package/dist/bits/pagination/components/pagination-page.svelte

@@ -9,10 +9,8 @@ const {
   getAttrs
 } = getCtx();
 const attrs = getAttrs("page");
-$:
-  builder = $pageTrigger(page);
-$:
-  Object.assign(builder, attrs);
+$: builder = $pageTrigger(page);
+$: Object.assign(builder, attrs);
 const dispatch = createDispatcher();
 </script>