bits-ui 0.9.9 → 0.10.0

package/dist/bits/{context-menu/components/ContextMenuContent.svelte → menu/components/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,32 +9,58 @@ export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
 export let id = void 0;
+export let side = "bottom";
+export let align = "center";
+export let sideOffset = 0;
+export let alignOffset = 0;
+export let collisionPadding = 8;
+export let avoidCollisions = true;
+export let collisionBoundary = void 0;
+export let sameWidth = false;
+export let fitViewport = false;
+export let strategy = "absolute";
+export let overlap = 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");
+$:
+  Object.assign(builder, attrs);
+$:
+  updatePositioning({
+    side,
+    align,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    collisionBoundary,
+    sameWidth,
+    fitViewport,
+    strategy,
+    overlap
+  });
 </script>
 
 {#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
@@ -43,33 +68,30 @@ const attrs = getAttrs("content");
 		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/{dropdown-menu/components/DropdownMenuContent.svelte.d.ts → menu/components/menu-content.svelte.d.ts}

@@ -20,13 +20,12 @@ 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>;
         };
     };
 }
-export type DropdownMenuContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
-export type DropdownMenuContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
-export type DropdownMenuContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
-export default class DropdownMenuContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<DropdownMenuContentProps<T, In, Out>, DropdownMenuContentEvents<T, In, Out>, DropdownMenuContentSlots<T, In, Out>> {
+export type MenuContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type MenuContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type MenuContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class MenuContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<MenuContentProps<T, In, Out>, MenuContentEvents<T, In, Out>, MenuContentSlots<T, In, Out>> {
 }
 export {};

package/dist/bits/{dropdown-menu/components/DropdownMenuGroup.svelte → menu/components/menu-group.svelte}

@@ -2,15 +2,17 @@
 import { setGroupCtx, getAttrs } from "../ctx.js";
 export let asChild = false;
 const { group, id } = setGroupCtx();
+const attrs = getAttrs("group");
 $:
   builder = $group(id);
-const attrs = getAttrs("group");
+$:
+  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/{menubar/components/MenubarGroup.svelte.d.ts → menu/components/menu-group.svelte.d.ts}

@@ -15,13 +15,12 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };
-export type MenubarGroupProps = typeof __propDef.props;
-export type MenubarGroupEvents = typeof __propDef.events;
-export type MenubarGroupSlots = typeof __propDef.slots;
-export default class MenubarGroup extends SvelteComponent<MenubarGroupProps, MenubarGroupEvents, MenubarGroupSlots> {
+export type MenuGroupProps = typeof __propDef.props;
+export type MenuGroupEvents = typeof __propDef.events;
+export type MenuGroupSlots = typeof __propDef.slots;
+export default class MenuGroup extends SvelteComponent<MenuGroupProps, MenuGroupEvents, MenuGroupSlots> {
 }
 export {};

package/dist/bits/{dropdown-menu/components/DropdownMenuItem.svelte → menu/components/menu-item.svelte}

@@ -8,22 +8,23 @@ export let disabled = false;
 const {
   elements: { item }
 } = getCtx();
+const dispatch = createDispatcher();
 $:
   builder = $item;
 $:
   attrs = { ...getAttrs("item"), ...disabledAttrs(disabled) };
-const dispatch = createDispatcher();
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<svelte:element
 		this={href ? "a" : "div"}
 		{href}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-focusin={dispatch}
 		on:m-focusout={dispatch}
@@ -32,6 +33,6 @@ const dispatch = createDispatcher();
 		on:m-pointerleave={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</svelte:element>
 {/if}

package/dist/bits/{menubar/components/MenubarItem.svelte.d.ts → menu/components/menu-item.svelte.d.ts}

@@ -13,20 +13,13 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">;
             };
-            attrs: {
-                "aria-disabled": boolean;
-                "data-disabled": string;
-            } | {
-                "aria-disabled"?: undefined;
-                "data-disabled"?: undefined;
-            };
         };
     };
     events: ItemEvents;
 };
-export type MenubarItemProps = typeof __propDef.props;
-export type MenubarItemEvents = typeof __propDef.events;
-export type MenubarItemSlots = typeof __propDef.slots;
-export default class MenubarItem extends SvelteComponent<MenubarItemProps, MenubarItemEvents, MenubarItemSlots> {
+export type MenuItemProps = typeof __propDef.props;
+export type MenuItemEvents = typeof __propDef.events;
+export type MenuItemSlots = typeof __propDef.slots;
+export default class MenuItem extends SvelteComponent<MenuItemProps, MenuItemEvents, MenuItemSlots> {
 }
 export {};

package/dist/bits/{dropdown-menu/components/DropdownMenuLabel.svelte → menu/components/menu-label.svelte}

@@ -2,15 +2,17 @@
 import { getGroupLabel, getAttrs } from "../ctx.js";
 export let asChild = false;
 const { groupLabel, id } = getGroupLabel();
+const attrs = getAttrs("label");
 $:
   builder = $groupLabel(id);
-const attrs = getAttrs("label");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/{menubar/components/MenubarLabel.svelte.d.ts → menu/components/menu-label.svelte.d.ts}

@@ -14,13 +14,12 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };
-export type MenubarLabelProps = typeof __propDef.props;
-export type MenubarLabelEvents = typeof __propDef.events;
-export type MenubarLabelSlots = typeof __propDef.slots;
-export default class MenubarLabel extends SvelteComponent<MenubarLabelProps, MenubarLabelEvents, MenubarLabelSlots> {
+export type MenuLabelProps = typeof __propDef.props;
+export type MenuLabelEvents = typeof __propDef.events;
+export type MenuLabelSlots = typeof __propDef.slots;
+export default class MenuLabel extends SvelteComponent<MenuLabelProps, MenuLabelEvents, MenuLabelSlots> {
 }
 export {};

package/dist/bits/{menubar/components/MenubarRadioGroup.svelte → menu/components/menu-radio-group.svelte}

@@ -16,17 +16,19 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("radio-group");
 $:
   value !== void 0 && localValue.set(value);
 $:
   builder = $radioGroup;
-const attrs = getAttrs("radio-group");
+$:
+  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/{menubar/components/MenubarRadioGroup.svelte.d.ts → menu/components/menu-radio-group.svelte.d.ts}

@@ -14,13 +14,12 @@ declare const __propDef: {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 };
-export type MenubarRadioGroupProps = typeof __propDef.props;
-export type MenubarRadioGroupEvents = typeof __propDef.events;
-export type MenubarRadioGroupSlots = typeof __propDef.slots;
-export default class MenubarRadioGroup extends SvelteComponent<MenubarRadioGroupProps, MenubarRadioGroupEvents, MenubarRadioGroupSlots> {
+export type MenuRadioGroupProps = typeof __propDef.props;
+export type MenuRadioGroupEvents = typeof __propDef.events;
+export type MenuRadioGroupSlots = typeof __propDef.slots;
+export default class MenuRadioGroup extends SvelteComponent<MenuRadioGroupProps, MenuRadioGroupEvents, MenuRadioGroupSlots> {
 }
 export {};

package/dist/bits/menu/components/menu-radio-indicator.svelte

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

package/dist/bits/menu/components/menu-radio-indicator.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import type { RadioIndicatorProps } from "../types.js";
+declare const __propDef: {
+    props: RadioIndicatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            checked: boolean;
+            attrs: Record<string, string>;
+        };
+    };
+};
+export type MenuRadioIndicatorProps = typeof __propDef.props;
+export type MenuRadioIndicatorEvents = typeof __propDef.events;
+export type MenuRadioIndicatorSlots = typeof __propDef.slots;
+export default class MenuRadioIndicator extends SvelteComponent<MenuRadioIndicatorProps, MenuRadioIndicatorEvents, MenuRadioIndicatorSlots> {
+}
+export {};

package/dist/bits/{context-menu/components/ContextMenuRadioItem.svelte → menu/components/menu-radio-item.svelte}

@@ -7,19 +7,20 @@ export let asChild = false;
 const {
   elements: { radioItem }
 } = setRadioItem(value);
+const attrs = getAttrs("radio-item");
 const dispatch = createDispatcher();
 $:
   builder = $radioItem({ value, disabled });
-const attrs = getAttrs("radio-item");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-focusin={dispatch}
 		on:m-focusout={dispatch}
@@ -28,6 +29,6 @@ const attrs = getAttrs("radio-item");
 		on:m-pointerleave={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/{menubar/components/MenubarRadioItem.svelte.d.ts → menu/components/menu-radio-item.svelte.d.ts}

@@ -18,14 +18,13 @@ declare const __propDef: {
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: RadioItemEvents;
 };
-export type MenubarRadioItemProps = typeof __propDef.props;
-export type MenubarRadioItemEvents = typeof __propDef.events;
-export type MenubarRadioItemSlots = typeof __propDef.slots;
-export default class MenubarRadioItem extends SvelteComponent<MenubarRadioItemProps, MenubarRadioItemEvents, MenubarRadioItemSlots> {
+export type MenuRadioItemProps = typeof __propDef.props;
+export type MenuRadioItemEvents = typeof __propDef.events;
+export type MenuRadioItemSlots = typeof __propDef.slots;
+export default class MenuRadioItem extends SvelteComponent<MenuRadioItemProps, MenuRadioItemEvents, MenuRadioItemSlots> {
 }
 export {};

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

@@ -4,13 +4,15 @@ export let asChild = false;
 const {
   elements: { separator }
 } = getCtx();
+const attrs = getAttrs("separator");
 $:
   builder = $separator;
-const attrs = getAttrs("separator");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...$separator} use:$separator.action {...$$restProps} {...attrs} />
+	<div {...$separator} use:$separator.action {...$$restProps} />
 {/if}

package/dist/bits/{menubar/components/MenubarSeparator.svelte.d.ts → menu/components/menu-separator.svelte.d.ts}

@@ -20,9 +20,9 @@ declare const __propDef: {
         };
     };
 };
-export type MenubarSeparatorProps = typeof __propDef.props;
-export type MenubarSeparatorEvents = typeof __propDef.events;
-export type MenubarSeparatorSlots = typeof __propDef.slots;
-export default class MenubarSeparator extends SvelteComponent<MenubarSeparatorProps, MenubarSeparatorEvents, MenubarSeparatorSlots> {
+export type MenuSeparatorProps = typeof __propDef.props;
+export type MenuSeparatorEvents = typeof __propDef.events;
+export type MenuSeparatorSlots = typeof __propDef.slots;
+export default class MenuSeparator extends SvelteComponent<MenuSeparatorProps, MenuSeparatorEvents, MenuSeparatorSlots> {
 }
 export {};

package/dist/bits/{dropdown-menu/components/DropdownMenuSubContent.svelte → menu/components/menu-sub-content.svelte}

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { createDispatcher } from "../../../internal/index.js";
-import { getSubContent, getAttrs } from "../ctx.js";
+import { getAttrs, getSubmenuCtx, updateSubPositioning } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -9,34 +9,60 @@ export let outTransition = void 0;
 export let outTransitionConfig = void 0;
 export let asChild = false;
 export let id = void 0;
+export let side = "right";
+export let align = "start";
+export let sideOffset = 0;
+export let alignOffset = 0;
+export let collisionPadding = 8;
+export let avoidCollisions = true;
+export let collisionBoundary = void 0;
+export let sameWidth = false;
+export let fitViewport = false;
+export let strategy = "absolute";
+export let overlap = false;
 const {
   elements: { subMenu },
   states: { subOpen },
   ids
-} = getSubContent();
+} = getSubmenuCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("sub-content");
 $:
   if (id) {
     ids.menu.set(id);
   }
 $:
   builder = $subMenu;
-const attrs = getAttrs("sub-content");
+$:
+  Object.assign(builder, attrs);
+$:
+  updateSubPositioning({
+    side,
+    align,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    collisionBoundary,
+    sameWidth,
+    fitViewport,
+    strategy,
+    overlap
+  });
 </script>
 
 {#if asChild && $subOpen}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else if transition && $subOpen}
 	<div
 		transition:transition={transitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-keydown={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $subOpen}
 	<div
@@ -44,46 +70,42 @@ const attrs = getAttrs("sub-content");
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-keydown={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && $subOpen}
 	<div
 		in:inTransition={inTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-keydown={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if outTransition && $subOpen}
 	<div
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-keydown={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if $subOpen}
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-keydown={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/{menubar/components/MenubarContent.svelte.d.ts → menu/components/menu-sub-content.svelte.d.ts}

@@ -1,9 +1,9 @@
 import { SvelteComponent } from "svelte";
 import { type Transition } from "../../../internal/index.js";
-import type { ContentEvents, ContentProps } from "../types.js";
+import type { SubContentEvents, SubContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
-    props(): ContentProps<T, In, Out>;
-    events(): ContentEvents;
+    props(): SubContentProps<T, In, Out>;
+    events(): SubContentEvents;
     slots(): {
         default: {
             builder: {
@@ -13,21 +13,19 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
                 readonly id: string;
                 readonly 'aria-labelledby': string;
                 readonly 'data-state': "open" | "closed";
-                readonly 'data-melt-scope': string;
-                readonly 'data-portal': "" | undefined;
+                readonly 'data-id': string;
                 readonly tabindex: -1;
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">;
             };
-            attrs: Record<string, string>;
         };
     };
 }
-export type MenubarContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
-export type MenubarContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
-export type MenubarContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
-export default class MenubarContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<MenubarContentProps<T, In, Out>, MenubarContentEvents<T, In, Out>, MenubarContentSlots<T, In, Out>> {
+export type MenuSubContentProps<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['props']>;
+export type MenuSubContentEvents<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['events']>;
+export type MenuSubContentSlots<T extends Transition, In extends Transition, Out extends Transition> = ReturnType<__sveltets_Render<T, In, Out>['slots']>;
+export default class MenuSubContent<T extends Transition, In extends Transition, Out extends Transition> extends SvelteComponent<MenuSubContentProps<T, In, Out>, MenuSubContentEvents<T, In, Out>, MenuSubContentSlots<T, In, Out>> {
 }
 export {};

package/dist/bits/{dropdown-menu/components/DropdownMenuSubTrigger.svelte → menu/components/menu-sub-trigger.svelte}

@@ -18,16 +18,16 @@ $:
   builder = $subTrigger;
 $:
   attrs = { ...getAttrs("sub-trigger"), ...disabledAttrs(disabled) };
+$:
+  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-click={dispatch}
 		on:m-focusin={dispatch}
 		on:m-focusout={dispatch}
@@ -35,6 +35,6 @@ $:
 		on:m-pointerleave={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {/if}