bits-ui 0.9.9 → 0.10.0

package/dist/bits/menubar/ctx.js

@@ -1,15 +1,12 @@
 import { createMenubar } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { createBitAttrs, generateId, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { getPositioningUpdater } from "../floating/helpers.js";
+import { getSubmenuCtx } from "../menu/ctx";
 const NAME = "menubar";
-const MENU_NAME = "menubar-menu";
-const SUB_NAME = "menubar-sub";
-const CHECKBOX_ITEM_NAME = "menubar-checkbox-item";
-const RADIO_GROUP_NAME = "menubar-radio-group";
-const RADIO_ITEM_NAME = "menubar-radio-item";
-const GROUP_NAME = "menubar-group";
+const MENU_NAME = "menu";
+const SUB_NAME = "menu-submenu";
 const PARTS = [
-    "root",
     "arrow",
     "checkbox-indicator",
     "checkbox-item",
@@ -24,7 +21,8 @@ const PARTS = [
     "sub-trigger",
     "trigger"
 ];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+export const getMenubarAttrs = createBitAttrs(NAME, ["root"]);
+export const getAttrs = createBitAttrs("menu", PARTS);
 export function setCtx(props) {
     const menubar = createMenubar(removeUndefined(props));
     setContext(NAME, menubar);
@@ -60,55 +58,23 @@ export function setSubMenuCtx(props) {
 export function getSubMenuCtx() {
     return getContext(SUB_NAME);
 }
-export function setRadioGroupCtx(props) {
-    const { builders: { createMenuRadioGroup } } = getMenuCtx();
-    const radioGroup = createMenuRadioGroup(removeUndefined(props));
-    setContext(RADIO_GROUP_NAME, radioGroup);
-    return radioGroup;
-}
-export function setRadioItemCtx(value) {
-    const radioGroup = getContext(RADIO_GROUP_NAME);
-    setContext(RADIO_ITEM_NAME, { isChecked: radioGroup.helpers.isChecked, value });
-    return radioGroup;
-}
-export function getContent(sideOffset = 5) {
-    const menu = getMenuCtx();
-    menu.options.positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
-    return menu;
-}
-export function getSubContent(sideOffset = -1) {
-    const submenu = getSubMenuCtx();
-    submenu.options.positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
-    return submenu;
-}
-export function setCheckboxItem(props) {
-    const { builders: { createCheckboxItem } } = getMenuCtx();
-    const checkboxItem = createCheckboxItem(removeUndefined(props));
-    setContext(CHECKBOX_ITEM_NAME, checkboxItem.states.checked);
-    return {
-        ...checkboxItem,
-        updateOption: getOptionUpdater(checkboxItem.options)
-    };
-}
-export function getCheckboxIndicator() {
-    return getContext(CHECKBOX_ITEM_NAME);
-}
-export function getRadioIndicator() {
-    return getContext(RADIO_ITEM_NAME);
-}
-export function setGroupCtx() {
-    const { elements: { group } } = getMenuCtx();
-    const id = generateId();
-    setContext(GROUP_NAME, id);
-    return { group, id };
-}
-export function getGroupLabel() {
-    const id = getContext(GROUP_NAME) ?? generateId();
-    const { elements: { groupLabel } } = getMenuCtx();
-    return { groupLabel, id };
-}
-export function setArrow(size = 8) {
-    const menu = getMenuCtx();
-    menu.options.arrowSize.set(size);
-    return menu;
+const defaultPlacement = {
+    side: "bottom",
+    align: "center"
+};
+export function updatePositioning(props) {
+    const withDefaults = { ...defaultPlacement, ...props };
+    const { options: { positioning } } = getMenuCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
+}
+const defaultSubPlacement = {
+    side: "right",
+    align: "start"
+};
+export function updateSubPositioning(props) {
+    const withDefaults = { ...defaultSubPlacement, ...props };
+    const { options: { positioning } } = getSubmenuCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
 }

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

@@ -1,19 +1,18 @@
-import Root from "./components/Menubar.svelte";
-import Sub from "./components/MenubarSub.svelte";
-import Item from "./components/MenubarItem.svelte";
-import Menu from "./components/MenubarMenu.svelte";
-import Group from "./components/MenubarGroup.svelte";
-import Label from "./components/MenubarLabel.svelte";
-import Arrow from "./components/MenubarArrow.svelte";
-import Content from "./components/MenubarContent.svelte";
-import Trigger from "./components/MenubarTrigger.svelte";
-import RadioItem from "./components/MenubarRadioItem.svelte";
-import Separator from "./components/MenubarSeparator.svelte";
-import SubContent from "./components/MenubarSubContent.svelte";
-import SubTrigger from "./components/MenubarSubTrigger.svelte";
-import RadioGroup from "./components/MenubarRadioGroup.svelte";
-import CheckboxItem from "./components/MenubarCheckboxItem.svelte";
-import RadioIndicator from "./components/MenubarRadioIndicator.svelte";
-import CheckboxIndicator from "./components/MenubarCheckboxIndicator.svelte";
-export { Sub, Root, Group, Item, Menu, Label, Arrow, Content, Trigger, RadioItem, Separator, SubTrigger, SubContent, RadioGroup, CheckboxItem, RadioIndicator, CheckboxIndicator, Root as Menubar, Sub as MenubarSub, Item as MenubarItem, Menu as MenubarMenu, Group as MenubarGroup, Label as MenubarLabel, Arrow as MenubarArrow, Content as MenubarContent, Trigger as MenubarTrigger, RadioItem as MenubarRadioItem, Separator as MenubarSeparator, SubContent as MenubarSubContent, SubTrigger as MenubarSubTrigger, RadioGroup as MenubarRadioGroup, CheckboxItem as MenubarCheckboxItem, RadioIndicator as MenubarRadioIndicator, CheckboxIndicator as MenubarCheckboxIndicator };
+export { default as Root } from "./components/menubar.svelte";
+export { default as Sub } from "./components/menubar-sub.svelte";
+export { default as Menu } from "./components/menubar-menu.svelte";
+export { default as Trigger } from "./components/menubar-trigger.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as Label } from "../menu/components/menu-label.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as Content } from "../menu/components/menu-content.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
+export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
 export * from "./types.js";

package/dist/bits/menubar/index.js

@@ -1,21 +1,18 @@
-import Root from "./components/Menubar.svelte";
-import Sub from "./components/MenubarSub.svelte";
-import Item from "./components/MenubarItem.svelte";
-import Menu from "./components/MenubarMenu.svelte";
-import Group from "./components/MenubarGroup.svelte";
-import Label from "./components/MenubarLabel.svelte";
-import Arrow from "./components/MenubarArrow.svelte";
-import Content from "./components/MenubarContent.svelte";
-import Trigger from "./components/MenubarTrigger.svelte";
-import RadioItem from "./components/MenubarRadioItem.svelte";
-import Separator from "./components/MenubarSeparator.svelte";
-import SubContent from "./components/MenubarSubContent.svelte";
-import SubTrigger from "./components/MenubarSubTrigger.svelte";
-import RadioGroup from "./components/MenubarRadioGroup.svelte";
-import CheckboxItem from "./components/MenubarCheckboxItem.svelte";
-import RadioIndicator from "./components/MenubarRadioIndicator.svelte";
-import CheckboxIndicator from "./components/MenubarCheckboxIndicator.svelte";
-export { Sub, Root, Group, Item, Menu, Label, Arrow, Content, Trigger, RadioItem, Separator, SubTrigger, SubContent, RadioGroup, CheckboxItem, RadioIndicator, CheckboxIndicator, 
-//
-Root as Menubar, Sub as MenubarSub, Item as MenubarItem, Menu as MenubarMenu, Group as MenubarGroup, Label as MenubarLabel, Arrow as MenubarArrow, Content as MenubarContent, Trigger as MenubarTrigger, RadioItem as MenubarRadioItem, Separator as MenubarSeparator, SubContent as MenubarSubContent, SubTrigger as MenubarSubTrigger, RadioGroup as MenubarRadioGroup, CheckboxItem as MenubarCheckboxItem, RadioIndicator as MenubarRadioIndicator, CheckboxIndicator as MenubarCheckboxIndicator };
+export { default as Root } from "./components/menubar.svelte";
+export { default as Sub } from "./components/menubar-sub.svelte";
+export { default as Menu } from "./components/menubar-menu.svelte";
+export { default as Trigger } from "./components/menubar-trigger.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as Label } from "../menu/components/menu-label.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as Content } from "../menu/components/menu-content.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as RadioIndicator } from "../menu/components/menu-radio-indicator.svelte";
+export { default as CheckboxIndicator } from "../menu/components/menu-checkbox-indicator.svelte";
 export * from "./types.js";

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

@@ -1,66 +1,5 @@
-import type { AsChild, Expand, HTMLDivAttributes, OmitChecked, OmitOpen, OmitValue, OnChangeFn, Transition, TransitionProps } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
-import type { CreateMenubarProps, CreateMenubarMenuProps, CreateMenuCheckboxItemProps, CreateMenuRadioGroupProps, MenubarRadioItemProps, CreateMenubarSubmenuProps } from "@melt-ui/svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
-type Props = Expand<CreateMenubarProps & AsChild> & HTMLDivAttributes;
-type MenuProps = Expand<OmitOpen<CreateMenubarMenuProps> & {
-    open?: boolean;
-    onOpenChange?: OnChangeFn<boolean>;
-}>;
-type CheckboxItemProps = Expand<OmitChecked<CreateMenuCheckboxItemProps> & {
-    checked?: boolean | "indeterminate";
-    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
-    disabled?: boolean;
-} & AsChild> & HTMLDivAttributes;
-type RadioGroupProps = Expand<OmitValue<CreateMenuRadioGroupProps> & {
-    value?: CreateMenuRadioGroupProps["defaultValue"] & {};
-    onValueChange?: OnChangeFn<CreateMenuRadioGroupProps["defaultValue"]>;
-} & AsChild> & HTMLDivAttributes;
-type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
-    sideOffset?: number;
-} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type GroupProps = AsChild & HTMLDivAttributes;
-type ItemProps = Expand<{
-    disabled?: boolean;
-} & AsChild> & HTMLDivAttributes;
-type CheckboxItemIndicatorProps = HTMLDivAttributes;
-type LabelProps = AsChild & HTMLDivAttributes;
-type RadioItemProps = Expand<MenubarRadioItemProps & AsChild> & HTMLDivAttributes;
-type SeparatorProps = AsChild & HTMLDivAttributes;
-type SubProps = Expand<CreateMenubarSubmenuProps>;
-type SubContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = Expand<{
-    sideOffset?: number;
-} & TransitionProps<T, In, Out> & AsChild> & HTMLDivAttributes;
-type SubTriggerProps = Expand<{
-    disabled?: boolean;
-} & AsChild> & HTMLDivAttributes;
-type TriggerProps = AsChild & HTMLButtonAttributes;
-type ArrowProps = Expand<{
-    size?: number;
-} & AsChild> & HTMLDivAttributes;
-type ItemEvents<T extends Element = HTMLDivElement> = {
-    click: CustomEventHandler<PointerEvent, T>;
-    focusin: CustomEventHandler<FocusEvent, T>;
-    focusout: CustomEventHandler<FocusEvent, T>;
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-    pointerdown: CustomEventHandler<PointerEvent, T>;
-    pointerleave: CustomEventHandler<PointerEvent, T>;
-    pointermove: CustomEventHandler<PointerEvent, T>;
-};
-type SubTriggerEvents<T extends Element = HTMLDivElement> = Expand<Omit<ItemEvents<T>, "pointerdown">>;
-type CheckboxItemEvents = ItemEvents;
-type RadioItemEvents = ItemEvents;
-type TriggerEvents<T extends Element = HTMLButtonElement> = {
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-    click: CustomEventHandler<MouseEvent, T>;
-    pointerenter: CustomEventHandler<PointerEvent, T>;
-};
-type ContentEvents<T extends Element = HTMLDivElement> = {
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-};
-type SubContentEvents<T extends Element = HTMLDivElement> = {
-    focusout: CustomEventHandler<FocusEvent, T>;
-    pointermove: CustomEventHandler<PointerEvent, T>;
-    keydown: CustomEventHandler<KeyboardEvent, T>;
-};
-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 };
+import type { HTMLDivAttributes } from "../../internal/index.js";
+import type { Props as MenubarProps } from "./_types.js";
+import type { Props as MenuProps, SubProps, ItemProps, ArrowProps, GroupProps, LabelProps, MenubarTriggerProps as TriggerProps, ContentProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, RadioIndicatorProps, CheckboxIndicatorProps, MenubarTriggerEvents as TriggerEvents, ItemEvents, SubTriggerEvents, CheckboxItemEvents, RadioItemEvents, ContentEvents, SubContentEvents } from "../menu/types.js";
+type Props = MenubarProps & HTMLDivAttributes;
+export type { Props, SubProps, MenuProps, ItemProps, ArrowProps, GroupProps, LabelProps, TriggerProps, ContentProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, RadioIndicatorProps, CheckboxIndicatorProps, ItemEvents, TriggerEvents, ContentEvents, RadioItemEvents, SubTriggerEvents, SubContentEvents, CheckboxItemEvents };

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

@@ -0,0 +1 @@
+export type { Props as PopoverProps, ArrowProps as PopoverArrowProps, CloseProps as PopoverCloseProps, ContentProps as PopoverContentProps, TriggerProps as PopoverTriggerProps, TriggerEvents as PopoverTriggerEvents, CloseEvents as PopoverCloseEvents } from "./types.js";

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

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

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

@@ -0,0 +1,24 @@
+/**
+ * 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 { Expand, OnChangeFn, AsChild, OmitFloating } from "../../internal/index.js";
+import type { ArrowProps, ContentProps } from "../floating/_types.js";
+import type { CreatePopoverProps } from "@melt-ui/svelte";
+type Props = Expand<OmitFloating<CreatePopoverProps> & {
+    /**
+     * The open state of the popover.
+     * You can bind this to a boolean value to programmatically control the open state.
+     *
+     * @defaultValue false
+     */
+    open?: boolean;
+    /**
+     * A callback function called when the open state changes.
+     */
+    onOpenChange?: OnChangeFn<boolean>;
+}>;
+type TriggerProps = AsChild;
+type CloseProps = AsChild;
+export type { Props, CloseProps, ArrowProps, ContentProps, TriggerProps };

package/dist/bits/popover/_types.js

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

package/dist/bits/{link-preview/components/LinkPreviewArrow.svelte → popover/components/popover-arrow.svelte}

@@ -5,13 +5,15 @@ export let size = 8;
 const {
   elements: { arrow }
 } = setArrow(size);
+const attrs = getAttrs("arrow");
 $:
   builder = $arrow;
-const attrs = getAttrs("arrow");
+$:
+  Object.assign(builder, attrs);
 </script>
 
 {#if asChild}
-	<slot {builder} {attrs} />
+	<slot {builder} />
 {:else}
-	<div {...builder} use:builder.action {...$$restProps} {...attrs} />
+	<div {...builder} use:builder.action {...$$restProps} />
 {/if}

package/dist/bits/{dialog/components/DialogClose.svelte → popover/components/popover-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/popover/components/{PopoverClose.svelte.d.ts → popover-close.svelte.d.ts}

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
-import type { CloseEvents } from "../types.js";
+import type { CloseProps, CloseEvents } from "../types.js";
 declare const __propDef: {
-    props: import("../types.js").TriggerProps;
+    props: CloseProps;
     slots: {
         default: {
             builder: {
@@ -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/popover/components/popover-content.svelte

@@ -0,0 +1,83 @@
+<script>import { melt } from "@melt-ui/svelte";
+import { getCtx, getAttrs, updatePositioning } from "../ctx.js";
+export let transition = void 0;
+export let transitionConfig = void 0;
+export let inTransition = void 0;
+export let inTransitionConfig = void 0;
+export let outTransition = void 0;
+export let outTransitionConfig = void 0;
+export let asChild = false;
+export let id = void 0;
+export let side = "bottom";
+export let align = "center";
+export let sideOffset = 0;
+export let alignOffset = 0;
+export let collisionPadding = 8;
+export let avoidCollisions = true;
+export let collisionBoundary = void 0;
+export let sameWidth = false;
+export let fitViewport = false;
+const {
+  elements: { content },
+  states: { open },
+  ids
+} = getCtx();
+const attrs = getAttrs("content");
+$:
+  if (id) {
+    ids.content.set(id);
+  }
+$:
+  builder = $content;
+$:
+  Object.assign(builder, attrs);
+$:
+  updatePositioning({
+    side,
+    align,
+    sideOffset,
+    alignOffset,
+    collisionPadding,
+    avoidCollisions,
+    collisionBoundary,
+    sameWidth,
+    fitViewport
+  });
+</script>
+
+{#if asChild && $open}
+	<slot {builder} />
+{:else if transition && $open}
+	<div
+		transition:transition={transitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && outTransition && $open}
+	<div
+		in:inTransition={inTransitionConfig}
+		out:outTransition={outTransitionConfig}
+		{...builder} use:builder.action
+		{...$$restProps}
+	>
+		<slot {builder} />
+	</div>
+{:else if inTransition && $open}
+	<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}
+	>
+		<slot {builder} />
+	</div>
+{:else if $open}
+	<div {...builder} use:builder.action {...$$restProps}>
+		<slot {builder} />
+	</div>
+{/if}

package/dist/bits/popover/components/{PopoverContent.svelte.d.ts → popover-content.svelte.d.ts}

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

package/dist/bits/popover/components/{PopoverTrigger.svelte → popover-trigger.svelte}

@@ -8,26 +8,27 @@ const {
   ids
 } = getCtx();
 const dispatch = createDispatcher();
+const attrs = getAttrs("trigger");
 $:
   if (id) {
     ids.trigger.set(id);
   }
 $:
   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}
-		{...attrs}
 		on:m-click={dispatch}
 		on:m-keydown={dispatch}
 	>
-		<slot {builder} {attrs} />
+		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/popover/components/{PopoverTrigger.svelte.d.ts → popover-trigger.svelte.d.ts}

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

package/dist/bits/popover/components/{Popover.svelte → popover.svelte}

@@ -1,7 +1,5 @@
 <script>import { setCtx } from "../ctx.js";
 import { derived } from "svelte/store";
-export let positioning = void 0;
-export let arrowSize = void 0;
 export let disableFocusTrap = void 0;
 export let closeOnEscape = void 0;
 export let closeOnOutsideClick = void 0;
@@ -16,8 +14,6 @@ const {
   states: { open: localOpen },
   ids
 } = setCtx({
-  positioning,
-  arrowSize,
   disableFocusTrap,
   closeOnEscape,
   closeOnOutsideClick,
@@ -34,16 +30,15 @@ const {
     return next;
   }
 });
-const idValues = derived([ids.content, ids.trigger], ([$contentId, $triggerId]) => ({
-  content: $contentId,
-  trigger: $triggerId
-}));
+const idValues = derived(
+  [ids.content, ids.trigger],
+  ([$contentId, $triggerId]) => ({
+    content: $contentId,
+    trigger: $triggerId
+  })
+);
 $:
   open !== void 0 && localOpen.set(open);
-$:
-  updateOption("positioning", positioning);
-$:
-  updateOption("arrowSize", arrowSize);
 $:
   updateOption("disableFocusTrap", disableFocusTrap);
 $:

package/dist/bits/popover/components/{Popover.svelte.d.ts → popover.svelte.d.ts}

@@ -4,17 +4,10 @@ declare const __propDef: {
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
-        positioning?: import("@melt-ui/svelte/internal/actions").FloatingConfig | undefined;
-        arrowSize?: number | undefined;
-        disableFocusTrap?: boolean | undefined;
-        forceVisible?: boolean | undefined;
-        ids?: {
-            content: string;
-            trigger: 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;
+        disableFocusTrap?: boolean | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };

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

@@ -1,18 +1,20 @@
 /// <reference types="svelte" />
 import { type CreatePopoverProps, type Popover as PopoverReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "arrow" | "content" | "trigger" | "close") => Record<string, string>;
+import type { Writable } from "svelte/store";
+import type { FloatingProps } from "../floating/_types.js";
+export declare const getAttrs: (part: "content" | "arrow" | "trigger" | "close") => Record<string, string>;
 export declare function setCtx(props: CreatePopoverProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
     ids: {
-        content: import("svelte/store").Writable<string>;
-        trigger: import("svelte/store").Writable<string>;
+        content: Writable<string>;
+        trigger: Writable<string>;
     };
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             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>, import("svelte/store").Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId, $triggerId]: [boolean, string, string]) => {
+        }, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click">, ([$open, $contentId, $triggerId]: [boolean, string, string]) => {
             readonly role: "button";
             readonly 'aria-haspopup': "dialog";
             readonly 'aria-expanded': boolean;
@@ -20,7 +22,7 @@ export declare function setCtx(props: CreatePopoverProps): {
             readonly 'aria-controls': string;
             readonly id: string;
         }, string>;
-        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("svelte/store").Writable<string | HTMLElement | null | undefined>, import("svelte/store").Writable<string>], <Node_1 extends unknown>(node: HTMLElement) => {
+        content: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string | HTMLElement | null | undefined>, Writable<string>], <Node_1 extends unknown>(node: HTMLElement) => {
             destroy(): void;
         }, ([$isVisible, $portal, $contentId]: [boolean, string | HTMLElement | null | undefined, string]) => {
             hidden: boolean | undefined;
@@ -30,7 +32,7 @@ export declare function setCtx(props: CreatePopoverProps): {
             'data-state': string;
             'data-portal': string | undefined;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
             'data-arrow': boolean;
             style: string;
         }, string>;
@@ -46,21 +48,22 @@ export declare function setCtx(props: CreatePopoverProps): {
         };
     };
     options: {
-        forceVisible: import("svelte/store").Writable<boolean>;
-        defaultOpen: import("svelte/store").Writable<boolean>;
-        onOpenChange: import("svelte/store").Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>;
-        preventScroll: import("svelte/store").Writable<boolean>;
-        portal: import("svelte/store").Writable<string | HTMLElement | null | undefined>;
-        positioning: import("svelte/store").Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+        forceVisible: Writable<boolean>;
+        defaultOpen: Writable<boolean>;
+        onOpenChange: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined>;
+        preventScroll: Writable<boolean>;
+        portal: Writable<string | HTMLElement | null | undefined>;
+        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
         }>;
-        arrowSize: import("svelte/store").Writable<number>;
-        closeOnOutsideClick: import("svelte/store").Writable<boolean>;
-        closeOnEscape: import("svelte/store").Writable<boolean>;
-        closeFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
-        disableFocusTrap: import("svelte/store").Writable<boolean>;
-        openFocus: import("svelte/store").Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        arrowSize: Writable<number>;
+        closeOnOutsideClick: Writable<boolean>;
+        closeOnEscape: Writable<boolean>;
+        closeFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
+        disableFocusTrap: Writable<boolean>;
+        openFocus: Writable<import("@melt-ui/svelte").FocusProp | undefined>;
     };
 };
 export declare function getCtx(): PopoverReturn;
 export declare function setArrow(size?: number): PopoverReturn;
+export declare function updatePositioning(props: FloatingProps): void;