bits-ui 0.9.9 → 0.10.0

package/dist/bits/link-preview/components/{LinkPreviewContent.svelte → link-preview-content.svelte}

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { createDispatcher } from "../../../internal/index.js";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx, getAttrs, updatePositioning } from "../ctx.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;
@@ -9,6 +9,17 @@ 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: { content },
   states: { open },
@@ -18,28 +29,41 @@ $:
   if (id) {
     ids.content.set(id);
   }
-$:
-  builder = $content;
 const attrs = getAttrs("content");
 const dispatch = createDispatcher();
+$:
+  builder = $content;
+$:
+  Object.assign(builder, attrs);
+$:
+  updatePositioning({
+    side,
+    align,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    collisionBoundary,
+    sameWidth,
+    fitViewport,
+    strategy,
+    overlap
+  });
 </script>
 
-<!-- svelte-ignore a11y-no-static-element-interactions / applied by melt's builder-->
-
 {#if asChild && $open}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else if transition && $open}
 	<div
 		transition:transition={transitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-pointerdown={dispatch}
 		on:m-pointerenter={dispatch}
 		on:m-pointerleave={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
 	<div
@@ -47,50 +71,46 @@ const dispatch = createDispatcher();
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-pointerdown={dispatch}
 		on:m-pointerenter={dispatch}
 		on:m-pointerleave={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
 	<div
 		in:inTransition={inTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-pointerdown={dispatch}
 		on:m-pointerenter={dispatch}
 		on:m-pointerleave={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
 	<div
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-pointerdown={dispatch}
 		on:m-pointerenter={dispatch}
 		on:m-pointerleave={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if $open}
 	<div
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 		on:m-focusout={dispatch}
 		on:m-pointerdown={dispatch}
 		on:m-pointerenter={dispatch}
 		on:m-pointerleave={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/link-preview/components/{LinkPreviewContent.svelte.d.ts → link-preview-content.svelte.d.ts}

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

package/dist/bits/link-preview/components/{LinkPreviewTrigger.svelte → link-preview-trigger.svelte}

@@ -8,19 +8,20 @@ const {
   ids
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   if (id) {
     ids.trigger.set(id);
   }
 $:
   builder = $trigger;
-const attrs = getAttrs("trigger");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {attrs} {builder} />
+	<slot {builder} />
 {:else}
-	{@const builder = $trigger}
 	<svelte:element
 		this={"a"}
 		{...builder} use:builder.action
@@ -31,6 +32,6 @@ const attrs = getAttrs("trigger");
 		on:m-pointerenter={dispatch}
 		on:m-pointerleave={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</svelte:element>
 {/if}

package/dist/bits/link-preview/components/{LinkPreviewTrigger.svelte.d.ts → link-preview-trigger.svelte.d.ts}

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

package/dist/bits/link-preview/components/{LinkPreview.svelte → link-preview.svelte}

@@ -1,13 +1,11 @@
 <script>import { derived } from "svelte/store";
 import { setCtx } from "../ctx.js";
-export let positioning = void 0;
 export let open = void 0;
 export let onOpenChange = void 0;
 export let openDelay = 700;
 export let closeDelay = 300;
 export let closeOnOutsideClick = void 0;
 export let closeOnEscape = void 0;
-export let arrowSize = void 0;
 export let portal = void 0;
 const {
   states: { open: localOpen },
@@ -15,12 +13,10 @@ const {
   ids
 } = setCtx({
   defaultOpen: open,
-  positioning,
   openDelay,
   closeDelay,
   closeOnOutsideClick,
   closeOnEscape,
-  arrowSize,
   portal,
   onOpenChange: ({ next }) => {
     if (open !== next) {
@@ -30,14 +26,15 @@ const {
     return next;
   }
 });
-const idValues = derived([ids.content, ids.trigger], ([$contentId, $triggerId]) => ({
-  content: $contentId,
-  trigger: $triggerId
-}));
+const idValues = derived(
+  [ids.content, ids.trigger],
+  ([$contentId, $triggerId]) => ({
+    content: $contentId,
+    trigger: $triggerId
+  })
+);
 $:
   open !== void 0 && localOpen.set(open);
-$:
-  updateOption("positioning", positioning);
 $:
   updateOption("openDelay", openDelay);
 $:
@@ -46,8 +43,6 @@ $:
   updateOption("closeOnOutsideClick", closeOnOutsideClick);
 $:
   updateOption("closeOnEscape", closeOnEscape);
-$:
-  updateOption("arrowSize", arrowSize);
 $:
   updateOption("portal", portal);
 </script>

package/dist/bits/link-preview/components/{LinkPreview.svelte.d.ts → link-preview.svelte.d.ts}

@@ -3,16 +3,9 @@ declare const __propDef: {
     props: {
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
-        arrowSize?: number | undefined;
+        portal?: string | HTMLElement | null | undefined;
         openDelay?: number | undefined;
         closeDelay?: number | undefined;
-        forceVisible?: boolean | undefined;
-        ids?: {
-            content: string;
-            trigger: string;
-        } | undefined;
-        portal?: string | HTMLElement | null | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };

package/dist/bits/link-preview/ctx.d.ts

@@ -1,19 +1,21 @@
 /// <reference types="svelte" />
 import { type CreateLinkPreviewProps, type LinkPreview as LinkPreviewReturn } from "@melt-ui/svelte";
+import type { FloatingProps } from "../floating/_types.js";
+import type { Writable } from "svelte/store";
 export declare const getAttrs: (part: string) => Record<string, string>;
 export declare function getCtx(): LinkPreviewReturn;
 export declare function setCtx(props: CreateLinkPreviewProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        content: import("svelte/store").Writable<string>;
-        trigger: import("svelte/store").Writable<string>;
+        content: Writable<string>;
+        trigger: Writable<string>;
     };
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
             set: (this: void, value: boolean) => void;
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave">, ([$open, $triggerId, $contentId]: [boolean, string, string]) => {
+        }, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"blur" | "focus" | "pointerenter" | "pointerleave">, ([$open, $triggerId, $contentId]: [boolean, string, string]) => {
             role: "button";
             'aria-haspopup': "dialog";
             'aria-expanded': boolean;
@@ -21,7 +23,7 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
             'aria-controls': string;
             id: string;
         }, string>;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "pointerdown" | "pointerenter" | "pointerleave">, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null, string]) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string | HTMLElement | null>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"focusout" | "pointerdown" | "pointerenter" | "pointerleave">, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null, string]) => {
             hidden: boolean | undefined;
             tabindex: number;
             style: string;
@@ -29,7 +31,7 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
             'data-state': string;
             'data-portal': string | undefined;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -42,19 +44,20 @@ export declare function setCtx(props: CreateLinkPreviewProps): {
         };
     };
     options: {
-        open?: import("svelte/store").Writable<import("svelte/store").Writable<boolean> | undefined> | undefined;
-        forceVisible: import("svelte/store").Writable<boolean>;
-        defaultOpen: import("svelte/store").Writable<boolean>;
-        onOpenChange?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-        portal: import("svelte/store").Writable<string | HTMLElement | null>;
-        positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+        open?: Writable<Writable<boolean> | undefined> | undefined;
+        forceVisible: Writable<boolean>;
+        defaultOpen: Writable<boolean>;
+        onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
+        portal: Writable<string | HTMLElement | null>;
+        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
         }>;
-        arrowSize: import("svelte/store").Writable<number>;
-        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
-        openDelay: import("svelte/store").Writable<number>;
-        closeDelay: import("svelte/store").Writable<number>;
+        arrowSize: Writable<number>;
+        closeOnOutsideClick: Writable<boolean>;
+        closeOnEscape: Writable<boolean>;
+        openDelay: Writable<number>;
+        closeDelay: Writable<number>;
     };
 };
 export declare function setArrow(size?: number): LinkPreviewReturn;
+export declare function updatePositioning(props: FloatingProps): void;

package/dist/bits/link-preview/ctx.js

@@ -1,6 +1,7 @@
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createLinkPreview } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { getPositioningUpdater } from "../floating/helpers.js";
 const NAME = "link-preview";
 const PARTS = ["arrow", "content", "trigger"];
 export const getAttrs = createBitAttrs(NAME, PARTS);
@@ -23,3 +24,13 @@ export function setArrow(size = 8) {
     linkPreview.options.arrowSize.set(size);
     return linkPreview;
 }
+const defaultPlacement = {
+    side: "bottom",
+    align: "center"
+};
+export function updatePositioning(props) {
+    const withDefaults = { ...defaultPlacement, ...props };
+    const { options: { positioning } } = getCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
+}

package/dist/bits/link-preview/index.d.ts

@@ -1,6 +1,5 @@
-import Root from "./components/LinkPreview.svelte";
-import Arrow from "./components/LinkPreviewArrow.svelte";
-import Content from "./components/LinkPreviewContent.svelte";
-import Trigger from "./components/LinkPreviewTrigger.svelte";
-export { Root, Arrow, Content, Trigger, Root as LinkPreview, Arrow as LinkPreviewArrow, Content as LinkPreviewContent, Trigger as LinkPreviewTrigger };
+export { default as Root } from "./components/link-preview.svelte";
+export { default as Arrow } from "./components/link-preview-arrow.svelte";
+export { default as Content } from "./components/link-preview-content.svelte";
+export { default as Trigger } from "./components/link-preview-trigger.svelte";
 export * from "./types.js";

package/dist/bits/link-preview/index.js

@@ -1,8 +1,5 @@
-import Root from "./components/LinkPreview.svelte";
-import Arrow from "./components/LinkPreviewArrow.svelte";
-import Content from "./components/LinkPreviewContent.svelte";
-import Trigger from "./components/LinkPreviewTrigger.svelte";
-export { Root, Arrow, Content, Trigger, 
-//
-Root as LinkPreview, Arrow as LinkPreviewArrow, Content as LinkPreviewContent, Trigger as LinkPreviewTrigger };
+export { default as Root } from "./components/link-preview.svelte";
+export { default as Arrow } from "./components/link-preview-arrow.svelte";
+export { default as Content } from "./components/link-preview-content.svelte";
+export { default as Trigger } from "./components/link-preview-trigger.svelte";
 export * from "./types.js";

package/dist/bits/link-preview/types.d.ts

@@ -1,16 +1,11 @@
 import type { CustomEventHandler } from "../../index.js";
-import type { OmitOpen, Expand, HTMLDivAttributes, OnChangeFn, Transition, AsChild, TransitionProps } from "../../internal/index.js";
-import type { CreateLinkPreviewProps } from "@melt-ui/svelte";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { HTMLAnchorAttributes } from "svelte/elements";
-type Props = Expand<OmitOpen<CreateLinkPreviewProps> & {
-    open?: boolean;
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type TriggerProps = AsChild & HTMLAnchorAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type ArrowProps = Expand<{
-    size?: number;
-} & AsChild> & HTMLDivAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props;
+type TriggerProps = I.TriggerProps & HTMLAnchorAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
+type ArrowProps = I.ArrowProps & HTMLDivAttributes;
 type TriggerEvents<T extends Element = HTMLAnchorElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     blur: CustomEventHandler<FocusEvent, T>;
@@ -24,4 +19,4 @@ type ContentEvents<T extends Element = HTMLDivElement> = {
     pointerleave: CustomEventHandler<PointerEvent, T>;
     pointerdown: CustomEventHandler<PointerEvent, T>;
 };
-export type { Props, ArrowProps, TriggerProps, ContentProps, Props as LinkPreviewProps, ArrowProps as LinkPreviewArrowProps, TriggerProps as LinkPreviewTriggerProps, ContentProps as LinkPreviewContentProps, TriggerEvents, ContentEvents, TriggerEvents as LinkPreviewTriggerEvents, ContentEvents as LinkPreviewContentEvents };
+export type { Props, ArrowProps, TriggerProps, ContentProps, TriggerEvents, ContentEvents };

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

@@ -0,0 +1,82 @@
+/**
+ * Shared internal types for the various menu components.
+ */
+import type { AsChild, OmitChecked, OmitFloating, OnChangeFn } from "../../internal/index.js";
+import type { CreateContextMenuCheckboxItemProps, CreateContextMenuRadioGroupProps, ContextMenuRadioItemProps, CreateContextSubmenuProps, CreateContextMenuProps } from "@melt-ui/svelte";
+import type { ArrowProps as FloatingArrowProps, ContentProps } from "../floating/_types.js";
+export type Props = Expand<OmitFloating<CreateContextMenuProps> & {
+    /**
+     * The open state of the context menu.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+export type SubTriggerProps = Expand<{
+    /**
+     * Whether the subtrigger is disabled or not.
+     *
+     * @defaultValue false;
+     */
+    disabled?: boolean;
+} & AsChild>;
+export type CheckboxItemProps = Expand<OmitChecked<CreateContextMenuCheckboxItemProps> & {
+    /**
+     * The checked state of the checkbox item.
+     * You can bind this to a boolean value to programmatically control the checked state.
+     *
+     * @defaultValue false
+     */
+    checked?: boolean | "indeterminate";
+    /**
+     * A callback function called when the checked state changes.
+     */
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
+} & AsChild>;
+export type RadioGroupProps = Expand<{
+    /**
+     * The value of the radio group.
+     *
+     * @defaultValue undefined
+     */
+    value?: CreateContextMenuRadioGroupProps["defaultValue"] & {};
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<CreateContextMenuRadioGroupProps["defaultValue"]>;
+} & AsChild>;
+export type RadioItemProps = Expand<ContextMenuRadioItemProps & AsChild>;
+export type SubProps = Expand<OmitFloating<CreateContextSubmenuProps> & {
+    /**
+     * The open state of the submenu.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+export type ItemProps = Expand<{
+    /**
+     * Whether the item is disabled.
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean;
+} & AsChild>;
+export type ArrowProps = FloatingArrowProps;
+export type GroupProps = AsChild;
+export type CheckboxIndicatorProps = AsChild;
+export type RadioIndicatorProps = AsChild;
+export type LabelProps = AsChild;
+export type SeparatorProps = AsChild;
+export type TriggerProps = AsChild;
+export { ContentProps, ContentProps as SubContentProps };

package/dist/bits/menu/_types.js

@@ -0,0 +1 @@
+export { ContentProps, ContentProps as SubContentProps };

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

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

package/dist/bits/menu/components/menu-arrow.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+import type { ArrowProps } from "../types.js";
+declare const __propDef: {
+    props: ArrowProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                'data-arrow': boolean;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
+};
+export type MenuArrowProps = typeof __propDef.props;
+export type MenuArrowEvents = typeof __propDef.events;
+export type MenuArrowSlots = typeof __propDef.slots;
+export default class MenuArrow extends SvelteComponent<MenuArrowProps, MenuArrowEvents, MenuArrowSlots> {
+}
+export {};

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

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

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import type { CheckboxIndicatorProps } from "../types.js";
+declare const __propDef: {
+    props: CheckboxIndicatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, string>;
+            checked: boolean | "indeterminate";
+        };
+    };
+};
+export type MenuCheckboxIndicatorProps = typeof __propDef.props;
+export type MenuCheckboxIndicatorEvents = typeof __propDef.events;
+export type MenuCheckboxIndicatorSlots = typeof __propDef.slots;
+export default class MenuCheckboxIndicator extends SvelteComponent<MenuCheckboxIndicatorProps, MenuCheckboxIndicatorEvents, MenuCheckboxIndicatorSlots> {
+}
+export {};

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

@@ -21,22 +21,23 @@ const {
   }
 });
 const dispatch = createDispatcher();
+const attrs = getAttrs("checkbox-item");
 $:
   checked !== void 0 && localChecked.set(checked);
 $:
   updateOption("disabled", disabled);
 $:
   builder = $checkboxItem;
-const attrs = getAttrs("checkbox-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}
@@ -45,6 +46,6 @@ const attrs = getAttrs("checkbox-item");
 		on:m-pointerleave={dispatch}
 		on:m-pointermove={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {/if}

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

@@ -10,20 +10,19 @@ declare const __propDef: {
                 readonly 'data-orientation': "vertical";
                 readonly 'aria-checked': "false" | "true" | "mixed";
                 readonly 'data-disabled': true | undefined;
-                readonly 'data-state': "checked" | "indeterminate" | "unchecked";
+                readonly 'data-state': "checked" | "unchecked" | "indeterminate";
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: CheckboxItemEvents;
 };
-export type MenubarCheckboxItemProps = typeof __propDef.props;
-export type MenubarCheckboxItemEvents = typeof __propDef.events;
-export type MenubarCheckboxItemSlots = typeof __propDef.slots;
-export default class MenubarCheckboxItem extends SvelteComponent<MenubarCheckboxItemProps, MenubarCheckboxItemEvents, MenubarCheckboxItemSlots> {
+export type MenuCheckboxItemProps = typeof __propDef.props;
+export type MenuCheckboxItemEvents = typeof __propDef.events;
+export type MenuCheckboxItemSlots = typeof __propDef.slots;
+export default class MenuCheckboxItem extends SvelteComponent<MenuCheckboxItemProps, MenuCheckboxItemEvents, MenuCheckboxItemSlots> {
 }
 export {};