bits-ui 0.17.0 → 0.18.0

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

@@ -0,0 +1,187 @@
+/// <reference types="svelte" />
+import { type CreateComboboxProps } from "@melt-ui/svelte";
+import type { Writable } from "svelte/store";
+import type { FloatingProps } from "../floating/_types.js";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
+export declare function getCtx(): GetReturn;
+type Items<T> = {
+    value: T;
+    label?: string;
+};
+type Props<T = unknown, M extends boolean = false> = CreateComboboxProps<T, M> & {
+    items?: Items<T>[];
+};
+export declare function setCtx<T = unknown, M extends boolean = false>(props: Props<T, M>): {
+    updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "content" | "label" | "hidden-input" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label") => Record<string, string>;
+    elements: {
+        input: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<HTMLElement | null>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "keydown" | "click">, ([$open, $highlightedItem, $disabled, $menuId, $triggerId, $labelId]: [boolean, HTMLElement | null, boolean, string, string, string]) => {
+            readonly 'aria-activedescendant': string | undefined;
+            readonly 'aria-autocomplete': "list";
+            readonly 'aria-controls': string;
+            readonly 'aria-expanded': boolean;
+            readonly 'aria-labelledby': string;
+            readonly id: string;
+            readonly role: "combobox";
+            readonly disabled: true | undefined;
+            readonly type: "button" | undefined;
+        }, string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "keydown" | "click">, ([$trigger, $inputValue]: [{
+            readonly 'aria-activedescendant': string | undefined;
+            readonly 'aria-autocomplete': "list";
+            readonly 'aria-controls': string;
+            readonly 'aria-expanded': boolean;
+            readonly 'aria-labelledby': string;
+            readonly id: string;
+            readonly role: "combobox";
+            readonly disabled: true | undefined;
+            readonly type: "button" | undefined;
+        } & {
+            [x: `data-melt-${string}`]: "";
+        } & {
+            action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"input" | "keydown" | "click">;
+        }, string]) => {
+            readonly role: "combobox";
+            readonly value: string;
+            readonly disabled: true | undefined;
+            readonly type: "button" | undefined;
+            readonly 'aria-expanded': boolean;
+            readonly 'aria-controls': string;
+            readonly 'aria-activedescendant': string | undefined;
+            readonly 'aria-autocomplete': "list";
+            readonly 'aria-labelledby': string;
+            readonly id: string;
+        }, string>;
+        label: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"mousedown">, ([$labelId, $triggerId]: [string, string]) => {
+            id: string;
+            for: string;
+        }, string>;
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"pointerleave">, ([$isVisible, $menuId]: [boolean, string]) => {
+            readonly hidden: true | undefined;
+            readonly id: string;
+            readonly role: "listbox";
+            readonly style: string;
+        }, string>;
+        option: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<(value: unknown) => boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "pointermove">, ([$isSelected]: [(value: unknown) => boolean]) => (props: import("@melt-ui/svelte/index.js").ComboboxOptionProps<unknown>) => {
+            readonly 'data-value': string;
+            readonly 'data-label': string | undefined;
+            readonly 'data-disabled': true | undefined;
+            readonly 'aria-disabled': true | undefined;
+            readonly 'aria-selected': boolean;
+            readonly 'data-selected': "" | undefined;
+            readonly id: string;
+            readonly role: "option";
+        }, string>;
+        group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            role: string;
+            'aria-labelledby': string;
+        }, string>;
+        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number | undefined>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+            'data-arrow': boolean;
+            style: string;
+        }, string>;
+        groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+            id: string;
+        }, string>;
+        hiddenInput: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | undefined>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$selected, $required, $name]: [import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined, boolean, string | undefined]) => {
+            required: boolean | undefined;
+            value: unknown;
+            name: string | undefined;
+            type: string;
+            'aria-hidden': boolean;
+            hidden: boolean;
+            tabIndex: number;
+            style: string;
+        }, string>;
+    };
+    states: {
+        touchedInput: Writable<boolean>;
+        inputValue: Writable<string>;
+        open: {
+            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;
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        };
+        selected: {
+            update: (updater: import("svelte/store").Updater<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, sideEffect?: ((newValue: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void) | undefined) => void;
+            set: (this: void, value: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined) => void;
+            subscribe(this: void, run: import("svelte/store").Subscriber<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined>, invalidate?: import("svelte/store").Invalidator<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined> | undefined): import("svelte/store").Unsubscriber;
+            get: () => import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined;
+            destroy?: (() => void) | undefined;
+        };
+        highlighted: import("svelte/store").Readable<import("@melt-ui/svelte/index.js").ComboboxOption<unknown> | undefined>;
+        highlightedItem: import("@melt-ui/svelte/internal/helpers").WithGet<Writable<HTMLElement | null>>;
+    };
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        label: string;
+        menu: string;
+        trigger: string;
+    }>;
+    helpers: {
+        isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
+        isHighlighted: import("svelte/store").Readable<(item: unknown) => boolean>;
+        closeMenu: () => void;
+    };
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        multiple: M;
+        disabled: boolean;
+        forceVisible: boolean;
+        name: string | undefined;
+        required: boolean;
+        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+        preventScroll: boolean;
+        portal: string | HTMLElement | null | undefined;
+        positioning: import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+            placement: "bottom";
+            sameWidth: true;
+        };
+        arrowSize?: number | undefined;
+        scrollAlignment: "center" | "nearest";
+        loop: boolean;
+        defaultSelected?: import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined;
+        selected?: Writable<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>>> | undefined;
+        onSelectedChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<import("@melt-ui/svelte/internal/types").WhenTrue<M, import("@melt-ui/svelte/index.js").ComboboxOption<T>[], import("@melt-ui/svelte/index.js").ComboboxOption<T>, import("@melt-ui/svelte/index.js").ComboboxOption<T>[] | import("@melt-ui/svelte/index.js").ComboboxOption<T>> | undefined> | undefined;
+        closeOnOutsideClick: boolean;
+        closeOnEscape: boolean;
+        onOutsideClick: ((event: PointerEvent) => void) | undefined;
+        typeahead: boolean;
+        highlightOnHover: boolean;
+    }>;
+};
+export declare function setGroupCtx(): {
+    group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+        role: string;
+        'aria-labelledby': string;
+    }, string>;
+    id: string;
+    getAttrs: (part: "content" | "label" | "hidden-input" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label") => Record<string, string>;
+};
+export declare function setItemCtx(value: unknown): GetReturn;
+export declare function getGroupLabel(): {
+    groupLabel: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Stores | undefined, import("svelte/action").Action<any, any, Record<never, any>>, () => (groupId: string) => {
+        id: string;
+    }, string>;
+    id: string;
+    getAttrs: (part: "content" | "label" | "hidden-input" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label") => Record<string, string>;
+};
+export declare function getItemIndicator(): {
+    value: unknown;
+    isSelected: import("svelte/store").Readable<(value: unknown) => boolean>;
+    getAttrs: (part: "content" | "label" | "hidden-input" | "arrow" | "menu" | "group" | "input" | "item" | "indicator" | "group-label") => Record<string, string>;
+};
+export declare function setArrow(size?: number): GetReturn;
+export declare function updatePositioning(props: FloatingProps): void;
+export {};

package/dist/bits/combobox/ctx.js

@@ -0,0 +1,91 @@
+import { createCombobox } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+import { createBitAttrs, generateId, getOptionUpdater, removeUndefined, } from "../../internal/index.js";
+import { getPositioningUpdater } from "../floating/helpers.js";
+function getSelectData() {
+    const NAME = "combobox";
+    const GROUP_NAME = "combobox-group";
+    const ITEM_NAME = "combobox-item";
+    const PARTS = [
+        "content",
+        "menu",
+        "input",
+        "item",
+        "label",
+        "group",
+        "group-label",
+        "arrow",
+        "hidden-input",
+        "indicator",
+    ];
+    return {
+        NAME,
+        GROUP_NAME,
+        ITEM_NAME,
+        PARTS,
+    };
+}
+export function getCtx() {
+    const { NAME } = getSelectData();
+    return getContext(NAME);
+}
+export function setCtx(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+props) {
+    const { NAME, PARTS } = getSelectData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const combobox = {
+        ...createCombobox({ ...removeUndefined(props), forceVisible: true }),
+        getAttrs,
+    };
+    setContext(NAME, combobox);
+    return {
+        ...combobox,
+        updateOption: getOptionUpdater(combobox.options),
+    };
+}
+export function setGroupCtx() {
+    const { GROUP_NAME } = getSelectData();
+    const id = generateId();
+    setContext(GROUP_NAME, id);
+    const { elements: { group }, getAttrs, } = getCtx();
+    return { group, id, getAttrs };
+}
+export function setItemCtx(value) {
+    const { ITEM_NAME } = getSelectData();
+    const combobox = getCtx();
+    setContext(ITEM_NAME, value);
+    return combobox;
+}
+export function getGroupLabel() {
+    const { GROUP_NAME } = getSelectData();
+    const id = getContext(GROUP_NAME);
+    const { elements: { groupLabel }, getAttrs, } = getCtx();
+    return { groupLabel, id, getAttrs };
+}
+export function getItemIndicator() {
+    const { ITEM_NAME } = getSelectData();
+    const { helpers: { isSelected }, getAttrs, } = getCtx();
+    const value = getContext(ITEM_NAME);
+    return {
+        value,
+        isSelected,
+        getAttrs,
+    };
+}
+export function setArrow(size = 8) {
+    const combobox = getCtx();
+    combobox.options.arrowSize?.set(size);
+    return combobox;
+}
+export function updatePositioning(props) {
+    const defaultPlacement = {
+        side: "bottom",
+        align: "center",
+        sameWidth: true,
+    };
+    const withDefaults = { ...defaultPlacement, ...props };
+    const { options: { positioning }, } = getCtx();
+    const updater = getPositioningUpdater(positioning);
+    updater(withDefaults);
+}

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

@@ -0,0 +1,12 @@
+export { default as Root } from "./components/combobox.svelte";
+export { default as Content } from "./components/combobox-content.svelte";
+export { default as Input } from "./components/combobox-input.svelte";
+export { default as Item } from "./components/combobox-item.svelte";
+export { default as Label } from "./components/combobox-label.svelte";
+export { default as Group } from "./components/combobox-group.svelte";
+export { default as GroupLabel } from "./components/combobox-group-label.svelte";
+export { default as Arrow } from "./components/combobox-arrow.svelte";
+export { default as HiddenInput } from "./components/combobox-hidden-input.svelte";
+export { default as Separator } from "../separator/components/separator.svelte";
+export { default as ItemIndicator } from "./components/combobox-item-indicator.svelte";
+export * from "./types.js";

package/dist/bits/combobox/index.js

@@ -0,0 +1,12 @@
+export { default as Root } from "./components/combobox.svelte";
+export { default as Content } from "./components/combobox-content.svelte";
+export { default as Input } from "./components/combobox-input.svelte";
+export { default as Item } from "./components/combobox-item.svelte";
+export { default as Label } from "./components/combobox-label.svelte";
+export { default as Group } from "./components/combobox-group.svelte";
+export { default as GroupLabel } from "./components/combobox-group-label.svelte";
+export { default as Arrow } from "./components/combobox-arrow.svelte";
+export { default as HiddenInput } from "./components/combobox-hidden-input.svelte";
+export { default as Separator } from "../separator/components/separator.svelte";
+export { default as ItemIndicator } from "./components/combobox-item-indicator.svelte";
+export * from "./types.js";

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

@@ -0,0 +1,36 @@
+import type { HTMLDivAttributes, Transition } from "../../internal/index.js";
+import type { EventHandler, HTMLInputAttributes } from "svelte/elements";
+import type { CustomEventHandler } from "../../index.js";
+import type * as I from "./_types.js";
+type Props<T, Multiple extends boolean = false> = I.Props<T, Multiple>;
+type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
+type InputProps = I.InputProps & HTMLInputAttributes;
+type LabelProps = I.LabelProps & HTMLDivAttributes;
+type GroupProps = I.GroupProps & HTMLDivAttributes;
+type GroupLabelProps = I.GroupLabelProps & HTMLDivAttributes;
+type ItemProps = I.ItemProps & HTMLDivAttributes;
+type HiddenInputProps = I.HiddenInputProps & HTMLInputAttributes;
+type SeparatorProps = I.SeparatorProps & HTMLDivAttributes;
+type IndicatorProps = I.IndicatorProps & HTMLDivAttributes;
+type ArrowProps = I.ArrowProps & HTMLDivAttributes;
+type ItemEvents<T extends Element = HTMLDivElement> = {
+    click: CustomEventHandler<MouseEvent, T>;
+    pointermove: CustomEventHandler<PointerEvent, T>;
+    focusin: EventHandler<FocusEvent, T>;
+    keydown: EventHandler<KeyboardEvent, T>;
+    focusout: EventHandler<FocusEvent, T>;
+    pointerleave: EventHandler<PointerEvent, T>;
+};
+type ContentEvents<T extends Element = HTMLDivElement> = {
+    pointerleave: CustomEventHandler<PointerEvent, T>;
+    keydown: EventHandler<KeyboardEvent, T>;
+};
+type GroupLabelEvents<T extends Element = HTMLSpanElement> = {
+    click: CustomEventHandler<MouseEvent, T>;
+};
+type InputEvents = {
+    keydown: CustomEventHandler<KeyboardEvent, HTMLInputElement>;
+    input: CustomEventHandler<InputEvent, HTMLInputElement>;
+    click: CustomEventHandler<ClipboardEvent, HTMLInputElement>;
+};
+export type { Props, ContentProps, InputProps, ItemProps, LabelProps, GroupProps, GroupLabelProps, ArrowProps, HiddenInputProps, SeparatorProps, IndicatorProps, ContentEvents, InputEvents, ItemEvents, GroupLabelEvents, };

package/dist/bits/combobox/types.js

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

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

@@ -1 +1 @@
-export type { Props as ContextMenuProps, SubProps as ContextMenuSubProps, ItemProps as ContextMenuItemProps, ArrowProps as ContextMenuArrowProps, GroupProps as ContextMenuGroupProps, LabelProps as ContextMenuLabelProps, ContentProps as ContextMenuContentProps, TriggerProps as ContextMenuTriggerProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, RadioGroupProps as ContextMenuRadioGroupProps, SubContentProps as ContextMenuSubContentProps, SubTriggerProps as ContextMenuSubTriggerProps, CheckboxItemProps as ContextMenuCheckboxItemProps, RadioIndicatorProps as ContextMenuRadioIndicatorProps, CheckboxIndicatorProps as ContextMenuCheckboxIndicatorProps, ItemEvents as ContextMenuItemEvents, TriggerEvents as ContextMenuTriggerEvents, ContentEvents as ContextMenuContentEvents, RadioItemEvents as ContextMenuRadioItemEvents, SubContentEvents as ContextMenuSubContentEvents, SubTriggerEvents as ContextMenuSubTriggerEvents, CheckboxItemEvents as ContextMenuCheckboxItemEvents } from "./types.js";
+export type { Props as ContextMenuProps, SubProps as ContextMenuSubProps, ItemProps as ContextMenuItemProps, ArrowProps as ContextMenuArrowProps, GroupProps as ContextMenuGroupProps, LabelProps as ContextMenuLabelProps, ContentProps as ContextMenuContentProps, TriggerProps as ContextMenuTriggerProps, RadioItemProps as ContextMenuRadioItemProps, SeparatorProps as ContextMenuSeparatorProps, RadioGroupProps as ContextMenuRadioGroupProps, SubContentProps as ContextMenuSubContentProps, SubTriggerProps as ContextMenuSubTriggerProps, CheckboxItemProps as ContextMenuCheckboxItemProps, RadioIndicatorProps as ContextMenuRadioIndicatorProps, CheckboxIndicatorProps as ContextMenuCheckboxIndicatorProps, ItemEvents as ContextMenuItemEvents, TriggerEvents as ContextMenuTriggerEvents, ContentEvents as ContextMenuContentEvents, RadioItemEvents as ContextMenuRadioItemEvents, SubContentEvents as ContextMenuSubContentEvents, SubTriggerEvents as ContextMenuSubTriggerEvents, CheckboxItemEvents as ContextMenuCheckboxItemEvents, } from "./types.js";

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

@@ -89,12 +89,7 @@ $:
 		<slot {builder} />
 	</div>
 {:else if $open}
-	<div
-		bind:this={el}
-		{...builder} use:builder.action
-		{...$$restProps}
-		on:m-keydown={dispatch}
-	>
+	<div bind:this={el} {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch}>
 		<slot {builder} />
 	</div>
 {/if}

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

@@ -37,13 +37,10 @@ const {
     return next;
   }
 });
-const idValues = derived(
-  [ids.menu, ids.trigger],
-  ([$menuId, $triggerId]) => ({
-    menu: $menuId,
-    trigger: $triggerId
-  })
-);
+const idValues = derived([ids.menu, ids.trigger], ([$menuId, $triggerId]) => ({
+  menu: $menuId,
+  trigger: $triggerId
+}));
 $:
   open !== void 0 && localOpen.set(open);
 $:

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

@@ -7,10 +7,10 @@ declare const __propDef: {
         onOutsideClick?: ((event: PointerEvent) => 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;
-        loop?: boolean | undefined;
-        typeahead?: boolean | undefined;
         disableFocusFirstItem?: boolean | undefined;
         open?: boolean | undefined;
         onOpenChange?: import("../../../internal/types.js").OnChangeFn<boolean> | undefined;

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

@@ -9,7 +9,7 @@ export declare function getContextMenuData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateContextMenuProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "content" | "checkbox-indicator" | "arrow" | "label" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
+    getAttrs: (part: "content" | "checkbox-indicator" | "label" | "arrow" | "group" | "radio-group" | "separator" | "item" | "trigger" | "checkbox-item" | "radio-item" | "sub-content" | "sub-trigger") => Record<string, string>;
     ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
         menu: string;
         trigger: string;

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

@@ -17,11 +17,11 @@ export function getContextMenuData() {
         "separator",
         "sub-content",
         "sub-trigger",
-        "trigger"
+        "trigger",
     ];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -31,7 +31,7 @@ export function setCtx(props) {
     setContext(NAME, contextMenu);
     return {
         ...contextMenu,
-        updateOption: getOptionUpdater(contextMenu.options)
+        updateOption: getOptionUpdater(contextMenu.options),
     };
 }
 export function getCtx() {
@@ -41,10 +41,10 @@ export function getCtx() {
 export function updatePositioning(props) {
     const defaultPlacement = {
         side: "bottom",
-        align: "start"
+        align: "start",
     };
     const withDefaults = { ...defaultPlacement, ...props };
-    const { options: { positioning } } = getCtx();
+    const { options: { positioning }, } = getCtx();
     const updater = getPositioningUpdater(positioning);
     updater(withDefaults);
 }

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

@@ -2,4 +2,4 @@ import type { ArrowProps, CheckboxItemProps, RadioGroupProps, RadioItemProps, Gr
 import type { HTMLDivAttributes, Transition } from "../../internal";
 import type * as I from "./_types.js";
 type ContentProps<T extends Transition = Transition, In extends Transition = Transition, Out extends Transition = Transition> = I.ContentProps<T, In, Out> & HTMLDivAttributes;
-export type { Props, SubProps, ItemProps, ArrowProps, GroupProps, LabelProps, ContentProps, TriggerProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, CheckboxIndicatorProps, RadioIndicatorProps, ItemEvents, TriggerEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, CheckboxItemEvents };
+export type { Props, SubProps, ItemProps, ArrowProps, GroupProps, LabelProps, ContentProps, TriggerProps, RadioItemProps, SeparatorProps, RadioGroupProps, SubContentProps, SubTriggerProps, CheckboxItemProps, CheckboxIndicatorProps, RadioIndicatorProps, ItemEvents, TriggerEvents, ContentEvents, RadioItemEvents, SubContentEvents, SubTriggerEvents, CheckboxItemEvents, };

package/dist/bits/date-field/_export.types.d.ts

@@ -1 +1 @@
-export type { Props as DateFieldProps, LabelProps as DateFieldLabelProps, DescriptionProps as DateFieldDescriptionProps, InputProps as DateFieldInputProps, SegmentProps as DateFieldSegmentProps, SegmentEvents as DateFieldSegmentEvents } from "./types.js";
+export type { Props as DateFieldProps, LabelProps as DateFieldLabelProps, DescriptionProps as DateFieldDescriptionProps, InputProps as DateFieldInputProps, SegmentProps as DateFieldSegmentProps, SegmentEvents as DateFieldSegmentEvents, } from "./types.js";

package/dist/bits/date-field/components/date-field.svelte

@@ -17,11 +17,7 @@ export let validationId = void 0;
 export let descriptionId = void 0;
 export let readonlySegments = void 0;
 const {
-  states: {
-    value: localValue,
-    placeholder: localPlaceholder,
-    isInvalid: localIsInvalid
-  },
+  states: { value: localValue, placeholder: localPlaceholder, isInvalid: localIsInvalid },
   updateOption,
   ids
 } = setCtx({

package/dist/bits/date-field/ctx.d.ts

@@ -7,7 +7,7 @@ export declare function getDateFieldData(): {
 type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateDateFieldProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    getAttrs: (part: "segment" | "label" | "input") => Record<string, string>;
+    getAttrs: (part: "label" | "segment" | "input") => Record<string, string>;
     elements: {
         field: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<import("@internationalized/date").DateValue | undefined>, sideEffect?: ((newValue: import("@internationalized/date").DateValue | undefined) => void) | undefined) => void;

package/dist/bits/date-field/ctx.js

@@ -6,7 +6,7 @@ export function getDateFieldData() {
     const PARTS = ["label", "input", "segment"];
     return {
         NAME,
-        PARTS
+        PARTS,
     };
 }
 export function setCtx(props) {
@@ -16,7 +16,7 @@ export function setCtx(props) {
     setContext(NAME, dateField);
     return {
         ...dateField,
-        updateOption: getOptionUpdater(dateField.options)
+        updateOption: getOptionUpdater(dateField.options),
     };
 }
 export function getCtx() {

package/dist/bits/date-field/types.d.ts

@@ -11,4 +11,4 @@ type SegmentEvents = {
     focusout: CustomEventHandler<FocusEvent, HTMLDivElement>;
     keydown: CustomEventHandler<KeyboardEvent, HTMLDivElement>;
 };
-export type { Props, LabelProps, DescriptionProps, InputProps, SegmentProps, SegmentEvents };
+export type { Props, LabelProps, DescriptionProps, InputProps, SegmentProps, SegmentEvents, };

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

@@ -1 +1 @@
-export type { Props as DatePickerProps, CalendarProps as DatePickerCalendarProps, LabelProps as DatePickerLabelProps, DescriptionProps as DatePickerDescriptionProps, InputProps as DatePickerInputProps, SegmentProps as DatePickerSegmentProps, CellProps as DatePickerCellProps, DayProps as DatePickerDayProps, GridBodyProps as DatePickerGridBodyProps, GridHeadProps as DatePickerGridHeadProps, GridRowProps as DatePickerGridRowProps, GridProps as DatePickerGridProps, HeadCellProps as DatePickerHeadCellProps, HeaderProps as DatePickerHeaderProps, HeadingProps as DatePickerHeadingProps, NextButtonProps as DatePickerNextButtonProps, PrevButtonProps as DatePickerPrevButtonProps, TriggerProps as DatePickerTriggerProps, ContentProps as DatePickerContentProps, ArrowProps as DatePickerArrowProps, CloseProps as DatePickerCloseProps, CloseEvents as DatePickerCloseEvents, TriggerEvents as DatePickerTriggerEvents, CalendarEvents as DatePickerCalendarEvents, DayEvents as DatePickerDayEvents, PrevButtonEvents as DatePickerPrevButtonEvents, NextButtonEvents as DatePickerNextButtonEvents, SegmentEvents as DatePickerSegmentEvents } from "./types.js";
+export type { Props as DatePickerProps, CalendarProps as DatePickerCalendarProps, LabelProps as DatePickerLabelProps, DescriptionProps as DatePickerDescriptionProps, InputProps as DatePickerInputProps, SegmentProps as DatePickerSegmentProps, CellProps as DatePickerCellProps, DayProps as DatePickerDayProps, GridBodyProps as DatePickerGridBodyProps, GridHeadProps as DatePickerGridHeadProps, GridRowProps as DatePickerGridRowProps, GridProps as DatePickerGridProps, HeadCellProps as DatePickerHeadCellProps, HeaderProps as DatePickerHeaderProps, HeadingProps as DatePickerHeadingProps, NextButtonProps as DatePickerNextButtonProps, PrevButtonProps as DatePickerPrevButtonProps, TriggerProps as DatePickerTriggerProps, ContentProps as DatePickerContentProps, ArrowProps as DatePickerArrowProps, CloseProps as DatePickerCloseProps, CloseEvents as DatePickerCloseEvents, TriggerEvents as DatePickerTriggerEvents, CalendarEvents as DatePickerCalendarEvents, DayEvents as DatePickerDayEvents, PrevButtonEvents as DatePickerPrevButtonEvents, NextButtonEvents as DatePickerNextButtonEvents, SegmentEvents as DatePickerSegmentEvents, } from "./types.js";

package/dist/bits/date-picker/components/date-picker-calendar.svelte

@@ -28,12 +28,7 @@ $:
 {#if asChild}
 	<slot {builder} {months} weekdays={$weekdays} />
 {:else}
-	<div
-		bind:this={el}
-		{...builder} use:builder.action
-		{...$$restProps}
-		on:m-keydown={dispatch}
-	>
+	<div bind:this={el} {...builder} use:builder.action {...$$restProps} on:m-keydown={dispatch}>
 		<slot {builder} {months} weekdays={$weekdays} />
 	</div>
 {/if}

package/dist/bits/date-picker/components/date-picker-content.svelte

@@ -54,12 +54,7 @@ $:
 {#if asChild && $open}
 	<slot {builder} />
 {:else if transition && $open}
-	<div
-		bind:this={el}
-		transition:transition={transitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} transition:transition={transitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if inTransition && outTransition && $open}
@@ -73,21 +68,11 @@ $:
 		<slot {builder} />
 	</div>
 {:else if inTransition && $open}
-	<div
-		bind:this={el}
-		in:inTransition={inTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} in:inTransition={inTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if outTransition && $open}
-	<div
-		bind:this={el}
-		out:outTransition={outTransitionConfig}
-		{...builder} use:builder.action
-		{...$$restProps}
-	>
+	<div bind:this={el} out:outTransition={outTransitionConfig} {...builder} use:builder.action {...$$restProps}>
 		<slot {builder} />
 	</div>
 {:else if $open}

package/dist/bits/date-picker/components/date-picker-field.svelte

@@ -16,11 +16,7 @@ export let readonly = void 0;
 export let validationId = void 0;
 export let descriptionId = void 0;
 const {
-  states: {
-    value: localValue,
-    placeholder: localPlaceholder,
-    isInvalid: localIsInvalid
-  },
+  states: { value: localValue, placeholder: localPlaceholder, isInvalid: localIsInvalid },
   updateOption,
   ids
 } = setCtx({

package/dist/bits/date-picker/components/date-picker-next-button.svelte

@@ -18,13 +18,7 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}

package/dist/bits/date-picker/components/date-picker-prev-button.svelte

@@ -18,13 +18,7 @@ $:
 {#if asChild}
 	<slot {builder} />
 {:else}
-	<button
-		bind:this={el}
-		{...builder} use:builder.action
-		type="button"
-		{...$$restProps}
-		on:m-click={dispatch}
-	>
+	<button bind:this={el} {...builder} use:builder.action type="button" {...$$restProps} on:m-click={dispatch}>
 		<slot {builder} />
 	</button>
 {/if}