bits-ui 0.0.23 → 0.0.25

package/dist/bits/context-menu/components/ContextMenuSubTrigger.svelte

@@ -12,8 +12,9 @@ const {
 {#if asChild}
 	<slot builder={$subTrigger} />
 {:else}
+	{@const builder = $subTrigger}
 	<div
-		{...$subTrigger} use:$subTrigger.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-click
 		on:m-focusin
@@ -23,6 +24,6 @@ const {
 		on:m-pointermove
 		{...disabledAttrs(disabled)}
 	>
-		<slot builder={$subTrigger} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/context-menu/components/ContextMenuSubTrigger.svelte.d.ts

@@ -214,20 +214,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly role: "menuitem";
-                readonly id: string;
-                readonly tabindex: -1;
-                readonly 'aria-controls': string;
-                readonly 'aria-expanded': boolean;
-                readonly 'data-state': "open" | "closed";
-                readonly 'data-disabled': "" | undefined;
-                readonly 'aria-haspopop': "menu";
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "focusin" | "focusout" | "keydown" | "pointerleave" | "pointermove">;
-            };
+            builder: any;
         };
     };
     events: {

package/dist/bits/context-menu/components/ContextMenuTrigger.svelte

@@ -8,8 +8,9 @@ const trigger = ctx.get().elements.trigger;
 {#if asChild}
 	<slot builder={$trigger} />
 {:else}
+	{@const builder = $trigger}
 	<div
-		{...$trigger} use:$trigger.action
+		{...builder} use:builder.action
 		{...$$restProps}
 		on:m-contextmenu
 		on:m-pointercancel
@@ -17,6 +18,6 @@ const trigger = ctx.get().elements.trigger;
 		on:m-pointermove
 		on:m-pointerup
 	>
-		<slot builder={$trigger} />
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/context-menu/components/ContextMenuTrigger.svelte.d.ts

@@ -213,17 +213,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly 'aria-controls': string;
-                readonly 'aria-expanded': boolean;
-                readonly 'data-state': "open" | "closed";
-                readonly id: string;
-                readonly style: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">;
-            };
+            builder: any;
         };
     };
     events: {

package/dist/bits/context-menu/ctx.d.ts

@@ -16,6 +16,7 @@ export declare const ctx: {
     getRadioIndicator: typeof getRadioIndicator;
     setGroup: typeof setGroup;
     getGroupLabel: typeof getGroupLabel;
+    setArrow: typeof setArrow;
 };
 declare function get(): ContextMenuReturn;
 declare function set(props: CreateContextMenuProps): {
@@ -324,4 +325,5 @@ declare function getGroupLabel(): {
     }, string>;
     id: string;
 };
+declare function setArrow(size?: number): ContextMenuReturn;
 export {};

package/dist/bits/context-menu/ctx.js

@@ -21,7 +21,8 @@ export const ctx = {
     getCheckboxIndicator,
     getRadioIndicator,
     setGroup,
-    getGroupLabel
+    getGroupLabel,
+    setArrow
 };
 function get() {
     return getContext(NAME);
@@ -100,3 +101,8 @@ function getGroupLabel() {
     const { elements: { groupLabel } } = get();
     return { groupLabel, id };
 }
+function setArrow(size = 8) {
+    const menu = get();
+    menu.options.arrowSize.set(size);
+    return menu;
+}

package/dist/bits/context-menu/types.d.ts

@@ -7,33 +7,36 @@ type Props = Expand<OmitOpen<CreateContextMenuProps> & {
 type CheckboxItemProps = Expand<OmitChecked<CreateContextMenuCheckboxItemProps> & {
     checked?: CreateContextMenuCheckboxItemProps["defaultChecked"] & {};
     onCheckedChange?: OnChangeFn<CreateContextMenuCheckboxItemProps["defaultChecked"]>;
-}> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type RadioGroupProps = Expand<OmitValue<CreateContextMenuRadioGroupProps> & {
     value?: CreateContextMenuRadioGroupProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateContextMenuRadioGroupProps["defaultValue"]>;
-}> & AsChild & HTMLDivAttributes;
-type RadioItemProps = Expand<ContextMenuRadioItemProps> & AsChild & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition> = {
+} & AsChild> & HTMLDivAttributes;
+type RadioItemProps = Expand<ContextMenuRadioItemProps & AsChild> & HTMLDivAttributes;
+type ContentProps<T extends Transition = Transition> = Expand<{
     sideOffset?: number;
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type GroupProps = AsChild & HTMLDivAttributes;
-type ItemProps = {
+type ItemProps = Expand<{
     disabled?: boolean;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type CheckboxItemIndicatorProps = HTMLDivAttributes;
 type LabelProps = AsChild & HTMLDivAttributes;
 type SeparatorProps = AsChild & HTMLDivAttributes;
 type SubProps = Expand<CreateContextSubmenuProps>;
-type SubContentProps<T extends Transition = Transition> = {
+type SubContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
-type SubTriggerProps = {
+} & AsChild> & HTMLDivAttributes;
+type SubTriggerProps = Expand<{
     disabled?: boolean;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLDivAttributes;
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
 type CheckboxItemEvents = ContextMenuComponentEvents["checkboxItem"];
 type ItemEvents = ContextMenuComponentEvents["item"];
 type RadioItemEvents = ContextMenuComponentEvents["radioItem"];
@@ -41,4 +44,4 @@ type SubTriggerEvents = ContextMenuComponentEvents["subTrigger"];
 type TriggerEvents = ContextMenuComponentEvents["trigger"];
 type SubContentEvents = ContextMenuComponentEvents["submenu"];
 type ContentEvents = ContextMenuComponentEvents["menu"];
-export type { Props, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as ContextMenuProps, CheckboxItemProps as ContextMenuCheckboxItemProps, ContentProps as ContextMenuContentProps, GroupProps as ContextMenuGroupProps, ItemProps as ContextMenuItemProps, CheckboxItemIndicatorProps as ContextMenuCheckboxItemIndicatorProps, LabelProps as ContextMenuLabelProps, RadioGroupProps as ContextMenuRadioGroupProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, SubProps as ContextMenuSubProps, SubContentProps as ContextMenuSubContentProps, SubTriggerProps as ContextMenuSubTriggerProps, TriggerProps as ContextMenuTriggerProps, ContentEvents, CheckboxItemEvents, ItemEvents, RadioItemEvents, SubTriggerEvents, TriggerEvents, SubContentEvents, ContentEvents as ContextMenuContentEvents, CheckboxItemEvents as ContextMenuCheckboxItemEvents, ItemEvents as ContextMenuItemEvents, RadioItemEvents as ContextMenuRadioItemEvents, SubTriggerEvents as ContextMenuSubTriggerEvents, TriggerEvents as ContextMenuTriggerEvents, SubContentEvents as ContextMenuSubContentEvents };
+export type { Props, ArrowProps, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxItemIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, SubContentProps, SubTriggerProps, TriggerProps, Props as ContextMenuProps, ArrowProps as ContextMenuArrowProps, CheckboxItemProps as ContextMenuCheckboxItemProps, ContentProps as ContextMenuContentProps, GroupProps as ContextMenuGroupProps, ItemProps as ContextMenuItemProps, CheckboxItemIndicatorProps as ContextMenuCheckboxItemIndicatorProps, LabelProps as ContextMenuLabelProps, RadioGroupProps as ContextMenuRadioGroupProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, SubProps as ContextMenuSubProps, SubContentProps as ContextMenuSubContentProps, SubTriggerProps as ContextMenuSubTriggerProps, TriggerProps as ContextMenuTriggerProps, ContentEvents, CheckboxItemEvents, ItemEvents, RadioItemEvents, SubTriggerEvents, TriggerEvents, SubContentEvents, ContentEvents as ContextMenuContentEvents, CheckboxItemEvents as ContextMenuCheckboxItemEvents, ItemEvents as ContextMenuItemEvents, RadioItemEvents as ContextMenuRadioItemEvents, SubTriggerEvents as ContextMenuSubTriggerEvents, TriggerEvents as ContextMenuTriggerEvents, SubContentEvents as ContextMenuSubContentEvents };

package/dist/bits/dialog/components/DialogClose.svelte

@@ -7,7 +7,8 @@ const close = ctx.get().elements.close;
 {#if asChild}
 	<slot builder={$close} />
 {:else}
-	<button {...$close} use:$close.action {...$$restProps} on:m-click on:m-keydown>
-		<slot builder={$close} />
+	{@const builder = $close}
+	<button {...builder} use:builder.action {...$$restProps} on:m-click on:m-keydown>
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/dialog/components/DialogClose.svelte.d.ts

@@ -223,13 +223,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly type: "button";
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
     events: {

package/dist/bits/dialog/components/DialogContent.svelte

@@ -9,11 +9,13 @@ const content = ctx.get().elements.content;
 {#if asChild}
 	<slot builder={$content} />
 {:else if transition}
-	<div {...$content} use:$content.action {...$$restProps} transition:transition={transitionConfig}>
-		<slot builder={$content} />
+	{@const builder = $content}
+	<div {...builder} use:builder.action {...$$restProps} transition:transition={transitionConfig}>
+		<slot {builder} />
 	</div>
 {:else}
-	<div {...$content} use:$content.action {...$$restProps}>
-		<slot builder={$content} />
+	{@const builder = $content}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/dialog/components/DialogContent.svelte.d.ts

@@ -2,6 +2,9 @@ import { SvelteComponent } from "svelte";
 import type { Transition } from "../../../internal/index.js";
 declare class __sveltets_Render<T extends Transition> {
     props(): {
+        transition?: T | undefined;
+        transitionConfig?: import("../../../internal/index.js").TransitionParams<T> | undefined;
+        asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -210,30 +213,13 @@ declare class __sveltets_Render<T extends Transition> {
         'on:close'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
         'on:fullscreenchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
         'on:fullscreenerror'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
-        transition?: T | undefined;
-        transitionConfig?: import("../../../internal/index.js").TransitionParams<T> | undefined;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
     slots(): {
         default: {
-            builder: {
-                id: string;
-                role: "alertdialog" | "dialog";
-                'aria-describedby': string;
-                'aria-labelledby': string;
-                'data-state': string;
-                tabindex: number;
-                hidden: boolean | undefined;
-                style: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: <Node_1 extends unknown>(node: HTMLElement) => {
-                    destroy(): void;
-                };
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/dialog/components/DialogDescription.svelte

@@ -7,7 +7,8 @@ const description = ctx.get().elements.description;
 {#if asChild}
 	<slot builder={$description} />
 {:else}
-	<div {...$description} use:$description.action {...$$restProps}>
-		<slot builder={$description} />
+	{@const builder = $description}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/dialog/components/DialogDescription.svelte.d.ts

@@ -216,13 +216,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                id: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/dialog/components/DialogPortal.svelte

@@ -6,8 +6,8 @@ const {
 } = ctx.get();
 </script>
 
-<div {...$portalled} use:$portalled.action {...$$restProps}>
-	{#if $open}
+{#if $open}
+	<div {...$portalled} use:$portalled.action {...$$restProps}>
 		<slot />
-	{/if}
-</div>
+	</div>
+{/if}

package/dist/bits/dialog/components/DialogTitle.svelte

@@ -8,7 +8,8 @@ const title = ctx.get().elements.title;
 {#if asChild}
 	<slot builder={$title} />
 {:else}
-	<svelte:element this={level} {...$title} use:$title.action {...$$restProps}>
-		<slot builder={$title} />
+	{@const builder = $title}
+	<svelte:element this={level} {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</svelte:element>
 {/if}

package/dist/bits/dialog/components/DialogTitle.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        asChild?: boolean | undefined;
         level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        asChild?: boolean | undefined;
         accesskey?: string | null | undefined;
         autofocus?: boolean | null | undefined;
         class?: string | null | undefined;
@@ -217,13 +217,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                id: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/dialog/components/DialogTrigger.svelte

@@ -7,7 +7,8 @@ const trigger = ctx.get().elements.trigger;
 {#if asChild}
 	<slot builder={$trigger} />
 {:else}
-	<button {...$trigger} use:$trigger.action {...$$restProps} on:m-click on:m-keydown>
-		<slot builder={$trigger} />
+	{@const builder = $trigger}
+	<button {...builder} use:builder.action {...$$restProps} on:m-click on:m-keydown>
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/dialog/components/DialogTrigger.svelte.d.ts

@@ -223,17 +223,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly id: string;
-                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<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
     events: {

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

@@ -7,16 +7,16 @@ type Props = Expand<OmitOpen<Omit<CreateDialogProps, "role">> & {
 }>;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type CloseProps = TriggerProps;
-type ContentProps<T extends Transition = Transition> = HTMLDivAttributes & {
+type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-};
+} & AsChild> & HTMLDivAttributes;
 type DescriptionProps = AsChild & HTMLDivAttributes;
 type OverlayProps = AsChild & HTMLDivAttributes;
 type PortalProps = AsChild & HTMLDivAttributes;
-type TitleProps = AsChild & {
+type TitleProps = Expand<{
     level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-} & HTMLHeadingAttributes;
+} & AsChild> & HTMLHeadingAttributes;
 type TriggerEvents = DialogComponentEvents["trigger"];
 type CloseEvents = DialogComponentEvents["close"];
 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 };

package/dist/bits/dropdown-menu/components/DropdownMenuArrow.svelte

@@ -1,8 +1,14 @@
 <script>import { melt } from "@melt-ui/svelte";
 import { ctx } from "../ctx.js";
+export let size = 8;
+export let asChild = false;
 const {
   elements: { arrow }
-} = ctx.get();
+} = ctx.setArrow(size);
 </script>
 
-<div {...$arrow} use:$arrow.action />
+{#if asChild}
+	<slot builder={$arrow} />
+{:else}
+	<div {...$arrow} use:$arrow.action />
+{/if}