bits-ui 1.0.0-next.17 → 1.0.0-next.19

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

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Listbox: $$__sveltets_2_IsomorphicComponent<import("../types.js").ListboxRootPropsWithoutHTML, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value" | "open">;
-type Listbox = InstanceType<typeof Listbox>;
-export default Listbox;

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

@@ -1,12 +0,0 @@
-export { default as Root } from "./components/listbox.svelte";
-export { default as Content } from "./components/listbox-content.svelte";
-export { default as ContentStatic } from "./components/listbox-content-static.svelte";
-export { default as Item } from "./components/listbox-item.svelte";
-export { default as Group } from "./components/listbox-group.svelte";
-export { default as GroupHeading } from "./components/listbox-group-heading.svelte";
-export { default as Trigger } from "./components/listbox-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as Viewport } from "./components/listbox-viewport.svelte";
-export { default as ScrollUpButton } from "./components/listbox-scroll-up-button.svelte";
-export { default as ScrollDownButton } from "./components/listbox-scroll-down-button.svelte";
-export type { ListboxRootProps as RootProps, ListboxContentProps as ContentProps, ListboxContentStaticProps as ContentStaticProps, ListboxItemProps as ItemProps, ListboxGroupProps as GroupProps, ListboxGroupHeadingProps as GroupHeadingProps, ListboxTriggerProps as TriggerProps, ListboxViewportProps as ViewportProps, ListboxScrollUpButtonProps as ScrollUpButtonProps, ListboxScrollDownButtonProps as ScrollDownButtonProps, ListboxPortalProps as PortalProps, } from "./types.js";

package/dist/bits/listbox/exports.js

@@ -1,11 +0,0 @@
-export { default as Root } from "./components/listbox.svelte";
-export { default as Content } from "./components/listbox-content.svelte";
-export { default as ContentStatic } from "./components/listbox-content-static.svelte";
-export { default as Item } from "./components/listbox-item.svelte";
-export { default as Group } from "./components/listbox-group.svelte";
-export { default as GroupHeading } from "./components/listbox-group-heading.svelte";
-export { default as Trigger } from "./components/listbox-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as Viewport } from "./components/listbox-viewport.svelte";
-export { default as ScrollUpButton } from "./components/listbox-scroll-up-button.svelte";
-export { default as ScrollDownButton } from "./components/listbox-scroll-down-button.svelte";

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

@@ -1 +0,0 @@
-export * as Listbox from "./exports.js";

package/dist/bits/listbox/index.js

@@ -1 +0,0 @@
-export * as Listbox from "./exports.js";

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

@@ -1,399 +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;
-}
-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;
-}
-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;
-}
-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": "true" | "false";
-        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) | 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;
-    };
-}
-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;
-    };
-}
-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;
-    };
-}
-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 {};