bits-ui 0.9.9 → 0.10.0

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

@@ -0,0 +1 @@
+export type { Props as AccordionProps, ItemProps as AccordionItemProps, HeaderProps as AccordionHeaderProps, TriggerProps as AccordionTriggerProps, ContentProps as AccordionContentProps, TriggerEvents as AccordionTriggerEvents } from "./types.js";

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

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

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

@@ -0,0 +1,23 @@
+import type { ObjectVariation, Transition, OmitValue, OmitForceVisible, Expand, OnChangeFn, AsChild, TransitionProps } from "../../internal/index.js";
+import type { CreateAccordionProps, AccordionItemProps, AccordionHeadingProps } from "@melt-ui/svelte";
+type Props<Multiple extends boolean> = Expand<OmitValue<OmitForceVisible<CreateAccordionProps<Multiple>>> & {
+    /**
+     * The value of the accordion.
+     * You can bind this to a value to programmatically control the open state.
+     */
+    value?: CreateAccordionProps<Multiple>["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<CreateAccordionProps<Multiple>["defaultValue"]>;
+} & AsChild>;
+type ItemProps = Expand<ObjectVariation<AccordionItemProps> & AsChild>;
+type HeaderProps = Expand<{
+    /**
+     * The heading level of the accordion header.
+     */
+    level?: ObjectVariation<AccordionHeadingProps>["level"];
+} & AsChild>;
+type TriggerProps = AsChild;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild>;
+export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps };

package/dist/bits/accordion/_types.js

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

package/dist/bits/accordion/components/{AccordionContent.svelte → accordion-content.svelte}

@@ -11,13 +11,19 @@ const { content, isSelected, props } = getContent();
 const attrs = getAttrs("content");
 $:
   builder = $content(props);
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild && $isSelected(props)}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else if transition && $isSelected(props)}
-	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $isSelected(props)}
 	<div
@@ -25,20 +31,23 @@ $:
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && $isSelected(props)}
-	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {:else if outTransition && $isSelected(props)}
-	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
 	</div>
 {:else if $isSelected(props)}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/accordion/components/{AccordionContent.svelte.d.ts → accordion-content.svelte.d.ts}

@@ -19,7 +19,6 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
             } & {
                 action: (node: HTMLElement) => void;
             };
-            attrs: Record<string, string>;
         };
     };
 }

package/dist/bits/accordion/components/{AccordionHeader.svelte → accordion-header.svelte}

@@ -8,12 +8,14 @@ const {
 const attrs = getAttrs("header");
 $:
   builder = $header(level);
+$:
+  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/accordion/components/{AccordionHeader.svelte.d.ts → accordion-header.svelte.d.ts}

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

package/dist/bits/accordion/components/{AccordionItem.svelte → accordion-item.svelte}

@@ -4,15 +4,17 @@ export let value;
 export let disabled = void 0;
 export let asChild = false;
 const { item, props } = setItem({ value, disabled });
+const attrs = getAttrs("item");
 $:
   builder = $item(props);
-const attrs = getAttrs("item");
+$:
+  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/accordion/components/{AccordionItem.svelte.d.ts → accordion-item.svelte.d.ts}

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

package/dist/bits/accordion/components/{AccordionTrigger.svelte → accordion-trigger.svelte}

@@ -4,22 +4,23 @@ import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 const { trigger, props } = getTrigger();
 const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   builder = $trigger(props);
-const attrs = getAttrs("trigger");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-keydown={dispatch}
 		on:m-click={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/accordion/components/{AccordionTrigger.svelte.d.ts → accordion-trigger.svelte.d.ts}

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

package/dist/bits/accordion/components/{Accordion.svelte → accordion.svelte}

@@ -21,6 +21,7 @@ const {
     return next;
   }
 });
+const attrs = getAttrs("root");
 $:
   localValue.set(value);
 $:
@@ -29,13 +30,14 @@ $:
   updateOption("disabled", disabled);
 $:
   builder = $root;
-const attrs = getAttrs("root");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/accordion/components/{Accordion.svelte.d.ts → accordion.svelte.d.ts}

@@ -14,7 +14,6 @@ declare class __sveltets_Render<Multiple extends boolean> {
             } & {
                 action: import("svelte/action").Action<any, any, Record<never, any>>;
             };
-            attrs: Record<string, string>;
         };
     };
 }

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

@@ -1,7 +1,7 @@
 /// <reference types="svelte" />
 import { type Accordion as AccordionReturn, type CreateAccordionProps } from "@melt-ui/svelte";
-import type { AccordionItemProps } from "./types.js";
-export declare const getAttrs: (part: "root" | "content" | "header" | "item" | "trigger") => Record<string, string>;
+import type { ItemProps } from "./types.js";
+export declare const getAttrs: (part: "content" | "root" | "header" | "item" | "trigger") => Record<string, string>;
 type GetReturn = AccordionReturn;
 export declare function setCtx<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
@@ -62,7 +62,7 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
     };
 };
 export declare function getCtx(): GetReturn;
-export declare function setItem(props: AccordionItemProps): {
+export declare function setItem(props: ItemProps): {
     item: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<{
         update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
         set: (this: void, value: string | string[] | undefined) => void;
@@ -71,9 +71,9 @@ export declare function setItem(props: AccordionItemProps): {
         'data-state': string;
         'data-disabled': boolean | undefined;
     }, string>;
-    props: AccordionItemProps;
+    props: ItemProps;
 };
-export declare function getItemProps(): AccordionItemProps;
+export declare function getItemProps(): ItemProps;
 export declare function getContent(): {
     content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
         update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
@@ -91,7 +91,10 @@ export declare function getContent(): {
     value: import("svelte/store").Writable<string | undefined>;
 };
 export declare function getTrigger(): {
-    props: string;
+    props: {
+        value: string;
+        disabled: boolean | undefined;
+    };
     trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
         update: (updater: import("svelte/store").Updater<string | string[] | undefined>, sideEffect?: ((newValue: string | string[] | undefined) => void) | undefined) => void;
         set: (this: void, value: string | string[] | undefined) => void;

package/dist/bits/accordion/ctx.js

@@ -32,6 +32,6 @@ export function getContent() {
 }
 export function getTrigger() {
     const { elements: { trigger } } = getCtx();
-    const { value: props } = getItemProps();
-    return { props, trigger };
+    const { value, disabled } = getItemProps();
+    return { props: { value, disabled }, trigger };
 }

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

@@ -1,7 +1,6 @@
-import Root from "./components/Accordion.svelte";
-import Item from "./components/AccordionItem.svelte";
-import Header from "./components/AccordionHeader.svelte";
-import Trigger from "./components/AccordionTrigger.svelte";
-import Content from "./components/AccordionContent.svelte";
-export { Root, Item, Header, Trigger, Content, Root as Accordion, Item as AccordionItem, Header as AccordionHeader, Trigger as AccordionTrigger, Content as AccordionContent };
+export { default as Root } from "./components/accordion.svelte";
+export { default as Item } from "./components/accordion-item.svelte";
+export { default as Header } from "./components/accordion-header.svelte";
+export { default as Trigger } from "./components/accordion-trigger.svelte";
+export { default as Content } from "./components/accordion-content.svelte";
 export * from "./types.js";

package/dist/bits/accordion/index.js

@@ -1,9 +1,6 @@
-import Root from "./components/Accordion.svelte";
-import Item from "./components/AccordionItem.svelte";
-import Header from "./components/AccordionHeader.svelte";
-import Trigger from "./components/AccordionTrigger.svelte";
-import Content from "./components/AccordionContent.svelte";
-export { Root, Item, Header, Trigger, Content, 
-//
-Root as Accordion, Item as AccordionItem, Header as AccordionHeader, Trigger as AccordionTrigger, Content as AccordionContent };
+export { default as Root } from "./components/accordion.svelte";
+export { default as Item } from "./components/accordion-item.svelte";
+export { default as Header } from "./components/accordion-header.svelte";
+export { default as Trigger } from "./components/accordion-trigger.svelte";
+export { default as Content } from "./components/accordion-content.svelte";
 export * from "./types.js";

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

@@ -1,19 +1,14 @@
-import type { HTMLDivAttributes, ObjectVariation, Transition, OmitValue, Expand, OnChangeFn, AsChild, TransitionProps } from "../../internal/index.js";
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
 import type { CustomEventHandler } from "../../index.js";
-import type { CreateAccordionProps, AccordionItemProps as _ItemProps, AccordionHeadingProps as _HeadingProps } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
-type Props<Multiple extends boolean> = Expand<OmitValue<CreateAccordionProps<Multiple>> & {
-    value?: CreateAccordionProps<Multiple>["defaultValue"];
-    onValueChange?: OnChangeFn<CreateAccordionProps<Multiple>["defaultValue"]>;
-} & AsChild> & HTMLDivAttributes;
-type ItemProps = Expand<ObjectVariation<_ItemProps> & AsChild> & HTMLDivAttributes;
-type HeaderProps = Expand<{
-    level?: ObjectVariation<_HeadingProps>["level"];
-} & AsChild> & HTMLDivAttributes;
-type TriggerProps = AsChild & HTMLButtonAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
+import type * as I from "./_types.js";
+type Props<Multiple extends boolean> = I.Props<Multiple> & HTMLDivAttributes;
+type ItemProps = I.ItemProps & HTMLDivAttributes;
+type HeaderProps = I.HeaderProps & HTMLDivAttributes;
+type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
 type TriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, Props as AccordionProps, ItemProps as AccordionItemProps, HeaderProps as AccordionHeaderProps, TriggerProps as AccordionTriggerProps, ContentProps as AccordionContentProps, TriggerEvents, TriggerEvents as AccordionTriggerEvents };
+export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, TriggerEvents };

package/dist/bits/alert-dialog/_export.types.d.ts

@@ -0,0 +1 @@
+export type { Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, PortalProps as AlertDialogPortalProps, OverlayProps as AlertDialogOverlayProps, TitleProps as AlertDialogTitleProps, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents } from "./types.js";

package/dist/bits/alert-dialog/_export.types.js

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

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

@@ -0,0 +1,30 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { OmitOpen, Expand, OnChangeFn, Transition, AsChild, TransitionProps } from "../../internal/index.js";
+import type { CreateDialogProps } from "@melt-ui/svelte";
+type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role" | "forceVisible" | "ids">> & {
+    /**
+     * The open state of the alert dialog.
+     * 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>;
+}>;
+type TriggerProps = AsChild;
+type ActionProps = TriggerProps;
+type CancelProps = TriggerProps;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild>;
+type DescriptionProps = AsChild;
+type PortalProps = AsChild;
+type TitleProps = Expand<{
+    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+} & AsChild>;
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps };

package/dist/bits/alert-dialog/_types.js

@@ -0,0 +1,6 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+export {};

package/dist/bits/alert-dialog/components/{AlertDialogAction.svelte → alert-dialog-action.svelte}

@@ -6,22 +6,23 @@ const {
   elements: { close }
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("action");
 $:
   builder = $close;
-const attrs = getAttrs("action");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/alert-dialog/components/{AlertDialogAction.svelte.d.ts → alert-dialog-action.svelte.d.ts}

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

package/dist/bits/alert-dialog/components/{AlertDialogCancel.svelte → alert-dialog-cancel.svelte}

@@ -6,22 +6,23 @@ const {
   elements: { close }
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("cancel");
 $:
   builder = $close;
-const attrs = getAttrs("cancel");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
 	<button
 		{...builder} use:builder.action
 		type="button"
 		{...$$restProps}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/alert-dialog/components/{AlertDialogCancel.svelte.d.ts → alert-dialog-cancel.svelte.d.ts}

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

package/dist/bits/{popover/components/PopoverContent.svelte → alert-dialog/components/alert-dialog-content.svelte}

@@ -6,27 +6,33 @@ export let inTransition = void 0;
 export let inTransitionConfig = void 0;
 export let outTransition = void 0;
 export let outTransitionConfig = void 0;
-export let asChild = false;
 export let id = void 0;
+export let asChild = false;
 const {
   elements: { content },
   states: { open },
   ids
 } = getCtx();
+const attrs = getAttrs("content");
 $:
   if (id) {
     ids.content.set(id);
   }
 $:
   builder = $content;
-const attrs = getAttrs("content");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild && $open}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else if transition && $open}
-	<div transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
 	<div
@@ -34,20 +40,23 @@ const attrs = getAttrs("content");
 		out:outTransition={outTransitionConfig}
 		{...builder} use:builder.action
 		{...$$restProps}
-		{...attrs}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
-	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
-	<div out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
 	</div>
 {:else if $open}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/alert-dialog/components/{AlertDialogContent.svelte.d.ts → alert-dialog-content.svelte.d.ts}

@@ -13,6 +13,7 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
                 role: "dialog" | "alertdialog";
                 'aria-describedby': string;
                 'aria-labelledby': string;
+                'aria-modal': "true" | undefined;
                 'data-state': string;
                 tabindex: number;
                 hidden: boolean | undefined;
@@ -24,7 +25,6 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
                     destroy: () => void;
                 };
             };
-            attrs: Record<string, string>;
         };
     };
 }

package/dist/bits/alert-dialog/components/{AlertDialogDescription.svelte → alert-dialog-description.svelte}

@@ -6,19 +6,21 @@ const {
   elements: { description },
   ids
 } = getCtx();
+const attrs = getAttrs("description");
 $:
   if (id) {
     ids.description.set(id);
   }
 $:
   builder = $description;
-const attrs = getAttrs("description");
+$:
+  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/alert-dialog/components/{AlertDialogDescription.svelte.d.ts → alert-dialog-description.svelte.d.ts}

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

package/dist/bits/alert-dialog/components/{AlertDialogOverlay.svelte → alert-dialog-overlay.svelte}

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

package/dist/bits/alert-dialog/components/{AlertDialogOverlay.svelte.d.ts → alert-dialog-overlay.svelte.d.ts}

@@ -21,7 +21,6 @@ declare class __sveltets_Render<T extends Transition, In extends Transition, Out
                     destroy(): void;
                 };
             };
-            attrs: Record<string, string>;
         };
     };
 }