bits-ui 0.21.0 → 0.21.2

package/README.md

@@ -14,10 +14,10 @@ The headless components for Svelte.
 
 ## Credits
 
-- [Bitworks](https://bitworks.cz) - The design team behind the Bits UI documentation and example components.
-- [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
-- [Radix UI](https://radix-ui.com) - The incredible headless component APIs that we've taken heavy inspiration from.
-- [React Spectrum](https://react-spectrum.adobe.com) - An incredible collection of headless components we've taken inspiration from.
+-   [Bitworks](https://bitworks.cz) - The design team behind the Bits UI documentation and example components.
+-   [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
+-   [Radix UI](https://radix-ui.com) - The incredible headless component APIs that we've taken heavy inspiration from.
+-   [React Spectrum](https://react-spectrum.adobe.com) - An incredible collection of headless components we've taken inspiration from.
 
 ## Sponsors
 

package/dist/bits/accordion/components/accordion-content.svelte

@@ -24,7 +24,12 @@ $:
 {#if asChild && $isSelected(props)}
 	<slot {builder} />
 {:else if transition && $isSelected(props)}
-	<div bind:this={el} transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
+	<div
+		bind:this={el}
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
 		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $isSelected(props)}

package/dist/bits/accordion/components/accordion-content.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentProps } from "../index.js";
 import type { Transition } from "../../../internal/index.js";
-import type { ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
     events(): {} & {

package/dist/bits/accordion/components/accordion-header.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { HeaderProps } from "../types.js";
+import type { HeaderProps } from "../index.js";
 declare const __propDef: {
     props: HeaderProps;
     events: {

package/dist/bits/accordion/components/accordion-item.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ItemProps } from "../types.js";
+import type { ItemProps } from "../index.js";
 declare const __propDef: {
     props: ItemProps;
     events: {

package/dist/bits/accordion/components/accordion-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

package/dist/bits/accordion/components/accordion.svelte

@@ -1,6 +1,6 @@
-<script>import { arraysAreEqual } from "../../../internal/arrays.js";
-import { melt } from "@melt-ui/svelte";
+<script>import { melt } from "@melt-ui/svelte";
 import { setCtx } from "../ctx.js";
+import { arraysAreEqual } from "../../../internal/arrays.js";
 export let multiple = false;
 export let value = void 0;
 export let onValueChange = void 0;
@@ -34,8 +34,7 @@ const {
 });
 const attrs = getAttrs("root");
 $:
-  value !== void 0 && // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  localValue.set(Array.isArray(value) ? [...value] : value);
+  value !== void 0 && localValue.set(Array.isArray(value) ? [...value] : value);
 $:
   updateOption("multiple", multiple);
 $:

package/dist/bits/accordion/components/accordion.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare class __sveltets_Render<Multiple extends boolean> {
     props(): Props<Multiple>;
     events(): {} & {

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

@@ -1,8 +1,8 @@
 /// <reference types="svelte" />
 import { type CreateAccordionProps } from "@melt-ui/svelte";
-import type { ItemProps } from "./types.js";
+import type { ItemProps } from "./index.js";
 export declare function setCtx<Multiple extends boolean>(props: CreateAccordionProps<Multiple>): {
-    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
@@ -67,10 +67,10 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
         defaultValue?: import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined;
         value?: import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<Multiple, string[], string, string | string[]> | undefined> | undefined;
-    }, "defaultValue" | "value" | "onValueChange">>;
+    }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function getCtx(): {
-    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
@@ -135,11 +135,11 @@ export declare function getCtx(): {
         defaultValue?: string | string[] | undefined;
         value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
-    }, "defaultValue" | "value" | "onValueChange">>;
+    }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function setItem(props: ItemProps): {
     props: ItemProps;
-    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
@@ -204,12 +204,12 @@ export declare function setItem(props: ItemProps): {
         defaultValue?: string | string[] | undefined;
         value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
-    }, "defaultValue" | "value" | "onValueChange">>;
+    }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function getItemProps(): ItemProps;
 export declare function getContent(): {
     props: string;
-    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
@@ -274,14 +274,14 @@ export declare function getContent(): {
         defaultValue?: string | string[] | undefined;
         value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
-    }, "defaultValue" | "value" | "onValueChange">>;
+    }, "value" | "defaultValue" | "onValueChange">>;
 };
 export declare function getTrigger(): {
     props: {
         value: string;
         disabled: boolean | undefined;
     };
-    getAttrs: (part: "content" | "header" | "root" | "item" | "trigger") => Record<string, string>;
+    getAttrs: (part: "header" | "root" | "content" | "item" | "trigger") => Record<string, string> | undefined;
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
         [x: string]: string;
@@ -346,5 +346,5 @@ export declare function getTrigger(): {
         defaultValue?: string | string[] | undefined;
         value?: import("svelte/store").Writable<string | string[] | undefined> | undefined;
         onValueChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<string | string[] | undefined> | undefined;
-    }, "defaultValue" | "value" | "onValueChange">>;
+    }, "value" | "defaultValue" | "onValueChange">>;
 };

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

@@ -3,4 +3,4 @@ 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";
+export type { AccordionProps as Props, AccordionItemProps as ItemProps, AccordionHeaderProps as HeaderProps, AccordionTriggerProps as TriggerProps, AccordionContentProps as ContentProps, AccordionTriggerEvents as TriggerEvents, } from "./types.js";

package/dist/bits/accordion/index.js

@@ -3,4 +3,3 @@ 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,14 +1,33 @@
-import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
-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 = {
+import type { AccordionHeadingProps as MeltAccordionHeadingProps, AccordionItemProps as MeltAccordionItemProps, CreateAccordionProps as MeltAccordionProps } from "@melt-ui/svelte";
+import type { CustomEventHandler } from "../../index.js";
+import type { DOMElement, Expand, HTMLDivAttributes, ObjectVariation, OmitForceVisible, OmitValue, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
+export type AccordionPropsWithoutHTML<Multiple extends boolean> = Expand<OmitValue<OmitForceVisible<MeltAccordionProps<Multiple>>> & {
+    /**
+     * The value of the accordion.
+     * You can bind this to a value to programmatically control the open state.
+     */
+    value?: MeltAccordionProps<Multiple>["defaultValue"];
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltAccordionProps<Multiple>["defaultValue"]>;
+} & DOMElement>;
+export type AccordionItemPropsWithoutHTML = Expand<ObjectVariation<MeltAccordionItemProps> & DOMElement>;
+export type AccordionHeaderPropsWithoutHTML = Expand<{
+    /**
+     * The heading level of the accordion header.
+     */
+    level?: ObjectVariation<MeltAccordionHeadingProps>["level"];
+} & DOMElement>;
+export type AccordionTriggerPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type AccordionContentPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & DOMElement>;
+export type AccordionProps<Multiple extends boolean> = AccordionPropsWithoutHTML<Multiple> & Omit<HTMLDivAttributes, "type">;
+export type AccordionItemProps = AccordionItemPropsWithoutHTML & HTMLDivAttributes;
+export type AccordionHeaderProps = AccordionHeaderPropsWithoutHTML & HTMLDivAttributes;
+export type AccordionTriggerProps = AccordionTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type AccordionContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = AccordionContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type AccordionTriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, TriggerEvents, };

package/dist/bits/alert-dialog/components/alert-dialog-action.svelte

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { createDispatcher } from "../../../internal/events.js";
 import { getCtx } from "../ctx.js";
+import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {

package/dist/bits/alert-dialog/components/alert-dialog-action.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
-import type { ActionEvents } from "../types.js";
+import type { ActionEvents, ActionProps } from "../index.js";
 declare const __propDef: {
-    props: import("../types.js").TriggerProps;
+    props: ActionProps;
     slots: {
         default: {
             builder: {

package/dist/bits/alert-dialog/components/alert-dialog-cancel.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
-import type { CancelEvents } from "../types.js";
+import type { CancelEvents, CancelProps } from "../index.js";
 declare const __propDef: {
-    props: import("../types.js").TriggerProps;
+    props: CancelProps;
     slots: {
         default: {
             builder: {

package/dist/bits/alert-dialog/components/alert-dialog-content.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { ContentProps } from "../index.js";
 import type { Transition } from "../../../internal/index.js";
-import type { ContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): ContentProps<T, In, Out>;
     events(): {

package/dist/bits/alert-dialog/components/alert-dialog-description.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { DescriptionProps } from "../types.js";
+import type { DescriptionProps } from "../index.js";
 declare const __propDef: {
     props: DescriptionProps;
     events: {

package/dist/bits/alert-dialog/components/alert-dialog-overlay.svelte

@@ -40,7 +40,12 @@ $:
 {:else if inTransition && $open}
 	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps} />
 {:else if outTransition && $open}
-	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps} />
+	<div
+		bind:this={el}
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	/>
 {:else if $open}
 	<div bind:this={el} {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/alert-dialog/components/alert-dialog-overlay.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { OverlayProps } from "../index.js";
 import type { Transition } from "../../../internal/index.js";
-import type { OverlayProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): OverlayProps<T, In, Out>;
     events(): {} & {

package/dist/bits/alert-dialog/components/alert-dialog-portal.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { PortalProps } from "../types.js";
+import type { PortalProps } from "../index.js";
 declare const __propDef: {
     props: PortalProps;
     events: {

package/dist/bits/alert-dialog/components/alert-dialog-title.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TitleProps } from "../types.js";
+import type { TitleProps } from "../index.js";
 declare const __propDef: {
     props: TitleProps;
     events: {

package/dist/bits/alert-dialog/components/alert-dialog-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

package/dist/bits/alert-dialog/components/alert-dialog.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         openFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         open?: boolean | undefined;

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

@@ -3,7 +3,7 @@ import { type CreateDialogProps as CreateAlertDialogProps } from "@melt-ui/svelt
 type SetProps = CreateAlertDialogProps;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
+    getAttrs: (part: "action" | "title" | "content" | "trigger" | "cancel" | "description" | "overlay" | "portal") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         title: string;
         description: string;
@@ -101,7 +101,7 @@ export declare function setCtx(props: SetProps): {
 };
 export declare function getCtx(): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "portal" | "description" | "action" | "title" | "trigger" | "cancel" | "overlay") => Record<string, string>;
+    getAttrs: (part: "action" | "title" | "content" | "trigger" | "cancel" | "description" | "overlay" | "portal") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         title: string;
         description: string;

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

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

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

@@ -7,4 +7,3 @@ 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,20 +1,44 @@
-import type { HTMLDivAttributes, HTMLHeadingAttributes, SvelteEvent, Transition } from "../../internal/index.js";
 import type { HTMLButtonAttributes } from "svelte/elements";
+import type { CreateDialogProps as MeltDialogProps } from "@melt-ui/svelte";
 import type { CustomEventHandler } from "../../index.js";
-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> = 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> = {
+import type { DOMElement, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, SvelteEvent, Transition, TransitionProps } from "../../internal/index.js";
+export type AlertDialogPropsWithoutHTML = Expand<OmitOpen<Omit<MeltDialogProps, "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>;
+}>;
+export type AlertDialogTriggerPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type AlertDialogActionPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type AlertDialogCancelPropsWithoutHTML = DOMElement<HTMLButtonElement>;
+export type AlertDialogContentPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & DOMElement>;
+export type AlertDialogOverlayPropsWithoutHTML<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & DOMElement>;
+export type AlertDialogDescriptionPropsWithoutHTML = DOMElement;
+export type AlertDialogPortalPropsWithoutHTML = DOMElement;
+export type AlertDialogTitlePropsWithoutHTML = Expand<{
+    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+} & DOMElement<HTMLHeadingElement>>;
+export type AlertDialogProps = AlertDialogPropsWithoutHTML;
+export type AlertDialogTriggerProps = AlertDialogTriggerPropsWithoutHTML & HTMLButtonAttributes;
+export type AlertDialogActionProps = AlertDialogActionPropsWithoutHTML & HTMLButtonAttributes;
+export type AlertDialogCancelProps = AlertDialogCancelPropsWithoutHTML & HTMLButtonAttributes;
+export type AlertDialogContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = AlertDialogContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type AlertDialogOverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = AlertDialogContentPropsWithoutHTML<T, In, Out> & HTMLDivAttributes;
+export type AlertDialogDescriptionProps = AlertDialogDescriptionPropsWithoutHTML & HTMLDivAttributes;
+export type AlertDialogPortalProps = AlertDialogPortalPropsWithoutHTML & HTMLDivAttributes;
+export type AlertDialogTitleProps = AlertDialogTitlePropsWithoutHTML & HTMLHeadingAttributes;
+export type AlertDialogTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type ContentEvents<T extends Element = HTMLElement> = {
+export type AlertDialogContentEvents<T extends Element = HTMLElement> = {
     pointerdown: SvelteEvent<PointerEvent, T>;
     pointerup: SvelteEvent<PointerEvent, T>;
     pointermove: SvelteEvent<PointerEvent, T>;
@@ -23,6 +47,5 @@ type ContentEvents<T extends Element = HTMLElement> = {
     touchcancel: SvelteEvent<TouchEvent, T>;
     touchmove: SvelteEvent<TouchEvent, T>;
 };
-type ActionEvents = TriggerEvents;
-type CancelEvents = TriggerEvents;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents, ContentEvents, };
+export type AlertDialogActionEvents = AlertDialogTriggerEvents;
+export type AlertDialogCancelEvents = AlertDialogTriggerEvents;

package/dist/bits/aspect-ratio/components/aspect-ratio.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     events: {

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

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

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

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

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

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

package/dist/bits/avatar/components/avatar-fallback.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { FallbackProps } from "../types.js";
+import type { FallbackProps } from "../index.js";
 declare const __propDef: {
     props: FallbackProps;
     events: {

package/dist/bits/avatar/components/avatar-image.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { ImageProps } from "../types.js";
+import type { ImageProps } from "../index.js";
 declare const __propDef: {
     props: ImageProps;
     events: {

package/dist/bits/avatar/components/avatar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     events: {
@@ -7,7 +7,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
         };
     };
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import { type CreateAvatarProps, type Avatar as AvatarReturn } from "@melt-ui/svelte";
+import { type Avatar as AvatarReturn, type CreateAvatarProps } from "@melt-ui/svelte";
 export declare function getAvatarData(): {
     NAME: "avatar";
     PARTS: readonly ["root", "image", "fallback"];
@@ -7,44 +7,44 @@ export declare function getAvatarData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateAvatarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "image" | "root" | "fallback") => Record<string, string>;
+    getAttrs: (part: "image" | "root" | "fallback") => Record<string, string> | undefined;
     elements: {
         image: import("@melt-ui/svelte/internal/helpers").MeltElement<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, {
-            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;
-            get: () => "loading" | "loaded" | "error";
+            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;
+            get: () => "error" | "loading" | "loaded";
             destroy?: (() => void) | undefined;
-        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$src, $loadingStatus]: [string, "loading" | "loaded" | "error"]) => {
+        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$src, $loadingStatus]: [string, "error" | "loading" | "loaded"]) => {
             src: string;
             style: string;
         }, "avatar-image">;
         fallback: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
-            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;
-            get: () => "loading" | "loaded" | "error";
+            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;
+            get: () => "error" | "loading" | "loaded";
             destroy?: (() => void) | undefined;
-        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$loadingStatus]: ["loading" | "loaded" | "error"]) => {
+        }], import("svelte/action").Action<any, any, Record<never, any>>, ([$loadingStatus]: ["error" | "loading" | "loaded"]) => {
             style: string | undefined;
             hidden: boolean | undefined;
         }, "avatar-fallback">;
     };
     states: {
         loadingStatus: {
-            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;
-            get: () => "loading" | "loaded" | "error";
+            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;
+            get: () => "error" | "loading" | "loaded";
             destroy?: (() => void) | undefined;
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
         src: string;
         delayMs: number;
-        loadingStatus?: import("svelte/store").Writable<"loading" | "loaded" | "error"> | undefined;
-        onLoadingStatusChange: import("@melt-ui/svelte/internal/helpers").ChangeFn<"loading" | "loaded" | "error"> | undefined;
-    }, "onLoadingStatusChange" | "loadingStatus">>;
+        loadingStatus?: import("svelte/store").Writable<"error" | "loading" | "loaded"> | undefined;
+        onLoadingStatusChange: import("@melt-ui/svelte/internal/helpers").ChangeFn<"error" | "loading" | "loaded"> | undefined;
+    }, "loadingStatus" | "onLoadingStatusChange">>;
 };
 export declare function getImage(src?: string | undefined | null): AvatarReturn;
 export declare function getCtx(): GetReturn;

package/dist/bits/avatar/ctx.js

@@ -1,6 +1,6 @@
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createAvatar } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 export function getAvatarData() {
     const NAME = "avatar";
     const PARTS = ["root", "image", "fallback"];

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

@@ -1,4 +1,4 @@
 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";
+export type { AvatarProps as Props, AvatarImageProps as ImageProps, AvatarFallbackProps as FallbackProps, } from "./types.js";

package/dist/bits/avatar/index.js

@@ -1,4 +1,3 @@
 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";