bits-ui 0.9.9 → 0.10.0

package/dist/bits/date-range-picker/ctx.js

@@ -0,0 +1,31 @@
+import { createDateRangePicker } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+import { removeUndefined, getOptionUpdater } from "../../internal/index.js";
+import { getAttrs as getCalendarAttrs } from "../calendar/ctx.js";
+import { getAttrs as getFieldAttrs } from "../date-field/ctx.js";
+import { getAttrs as getPopoverAttrs } from "../popover/ctx.js";
+import { getPositioningUpdater } from "../floating/helpers.js";
+const NAME = "date-range-picker";
+export { getCalendarAttrs, getFieldAttrs, getPopoverAttrs };
+export function setCtx(props) {
+    const dateRangePicker = createDateRangePicker(removeUndefined(props));
+    const updateOption = getOptionUpdater(dateRangePicker.options);
+    setContext(NAME, { ...dateRangePicker, updateOption });
+    return {
+        ...dateRangePicker,
+        updateOption: getOptionUpdater(dateRangePicker.options)
+    };
+}
+export function getCtx() {
+    return getContext(NAME);
+}
+const defaultPlacement = {
+    side: "bottom",
+    align: "center"
+};
+export function updatePositioning(props) {
+    const withDefaults = { ...defaultPlacement, ...props };
+    const { options: { positioning } } = getCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
+}

package/dist/bits/date-range-picker/index.d.ts

@@ -0,0 +1,22 @@
+export { default as Arrow } from "./components/date-range-picker-arrow.svelte";
+export { default as Cell } from "./components/date-range-picker-cell.svelte";
+export { default as Date } from "./components/date-range-picker-date.svelte";
+export { default as Heading } from "./components/date-range-picker-heading.svelte";
+export { default as NextButton } from "./components/date-range-picker-next-button.svelte";
+export { default as PrevButton } from "./components/date-range-picker-prev-button.svelte";
+export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
+export { default as Close } from "./components/date-range-picker-close.svelte";
+export { default as Content } from "./components/date-range-picker-content.svelte";
+export { default as Field } from "./components/date-range-picker-field.svelte";
+export { default as Input } from "./components/date-range-picker-input.svelte";
+export { default as Label } from "./components/date-range-picker-label.svelte";
+export { default as Segment } from "./components/date-range-picker-segment.svelte";
+export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
+export { default as Root } from "./components/date-range-picker.svelte";
+export { default as Grid } from "./components/date-range-picker-grid.svelte";
+export { default as GridBody } from "../range-calendar/components/range-calendar-grid-body.svelte";
+export { default as GridHead } from "../range-calendar/components/range-calendar-grid-head.svelte";
+export { default as GridRow } from "../range-calendar/components/range-calendar-grid-row.svelte";
+export { default as HeadCell } from "../range-calendar/components/range-calendar-head-cell.svelte";
+export { default as Header } from "../range-calendar/components/range-calendar-header.svelte";
+export type * from "./types.js";

package/dist/bits/date-range-picker/index.js

@@ -0,0 +1,21 @@
+export { default as Arrow } from "./components/date-range-picker-arrow.svelte";
+export { default as Cell } from "./components/date-range-picker-cell.svelte";
+export { default as Date } from "./components/date-range-picker-date.svelte";
+export { default as Heading } from "./components/date-range-picker-heading.svelte";
+export { default as NextButton } from "./components/date-range-picker-next-button.svelte";
+export { default as PrevButton } from "./components/date-range-picker-prev-button.svelte";
+export { default as Calendar } from "./components/date-range-picker-calendar.svelte";
+export { default as Close } from "./components/date-range-picker-close.svelte";
+export { default as Content } from "./components/date-range-picker-content.svelte";
+export { default as Field } from "./components/date-range-picker-field.svelte";
+export { default as Input } from "./components/date-range-picker-input.svelte";
+export { default as Label } from "./components/date-range-picker-label.svelte";
+export { default as Segment } from "./components/date-range-picker-segment.svelte";
+export { default as Trigger } from "./components/date-range-picker-trigger.svelte";
+export { default as Root } from "./components/date-range-picker.svelte";
+export { default as Grid } from "./components/date-range-picker-grid.svelte";
+export { default as GridBody } from "../range-calendar/components/range-calendar-grid-body.svelte";
+export { default as GridHead } from "../range-calendar/components/range-calendar-grid-head.svelte";
+export { default as GridRow } from "../range-calendar/components/range-calendar-grid-row.svelte";
+export { default as HeadCell } from "../range-calendar/components/range-calendar-head-cell.svelte";
+export { default as Header } from "../range-calendar/components/range-calendar-header.svelte";

package/dist/bits/date-range-picker/types.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLDivAttributes, HTMLSpanAttributes } from "../../internal/index.js";
+import type * as I from "./_types.js";
+import type { CellProps, DateProps, GridBodyProps, GridHeadProps, GridRowProps, GridProps, HeadCellProps, HeaderProps, HeadingProps, NextButtonProps, PrevButtonProps, NextButtonEvents, PrevButtonEvents, DateEvents, Events as CalendarEvents } from "../range-calendar/types.js";
+import type { TriggerProps, ContentProps, ArrowProps, CloseProps, CloseEvents, TriggerEvents } from "../popover/types.js";
+import type { SegmentEvents } from "../date-range-field/types.js";
+type Props = I.Props;
+type LabelProps = I.Props & HTMLSpanAttributes;
+type SegmentProps = I.SegmentProps & HTMLDivAttributes;
+type InputProps = I.InputProps & HTMLDivAttributes;
+type DescriptionProps = I.DescriptionProps & HTMLDivAttributes;
+type CalendarProps = I.CalendarProps & HTMLDivAttributes;
+export type { Props, CalendarProps, LabelProps, DescriptionProps, InputProps, SegmentProps, CellProps, DateProps, GridBodyProps, GridHeadProps, GridRowProps, GridProps, HeadCellProps, HeaderProps, HeadingProps, NextButtonProps, PrevButtonProps, TriggerProps, ContentProps, ArrowProps, CloseProps, CloseEvents, TriggerEvents, NextButtonEvents, PrevButtonEvents, DateEvents, CalendarEvents, SegmentEvents };

package/dist/bits/date-range-picker/types.js

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

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

@@ -0,0 +1 @@
+export type { Props as DialogProps, CloseProps as DialogCloseProps, TitleProps as DialogTitleProps, PortalProps as DialogPortalProps, ContentProps as DialogContentProps, TriggerProps as DialogTriggerProps, OverlayProps as DialogOverlayProps, DescriptionProps as DialogDescriptionProps, TriggerEvents as DialogTriggerEvents, CloseEvents as DialogCloseEvents } from "./types.js";

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

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

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

@@ -0,0 +1,30 @@
+/**
+ * We define prop types without the HTMLAttributes here so that we can use them
+ * to type-check our API documentation, which requires we document each prop,
+ * but we don't want to document the HTML attributes.
+ */
+import type { AsChild, Expand, OmitOpen, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
+import type { CreateDialogProps } from "@melt-ui/svelte";
+type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role" | "ids" | "forceVisible">> & {
+    /**
+     * The open state of the dialog.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: CreateDialogProps["defaultOpen"] & {};
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+type TriggerProps = AsChild;
+type CloseProps = TriggerProps;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild>;
+type DescriptionProps = AsChild;
+type OverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<TransitionProps<T, In, Out> & AsChild>;
+type PortalProps = AsChild;
+type TitleProps = Expand<{
+    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+} & AsChild>;
+export type { Props, CloseProps, TitleProps, PortalProps, ContentProps, TriggerProps, OverlayProps, DescriptionProps };

package/dist/bits/dialog/_types.js

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

package/dist/bits/{popover/components/PopoverClose.svelte → dialog/components/dialog-close.svelte}

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

package/dist/bits/dialog/components/{DialogClose.svelte.d.ts → dialog-close.svelte.d.ts}

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

package/dist/bits/dialog/components/{DialogContent.svelte → dialog-content.svelte}

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

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

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

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

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

package/dist/bits/dialog/components/{DialogDescription.svelte.d.ts → dialog-description.svelte.d.ts}

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

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

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

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

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

package/dist/bits/{alert-dialog/components/AlertDialogPortal.svelte → dialog/components/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/dialog/components/{DialogPortal.svelte.d.ts → dialog-portal.svelte.d.ts}

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

package/dist/bits/dialog/components/{DialogTitle.svelte → 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/dialog/components/{DialogTitle.svelte.d.ts → 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/{alert-dialog/components/AlertDialogTrigger.svelte → dialog/components/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}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
-		{...$$restProps}
-		{...attrs}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

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

@@ -4,7 +4,6 @@ export let preventScroll = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = void 0;
 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/dialog/components/{Dialog.svelte.d.ts → 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/dialog/ctx.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 import { type CreateDialogProps, type Dialog as DialogReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "content" | "trigger" | "close" | "description" | "overlay" | "portal" | "title") => Record<string, string>;
+export declare const getAttrs: (part: "content" | "portal" | "description" | "title" | "trigger" | "close" | "overlay") => Record<string, string>;
 type SetProps = CreateDialogProps;
 export declare function setCtx(props: SetProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
@@ -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/dialog/index.d.ts

@@ -1,10 +1,9 @@
-import Root from "./components/Dialog.svelte";
-import Title from "./components/DialogTitle.svelte";
-import Close from "./components/DialogClose.svelte";
-import Portal from "./components/DialogPortal.svelte";
-import Content from "./components/DialogContent.svelte";
-import Overlay from "./components/DialogOverlay.svelte";
-import Trigger from "./components/DialogTrigger.svelte";
-import Description from "./components/DialogDescription.svelte";
-export { Root, Title, Close, Portal, Content, Overlay, Trigger, Description, Root as Dialog, Title as DialogTitle, Close as DialogClose, Portal as DialogPortal, Content as DialogContent, Overlay as DialogOverlay, Trigger as DialogTrigger, Description as DialogDescription };
+export { default as Root } from "./components/dialog.svelte";
+export { default as Title } from "./components/dialog-title.svelte";
+export { default as Close } from "./components/dialog-close.svelte";
+export { default as Portal } from "./components/dialog-portal.svelte";
+export { default as Content } from "./components/dialog-content.svelte";
+export { default as Overlay } from "./components/dialog-overlay.svelte";
+export { default as Trigger } from "./components/dialog-trigger.svelte";
+export { default as Description } from "./components/dialog-description.svelte";
 export * from "./types.js";

package/dist/bits/dialog/index.js

@@ -1,12 +1,9 @@
-import Root from "./components/Dialog.svelte";
-import Title from "./components/DialogTitle.svelte";
-import Close from "./components/DialogClose.svelte";
-import Portal from "./components/DialogPortal.svelte";
-import Content from "./components/DialogContent.svelte";
-import Overlay from "./components/DialogOverlay.svelte";
-import Trigger from "./components/DialogTrigger.svelte";
-import Description from "./components/DialogDescription.svelte";
-export { Root, Title, Close, Portal, Content, Overlay, Trigger, Description, 
-//
-Root as Dialog, Title as DialogTitle, Close as DialogClose, Portal as DialogPortal, Content as DialogContent, Overlay as DialogOverlay, Trigger as DialogTrigger, Description as DialogDescription };
+export { default as Root } from "./components/dialog.svelte";
+export { default as Title } from "./components/dialog-title.svelte";
+export { default as Close } from "./components/dialog-close.svelte";
+export { default as Portal } from "./components/dialog-portal.svelte";
+export { default as Content } from "./components/dialog-content.svelte";
+export { default as Overlay } from "./components/dialog-overlay.svelte";
+export { default as Trigger } from "./components/dialog-trigger.svelte";
+export { default as Description } from "./components/dialog-description.svelte";
 export * from "./types.js";

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

@@ -1,23 +1,18 @@
-import type { AsChild, Expand, HTMLDivAttributes, HTMLHeadingAttributes, OmitOpen, OnChangeFn, Transition, 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?: CreateDialogProps["defaultOpen"] & {};
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type TriggerProps = AsChild & HTMLButtonAttributes;
+import type * as I from "./_types.js";
+type Props = I.Props;
+type TriggerProps = I.TriggerProps & HTMLButtonAttributes;
 type CloseProps = 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 OverlayProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.OverlayProps<T, In, Out> & 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 CloseEvents = TriggerEvents;
-export type { Props, CloseProps, TitleProps, PortalProps, ContentProps, TriggerProps, OverlayProps, DescriptionProps, Props as DialogProps, CloseProps as DialogCloseProps, TitleProps as DialogTitleProps, PortalProps as DialogPortalProps, ContentProps as DialogContentProps, TriggerProps as DialogTriggerProps, OverlayProps as DialogOverlayProps, DescriptionProps as DialogDescriptionProps, TriggerEvents, CloseEvents, TriggerEvents as DialogTriggerEvents, CloseEvents as DialogCloseEvents };
+export type { Props, CloseProps, TitleProps, PortalProps, ContentProps, TriggerProps, OverlayProps, DescriptionProps, TriggerEvents, CloseEvents };

package/dist/bits/dropdown-menu/_export.types.d.ts

@@ -0,0 +1 @@
+export type { Props as DropdownMenuProps, SubProps as DropdownMenuSubProps, ItemProps as DropdownMenuItemProps, ArrowProps as DropdownMenuArrowProps, GroupProps as DropdownMenuGroupProps, LabelProps as DropdownMenuLabelProps, ContentProps as DropdownMenuContentProps, TriggerProps as DropdownMenuTriggerProps, RadioItemProps as DropdownMenuRadioItemProps, SeparatorProps as DropdownMenuSeparatorProps, RadioGroupProps as DropdownMenuRadioGroupProps, SubContentProps as DropdownMenuSubContentProps, SubTriggerProps as DropdownMenuSubTriggerProps, CheckboxItemProps as DropdownMenuCheckboxItemProps, RadioIndicatorProps as DropdownMenuRadioIndicatorProps, CheckboxIndicatorProps as DropdownMenuCheckboxIndicatorProps, ItemEvents as DropdownMenuItemEvents, TriggerEvents as DropdownMenuTriggerEvents, ContentEvents as DropdownMenuContentEvents, RadioItemEvents as DropdownMenuRadioItemEvents, SubContentEvents as DropdownMenuSubContentEvents, SubTriggerEvents as DropdownMenuSubTriggerEvents, CheckboxItemEvents as DropdownMenuCheckboxItemEvents } from "./types.js";

package/dist/bits/dropdown-menu/_export.types.js

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