bits-ui 1.0.0-next.6 → 1.0.0-next.61

package/dist/bits/listbox/listbox.svelte.d.ts

@@ -1,414 +0,0 @@
-import { Previous } from "runed";
-import type { InteractOutsideEvent } from "../utilities/dismissible-layer/types.js";
-import type { Box, ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import type { WithRefProps } from "../../internal/types.js";
-export declare const INTERACTION_KEYS: string[];
-export declare const FIRST_KEYS: string[];
-export declare const LAST_KEYS: string[];
-export declare const FIRST_LAST_KEYS: string[];
-export declare const SELECTION_KEYS: string[];
-type ListboxBaseRootStateProps = ReadableBoxedValues<{
-    disabled: boolean;
-    required: boolean;
-    name: string;
-    loop: boolean;
-    scrollAlignment: "nearest" | "center";
-}> & WritableBoxedValues<{
-    open: boolean;
-}> & {
-    isCombobox: boolean;
-};
-declare class ListboxBaseRootState {
-    disabled: ListboxBaseRootStateProps["disabled"];
-    required: ListboxBaseRootStateProps["required"];
-    name: ListboxBaseRootStateProps["name"];
-    loop: ListboxBaseRootStateProps["loop"];
-    open: ListboxBaseRootStateProps["open"];
-    scrollAlignment: ListboxBaseRootStateProps["scrollAlignment"];
-    touchedInput: boolean;
-    inputValue: string;
-    inputNode: HTMLElement | null;
-    contentNode: HTMLElement | null;
-    triggerNode: HTMLElement | null;
-    highlightedNode: HTMLElement | null;
-    highlightedValue: string | null;
-    highlightedId: string | undefined;
-    highlightedLabel: string | null;
-    isUsingKeyboard: boolean;
-    isCombobox: boolean;
-    bitsAttrs: ListboxBitsAttrs;
-    constructor(props: ListboxBaseRootStateProps);
-    setHighlightedNode: (node: HTMLElement | null) => void;
-    getCandidateNodes: () => HTMLElement[];
-    setHighlightedToFirstCandidate: () => void;
-    getNodeByValue: (value: string) => HTMLElement | null;
-    setOpen: (open: boolean) => void;
-    toggleOpen: () => void;
-    openMenu: () => void;
-    closeMenu: () => void;
-    toggleMenu: () => void;
-    createComboTrigger(props: ListboxComboTriggerStateProps): ListboxComboTriggerState;
-    createGroup(props: ListboxGroupStateProps): ListboxGroupState;
-    createHiddenInput(props: ListboxHiddenInputStateProps): ListboxHiddenInputState;
-    createContent(props: ListboxContentStateProps): ListboxContentState;
-}
-type ListboxSingleRootStateProps = ListboxBaseRootStateProps & WritableBoxedValues<{
-    value: string;
-}>;
-declare class ListboxSingleRootState extends ListboxBaseRootState {
-    #private;
-    value: ListboxSingleRootStateProps["value"];
-    isMulti: false;
-    hasValue: boolean;
-    constructor(props: ListboxSingleRootStateProps);
-    includesItem: (itemValue: string) => boolean;
-    toggleItem: (itemValue: string, itemLabel?: string) => void;
-    createInput(props: ListboxInputStateProps): ListboxInputState;
-    createTrigger(props: ListboxTriggerStateProps): ListboxTriggerState;
-    createItem(props: ListboxItemStateProps): ListboxItemState;
-}
-type ListboxMultipleRootStateProps = ListboxBaseRootStateProps & WritableBoxedValues<{
-    value: string[];
-}>;
-declare class ListboxMultipleRootState extends ListboxBaseRootState {
-    #private;
-    value: ListboxMultipleRootStateProps["value"];
-    isMulti: true;
-    hasValue: boolean;
-    constructor(props: ListboxMultipleRootStateProps);
-    includesItem: (itemValue: string) => boolean;
-    toggleItem: (itemValue: string, itemLabel?: string) => void;
-    createInput(props: ListboxInputStateProps): ListboxInputState;
-    createTrigger(props: ListboxTriggerStateProps): ListboxTriggerState;
-    createItem(props: ListboxItemStateProps): ListboxItemState;
-}
-type ListboxRootState = ListboxSingleRootState | ListboxMultipleRootState;
-type ListboxInputStateProps = WithRefProps;
-declare class ListboxInputState {
-    #private;
-    root: ListboxRootState;
-    constructor(props: ListboxInputStateProps, root: ListboxRootState);
-    props: {
-        readonly [x: string]: string | true | ((e: KeyboardEvent) => Promise<void>) | ((e: Event & {
-            currentTarget: HTMLInputElement;
-        }) => void) | undefined;
-        readonly id: string;
-        readonly role: "combobox";
-        readonly disabled: true | undefined;
-        readonly "aria-activedescendant": string | undefined;
-        readonly "aria-autocomplete": "list";
-        readonly "aria-expanded": "false" | "true";
-        readonly "data-state": "open" | "closed";
-        readonly "data-disabled": "" | undefined;
-        readonly onkeydown: (e: KeyboardEvent) => Promise<void>;
-        readonly oninput: (e: Event & {
-            currentTarget: HTMLInputElement;
-        }) => void;
-    };
-}
-type ListboxComboTriggerStateProps = WithRefProps;
-declare class ListboxComboTriggerState {
-    #private;
-    root: ListboxBaseRootState;
-    constructor(props: ListboxComboTriggerStateProps, root: ListboxBaseRootState);
-    props: {
-        readonly [x: string]: string | true | ((e: KeyboardEvent) => void) | ((e: MouseEvent) => void) | undefined;
-        readonly id: string;
-        readonly disabled: true | undefined;
-        readonly "aria-haspopup": "listbox";
-        readonly "data-state": "open" | "closed";
-        readonly "data-disabled": "" | undefined;
-        readonly onpointerdown: (e: MouseEvent) => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
-    };
-}
-type ListboxTriggerStateProps = WithRefProps;
-declare class ListboxTriggerState {
-    #private;
-    root: ListboxRootState;
-    constructor(props: ListboxTriggerStateProps, root: ListboxRootState);
-    props: {
-        readonly [x: string]: string | true | ((e: KeyboardEvent) => void) | ((e: MouseEvent) => void) | undefined;
-        readonly id: string;
-        readonly disabled: true | undefined;
-        readonly "aria-haspopup": "listbox";
-        readonly "data-state": "open" | "closed";
-        readonly "data-disabled": "" | undefined;
-        readonly onpointerdown: () => void;
-        readonly onkeydown: (e: KeyboardEvent) => void;
-        readonly onclick: (e: MouseEvent) => void;
-    };
-}
-type ListboxContentStateProps = WithRefProps;
-declare class ListboxContentState {
-    #private;
-    viewportNode: HTMLElement | null;
-    root: ListboxBaseRootState;
-    isPositioned: boolean;
-    constructor(props: ListboxContentStateProps, root: ListboxBaseRootState);
-    handleInteractOutside: (e: InteractOutsideEvent) => void;
-    snippetProps: {
-        open: boolean;
-    };
-    props: {
-        readonly [x: string]: string | (() => void) | {
-            readonly "--bits-combobox-content-transform-origin": string;
-            readonly "--bits-combobox-content-available-width": string;
-            readonly "--bits-combobox-content-available-height": string;
-            readonly "--bits-combobox-anchor-width": string;
-            readonly "--bits-combobox-anchor-height": string;
-            readonly "--bits-listbox-content-transform-origin"?: undefined;
-            readonly "--bits-listbox-content-available-width"?: undefined;
-            readonly "--bits-listbox-content-available-height"?: undefined;
-            readonly "--bits-listbox-anchor-width"?: undefined;
-            readonly "--bits-listbox-anchor-height"?: undefined;
-            readonly display: "flex";
-            readonly flexDirection: "column";
-            readonly outline: "none";
-            readonly boxSizing: "border-box";
-        } | {
-            readonly "--bits-listbox-content-transform-origin": string;
-            readonly "--bits-listbox-content-available-width": string;
-            readonly "--bits-listbox-content-available-height": string;
-            readonly "--bits-listbox-anchor-width": string;
-            readonly "--bits-listbox-anchor-height": string;
-            readonly "--bits-combobox-content-transform-origin"?: undefined;
-            readonly "--bits-combobox-content-available-width"?: undefined;
-            readonly "--bits-combobox-content-available-height"?: undefined;
-            readonly "--bits-combobox-anchor-width"?: undefined;
-            readonly "--bits-combobox-anchor-height"?: undefined;
-            readonly display: "flex";
-            readonly flexDirection: "column";
-            readonly outline: "none";
-            readonly boxSizing: "border-box";
-        };
-        readonly id: string;
-        readonly role: "listbox";
-        readonly "data-state": "open" | "closed";
-        readonly style: {
-            readonly "--bits-combobox-content-transform-origin": string;
-            readonly "--bits-combobox-content-available-width": string;
-            readonly "--bits-combobox-content-available-height": string;
-            readonly "--bits-combobox-anchor-width": string;
-            readonly "--bits-combobox-anchor-height": string;
-            readonly "--bits-listbox-content-transform-origin"?: undefined;
-            readonly "--bits-listbox-content-available-width"?: undefined;
-            readonly "--bits-listbox-content-available-height"?: undefined;
-            readonly "--bits-listbox-anchor-width"?: undefined;
-            readonly "--bits-listbox-anchor-height"?: undefined;
-            readonly display: "flex";
-            readonly flexDirection: "column";
-            readonly outline: "none";
-            readonly boxSizing: "border-box";
-        } | {
-            readonly "--bits-listbox-content-transform-origin": string;
-            readonly "--bits-listbox-content-available-width": string;
-            readonly "--bits-listbox-content-available-height": string;
-            readonly "--bits-listbox-anchor-width": string;
-            readonly "--bits-listbox-anchor-height": string;
-            readonly "--bits-combobox-content-transform-origin"?: undefined;
-            readonly "--bits-combobox-content-available-width"?: undefined;
-            readonly "--bits-combobox-content-available-height"?: undefined;
-            readonly "--bits-combobox-anchor-width"?: undefined;
-            readonly "--bits-combobox-anchor-height"?: undefined;
-            readonly display: "flex";
-            readonly flexDirection: "column";
-            readonly outline: "none";
-            readonly boxSizing: "border-box";
-        };
-        readonly onpointermove: () => void;
-    };
-    createViewportState: (props: ListboxViewportStateProps) => ListboxViewportState;
-    createScrollUpButtonState: (props: ListboxScrollButtonImplStateProps) => ListboxScrollUpButtonState;
-    createScrollDownButtonState: (props: ListboxScrollButtonImplStateProps) => ListboxScrollDownButtonState;
-}
-type ListboxItemStateProps = WithRefProps<ReadableBoxedValues<{
-    value: string;
-    disabled: boolean;
-    label: string;
-    onHighlight: () => void;
-    onUnhighlight: () => void;
-}>>;
-declare class ListboxItemState {
-    #private;
-    root: ListboxRootState;
-    value: ListboxItemStateProps["value"];
-    label: ListboxItemStateProps["label"];
-    onHighlight: ListboxItemStateProps["onHighlight"];
-    onUnhighlight: ListboxItemStateProps["onUnhighlight"];
-    disabled: ListboxItemStateProps["disabled"];
-    isSelected: boolean;
-    isHighlighted: boolean;
-    prevHighlighted: Previous<boolean>;
-    constructor(props: ListboxItemStateProps, root: ListboxRootState);
-    snippetProps: {
-        selected: boolean;
-        highlighted: boolean;
-    };
-    props: {
-        readonly [x: string]: string | ((e: PointerEvent) => void) | undefined;
-        readonly id: string;
-        readonly "aria-selected": "true" | undefined;
-        readonly "data-value": string;
-        readonly "data-disabled": "" | undefined;
-        readonly "data-highlighted": "" | undefined;
-        readonly "data-selected": "" | undefined;
-        readonly "data-label": string;
-        readonly onpointermove: (_: PointerEvent) => void;
-        readonly onpointerdown: (e: PointerEvent) => void;
-        readonly onpointerup: (e: PointerEvent) => void;
-    };
-}
-type ListboxGroupStateProps = WithRefProps;
-declare class ListboxGroupState {
-    #private;
-    root: ListboxBaseRootState;
-    labelNode: HTMLElement | null;
-    constructor(props: ListboxGroupStateProps, root: ListboxBaseRootState);
-    props: {
-        readonly [x: string]: string | undefined;
-        readonly id: string;
-        readonly role: "group";
-        readonly "aria-labelledby": string | undefined;
-    };
-    createGroupHeading(props: ListboxGroupHeadingStateProps): ListboxGroupHeadingState;
-}
-type ListboxGroupHeadingStateProps = WithRefProps;
-declare class ListboxGroupHeadingState {
-    #private;
-    group: ListboxGroupState;
-    constructor(props: ListboxGroupHeadingStateProps, group: ListboxGroupState);
-    props: {
-        readonly [x: string]: string;
-        readonly id: string;
-    };
-}
-type ListboxHiddenInputStateProps = ReadableBoxedValues<{
-    value: string;
-}>;
-declare class ListboxHiddenInputState {
-    #private;
-    root: ListboxBaseRootState;
-    shouldRender: boolean;
-    constructor(props: ListboxHiddenInputStateProps, root: ListboxBaseRootState);
-    props: {
-        readonly disabled: true | undefined;
-        readonly required: true | undefined;
-        readonly name: string;
-        readonly value: string;
-        readonly "aria-hidden": "true" | undefined;
-        readonly style: string;
-    };
-}
-type ListboxViewportStateProps = WithRefProps;
-declare class ListboxViewportState {
-    #private;
-    root: ListboxBaseRootState;
-    content: ListboxContentState;
-    constructor(props: ListboxViewportStateProps, content: ListboxContentState);
-    props: {
-        readonly [x: string]: string | {
-            readonly position: "relative";
-            readonly flex: 1;
-            readonly overflow: "auto";
-        };
-        readonly id: string;
-        readonly role: "presentation";
-        readonly style: {
-            readonly position: "relative";
-            readonly flex: 1;
-            readonly overflow: "auto";
-        };
-    };
-}
-type ListboxScrollButtonImplStateProps = WithRefProps<ReadableBoxedValues<{
-    mounted: boolean;
-}>>;
-declare class ListboxScrollButtonImplState {
-    #private;
-    id: ListboxScrollButtonImplStateProps["id"];
-    ref: ListboxScrollButtonImplStateProps["ref"];
-    content: ListboxContentState;
-    root: ListboxBaseRootState;
-    autoScrollTimer: number | null;
-    onAutoScroll: () => void;
-    mounted: ListboxScrollButtonImplStateProps["mounted"];
-    constructor(props: ListboxScrollButtonImplStateProps, content: ListboxContentState);
-    clearAutoScrollTimer: () => void;
-    props: {
-        readonly id: string;
-        readonly "aria-hidden": "true" | undefined;
-        readonly style: {
-            readonly flexShrink: 0;
-        };
-        readonly onpointerdown: () => void;
-        readonly onpointermove: () => void;
-        readonly onpointerleave: () => void;
-    };
-}
-declare class ListboxScrollDownButtonState {
-    state: ListboxScrollButtonImplState;
-    content: ListboxContentState;
-    root: ListboxBaseRootState;
-    canScrollDown: boolean;
-    constructor(state: ListboxScrollButtonImplState);
-    handleAutoScroll: () => void;
-    props: {
-        readonly id: string;
-        readonly "aria-hidden": "true" | undefined;
-        readonly style: {
-            readonly flexShrink: 0;
-        };
-        readonly onpointerdown: () => void;
-        readonly onpointermove: () => void;
-        readonly onpointerleave: () => void;
-    };
-}
-declare class ListboxScrollUpButtonState {
-    state: ListboxScrollButtonImplState;
-    content: ListboxContentState;
-    root: ListboxBaseRootState;
-    canScrollUp: boolean;
-    constructor(state: ListboxScrollButtonImplState);
-    handleAutoScroll: () => void;
-    props: {
-        readonly id: string;
-        readonly "aria-hidden": "true" | undefined;
-        readonly style: {
-            readonly flexShrink: 0;
-        };
-        readonly onpointerdown: () => void;
-        readonly onpointermove: () => void;
-        readonly onpointerleave: () => void;
-    };
-}
-type InitListboxProps = {
-    type: "single" | "multiple";
-    value: Box<string> | Box<string[]>;
-} & ReadableBoxedValues<{
-    disabled: boolean;
-    required: boolean;
-    loop: boolean;
-    scrollAlignment: "nearest" | "center";
-    name: string;
-}> & WritableBoxedValues<{
-    open: boolean;
-}> & {
-    isCombobox: boolean;
-};
-export declare function useListboxRoot(props: InitListboxProps): ListboxRootState;
-export declare function useListboxInput(props: ListboxInputStateProps): ListboxInputState;
-export declare function useListboxContent(props: ListboxContentStateProps): ListboxContentState;
-export declare function useListboxTrigger(props: ListboxTriggerStateProps): ListboxTriggerState;
-export declare function useListboxComboTrigger(props: ListboxComboTriggerStateProps): ListboxComboTriggerState;
-export declare function useListboxItem(props: ListboxItemStateProps): ListboxItemState;
-export declare function useListboxViewport(props: ListboxViewportStateProps): ListboxViewportState;
-export declare function useListboxScrollUpButton(props: ListboxScrollButtonImplStateProps): ListboxScrollUpButtonState;
-export declare function useListboxScrollDownButton(props: ListboxScrollButtonImplStateProps): ListboxScrollDownButtonState;
-export declare function useListboxGroup(props: ListboxGroupStateProps): ListboxGroupState;
-export declare function useListboxGroupHeading(props: ListboxGroupHeadingStateProps): ListboxGroupHeadingState;
-export declare function useListboxHiddenInput(props: ListboxHiddenInputStateProps): ListboxHiddenInputState;
-declare const listboxParts: readonly ["trigger", "content", "item", "viewport", "scroll-up-button", "scroll-down-button", "group", "group-label", "separator", "arrow", "input"];
-type ListboxBitsAttrs = Record<(typeof listboxParts)[number], string>;
-export declare function getListboxBitsAttrs(root: ListboxBaseRootState): ListboxBitsAttrs;
-export {};