bits-ui 0.21.1 → 0.21.2

package/dist/bits/menu/components/menu-label.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { LabelProps } from "../types.js";
+import type { LabelProps } from "../index.js";
 declare const __propDef: {
     props: LabelProps;
     events: {

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { RadioGroupProps } from "../types.js";
+import type { RadioGroupProps } from "../index.js";
 declare const __propDef: {
     props: RadioGroupProps;
     events: {

package/dist/bits/menu/components/menu-radio-indicator.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { RadioIndicatorProps } from "../types.js";
+import type { RadioIndicatorProps } from "../index.js";
 declare const __propDef: {
     props: RadioIndicatorProps;
     events: {
@@ -7,7 +7,7 @@ declare const __propDef: {
     };
     slots: {
         default: {
-            attrs: Record<string, string>;
+            attrs: Record<string, string> | undefined;
             checked: boolean;
         };
     };

package/dist/bits/menu/components/menu-radio-item.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { RadioItemEvents, RadioItemProps } from "../types.js";
+import type { RadioItemEvents, RadioItemProps } from "../index.js";
 declare const __propDef: {
     props: RadioItemProps;
     slots: {

package/dist/bits/menu/components/menu-separator.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { SeparatorProps } from "../types.js";
+import type { SeparatorProps } from "../index.js";
 declare const __propDef: {
     props: SeparatorProps;
     events: {

package/dist/bits/menu/components/menu-sub-content.svelte

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { createDispatcher } from "../../../internal/index.js";
 import { getSubmenuCtx, updateSubPositioning } from "../ctx.js";
+import { createDispatcher } from "../../../internal/index.js";
 export let transition = void 0;
 export let transitionConfig = void 0;
 export let inTransition = void 0;

package/dist/bits/menu/components/menu-sub-content.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
+import type { SubContentEvents, SubContentProps } from "../index.js";
 import { type Transition } from "../../../internal/index.js";
-import type { SubContentEvents, SubContentProps } from "../types.js";
 declare class __sveltets_Render<T extends Transition, In extends Transition, Out extends Transition> {
     props(): SubContentProps<T, In, Out>;
     events(): SubContentEvents;

package/dist/bits/menu/components/menu-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { disabledAttrs } from "../../../internal/index.js";
 import { getSubTrigger } from "../ctx.js";
+import { disabledAttrs } from "../../../internal/index.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let disabled = false;
 export let asChild = false;

package/dist/bits/menu/components/menu-sub-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { SubTriggerEvents } from "../types.js";
+import type { SubTriggerEvents } from "../index.js";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;

package/dist/bits/menu/components/menu-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { DropdownTriggerEvents, DropdownTriggerProps } from "../types.js";
+import type { DropdownTriggerEvents, DropdownTriggerProps } from "../index.js";
 declare const __propDef: {
     props: DropdownTriggerProps;
     slots: {

package/dist/bits/menu/components/menu.svelte

@@ -1,5 +1,5 @@
-<script>import { setCtx } from "../ctx.js";
-import { derived } from "svelte/store";
+<script>import { derived } from "svelte/store";
+import { setCtx } from "../ctx.js";
 export let closeOnOutsideClick = void 0;
 export let closeOnEscape = void 0;
 export let portal = void 0;

package/dist/bits/menu/components/menu.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         typeahead?: boolean | undefined;
         loop?: boolean | undefined;
-        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
-        closeOnItemClick?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;
+        closeOnItemClick?: boolean | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };

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

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import { type CreateDropdownSubmenuProps as DropdownSubmenuProps, type CreateMenuRadioGroupProps as DropdownRadioGroupProps, type CreateDropdownMenuCheckboxItemProps as DropdownCheckboxItemProps, type CreateDropdownMenuProps } from "@melt-ui/svelte";
+import { type CreateDropdownMenuProps, type CreateDropdownMenuCheckboxItemProps as DropdownCheckboxItemProps, type CreateMenuRadioGroupProps as DropdownRadioGroupProps, type CreateDropdownSubmenuProps as DropdownSubmenuProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
 export declare function getMenuData(): {
@@ -16,7 +16,7 @@ type GetSubReturn = Omit<ReturnType<typeof setSubMenuCtx>, "updateOption">;
 export declare function getCtx(): GetReturn;
 export declare function setCtx(props: CreateDropdownMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
@@ -87,9 +87,9 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
                     readonly 'data-orientation': "vertical";
-                    readonly 'aria-checked': "false" | "true" | "mixed";
+                    readonly 'aria-checked': "true" | "false" | "mixed";
                     readonly 'data-disabled': true | undefined;
-                    readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
                 }, string>;
             };
             states: {
@@ -235,7 +235,7 @@ export declare function setCtx(props: CreateDropdownMenuProps): {
 };
 export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
@@ -307,7 +307,7 @@ export declare function setSubMenuCtx(props: DropdownSubmenuProps): {
     }, "ids">>;
 };
 export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     elements: {
         radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
             role: string;
@@ -344,7 +344,7 @@ export declare function setRadioGroupCtx(props: DropdownRadioGroupProps): {
 };
 export declare function setRadioItem(value: string): {
     value: string;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     elements: {
         radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
             role: string;
@@ -381,7 +381,7 @@ export declare function setRadioItem(value: string): {
 };
 export declare function getRadioIndicator(): {
     value: string;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     elements: {
         radioGroup: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => {
             role: string;
@@ -420,7 +420,7 @@ export declare function getSubTrigger(): GetSubReturn;
 export declare function getSubmenuCtx(): GetSubReturn;
 export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
     elements: {
         checkboxItem: import("@melt-ui/svelte/internal/helpers").MeltElement<[{
             update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
@@ -432,9 +432,9 @@ export declare function setCheckboxItem(props: DropdownCheckboxItemProps): {
             readonly role: "menuitemcheckbox";
             readonly tabindex: -1;
             readonly 'data-orientation': "vertical";
-            readonly 'aria-checked': "false" | "true" | "mixed";
+            readonly 'aria-checked': "true" | "false" | "mixed";
             readonly 'data-disabled': true | undefined;
-            readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
         }, string>;
     };
     states: {
@@ -467,14 +467,14 @@ export declare function setGroupCtx(): {
         'aria-labelledby': string;
     }, string>;
     id: string;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
 };
 export declare function getGroupLabel(): {
     groupLabel: import("@melt-ui/svelte/internal/helpers").MeltElement<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
         id: string;
     }, string>;
     id: string;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "radio-indicator" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger" | "radio-indicator") => Record<string, string> | undefined;
 };
 export declare function setArrow(size?: number): GetReturn;
 export declare function updatePositioning(props: FloatingProps): void;

package/dist/bits/menu/ctx.js

@@ -1,7 +1,7 @@
-import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
 import { createDropdownMenu, } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { getPositioningUpdater } from "../floating/helpers.js";
+import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
 export function getMenuData() {
     const NAME = "menu";
     const SUB_NAME = "menu-submenu";

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

@@ -14,4 +14,4 @@ export { default as Sub } from "./components/menu-sub.svelte";
 export { default as SubContent } from "./components/menu-sub-content.svelte";
 export { default as SubTrigger } from "./components/menu-sub-trigger.svelte";
 export { default as Trigger } from "./components/menu-trigger.svelte";
-export * from "./types.js";
+export type { MenuProps as Props, MenuArrowProps as ArrowProps, MenuCheckboxIndicatorProps as CheckboxIndicatorProps, MenuCheckboxItemProps as CheckboxItemProps, MenuCheckboxItemEvents as CheckboxItemEvents, MenuContentEvents as ContentEvents, MenuContentProps as ContentProps, MenuGroupProps as GroupProps, MenuItemProps as ItemProps, MenuItemEvents as ItemEvents, MenuLabelProps as LabelProps, MenuRadioGroupProps as RadioGroupProps, MenuRadioIndicatorProps as RadioIndicatorProps, MenuRadioItemProps as RadioItemProps, MenuRadioItemEvents as RadioItemEvents, MenuSeparatorProps as SeparatorProps, MenuSubProps as SubProps, MenuSubTriggerProps as SubTriggerProps, MenuSubContentProps as SubContentProps, MenuSubContentEvents as SubContentEvents, MenuSubTriggerEvents as SubTriggerEvents, DropdownTriggerProps, DropdownTriggerEvents, ContextTriggerProps, ContextTriggerEvents, } from "./types.js";

package/dist/bits/menu/index.js

@@ -14,4 +14,3 @@ export { default as Sub } from "./components/menu-sub.svelte";
 export { default as SubContent } from "./components/menu-sub-content.svelte";
 export { default as SubTrigger } from "./components/menu-sub-trigger.svelte";
 export { default as Trigger } from "./components/menu-trigger.svelte";
-export * from "./types.js";

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

@@ -2,33 +2,109 @@
  * These types are shared between the various menu components,
  * such as `DropdownMenu`, `Menubar` & `ContextMenu`.
  */
-import type { DOMEl, HTMLDivAttributes } from "../../internal/index.js";
-import type { CustomEventHandler } from "../../index.js";
 import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-import type * as I from "./_types.js";
-import type { ContentProps } from "../floating/types.js";
-type Props = I.Props;
-type CheckboxItemProps = I.CheckboxItemProps & HTMLDivAttributes;
-type RadioGroupProps = I.RadioGroupProps & HTMLDivAttributes;
-type RadioItemProps = I.RadioItemProps & HTMLDivAttributes;
-type GroupProps = I.GroupProps & HTMLDivAttributes;
-type AnchorElement = HTMLAnchorAttributes & {
+import type { CreateContextMenuCheckboxItemProps as MeltContextMenuCheckboxItemProps, CreateContextMenuProps as MeltContextMenuProps, CreateContextMenuRadioGroupProps as MeltContextMenuRadioGroupProps, ContextMenuRadioItemProps as MeltContextMenuRadioItemProps, CreateContextSubmenuProps as MeltContextSubmenuProps } from "@melt-ui/svelte";
+import type { DOMEl, DOMElement, HTMLDivAttributes, OmitChecked, OmitFloating, OnChangeFn } from "../../internal/index.js";
+import type { CustomEventHandler } from "../../index.js";
+import type { ContentProps as MenuContentProps } from "../floating/types.js";
+import type { ArrowProps as MenuArrowPropsWithoutHTML, ContentProps as MenuContentPropsWithoutHTML } from "../floating/_types.js";
+export type MenuPropsWithoutHTML = Expand<OmitFloating<MeltContextMenuProps> & {
+    /**
+     * The open state of the context menu.
+     * 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>;
+}>;
+export type MenuSubTriggerPropsWithoutHTML = Expand<{
+    /**
+     * Whether the subtrigger is disabled or not.
+     *
+     * @defaultValue false;
+     */
+    disabled?: boolean;
+} & DOMElement>;
+export type MenuCheckboxItemPropsWithoutHTML = Expand<OmitChecked<MeltContextMenuCheckboxItemProps> & {
+    /**
+     * The checked state of the checkbox item.
+     * You can bind this to a boolean value to programmatically control the checked state.
+     *
+     * @defaultValue false
+     */
+    checked?: boolean | "indeterminate";
+    /**
+     * A callback function called when the checked state changes.
+     */
+    onCheckedChange?: OnChangeFn<boolean | "indeterminate">;
+} & DOMElement>;
+export type MenuRadioGroupPropsWithoutHTML = Expand<{
+    /**
+     * The value of the radio group.
+     *
+     * @defaultValue undefined
+     */
+    value?: MeltContextMenuRadioGroupProps["defaultValue"] & {};
+    /**
+     * A callback function called when the value changes.
+     */
+    onValueChange?: OnChangeFn<MeltContextMenuRadioGroupProps["defaultValue"]>;
+} & DOMElement>;
+export type MenuRadioItemPropsWithoutHTML = Expand<MeltContextMenuRadioItemProps & DOMElement>;
+export type MenuSubPropsWithoutHTML = Expand<OmitFloating<MeltContextSubmenuProps> & {
+    /**
+     * The open state of the submenu.
+     * 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>;
+}>;
+export type MenuItemPropsWithoutHTML = Expand<{
+    /**
+     * Whether the item is disabled.
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean;
+} & DOMElement>;
+export type MenuGroupPropsWithoutHTML = DOMElement;
+export type MenuCheckboxIndicatorPropsWithoutHTML = DOMElement;
+export type MenuRadioIndicatorPropsWithoutHTML = DOMElement;
+export type MenuLabelPropsWithoutHTML = DOMElement;
+export type MenuSeparatorPropsWithoutHTML = DOMElement;
+export type MenuTriggerPropsWithoutHTML = DOMElement<HTMLElement>;
+export type { MenuContentPropsWithoutHTML, MenuContentPropsWithoutHTML as MenuSubContentPropsWithoutHTML, MenuArrowPropsWithoutHTML, };
+export type MenuProps = MenuPropsWithoutHTML;
+export type MenuCheckboxItemProps = MenuCheckboxItemPropsWithoutHTML & HTMLDivAttributes;
+export type MenuRadioGroupProps = MenuRadioGroupPropsWithoutHTML & HTMLDivAttributes;
+export type MenuRadioItemProps = MenuRadioItemPropsWithoutHTML & HTMLDivAttributes;
+export type MenuGroupProps = MenuGroupPropsWithoutHTML & HTMLDivAttributes;
+type MenuAnchorElement = HTMLAnchorAttributes & {
     href?: HTMLAnchorAttributes["href"];
 } & DOMEl<HTMLAnchorElement>;
-type DivElement = HTMLDivAttributes & {
+type MenuDivElement = HTMLDivAttributes & {
     href?: never;
 } & DOMEl;
-type ItemProps = Omit<I.ItemProps, "el"> & (AnchorElement | DivElement);
-type CheckboxIndicatorProps = I.CheckboxIndicatorProps & HTMLDivAttributes;
-type RadioIndicatorProps = I.RadioIndicatorProps & HTMLDivAttributes;
-type LabelProps = I.LabelProps & HTMLDivAttributes;
-type SeparatorProps = I.SeparatorProps & HTMLDivAttributes;
-type SubProps = I.SubProps;
-type SubTriggerProps = I.SubTriggerProps & HTMLDivAttributes;
-type ContextTriggerProps = Omit<I.TriggerProps, "el"> & HTMLDivAttributes & DOMEl;
-type DropdownTriggerProps = Omit<I.TriggerProps, "el"> & HTMLButtonAttributes & DOMEl<HTMLButtonElement>;
-type ArrowProps = I.ArrowProps & HTMLDivAttributes;
-type ItemEvents<T extends Element = HTMLDivElement> = {
+export type MenuItemProps = Omit<MenuItemPropsWithoutHTML, "el"> & (MenuAnchorElement | MenuDivElement);
+export type MenuCheckboxIndicatorProps = MenuCheckboxIndicatorPropsWithoutHTML & HTMLDivAttributes;
+export type MenuRadioIndicatorProps = MenuRadioIndicatorPropsWithoutHTML & HTMLDivAttributes;
+export type MenuLabelProps = MenuLabelPropsWithoutHTML & HTMLDivAttributes;
+export type MenuSeparatorProps = MenuSeparatorPropsWithoutHTML & HTMLDivAttributes;
+export type MenuSubProps = MenuSubPropsWithoutHTML;
+export type MenuSubTriggerProps = MenuSubTriggerPropsWithoutHTML & HTMLDivAttributes;
+export type ContextTriggerProps = Omit<MenuTriggerPropsWithoutHTML, "el"> & HTMLDivAttributes & DOMEl;
+export type DropdownTriggerProps = Omit<MenuTriggerPropsWithoutHTML, "el"> & HTMLButtonAttributes & DOMEl<HTMLButtonElement>;
+export type MenuArrowProps = MenuArrowPropsWithoutHTML & HTMLDivAttributes;
+export type MenuItemEvents<T extends Element = HTMLDivElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
     focusin: CustomEventHandler<FocusEvent, T>;
@@ -38,28 +114,29 @@ type ItemEvents<T extends Element = HTMLDivElement> = {
     pointermove: CustomEventHandler<PointerEvent, T>;
     pointerenter: CustomEventHandler<PointerEvent, T>;
 };
-type CheckboxItemEvents = ItemEvents;
-type RadioItemEvents = ItemEvents;
-type SubTriggerEvents = Omit<ItemEvents, "pointerdown">;
-type ContextTriggerEvents<T extends Element = HTMLDivElement> = {
+export type MenuCheckboxItemEvents = MenuItemEvents;
+export type MenuRadioItemEvents = MenuItemEvents;
+export type MenuSubTriggerEvents = Omit<MenuItemEvents, "pointerdown">;
+export type ContextTriggerEvents<T extends Element = HTMLDivElement> = {
     pointerdown: CustomEventHandler<PointerEvent, T>;
     contextmenu: CustomEventHandler<MouseEvent, T>;
 };
-type DropdownTriggerEvents<T extends Element = HTMLButtonElement> = {
+export type DropdownTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-type MenubarTriggerEvents<T extends Element = HTMLButtonElement> = {
+export type MenubarTriggerEvents<T extends Element = HTMLButtonElement> = {
     click: CustomEventHandler<MouseEvent, T>;
     keydown: CustomEventHandler<KeyboardEvent, T>;
     pointerenter: CustomEventHandler<PointerEvent, T>;
 };
-type SubContentEvents<T extends Element = HTMLDivElement> = {
+export type MenuSubContentEvents<T extends Element = HTMLDivElement> = {
     keydown: CustomEventHandler<KeyboardEvent, T>;
     focusout: CustomEventHandler<FocusEvent, T>;
     pointermove: CustomEventHandler<PointerEvent, T>;
 };
-type ContentEvents<T extends Element = HTMLDivElement> = {
+export type MenuContentEvents<T extends Element = HTMLDivElement> = {
     keydown: CustomEventHandler<KeyboardEvent, T>;
 };
-export type { Props, ArrowProps, CheckboxItemProps, ContentProps, GroupProps, ItemProps, CheckboxIndicatorProps, RadioIndicatorProps, LabelProps, RadioGroupProps, RadioItemProps, SeparatorProps, SubProps, ContentProps as SubContentProps, SubTriggerProps, ContextTriggerProps, DropdownTriggerProps, DropdownTriggerProps as MenubarTriggerProps, ContentEvents, CheckboxItemEvents, ItemEvents, RadioItemEvents, SubTriggerEvents, ContextTriggerEvents, DropdownTriggerEvents, MenubarTriggerEvents, SubContentEvents, };
+export type { MenuContentProps, MenuContentProps as MenuSubContentProps };
+export type { DropdownTriggerProps as MenubarTriggerProps };

package/dist/bits/menubar/components/menubar-menu.svelte

@@ -1,5 +1,5 @@
-<script>import { setMenuCtx } from "../ctx.js";
-import { derived } from "svelte/store";
+<script>import { derived } from "svelte/store";
+import { setMenuCtx } from "../ctx.js";
 export let closeOnOutsideClick = void 0;
 export let closeOnEscape = void 0;
 export let portal = void 0;

package/dist/bits/menubar/components/menubar-menu.svelte.d.ts

@@ -1,17 +1,17 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
+        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
+        portal?: string | HTMLElement | null | undefined;
         preventScroll?: boolean | undefined;
         closeOnEscape?: boolean | undefined;
         closeOnOutsideClick?: boolean | undefined;
         onOutsideClick?: ((event: import("@melt-ui/svelte/index.js").InteractOutsideEvent) => void) | undefined;
-        portal?: string | HTMLElement | null | undefined;
         closeFocus?: import("@melt-ui/svelte/index.js").FocusProp | undefined;
         typeahead?: boolean | undefined;
         loop?: boolean | undefined;
-        dir?: import("@melt-ui/svelte/internal/types").TextDirection | undefined;
-        closeOnItemClick?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;
+        closeOnItemClick?: boolean | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;
     };

package/dist/bits/menubar/components/menubar-trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { TriggerEvents, TriggerProps } from "../types.js";
+import type { TriggerEvents, TriggerProps } from "../index.js";
 declare const __propDef: {
     props: TriggerProps;
     slots: {

package/dist/bits/menubar/components/menubar.svelte

@@ -1,6 +1,6 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx } from "../ctx.js";
 import { derived } from "svelte/store";
+import { setCtx } from "../ctx.js";
 export let loop = true;
 export let closeOnEscape = true;
 export let asChild = false;

package/dist/bits/menubar/components/menubar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { Props } from "../types.js";
+import type { Props } from "../index.js";
 declare const __propDef: {
     props: Props;
     events: {

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

@@ -1,5 +1,5 @@
 /// <reference types="svelte" />
-import { type CreateMenubarProps as MenubarProps, type CreateMenubarSubmenuProps, type CreateMenubarMenuProps } from "@melt-ui/svelte";
+import { type CreateMenubarMenuProps, type CreateMenubarSubmenuProps, type CreateMenubarProps as MenubarProps } from "@melt-ui/svelte";
 import type { Writable } from "svelte/store";
 import type { FloatingProps } from "../floating/_types.js";
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
@@ -7,8 +7,8 @@ type GetMenuReturn = Omit<ReturnType<typeof setMenuCtx>, "updateOption">;
 type GetSubmenuReturn = Omit<ReturnType<typeof setSubMenuCtx>, "updateOption">;
 export declare function setCtx(props: MenubarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
-    getMenubarAttrs: (part: string) => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
+    getMenubarAttrs: (part: string) => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menubar: string;
     }>;
@@ -96,9 +96,9 @@ export declare function setCtx(props: MenubarProps): {
                             readonly role: "menuitemcheckbox";
                             readonly tabindex: -1;
                             readonly 'data-orientation': "vertical";
-                            readonly 'aria-checked': "false" | "true" | "mixed";
+                            readonly 'aria-checked': "true" | "false" | "mixed";
                             readonly 'data-disabled': true | undefined;
-                            readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+                            readonly 'data-state': "checked" | "indeterminate" | "unchecked";
                         }, string>;
                     };
                     states: {
@@ -266,7 +266,7 @@ export declare function setCtx(props: MenubarProps): {
 export declare function getCtx(): GetReturn;
 export declare function setMenuCtx(props: CreateMenubarMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;
@@ -337,9 +337,9 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
                     readonly 'data-orientation': "vertical";
-                    readonly 'aria-checked': "false" | "true" | "mixed";
+                    readonly 'aria-checked': "true" | "false" | "mixed";
                     readonly 'data-disabled': true | undefined;
-                    readonly 'data-state': "checked" | "unchecked" | "indeterminate";
+                    readonly 'data-state': "checked" | "indeterminate" | "unchecked";
                 }, string>;
             };
             states: {
@@ -497,7 +497,7 @@ export declare function setMenuCtx(props: CreateMenubarMenuProps): {
 export declare function getMenuCtx(): GetMenuReturn;
 export declare function setSubMenuCtx(props: CreateMenubarSubmenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "label" | "radio-group" | "separator" | "content" | "item" | "trigger" | "group" | "arrow" | "checkbox-indicator" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string> | undefined;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;

package/dist/bits/menubar/ctx.js

@@ -1,8 +1,8 @@
 import { createMenubar, } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { getPositioningUpdater } from "../floating/helpers.js";
 import { getSubmenuCtx } from "../menu/ctx.js";
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 function getMenubarData() {
     const NAME = "menubar";
     const MENU_NAME = "menu";

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

@@ -15,4 +15,4 @@ export { default as RadioGroup } from "../menu/components/menu-radio-group.svelt
 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";
+export type { MenubarProps as Props, MenubarArrowProps as ArrowProps, MenubarCheckboxIndicatorProps as CheckboxIndicatorProps, MenubarCheckboxItemEvents as CheckboxItemEvents, MenubarCheckboxItemProps as CheckboxItemProps, MenubarContentEvents as ContentEvents, MenubarContentProps as ContentProps, MenubarGroupProps as GroupProps, MenubarItemEvents as ItemEvents, MenubarItemProps as ItemProps, MenubarLabelProps as LabelProps, MenubarMenuProps as MenuProps, MenubarRadioGroupProps as RadioGroupProps, MenubarRadioIndicatorProps as RadioIndicatorProps, MenubarRadioItemEvents as RadioItemEvents, MenubarRadioItemProps as RadioItemProps, MenubarSeparatorProps as SeparatorProps, MenubarSubContentEvents as SubContentEvents, MenubarSubContentProps as SubContentProps, MenubarSubProps as SubProps, MenubarSubTriggerEvents as SubTriggerEvents, MenubarSubTriggerProps as SubTriggerProps, MenubarTriggerEvents as TriggerEvents, MenubarTriggerProps as TriggerProps, } from "./types.js";

package/dist/bits/menubar/index.js

@@ -15,4 +15,3 @@ export { default as RadioGroup } from "../menu/components/menu-radio-group.svelt
 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,5 +1,6 @@
-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, };
+import type { CreateMenubarProps } from "@melt-ui/svelte";
+import type { DOMElement, Expand, HTMLDivAttributes, OmitIds } from "../../internal/index.js";
+export type { MenuArrowProps as MenubarArrowProps, MenuCheckboxIndicatorProps as MenubarCheckboxIndicatorProps, MenuCheckboxItemEvents as MenubarCheckboxItemEvents, MenuCheckboxItemProps as MenubarCheckboxItemProps, MenuContentEvents as MenubarContentEvents, MenuContentProps as MenubarContentProps, MenuGroupProps as MenubarGroupProps, MenuItemEvents as MenubarItemEvents, MenuItemProps as MenubarItemProps, MenuLabelProps as MenubarLabelProps, MenuProps as MenubarMenuProps, MenuRadioGroupProps as MenubarRadioGroupProps, MenuRadioIndicatorProps as MenubarRadioIndicatorProps, MenuRadioItemEvents as MenubarRadioItemEvents, MenuRadioItemProps as MenubarRadioItemProps, MenuSeparatorProps as MenubarSeparatorProps, MenuSubContentEvents as MenubarSubContentEvents, MenuSubContentProps as MenubarSubContentProps, MenuSubProps as MenubarSubProps, MenuSubTriggerEvents as MenubarSubTriggerEvents, MenuSubTriggerProps as MenubarSubTriggerProps, MenubarTriggerEvents, MenubarTriggerProps, } from "../menu/types.js";
+export type { MenuTriggerPropsWithoutHTML as MenubarTriggerPropsWithoutHTML, MenuArrowPropsWithoutHTML as MenubarArrowPropsWithoutHTML, MenuCheckboxIndicatorPropsWithoutHTML as MenubarCheckboxIndicatorPropsWithoutHTML, MenuCheckboxItemPropsWithoutHTML as MenubarCheckboxItemPropsWithoutHTML, MenuContentPropsWithoutHTML as MenubarContentPropsWithoutHTML, MenuGroupPropsWithoutHTML as MenubarGroupPropsWithoutHTML, MenuItemPropsWithoutHTML as MenubarItemPropsWithoutHTML, MenuLabelPropsWithoutHTML as MenubarLabelPropsWithoutHTML, MenuPropsWithoutHTML as MenubarMenuPropsWithoutHTML, MenuRadioGroupPropsWithoutHTML as MenubarRadioGroupPropsWithoutHTML, MenuRadioIndicatorPropsWithoutHTML as MenubarRadioIndicatorPropsWithoutHTML, MenuRadioItemPropsWithoutHTML as MenubarRadioItemPropsWithoutHTML, MenuSeparatorPropsWithoutHTML as MenubarSeparatorPropsWithoutHTML, MenuSubContentPropsWithoutHTML as MenubarSubContentPropsWithoutHTML, MenuSubPropsWithoutHTML as MenubarSubPropsWithoutHTML, MenuSubTriggerPropsWithoutHTML as MenubarSubTriggerPropsWithoutHTML, } from "../menu/types.js";
+export type MenubarPropsWithoutHTML = Expand<OmitIds<CreateMenubarProps> & DOMElement>;
+export type MenubarProps = MenubarPropsWithoutHTML & HTMLDivAttributes;

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

@@ -1,6 +1,6 @@
-<script>import { createDispatcher } from "../../../internal/events.js";
+<script>import { melt } from "@melt-ui/svelte";
 import { getCtx } from "../ctx.js";
-import { melt } from "@melt-ui/svelte";
+import { createDispatcher } from "../../../internal/events.js";
 export let asChild = void 0;
 export let el = void 0;
 const {