bits-ui 0.9.9 → 0.10.0

package/dist/bits/{dialog/components/DialogPortal.svelte → alert-dialog/components/alert-dialog-portal.svelte}

@@ -4,15 +4,17 @@ export let asChild = false;
 const {
   elements: { portalled }
 } = getCtx();
+const attrs = getAttrs("portal");
 $:
   builder = $portalled;
-const attrs = getAttrs("portal");
+$:
+  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/{AlertDialogPortal.svelte.d.ts → alert-dialog-portal.svelte.d.ts}

@@ -16,7 +16,6 @@ declare const __propDef: {
                     destroy(): void;
                 };
             };
-            attrs: Record<string, string>;
         };
     };
 };

package/dist/bits/alert-dialog/components/{AlertDialogTitle.svelte → alert-dialog-title.svelte}

@@ -7,19 +7,21 @@ const {
   elements: { title },
   ids
 } = getCtx();
+const attrs = getAttrs("title");
 $:
   if (id) {
     ids.title.set(id);
   }
 $:
   builder = $title;
-const attrs = getAttrs("title");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<svelte:element this={level} {...builder} use:builder.action {...$$restProps} {...attrs}>
-		<slot {builder} {attrs} />
+	<svelte:element this={level} {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</svelte:element>
 {/if}

package/dist/bits/alert-dialog/components/{AlertDialogTitle.svelte.d.ts → alert-dialog-title.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/{dialog/components/DialogTrigger.svelte → alert-dialog/components/alert-dialog-trigger.svelte}

@@ -6,22 +6,23 @@ const {
   elements: { trigger }
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   builder = $trigger;
-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-click={dispatch}
 		on:m-keydown={dispatch}
+		{...$$restProps}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/alert-dialog/components/{AlertDialogTrigger.svelte.d.ts → alert-dialog-trigger.svelte.d.ts}

@@ -7,14 +7,12 @@ declare const __propDef: {
             builder: {
                 readonly 'aria-haspopup': "dialog";
                 readonly 'aria-expanded': boolean;
-                readonly 'aria-controls': string;
                 readonly type: "button";
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
                 action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">;
             };
-            attrs: Record<string, string>;
         };
     };
     events: TriggerEvents;

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

@@ -4,7 +4,6 @@ export let preventScroll = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = false;
 export let portal = void 0;
-export let forceVisible = true;
 export let open = void 0;
 export let onOpenChange = void 0;
 export let openFocus = void 0;
@@ -18,7 +17,7 @@ const {
   preventScroll,
   closeOnOutsideClick,
   portal,
-  forceVisible,
+  forceVisible: true,
   defaultOpen: open,
   openFocus,
   closeFocus,
@@ -48,8 +47,6 @@ $:
   updateOption("closeOnOutsideClick", closeOnOutsideClick);
 $:
   updateOption("portal", portal);
-$:
-  updateOption("forceVisible", forceVisible);
 $:
   updateOption("openFocus", openFocus);
 $:

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

@@ -4,15 +4,9 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        forceVisible?: boolean | undefined;
-        ids?: {
-            content: string;
-            description: string;
-            title: string;
-        } | undefined;
         portal?: string | HTMLElement | null | undefined;
-        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
+        closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };

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

@@ -1,7 +1,7 @@
 /// <reference types="svelte" />
 import { type Dialog as AlertDialogReturn, type CreateDialogProps as CreateAlertDialogProps } from "@melt-ui/svelte";
 type SetProps = CreateAlertDialogProps;
-export declare const getAttrs: (part: "action" | "content" | "trigger" | "cancel" | "description" | "overlay" | "portal" | "title") => Record<string, string>;
+export declare const getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
@@ -17,6 +17,7 @@ export declare function setCtx(props: SetProps): {
             role: "dialog" | "alertdialog";
             'aria-describedby': string;
             'aria-labelledby': string;
+            'aria-modal': "true" | undefined;
             'data-state': string;
             tabindex: number;
             hidden: boolean | undefined;
@@ -26,10 +27,9 @@ export declare function setCtx(props: SetProps): {
             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>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId]: [boolean, string]) => {
+        }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open]: [boolean]) => {
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
-            readonly 'aria-controls': string;
             readonly type: "button";
         }, string>;
         title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {

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

@@ -1,11 +1,10 @@
-import Root from "./components/AlertDialog.svelte";
-import Title from "./components/AlertDialogTitle.svelte";
-import Action from "./components/AlertDialogAction.svelte";
-import Cancel from "./components/AlertDialogCancel.svelte";
-import Portal from "./components/AlertDialogPortal.svelte";
-import Content from "./components/AlertDialogContent.svelte";
-import Overlay from "./components/AlertDialogOverlay.svelte";
-import Trigger from "./components/AlertDialogTrigger.svelte";
-import Description from "./components/AlertDialogDescription.svelte";
-export { Root, Title, Action, Cancel, Portal, Content, Overlay, Trigger, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Content as AlertDialogContent, Overlay as AlertDialogOverlay, Trigger as AlertDialogTrigger, Description as AlertDialogDescription };
+export { default as Root } from "./components/alert-dialog.svelte";
+export { default as Title } from "./components/alert-dialog-title.svelte";
+export { default as Action } from "./components/alert-dialog-action.svelte";
+export { default as Cancel } from "./components/alert-dialog-cancel.svelte";
+export { default as Portal } from "./components/alert-dialog-portal.svelte";
+export { default as Content } from "./components/alert-dialog-content.svelte";
+export { default as Overlay } from "./components/alert-dialog-overlay.svelte";
+export { default as Trigger } from "./components/alert-dialog-trigger.svelte";
+export { default as Description } from "./components/alert-dialog-description.svelte";
 export * from "./types.js";

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

@@ -1,13 +1,10 @@
-import Root from "./components/AlertDialog.svelte";
-import Title from "./components/AlertDialogTitle.svelte";
-import Action from "./components/AlertDialogAction.svelte";
-import Cancel from "./components/AlertDialogCancel.svelte";
-import Portal from "./components/AlertDialogPortal.svelte";
-import Content from "./components/AlertDialogContent.svelte";
-import Overlay from "./components/AlertDialogOverlay.svelte";
-import Trigger from "./components/AlertDialogTrigger.svelte";
-import Description from "./components/AlertDialogDescription.svelte";
-export { Root, Title, Action, Cancel, Portal, Content, Overlay, Trigger, Description, 
-//
-Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Content as AlertDialogContent, Overlay as AlertDialogOverlay, Trigger as AlertDialogTrigger, Description as AlertDialogDescription };
+export { default as Root } from "./components/alert-dialog.svelte";
+export { default as Title } from "./components/alert-dialog-title.svelte";
+export { default as Action } from "./components/alert-dialog-action.svelte";
+export { default as Cancel } from "./components/alert-dialog-cancel.svelte";
+export { default as Portal } from "./components/alert-dialog-portal.svelte";
+export { default as Content } from "./components/alert-dialog-content.svelte";
+export { default as Overlay } from "./components/alert-dialog-overlay.svelte";
+export { default as Trigger } from "./components/alert-dialog-trigger.svelte";
+export { default as Description } from "./components/alert-dialog-description.svelte";
 export * from "./types.js";

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

@@ -1,25 +1,19 @@
-import type { HTMLDivAttributes, OmitOpen, Expand, HTMLHeadingAttributes, OnChangeFn, Transition, AsChild, TransitionProps } from "../../internal/index.js";
+import type { HTMLDivAttributes, HTMLHeadingAttributes, Transition } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-import type { CreateDialogProps } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
-type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
-    open?: boolean;
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type TriggerProps = AsChild & HTMLButtonAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props;
+type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
 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> & HTMLDivAttributes;
-type DescriptionProps = AsChild & HTMLDivAttributes;
-type OverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type PortalProps = AsChild & HTMLDivAttributes;
-type TitleProps = Expand<{
-    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-} & AsChild> & HTMLHeadingAttributes;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
+type DescriptionProps = I.DescriptionProps & HTMLDivAttributes;
+type PortalProps = I.PortalProps & HTMLDivAttributes;
+type TitleProps = I.TitleProps & HTMLHeadingAttributes;
 type TriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
 type ActionEvents = TriggerEvents;
 type CancelEvents = TriggerEvents;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, OverlayProps, PortalProps, TitleProps, Props as AlertDialogProps, TriggerProps as AlertDialogTriggerProps, ActionProps as AlertDialogActionProps, CancelProps as AlertDialogCancelProps, ContentProps as AlertDialogContentProps, DescriptionProps as AlertDialogDescriptionProps, OverlayProps as AlertDialogOverlayProps, PortalProps as AlertDialogPortalProps, TitleProps as AlertDialogTitleProps, TriggerEvents, CancelEvents, ActionEvents, TriggerEvents as AlertDialogTriggerEvents, CancelEvents as AlertDialogCancelEvents, ActionEvents as AlertDialogActionEvents };
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents };

package/dist/bits/aspect-ratio/_export.types.d.ts

@@ -0,0 +1 @@
+export type { Props as AspectRatioProps } from "./types.js";

package/dist/bits/aspect-ratio/_export.types.js

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

package/dist/bits/aspect-ratio/_types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ */
+type Props = Expand<{
+    ratio: number;
+}>;
+export type { Props };

package/dist/bits/aspect-ratio/_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/aspect-ratio/components/{AspectRatio.svelte → aspect-ratio.svelte}

@@ -1,7 +1,14 @@
 <script>export let ratio = 1 / 1;
+const attrs = {
+  "data-aspect-ratio-root": ""
+};
 </script>
 
-<div style:position="relative" style:width="100%" style:padding-bottom="{100 / ratio}%">
+<div
+	style:position="relative"
+	style:width="100%"
+	style:padding-bottom="{100 / ratio}%"
+>
 	<div
 		style:position="absolute"
 		style:top="0"
@@ -9,6 +16,7 @@
 		style:bottom="0"
 		style:left="0"
 		{...$$restProps}
+		{...attrs}
 	>
 		<slot />
 	</div>

package/dist/bits/aspect-ratio/index.d.ts

@@ -1,3 +1,2 @@
-import Root from "./components/AspectRatio.svelte";
-export { Root, Root as AspectRatio };
+export { default as Root } from "./components/aspect-ratio.svelte";
 export * from "./types.js";

package/dist/bits/aspect-ratio/index.js

@@ -1,5 +1,2 @@
-import Root from "./components/AspectRatio.svelte";
-export { Root, 
-//
-Root as AspectRatio };
+export { default as Root } from "./components/aspect-ratio.svelte";
 export * from "./types.js";

package/dist/bits/aspect-ratio/types.d.ts

@@ -1,5 +1,4 @@
 import type { HTMLDivAttributes } from "../../internal/index.js";
-type Props = {
-    ratio: number;
-} & HTMLDivAttributes;
-export type { Props, Props as AspectRatioProps };
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLDivAttributes;
+export type { Props };

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

@@ -0,0 +1 @@
+export type { Props as AvatarProps, ImageProps as AvatarImageProps, FallbackProps as AvatarFallbackProps } from "./types.js";

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * 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 { Expand, AsChild, OnChangeFn } from "../../internal/index.js";
+import type { CreateAvatarProps } from "@melt-ui/svelte";
+type Props = Expand<Omit<CreateAvatarProps, "onLoadingStatusChange" | "loadingStatus" | "src"> & {
+    /**
+     * The loading state of the image.
+     * You can bind this to a boolean value to programmatically control the loading state.
+     */
+    loadingStatus?: "loading" | "loaded" | "error";
+    /**
+     * A callback function called when the loading state changes.
+     */
+    onLoadingStatusChange?: OnChangeFn<"loading" | "loaded" | "error">;
+} & AsChild>;
+type ImageProps = Expand<AsChild>;
+type FallbackProps = AsChild;
+export type { Props, ImageProps, FallbackProps };

package/dist/bits/avatar/_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/avatar/components/{AvatarFallback.svelte → avatar-fallback.svelte}

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

package/dist/bits/avatar/components/{AvatarFallback.svelte.d.ts → avatar-fallback.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/avatar/components/{AvatarImage.svelte → avatar-image.svelte}

@@ -3,15 +3,17 @@ import { getImage, getAttrs } from "../ctx.js";
 export let src = void 0;
 export let alt = void 0;
 export let asChild = false;
+const attrs = getAttrs("image");
 $:
   image = getImage(src).elements.image;
 $:
   builder = $image;
-const attrs = getAttrs("image");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<img {...builder} use:builder.action {alt} {...$$restProps} {...attrs} />
+	<img {...builder} use:builder.action {alt} {...$$restProps} />
 {/if}

package/dist/bits/avatar/components/{AvatarImage.svelte.d.ts → avatar-image.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/avatar/ctx.d.ts

@@ -5,27 +5,27 @@ export declare function setCtx(props: CreateAvatarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     elements: {
         image: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>, {
-            update: (updater: import("svelte/store").Updater<"error" | "loading" | "loaded">, sideEffect?: ((newValue: "error" | "loading" | "loaded") => void) | undefined) => void;
-            set: (this: void, value: "error" | "loading" | "loaded") => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<"error" | "loading" | "loaded">, invalidate?: import("svelte/store").Invalidator<"error" | "loading" | "loaded"> | undefined): import("svelte/store").Unsubscriber;
-        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$src, $loadingStatus]: [string, "error" | "loading" | "loaded"]) => {
+            update: (updater: import("svelte/store").Updater<"loading" | "loaded" | "error">, sideEffect?: ((newValue: "loading" | "loaded" | "error") => void) | undefined) => void;
+            set: (this: void, value: "loading" | "loaded" | "error") => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<"loading" | "loaded" | "error">, invalidate?: import("svelte/store").Invalidator<"loading" | "loaded" | "error"> | undefined): import("svelte/store").Unsubscriber;
+        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$src, $loadingStatus]: [string, "loading" | "loaded" | "error"]) => {
             src: string;
             style: string;
         }, "avatar-image">;
         fallback: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
-            update: (updater: import("svelte/store").Updater<"error" | "loading" | "loaded">, sideEffect?: ((newValue: "error" | "loading" | "loaded") => void) | undefined) => void;
-            set: (this: void, value: "error" | "loading" | "loaded") => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<"error" | "loading" | "loaded">, invalidate?: import("svelte/store").Invalidator<"error" | "loading" | "loaded"> | undefined): import("svelte/store").Unsubscriber;
-        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$loadingStatus]: ["error" | "loading" | "loaded"]) => {
+            update: (updater: import("svelte/store").Updater<"loading" | "loaded" | "error">, sideEffect?: ((newValue: "loading" | "loaded" | "error") => void) | undefined) => void;
+            set: (this: void, value: "loading" | "loaded" | "error") => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<"loading" | "loaded" | "error">, invalidate?: import("svelte/store").Invalidator<"loading" | "loaded" | "error"> | undefined): import("svelte/store").Unsubscriber;
+        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$loadingStatus]: ["loading" | "loaded" | "error"]) => {
             style: string | undefined;
             hidden: boolean | undefined;
         }, "avatar-fallback">;
     };
     states: {
         loadingStatus: {
-            update: (updater: import("svelte/store").Updater<"error" | "loading" | "loaded">, sideEffect?: ((newValue: "error" | "loading" | "loaded") => void) | undefined) => void;
-            set: (this: void, value: "error" | "loading" | "loaded") => void;
-            subscribe(this: void, run: import("svelte/store").Subscriber<"error" | "loading" | "loaded">, invalidate?: import("svelte/store").Invalidator<"error" | "loading" | "loaded"> | undefined): import("svelte/store").Unsubscriber;
+            update: (updater: import("svelte/store").Updater<"loading" | "loaded" | "error">, sideEffect?: ((newValue: "loading" | "loaded" | "error") => void) | undefined) => void;
+            set: (this: void, value: "loading" | "loaded" | "error") => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<"loading" | "loaded" | "error">, invalidate?: import("svelte/store").Invalidator<"loading" | "loaded" | "error"> | undefined): import("svelte/store").Unsubscriber;
         };
     };
     options: {

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

@@ -1,5 +1,4 @@
-import Root from "./components/Avatar.svelte";
-import Image from "./components/AvatarImage.svelte";
-import Fallback from "./components/AvatarFallback.svelte";
-export { Root, Image, Fallback, Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback };
+export { default as Root } from "./components/avatar.svelte";
+export { default as Image } from "./components/avatar-image.svelte";
+export { default as Fallback } from "./components/avatar-fallback.svelte";
 export * from "./types.js";

package/dist/bits/avatar/index.js

@@ -1,7 +1,4 @@
-import Root from "./components/Avatar.svelte";
-import Image from "./components/AvatarImage.svelte";
-import Fallback from "./components/AvatarFallback.svelte";
-export { Root, Image, Fallback, 
-//
-Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback };
+export { default as Root } from "./components/avatar.svelte";
+export { default as Image } from "./components/avatar-image.svelte";
+export { default as Fallback } from "./components/avatar-fallback.svelte";
 export * from "./types.js";

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

@@ -1,10 +1,7 @@
-import type { Expand, AsChild, HTMLDivAttributes, HTMLSpanAttributes, OnChangeFn } from "../../internal/index.js";
-import type { CreateAvatarProps } from "@melt-ui/svelte";
+import type { HTMLDivAttributes, HTMLSpanAttributes } from "../../internal/index.js";
 import type { HTMLImgAttributes } from "svelte/elements";
-type Props = Expand<Omit<CreateAvatarProps, "onLoadingStatusChange" | "loadingStatus" | "src"> & {
-    loadingStatus?: "loading" | "loaded" | "error";
-    onLoadingStatusChange?: OnChangeFn<"loading" | "loaded" | "error">;
-} & AsChild> & HTMLDivAttributes;
-type ImageProps = AsChild & HTMLImgAttributes;
-type FallbackProps = AsChild & HTMLSpanAttributes;
-export type { Props, ImageProps, FallbackProps, Props as AvatarProps, ImageProps as AvatarImageProps, FallbackProps as AvatarFallbackProps };
+import type * as I from "./_types.js";
+type Props = I.Props & HTMLDivAttributes;
+type ImageProps = I.ImageProps & HTMLImgAttributes;
+type FallbackProps = I.FallbackProps & HTMLSpanAttributes;
+export type { Props, ImageProps, FallbackProps };

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

@@ -0,0 +1 @@
+export type { Props as ButtonProps, Events as ButtonEvents } from "./types.js";

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * 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 { Builder } from "../../internal/index.js";
+type Props = Expand<{
+    /**
+     * Melt UI builders to apply to the button component.
+     */
+    builders?: Builder[];
+}>;
+export type { Props };

package/dist/bits/button/_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/button/components/{Button.svelte → button.svelte}

@@ -3,7 +3,7 @@ export let href = void 0;
 export let type = void 0;
 export let builders = [];
 const attrs = {
-  "data-bits-button-root": ""
+  "data-button-root": ""
 };
 </script>
 

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

@@ -1,3 +1,2 @@
-import Root from "./components/Button.svelte";
-export { Root, Root as Button };
+export { default as Root } from "./components/button.svelte";
 export * from "./types.js";

package/dist/bits/button/index.js

@@ -1,3 +1,2 @@
-import Root from "./components/Button.svelte";
-export { Root, Root as Button };
+export { default as Root } from "./components/button.svelte";
 export * from "./types.js";

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

@@ -1,16 +1,13 @@
-import type { Builder } from "../../internal/index.js";
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-type Builders = {
-    builders?: Builder[];
-};
-interface AnchorElement extends Builders, HTMLAnchorAttributes {
+import type * as I from "./_types.js";
+type AnchorElement = I.Props & HTMLAnchorAttributes & {
     href?: HTMLAnchorAttributes["href"];
     type?: never;
-}
-interface ButtonElement extends Builders, HTMLButtonAttributes {
+};
+type ButtonElement = I.Props & HTMLButtonAttributes & {
     type?: HTMLButtonAttributes["type"];
     href?: never;
-}
+};
 type Props = AnchorElement | ButtonElement;
 type ButtonEventHandler<T extends Event = Event> = T & {
     currentTarget: EventTarget & HTMLButtonElement;
@@ -23,4 +20,4 @@ type Events = {
     mouseenter: ButtonEventHandler<MouseEvent>;
     mouseleave: ButtonEventHandler<MouseEvent>;
 };
-export type { Props, Props as ButtonProps, Events, Events as ButtonEvents, ButtonEventHandler };
+export type { Props, Events, ButtonEventHandler };

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

@@ -0,0 +1 @@
+export type { Props as CalendarProps, PrevButtonProps as CalendarPrevButtonProps, NextButtonProps as CalendarNextButtonProps, HeadingProps as CalendarHeadingProps, GridProps as CalendarGridProps, CellProps as CalendarCellProps, GridRowProps as CalendarGridRowProps, GridBodyProps as CalendarGridBodyProps, HeadCellProps as CalendarHeadCellProps, GridHeadProps as CalendarGridHeadProps, HeaderProps as CalendarHeaderProps, DateProps as CalendarDateProps, Events as CalendarEvents, PrevButtonEvents as CalendarPrevButtonEvents, NextButtonEvents as CalendarNextButtonEvents, DateEvents as CalendarDateEvents } from "./types.js";