bits-ui 0.0.24 → 0.0.25

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

@@ -8,6 +8,7 @@ export declare const ctx: {
     getSub: typeof getSub;
     setMenu: typeof setMenu;
     getMenu: typeof getMenu;
+    setArrow: typeof setArrow;
     setGroup: typeof setGroup;
     getContent: typeof getContent;
     setRadioItem: typeof setRadioItem;
@@ -510,4 +511,5 @@ declare function getGroupLabel(): {
     }, string>;
     id: string;
 };
+declare function setArrow(size?: number): MenubarMenuReturn;
 export {};

package/dist/bits/menubar/ctx.js

@@ -15,6 +15,7 @@ export const ctx = {
     getSub,
     setMenu,
     getMenu,
+    setArrow,
     setGroup,
     getContent,
     setRadioItem,
@@ -107,3 +108,8 @@ function getGroupLabel() {
     const { elements: { groupLabel } } = getMenu();
     return { groupLabel, id };
 }
+function setArrow(size = 8) {
+    const menu = getMenu();
+    menu.options.arrowSize.set(size);
+    return menu;
+}

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

@@ -1,7 +1,7 @@
 import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn } from "../../internal/index.js";
 import type { CreateMenubarProps, CreateMenubarMenuProps, CreateMenuCheckboxItemProps, CreateMenuRadioGroupProps, MenubarRadioItemProps, CreateMenubarSubmenuProps, MenubarComponentEvents } from "@melt-ui/svelte";
 import type { HTMLButtonAttributes } from "svelte/elements";
-type Props = Expand<CreateMenubarProps> & HTMLDivAttributes;
+type Props = Expand<CreateMenubarProps & AsChild> & HTMLDivAttributes;
 type MenuProps = Expand<OmitOpen<CreateMenubarMenuProps> & {
     open?: CreateMenubarMenuProps["defaultOpen"] & {};
     onOpenChange?: OnChangeFn<CreateMenubarMenuProps["defaultOpen"]>;
@@ -10,28 +10,31 @@ type CheckboxItemProps = Expand<OmitChecked<CreateMenuCheckboxItemProps> & {
     checked?: CreateMenuCheckboxItemProps["defaultChecked"] & {};
     onCheckedChange?: OnChangeFn<CreateMenuCheckboxItemProps["defaultChecked"]>;
     disabled?: boolean;
-}> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type RadioGroupProps = Expand<OmitValue<CreateMenuRadioGroupProps> & {
     value?: CreateMenuRadioGroupProps["defaultValue"] & {};
     onValueChange?: OnChangeFn<CreateMenuRadioGroupProps["defaultValue"]>;
-}> & AsChild & HTMLDivAttributes;
-type ContentProps = {
+} & AsChild> & HTMLDivAttributes;
+type ContentProps = Expand<{
     sideOffset?: number;
-} & 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 RadioItemProps = Expand<MenubarRadioItemProps> & AsChild & HTMLDivAttributes;
+type RadioItemProps = Expand<MenubarRadioItemProps & AsChild> & HTMLDivAttributes;
 type SeparatorProps = AsChild & HTMLDivAttributes;
 type SubProps = Expand<CreateMenubarSubmenuProps>;
 type SubContentProps = AsChild & HTMLDivAttributes;
-type SubTriggerProps = {
+type SubTriggerProps = Expand<{
     disabled?: boolean;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
 type TriggerEvents = MenubarComponentEvents["trigger"];
 type ItemEvents = MenubarComponentEvents["item"];
 type SubTriggerEvents = MenubarComponentEvents["subTrigger"];
@@ -39,4 +42,4 @@ type CheckboxItemEvents = MenubarComponentEvents["checkboxItem"];
 type RadioItemEvents = MenubarComponentEvents["radioItem"];
 type ContentEvents = MenubarComponentEvents["menu"];
 type SubContentEvents = MenubarComponentEvents["submenu"];
-export type { Props, SubProps, MenuProps, ItemProps, GroupProps, LabelProps, TriggerProps, ContentProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, CheckboxItemIndicatorProps, Props as MenubarProps, SubProps as MenubarSubProps, MenuProps as MenubarMenuProps, ItemProps as MenubarItemProps, GroupProps as MenubarGroupProps, LabelProps as MenubarLabelProps, ContentProps as MenubarContentProps, TriggerProps as MenubarTriggerProps, RadioItemProps as MenubarRadioItemProps, SeparatorProps as MenubarSeparatorProps, SubContentProps as MenubarSubContentProps, SubTriggerProps as MenubarSubTriggerProps, RadioGroupProps as MenubarRadioGroupProps, CheckboxItemProps as MenubarCheckboxItemProps, CheckboxItemIndicatorProps as MenubarCheckboxItemIndicatorProps, TriggerEvents, ItemEvents, SubTriggerEvents, CheckboxItemEvents, RadioItemEvents, ContentEvents, SubContentEvents, TriggerEvents as MenubarTriggerEvents, ItemEvents as MenubarItemEvents, SubTriggerEvents as MenubarSubTriggerEvents, CheckboxItemEvents as MenubarCheckboxItemEvents, RadioItemEvents as MenubarRadioItemEvents, ContentEvents as MenubarContentEvents, SubContentEvents as MenubarSubContentEvents };
+export type { Props, SubProps, MenuProps, ItemProps, ArrowProps, GroupProps, LabelProps, TriggerProps, ContentProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, CheckboxItemIndicatorProps, Props as MenubarProps, SubProps as MenubarSubProps, MenuProps as MenubarMenuProps, ItemProps as MenubarItemProps, ArrowProps as MenubarArrowProps, GroupProps as MenubarGroupProps, LabelProps as MenubarLabelProps, ContentProps as MenubarContentProps, TriggerProps as MenubarTriggerProps, RadioItemProps as MenubarRadioItemProps, SeparatorProps as MenubarSeparatorProps, SubContentProps as MenubarSubContentProps, SubTriggerProps as MenubarSubTriggerProps, RadioGroupProps as MenubarRadioGroupProps, CheckboxItemProps as MenubarCheckboxItemProps, CheckboxItemIndicatorProps as MenubarCheckboxItemIndicatorProps, TriggerEvents, ItemEvents, SubTriggerEvents, CheckboxItemEvents, RadioItemEvents, ContentEvents, SubContentEvents, TriggerEvents as MenubarTriggerEvents, ItemEvents as MenubarItemEvents, SubTriggerEvents as MenubarSubTriggerEvents, CheckboxItemEvents as MenubarCheckboxItemEvents, RadioItemEvents as MenubarRadioItemEvents, ContentEvents as MenubarContentEvents, SubContentEvents as MenubarSubContentEvents };

package/dist/bits/popover/components/PopoverArrow.svelte

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

package/dist/bits/popover/components/PopoverArrow.svelte.d.ts

@@ -0,0 +1,236 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        size?: number | undefined;
+        asChild?: boolean | undefined;
+        accesskey?: string | null | undefined;
+        autofocus?: boolean | null | undefined;
+        class?: string | null | undefined;
+        contenteditable?: import("svelte/elements.js").Booleanish | "inherit" | null | undefined;
+        contextmenu?: string | null | undefined;
+        dir?: string | null | undefined;
+        draggable?: import("svelte/elements.js").Booleanish | null | undefined;
+        enterkeyhint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | null | undefined;
+        hidden?: boolean | null | undefined;
+        id?: string | null | undefined;
+        lang?: string | null | undefined;
+        part?: string | null | undefined;
+        placeholder?: string | null | undefined;
+        slot?: string | null | undefined;
+        spellcheck?: import("svelte/elements.js").Booleanish | null | undefined;
+        style?: string | null | undefined;
+        tabindex?: number | null | undefined;
+        title?: string | null | undefined;
+        translate?: "" | "yes" | "no" | null | undefined;
+        inert?: boolean | null | undefined;
+        radiogroup?: string | null | undefined;
+        role?: import("svelte/elements.js").AriaRole | null | undefined;
+        about?: string | null | undefined;
+        datatype?: string | null | undefined;
+        inlist?: any;
+        prefix?: string | null | undefined;
+        property?: string | null | undefined;
+        resource?: string | null | undefined;
+        typeof?: string | null | undefined;
+        vocab?: string | null | undefined;
+        autocapitalize?: string | null | undefined;
+        autocorrect?: string | null | undefined;
+        autosave?: string | null | undefined;
+        color?: string | null | undefined;
+        itemprop?: string | null | undefined;
+        itemscope?: boolean | null | undefined;
+        itemtype?: string | null | undefined;
+        itemid?: string | null | undefined;
+        itemref?: string | null | undefined;
+        results?: number | null | undefined;
+        security?: string | null | undefined;
+        unselectable?: "on" | "off" | null | undefined;
+        inputmode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | null | undefined;
+        is?: string | null | undefined;
+        'bind:innerHTML'?: string | null | undefined;
+        'bind:textContent'?: string | null | undefined;
+        'bind:innerText'?: string | null | undefined;
+        'bind:contentRect'?: DOMRectReadOnly | null | undefined;
+        'bind:contentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:borderBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'bind:devicePixelContentBoxSize'?: ResizeObserverSize[] | null | undefined;
+        'data-sveltekit-keepfocus'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-noscroll'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-preload-code'?: true | "" | "off" | "eager" | "viewport" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-preload-data'?: true | "" | "off" | "hover" | "tap" | null | undefined;
+        'data-sveltekit-reload'?: true | "" | "off" | null | undefined;
+        'data-sveltekit-replacestate'?: true | "" | "off" | null | undefined;
+        'aria-activedescendant'?: string | null | undefined;
+        'aria-atomic'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | null | undefined;
+        'aria-busy'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-checked'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-colcount'?: number | null | undefined;
+        'aria-colindex'?: number | null | undefined;
+        'aria-colspan'?: number | null | undefined;
+        'aria-controls'?: string | null | undefined;
+        'aria-current'?: import("svelte/elements.js").Booleanish | "page" | "step" | "location" | "date" | "time" | null | undefined;
+        'aria-describedby'?: string | null | undefined;
+        'aria-details'?: string | null | undefined;
+        'aria-disabled'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | null | undefined;
+        'aria-errormessage'?: string | null | undefined;
+        'aria-expanded'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-flowto'?: string | null | undefined;
+        'aria-grabbed'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-haspopup'?: import("svelte/elements.js").Booleanish | "dialog" | "grid" | "listbox" | "menu" | "tree" | null | undefined;
+        'aria-hidden'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-invalid'?: import("svelte/elements.js").Booleanish | "grammar" | "spelling" | null | undefined;
+        'aria-keyshortcuts'?: string | null | undefined;
+        'aria-label'?: string | null | undefined;
+        'aria-labelledby'?: string | null | undefined;
+        'aria-level'?: number | null | undefined;
+        'aria-live'?: "off" | "assertive" | "polite" | null | undefined;
+        'aria-modal'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-multiline'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-multiselectable'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | null | undefined;
+        'aria-owns'?: string | null | undefined;
+        'aria-placeholder'?: string | null | undefined;
+        'aria-posinset'?: number | null | undefined;
+        'aria-pressed'?: boolean | "true" | "false" | "mixed" | null | undefined;
+        'aria-readonly'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | null | undefined;
+        'aria-required'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-roledescription'?: string | null | undefined;
+        'aria-rowcount'?: number | null | undefined;
+        'aria-rowindex'?: number | null | undefined;
+        'aria-rowspan'?: number | null | undefined;
+        'aria-selected'?: import("svelte/elements.js").Booleanish | null | undefined;
+        'aria-setsize'?: number | null | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | null | undefined;
+        'aria-valuemax'?: number | null | undefined;
+        'aria-valuemin'?: number | null | undefined;
+        'aria-valuenow'?: number | null | undefined;
+        'aria-valuetext'?: string | null | undefined;
+        'on:copy'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:cut'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:paste'?: import("svelte/elements.js").ClipboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionend'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionstart'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:compositionupdate'?: import("svelte/elements.js").CompositionEventHandler<HTMLDivElement> | null | undefined;
+        'on:focus'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:focusin'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:focusout'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:blur'?: import("svelte/elements.js").FocusEventHandler<HTMLDivElement> | null | undefined;
+        'on:change'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:beforeinput'?: import("svelte/elements.js").EventHandler<InputEvent, HTMLDivElement> | null | undefined;
+        'on:input'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:reset'?: import("svelte/elements.js").FormEventHandler<HTMLDivElement> | null | undefined;
+        'on:submit'?: import("svelte/elements.js").EventHandler<SubmitEvent, HTMLDivElement> | null | undefined;
+        'on:invalid'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:formdata'?: import("svelte/elements.js").EventHandler<FormDataEvent, HTMLDivElement> | null | undefined;
+        'on:load'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
+        'on:error'?: import("svelte/elements.js").EventHandler<Event, Element> | null | undefined;
+        'on:toggle'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:keydown'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:keypress'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:keyup'?: import("svelte/elements.js").KeyboardEventHandler<HTMLDivElement> | null | undefined;
+        'on:abort'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:canplay'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:canplaythrough'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:cuechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:durationchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:emptied'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:encrypted'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:ended'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadeddata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadedmetadata'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:loadstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:pause'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:play'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:playing'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:progress'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:ratechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:seeked'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:seeking'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:stalled'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:suspend'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:timeupdate'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:volumechange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:waiting'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:auxclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:click'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:contextmenu'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:dblclick'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:drag'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragend'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragenter'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragexit'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragleave'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragover'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:dragstart'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:drop'?: import("svelte/elements.js").DragEventHandler<HTMLDivElement> | null | undefined;
+        'on:mousedown'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseenter'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseleave'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mousemove'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseout'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseover'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:mouseup'?: import("svelte/elements.js").MouseEventHandler<HTMLDivElement> | null | undefined;
+        'on:select'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:selectionchange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:selectstart'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:touchcancel'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchend'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchmove'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:touchstart'?: import("svelte/elements.js").TouchEventHandler<HTMLDivElement> | null | undefined;
+        'on:gotpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointercancel'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerdown'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerenter'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerleave'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointermove'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerout'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerover'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:pointerup'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:lostpointercapture'?: import("svelte/elements.js").PointerEventHandler<HTMLDivElement> | null | undefined;
+        'on:scroll'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
+        'on:resize'?: import("svelte/elements.js").UIEventHandler<HTMLDivElement> | null | undefined;
+        'on:wheel'?: import("svelte/elements.js").WheelEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationstart'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationend'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:animationiteration'?: import("svelte/elements.js").AnimationEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionstart'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionrun'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitionend'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:transitioncancel'?: import("svelte/elements.js").TransitionEventHandler<HTMLDivElement> | null | undefined;
+        'on:outrostart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:outroend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:introstart'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:introend'?: import("svelte/elements.js").EventHandler<CustomEvent<null>, HTMLDivElement> | null | undefined;
+        'on:message'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
+        'on:messageerror'?: import("svelte/elements.js").MessageEventHandler<HTMLDivElement> | null | undefined;
+        'on:visibilitychange'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        'on:cancel'?: import("svelte/elements.js").EventHandler<Event, HTMLDivElement> | null | undefined;
+        '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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            builder: {
+                'data-arrow': boolean;
+                style: string;
+            } & {
+                [x: `data-melt-${string}`]: "";
+            } & {
+                action: import("svelte/action").Action<any, any, Record<never, any>>;
+            };
+        };
+    };
+};
+export type PopoverArrowProps = typeof __propDef.props;
+export type PopoverArrowEvents = typeof __propDef.events;
+export type PopoverArrowSlots = typeof __propDef.slots;
+export default class PopoverArrow extends SvelteComponent<PopoverArrowProps, PopoverArrowEvents, PopoverArrowSlots> {
+}
+export {};

package/dist/bits/popover/components/PopoverClose.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/popover/components/PopoverClose.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/popover/components/PopoverContent.svelte

@@ -10,15 +10,16 @@ const {
 </script>
 
 {#if $open}
+	{@const builder = $content}
 	{#if asChild}
-		<slot builder={$content} />
+		<slot {builder} />
 	{:else if transition}
-		<div {...$$restProps} {...$content} use:$content.action transition:transition={transitionConfig}>
-			<slot builder={$content} />
+		<div {...$$restProps} {...builder} use:builder.action transition:transition={transitionConfig}>
+			<slot {builder} />
 		</div>
 	{:else}
-		<div {...$content} use:$content.action {...$$restProps}>
-			<slot builder={$content} />
+		<div {...builder} use:builder.action {...$$restProps}>
+			<slot {builder} />
 		</div>
 	{/if}
 {/if}

package/dist/bits/popover/components/PopoverContent.svelte.d.ts

@@ -219,20 +219,7 @@ declare class __sveltets_Render<T extends Transition> {
     };
     slots(): {
         default: {
-            builder: {
-                hidden: boolean | undefined;
-                tabindex: number;
-                style: string;
-                id: string;
-                'data-state': string;
-                'data-portal': string | undefined;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: <Node_1 extends unknown>(node: HTMLElement) => {
-                    destroy(): void;
-                };
-            };
+            builder: any;
         };
     };
 }

package/dist/bits/popover/components/PopoverTrigger.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/popover/components/PopoverTrigger.svelte.d.ts

@@ -223,18 +223,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly role: "button";
-                readonly 'aria-haspopup': "dialog";
-                readonly 'aria-expanded': boolean;
-                readonly 'data-state': "open" | "closed";
-                readonly 'aria-controls': string;
-                readonly id: string;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
-            };
+            builder: any;
         };
     };
     events: {

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

@@ -3,6 +3,7 @@ import { type CreatePopoverProps, type Popover as PopoverReturn } from "@melt-ui
 export declare const ctx: {
     set: typeof set;
     get: typeof get;
+    setArrow: typeof setArrow;
 };
 declare function set(props: CreatePopoverProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
@@ -60,4 +61,5 @@ declare function set(props: CreatePopoverProps): {
     };
 };
 declare function get(): PopoverReturn;
+declare function setArrow(size?: number): PopoverReturn;
 export {};

package/dist/bits/popover/ctx.js

@@ -4,7 +4,8 @@ import { getOptionUpdater, removeUndefined } from "../../internal/index.js";
 const NAME = "Popover";
 export const ctx = {
     set,
-    get
+    get,
+    setArrow
 };
 function set(props) {
     const popover = createPopover({
@@ -20,3 +21,8 @@ function set(props) {
 function get() {
     return getContext(NAME);
 }
+function setArrow(size = 8) {
+    const popover = get();
+    popover.options.arrowSize.set(size);
+    return popover;
+}

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

@@ -1,6 +1,7 @@
 import Root from "./components/Popover.svelte";
+import Arrow from "./components/PopoverArrow.svelte";
 import Content from "./components/PopoverContent.svelte";
 import Trigger from "./components/PopoverTrigger.svelte";
 import Close from "./components/PopoverClose.svelte";
-export { Root, Close, Content, Trigger, Root as Popover, Close as PopoverClose, Content as PopoverContent, Trigger as PopoverTrigger };
+export { Root, Arrow, Close, Content, Trigger, Root as Popover, Arrow as PopoverArrow, Close as PopoverClose, Content as PopoverContent, Trigger as PopoverTrigger };
 export * from "./types.js";

package/dist/bits/popover/index.js

@@ -1,8 +1,9 @@
 import Root from "./components/Popover.svelte";
+import Arrow from "./components/PopoverArrow.svelte";
 import Content from "./components/PopoverContent.svelte";
 import Trigger from "./components/PopoverTrigger.svelte";
 import Close from "./components/PopoverClose.svelte";
-export { Root, Close, Content, Trigger, 
+export { Root, Arrow, Close, Content, Trigger, 
 //
-Root as Popover, Close as PopoverClose, Content as PopoverContent, Trigger as PopoverTrigger };
+Root as Popover, Arrow as PopoverArrow, Close as PopoverClose, Content as PopoverContent, Trigger as PopoverTrigger };
 export * from "./types.js";

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

@@ -5,12 +5,15 @@ type Props = Expand<OmitOpen<CreatePopoverProps> & {
     open?: CreatePopoverProps["defaultOpen"];
     onOpenChange?: OnChangeFn<CreatePopoverProps["defaultOpen"]>;
 }>;
-type ContentProps<T extends Transition = Transition> = {
+type ContentProps<T extends Transition = Transition> = Expand<{
     transition?: T;
     transitionConfig?: TransitionParams<T>;
-} & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type TriggerProps = AsChild & HTMLButtonAttributes;
 type CloseProps = AsChild & HTMLButtonAttributes;
+type ArrowProps = Expand<{
+    size?: number;
+} & AsChild> & HTMLDivAttributes;
 type TriggerEvents = PopoverComponentEvents["trigger"];
 type CloseEvents = PopoverComponentEvents["close"];
-export type { Props, CloseProps, ContentProps, TriggerProps, Props as PopoverProps, CloseProps as PopoverCloseProps, ContentProps as PopoverContentProps, TriggerProps as PopoverTriggerProps, TriggerEvents, CloseEvents, TriggerEvents as PopoverTriggerEvents, CloseEvents as PopoverCloseEvents };
+export type { Props, CloseProps, ArrowProps, ContentProps, TriggerProps, Props as PopoverProps, ArrowProps as PopoverArrowProps, CloseProps as PopoverCloseProps, ContentProps as PopoverContentProps, TriggerProps as PopoverTriggerProps, TriggerEvents, CloseEvents, TriggerEvents as PopoverTriggerEvents, CloseEvents as PopoverCloseEvents };

package/dist/bits/progress/components/Progress.svelte

@@ -26,7 +26,8 @@ $:
 {#if asChild}
 	<slot builder={$root} />
 {:else}
-	<div {...$root} use:$root.action {...$$restProps}>
-		<slot builder={$root} />
+	{@const builder = $root}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/progress/components/Progress.svelte.d.ts

@@ -219,21 +219,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                value: number;
-                max: number;
-                role: string;
-                'aria-valuemin': number;
-                'aria-valuemax': number;
-                'aria-valuenow': number;
-                'data-value': number;
-                'data-state': string;
-                'data-max': number;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

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

@@ -3,6 +3,6 @@ import type { CreateProgressProps } from "@melt-ui/svelte";
 type Props = Expand<OmitValue<CreateProgressProps> & {
     value?: CreateProgressProps["defaultValue"];
     onValueChange?: OnChangeFn<CreateProgressProps["defaultValue"]>;
-}> & AsChild & HTMLDivAttributes;
+} & AsChild> & HTMLDivAttributes;
 type IndicatorProps = HTMLDivAttributes;
 export type { Props, IndicatorProps, Props as ProgressProps, IndicatorProps as ProgressIndicatorProps };

package/dist/bits/radio-group/components/RadioGroup.svelte

@@ -38,7 +38,8 @@ $:
 {#if asChild}
 	<slot builder={$root} />
 {:else}
-	<div {...$root} use:$root.action {...$$restProps}>
-		<slot builder={$root} />
+	{@const builder = $root}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
 	</div>
 {/if}

package/dist/bits/radio-group/components/RadioGroup.svelte.d.ts

@@ -222,15 +222,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            builder: {
-                readonly role: "radiogroup";
-                readonly 'aria-required': boolean;
-                readonly 'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
-            } & {
-                [x: `data-melt-${string}`]: "";
-            } & {
-                action: import("svelte/action").Action<any, any, Record<never, any>>;
-            };
+            builder: any;
         };
     };
 };

package/dist/bits/radio-group/components/RadioGroupItem.svelte

@@ -4,14 +4,13 @@ export let value;
 export let disabled = false;
 export let asChild = false;
 const item = ctx.setItem(value).elements.item;
-$:
-  __MELTUI_BUILDER_0__ = $item({ value, disabled });
 </script>
 
 {#if asChild}
 	<slot builder={$item} />
 {:else}
-	<button {...__MELTUI_BUILDER_0__} use:__MELTUI_BUILDER_0__.action {...$$restProps} on:m-click on:m-focus on:m-keydown>
-		<slot builder={$item} />
+	{@const builder = $item({ value, disabled })}
+	<button {...builder} use:builder.action {...$$restProps} on:m-click on:m-focus on:m-keydown>
+		<slot {builder} />
 	</button>
 {/if}