bits-ui 0.16.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,13 +9,13 @@ 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;
     }>;
     elements: {
-        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string | HTMLElement | null | undefined>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown">, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
+        menu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string | HTMLElement | null | undefined>>, 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<"keydown">, ([$isVisible, $portal, $menuId, $triggerId]: [boolean, string | HTMLElement | null | undefined, string, string]) => {
             readonly role: "menu";
             readonly hidden: true | undefined;
             readonly style: string;
@@ -29,7 +29,9 @@ export declare function setCtx(props: CreateContextMenuProps): {
             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;
-        }, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ([$rootOpen, $triggerId]: [boolean, string]) => {
+            get: () => boolean;
+            destroy?: (() => void) | undefined;
+        }, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<string>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"contextmenu" | "pointercancel" | "pointerdown" | "pointermove" | "pointerup">, ([$rootOpen, $triggerId]: [boolean, string]) => {
             readonly 'data-state': "open" | "closed";
             readonly id: string;
             readonly style: string;
@@ -40,11 +42,11 @@ export declare function setCtx(props: CreateContextMenuProps): {
             tabindex: number;
             'data-orientation': string;
         }, string>;
-        arrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number | undefined>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number | undefined) => {
+        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>;
-        separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<import("@melt-ui/svelte/internal/types").Orientation>, Writable<boolean>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
+        separator: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("@melt-ui/svelte/internal/helpers").WithGet<Writable<import("@melt-ui/svelte/internal/types").Orientation>>, import("@melt-ui/svelte/internal/helpers").WithGet<Writable<boolean>>], import("svelte/action").Action<any, any, Record<never, any>>, ([$orientation, $decorative]: [import("@melt-ui/svelte/internal/types").Orientation, boolean]) => {
             role: string;
             'aria-orientation': "vertical" | undefined;
             'aria-hidden': boolean;
@@ -63,6 +65,8 @@ export declare function setCtx(props: CreateContextMenuProps): {
             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;
         };
     };
     builders: {
@@ -76,7 +80,9 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     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;
-                }, Writable<boolean>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
+                    get: () => boolean;
+                    destroy?: (() => void) | undefined;
+                }, 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>>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerleave" | "pointermove">, ([$subOpen, $disabled, $subMenuId, $subTriggerId]: [boolean, boolean, string, string]) => {
                     readonly role: "menuitem";
                     readonly id: string;
                     readonly tabindex: -1;
@@ -86,7 +92,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     readonly 'data-disabled': true | undefined;
                     readonly 'aria-haspopop': "menu";
                 }, string>;
-                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
+                subMenu: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Readable<boolean>, 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<"keydown" | "focusout" | "pointermove">, ([$subIsVisible, $subMenuId, $subTriggerId]: [boolean, string, string]) => {
                     readonly role: "menu";
                     readonly hidden: true | undefined;
                     readonly style: string;
@@ -96,7 +102,7 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     readonly 'data-id': string;
                     readonly tabindex: -1;
                 }, string>;
-                subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<Writable<number>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
+                subArrow: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("@melt-ui/svelte/internal/helpers").WithGet<Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {
                     'data-arrow': boolean;
                     style: string;
                 }, string>;
@@ -106,6 +112,8 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     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;
                 };
             };
             options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
@@ -139,6 +147,8 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
                     set: (this: void, value: boolean | "indeterminate") => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
+                    get: () => boolean | "indeterminate";
+                    destroy?: (() => void) | undefined;
                 }, Writable<boolean>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$checked, $disabled]: [boolean | "indeterminate", boolean]) => {
                     readonly role: "menuitemcheckbox";
                     readonly tabindex: -1;
@@ -153,6 +163,8 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     update: (updater: import("svelte/store").Updater<boolean | "indeterminate">, sideEffect?: ((newValue: boolean | "indeterminate") => void) | undefined) => void;
                     set: (this: void, value: boolean | "indeterminate") => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<boolean | "indeterminate">, invalidate?: import("svelte/store").Invalidator<boolean | "indeterminate"> | undefined): import("svelte/store").Unsubscriber;
+                    get: () => boolean | "indeterminate";
+                    destroy?: (() => void) | undefined;
                 };
             };
             helpers: {
@@ -172,6 +184,8 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
                     set: (this: void, value: string | null) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
+                    get: () => string | null;
+                    destroy?: (() => void) | undefined;
                 }], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "click" | "focusin" | "focusout" | "pointerdown" | "pointerleave" | "pointermove">, ([$value]: [string | null]) => (itemProps: import("@melt-ui/svelte/dist/builders/menu")._RadioItemProps) => {
                     disabled: boolean;
                     role: string;
@@ -188,6 +202,8 @@ export declare function setCtx(props: CreateContextMenuProps): {
                     update: (updater: import("svelte/store").Updater<string | null>, sideEffect?: ((newValue: string | null) => void) | undefined) => void;
                     set: (this: void, value: string | null) => void;
                     subscribe(this: void, run: import("svelte/store").Subscriber<string | null>, invalidate?: import("svelte/store").Invalidator<string | null> | undefined): import("svelte/store").Unsubscriber;
+                    get: () => string | null;
+                    destroy?: (() => void) | undefined;
                 };
             };
             helpers: {

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({