bits-ui 0.16.0 → 0.18.0

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

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

@@ -24,12 +24,7 @@ $:
 {#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)}
@@ -43,21 +38,11 @@ $:
 		<slot {builder} />
 	</div>
 {:else if inTransition && $isSelected(props)}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if outTransition && $isSelected(props)}
-	<div
-		bind:this={el}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if $isSelected(props)}

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

@@ -15,6 +15,8 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
         }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
@@ -23,7 +25,9 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -35,7 +39,9 @@ export declare function setCtx<Multiple extends boolean>(props: CreateAccordionP
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
             'data-value': string;
@@ -77,6 +83,8 @@ export declare function getCtx(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
         }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
@@ -85,7 +93,9 @@ export declare function getCtx(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -97,7 +107,9 @@ export declare function getCtx(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
             'data-value': string;
@@ -140,6 +152,8 @@ export declare function setItem(props: ItemProps): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
         }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
@@ -148,7 +162,9 @@ export declare function setItem(props: ItemProps): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -160,7 +176,9 @@ export declare function setItem(props: ItemProps): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
             'data-value': string;
@@ -204,6 +222,8 @@ export declare function getContent(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
         }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
@@ -212,7 +232,9 @@ export declare function getContent(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -224,7 +246,9 @@ export declare function getContent(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
             'data-value': string;
@@ -270,6 +294,8 @@ export declare function getTrigger(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
         }, import("svelte/action").Action<any, any, Record<never, any>>, ($value: string | string[] | undefined) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
@@ -278,7 +304,9 @@ export declare function getTrigger(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$value, $disabled]: [string | string[] | undefined, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             disabled: boolean | undefined;
             'aria-expanded': boolean;
             'aria-disabled': boolean;
@@ -290,7 +318,9 @@ export declare function getTrigger(): {
             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;
             subscribe(this: void, run: import("svelte/store").Subscriber<string | string[] | undefined>, invalidate?: import("svelte/store").Invalidator<string | string[] | undefined> | undefined): import("svelte/store").Unsubscriber;
-        }, import("svelte/store").Writable<boolean>, import("svelte/store").Writable<boolean>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
+            get: () => string | string[] | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<boolean>>], (node: HTMLElement) => void, ([$value, $disabled, $forceVisible]: [string | string[] | undefined, boolean, boolean]) => (props: import("@melt-ui/svelte/index.js").AccordionItemProps) => {
             'data-state': string;
             'data-disabled': boolean | undefined;
             'data-value': string;

package/dist/bits/accordion/ctx.js

@@ -14,7 +14,7 @@ export function setCtx(props) {
     const accordion = {
         ...initAccordion,
         getAttrs,
-        updateOption: getOptionUpdater(initAccordion.options)
+        updateOption: getOptionUpdater(initAccordion.options),
     };
     setContext(NAME, accordion);
     return accordion;
@@ -38,7 +38,7 @@ export function getContent() {
     const { value: props } = getItemProps();
     return {
         ...ctx,
-        props
+        props,
     };
 }
 export function getTrigger() {
@@ -46,6 +46,6 @@ export function getTrigger() {
     const { value, disabled } = getItemProps();
     return {
         ...ctx,
-        props: { value, disabled }
+        props: { value, disabled },
     };
 }

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

@@ -11,4 +11,4 @@ type TriggerEvents = {
     click: CustomEventHandler<MouseEvent, HTMLButtonElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
 };
-export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, TriggerEvents };
+export type { Props, ItemProps, HeaderProps, TriggerProps, ContentProps, TriggerEvents, };

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

@@ -1 +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, ContentEvents as AlertDialogContentEvents } from "./types.js";
+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, ContentEvents as AlertDialogContentEvents, } from "./types.js";

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

@@ -27,4 +27,4 @@ type PortalProps = DOMElement;
 type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 } & DOMElement<HTMLHeadingElement>>;
-export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps };
+export type { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, };

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

@@ -38,19 +38,9 @@ $:
 		{...$$restProps}
 	/>
 {:else if inTransition && $open}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	/>
+	<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-title.svelte

@@ -23,12 +23,7 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<svelte:element
-		this={level}
-		bind:this={el}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<svelte:element this={level} bind:this={el} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</svelte:element>
 {/if}

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

@@ -4,7 +4,7 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        onOutsideClick?: ((event: PointerEvent) => void) | 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;

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

@@ -10,7 +10,7 @@ export declare function setCtx(props: SetProps): {
         content: string;
     }>;
     elements: {
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
             destroy: () => void;
         }, ([$isVisible, $contentId, $descriptionId, $titleId]: [boolean, string, string, string]) => {
             id: string;
@@ -27,15 +27,17 @@ 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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
         }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open]: [boolean]) => {
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
             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]) => {
+        title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
             id: string;
         }, string>;
-        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
+        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
             id: string;
         }, string>;
         overlay: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
@@ -50,7 +52,7 @@ export declare function setCtx(props: SetProps): {
         close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
             readonly type: "button";
         }, string>;
-        portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<string | HTMLElement | null>, <Node_2 extends unknown>(node: HTMLElement) => {
+        portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null>>, <Node_2 extends unknown>(node: HTMLElement) => {
             destroy(): void;
         }, ($portal: string | HTMLElement | null) => {
             'data-portal': string | undefined;
@@ -61,13 +63,15 @@ 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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
         preventScroll: boolean;
         closeOnEscape: boolean;
         closeOnOutsideClick: boolean;
-        onOutsideClick: ((event: PointerEvent) => void) | undefined;
+        onOutsideClick: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
         role: "dialog" | "alertdialog";
         defaultOpen: boolean;
         open?: import("svelte/store").Writable<boolean> | undefined;
@@ -92,7 +96,7 @@ export declare function getCtx(): {
         content: string;
     }>;
     elements: {
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>, import("svelte/store").Writable<string>], (node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], (node: HTMLElement) => {
             destroy: () => void;
         }, ([$isVisible, $contentId, $descriptionId, $titleId]: [boolean, string, string, string]) => {
             id: string;
@@ -109,15 +113,17 @@ export declare function getCtx(): {
             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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
         }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open]: [boolean]) => {
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
             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]) => {
+        title: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$titleId]: [string]) => {
             id: string;
         }, string>;
-        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
+        description: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$descriptionId]: [string]) => {
             id: string;
         }, string>;
         overlay: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>], <Node_1 extends unknown>(node: HTMLElement) => {
@@ -132,7 +138,7 @@ export declare function getCtx(): {
         close: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, () => {
             readonly type: "button";
         }, string>;
-        portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<string | HTMLElement | null>, <Node_2 extends unknown>(node: HTMLElement) => {
+        portalled: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<import("svelte/store").Writable<string | HTMLElement | null>>, <Node_2 extends unknown>(node: HTMLElement) => {
             destroy(): void;
         }, ($portal: string | HTMLElement | null) => {
             'data-portal': string | undefined;
@@ -143,13 +149,15 @@ export declare function getCtx(): {
             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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
         preventScroll: boolean;
         closeOnEscape: boolean;
         closeOnOutsideClick: boolean;
-        onOutsideClick: ((event: PointerEvent) => void) | undefined;
+        onOutsideClick: ((event: MouseEvent | TouchEvent | PointerEvent) => void) | undefined;
         role: "dialog" | "alertdialog";
         defaultOpen: boolean;
         open?: import("svelte/store").Writable<boolean> | undefined;

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

@@ -11,7 +11,7 @@ function getAlertDialogData() {
         "overlay",
         "portal",
         "title",
-        "trigger"
+        "trigger",
     ];
     return { NAME, PARTS };
 }
@@ -21,18 +21,18 @@ export function setCtx(props) {
     const initAlertDialog = createDialog({
         ...removeUndefined(props),
         role: "alertdialog",
-        forceVisible: true
+        forceVisible: true,
     });
     const alertDialog = {
         ...initAlertDialog,
         getAttrs,
-        updateOption: getOptionUpdater(initAlertDialog.options)
+        updateOption: getOptionUpdater(initAlertDialog.options),
     };
     setContext(NAME, alertDialog);
     return {
         ...alertDialog,
         updateOption: getOptionUpdater(alertDialog.options),
-        getAttrs
+        getAttrs,
     };
 }
 export function getCtx() {

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

@@ -25,4 +25,4 @@ type ContentEvents<T extends Element = HTMLElement> = {
 };
 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 { Props, TriggerProps, ActionProps, CancelProps, ContentProps, DescriptionProps, ContentProps as OverlayProps, PortalProps, TitleProps, TriggerEvents, CancelEvents, ActionEvents, ContentEvents, };

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

@@ -5,11 +5,7 @@ const attrs = {
 };
 </script>
 
-<div
-	style:position="relative"
-	style:width="100%"
-	style:padding-bottom="{ratio ? 100 / ratio : 0}%"
->
+<div style:position="relative" style:width="100%" style:padding-bottom="{ratio ? 100 / ratio : 0}%">
 	<div
 		bind:this={el}
 		style:position="absolute"

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

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

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

@@ -9,10 +9,12 @@ 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>;
     elements: {
-        image: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<string>, {
+        image: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[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";
+            destroy?: (() => void) | undefined;
         }], import("svelte/action").Action<any, any, Record<never, any>>, ([$src, $loadingStatus]: [string, "loading" | "loaded" | "error"]) => {
             src: string;
             style: string;
@@ -21,6 +23,8 @@ export declare function setCtx(props: CreateAvatarProps): {
             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";
+            destroy?: (() => void) | undefined;
         }], import("svelte/action").Action<any, any, Record<never, any>>, ([$loadingStatus]: ["loading" | "loaded" | "error"]) => {
             style: string | undefined;
             hidden: boolean | undefined;
@@ -31,6 +35,8 @@ export declare function setCtx(props: CreateAvatarProps): {
             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";
+            destroy?: (() => void) | undefined;
         };
     };
     options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{

package/dist/bits/avatar/ctx.js

@@ -6,7 +6,7 @@ export function getAvatarData() {
     const PARTS = ["root", "image", "fallback"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, avatar);
     return {
         ...avatar,
-        updateOption: getOptionUpdater(avatar.options)
+        updateOption: getOptionUpdater(avatar.options),
     };
 }
 export function getImage(src = "") {

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

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

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

@@ -21,4 +21,4 @@ type Events = {
     mouseenter: ButtonEventHandler<MouseEvent>;
     mouseleave: ButtonEventHandler<MouseEvent>;
 };
-export type { Props, Events, ButtonEventHandler };
+export type { Props, Events, ButtonEventHandler, };

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

@@ -1 +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, DayProps as CalendarDayProps, Events as CalendarEvents, PrevButtonEvents as CalendarPrevButtonEvents, NextButtonEvents as CalendarNextButtonEvents, DayEvents as CalendarDayEvents } from "./types.js";
+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, DayProps as CalendarDayProps, Events as CalendarEvents, PrevButtonEvents as CalendarPrevButtonEvents, NextButtonEvents as CalendarNextButtonEvents, DayEvents as CalendarDayEvents, } from "./types.js";

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

@@ -63,4 +63,4 @@ type BaseDayProps = Expand<{
 }>;
 type CellProps = Expand<Omit<BaseDayProps, "month">> & DOMElement<HTMLTableCellElement>;
 type DayProps = Expand<BaseDayProps & DOMElement>;
-export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, HeaderProps, GridProps, GridHeadProps, HeadCellProps, GridBodyProps, GridRowProps, CellProps, DayProps };
+export type { Props, PrevButtonProps, NextButtonProps, HeadingProps, HeaderProps, GridProps, GridHeadProps, HeadCellProps, GridBodyProps, GridRowProps, CellProps, DayProps, };

package/dist/bits/calendar/components/calendar-next-button.svelte

@@ -18,13 +18,7 @@ const dispatch = createDispatcher();
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/calendar/components/calendar-prev-button.svelte

@@ -18,13 +18,7 @@ const dispatch = createDispatcher();
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/calendar/components/calendar.svelte

@@ -34,12 +34,7 @@ onMount(() => {
 });
 const {
   elements: { calendar },
-  states: {
-    value: localValue,
-    placeholder: localPlaceholder,
-    months: localMonths,
-    weekdays
-  },
+  states: { value: localValue, placeholder: localPlaceholder, months: localMonths, weekdays },
   updateOption,
   ids,
   getCalendarAttrs
@@ -137,12 +132,7 @@ $:
 {#if asChild}
 	<slot {months} weekdays={$weekdays} {builder} />
 {:else}
-	<div
-		{...builder} use:builder.action
-		{...$$restProps}
-		on:m-keydown={dispatch}
-		bind:this={el}
-	>
+	<div {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch} bind:this={el}>
 		<slot {months} weekdays={$weekdays} {builder} />
 	</div>
 {/if}