@skdx/react 0.28.0 → 0.29.0

package/dist/multi-select/types.d.cts

@@ -1,340 +0,0 @@
-import type * as React from 'react';
-import type { TagGroupProps } from '../tag-group/types.cjs';
-import type { TagProps } from '../tag/types.cjs';
-import type { FormValidityHandle } from '../utils/formControl.cjs';
-import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { PopperContentProps } from '../utils/popper.cjs';
-import type { PortalProps } from '../utils/portal.cjs';
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.cjs';
-import type { OptionEntry } from '../utils/useOptionCollection.cjs';
-/** One option for the {@link MultiSelectProps.options} recipe prop — a flat entry rendered as a `MultiSelectItem`/`MultiSelectTag`. */
-export interface MultiSelectOption {
-    /** Value added to (or removed from) the selection when this option is chosen. */
-    value: string;
-    /**
-     * Text shown by the tag and matched by `filter`.
-     * @default undefined — falls back to `value`.
-     */
-    label?: string;
-    /**
-     * Excludes this option from selection and pointer highlight.
-     * @default false
-     */
-    disabled?: boolean;
-}
-/** A labeled group of {@link MultiSelectOption}s for {@link MultiSelectProps.options} — grouping is data, never a wrapper component. */
-export interface MultiSelectOptionGroup {
-    /** Heading rendered as a `MultiSelectGroupLabel` above this group's options. */
-    label: string;
-    /** The options belonging to this group. */
-    options: MultiSelectOption[];
-}
-/** One entry of {@link MultiSelectProps.options}: a flat option, or a labeled group of them. */
-export type MultiSelectOptionOrGroup = MultiSelectOption | MultiSelectOptionGroup;
-/**
- * Filter predicate; returns boolean or score for ranking (0 excludes, positive keeps).
- */
-export type MultiSelectFilter = (itemText: string, inputValue: string) => boolean | number;
-/**
- * Payload for `onValueChange`; includes new selection, reason, and diff details.
- */
-export interface MultiSelectValueChangeDetail {
-    /** The new selection in selection order. */
-    value: string[];
-    /** Previous selection or null. */
-    previousValue: string[] | null;
-    /** What drove the change. */
-    reason: 'keyboard' | 'pointer' | 'programmatic';
-    /** Newly selected values. */
-    added: string[];
-    /** Deselected values. */
-    removed: string[];
-}
-/** @internal Shared state distributed from {@link MultiSelect} to its parts via context. Not part of the public API. */
-export interface MultiSelectContextValue {
-    inputRef: React.RefObject<HTMLInputElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    /** Id of `MultiSelectList`, referenced by the input's `aria-controls`. */
-    listId: string;
-    /** Every selected value, in selection order — the same array `MultiSelectTagList` renders. */
-    value: string[];
-    isSelected: (value: string) => boolean;
-    /** Toggles an option, honours max and closeOnSelect. */
-    toggle: (value: string, reason: MultiSelectValueChangeDetail['reason']) => void;
-    /** Selects options between range anchor and highlight. */
-    selectRange: () => void;
-    /** Selects from highlight to list edge. */
-    selectToEdge: (edge: 'first' | 'last') => void;
-    /** Toggles all enabled options. */
-    selectAllOrClear: () => void;
-    /** Whether Control+A selects/clears while open. */
-    allowSelectAll: boolean;
-    deselect: (value: string) => void;
-    removeLast: () => void;
-    atMax: boolean;
-    inputValue: string;
-    onInputValueChange: (value: string) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    activeId: string | null;
-    /** CSS order when filter scores items; null leaves order untouched. */
-    itemOrder: ReadonlyMap<string, number> | null;
-    setActiveId: (id: string | null) => void;
-    moveActive: (direction: 1 | -1) => string | null;
-    moveActiveToEdge: (edge: 'first' | 'last') => string | null;
-    openWithHighlight: (edge: 'first' | 'last') => void;
-    itemCount: number;
-    registerItem: (id: string, entry: OptionEntry) => void;
-    unregisterItem: (id: string) => void;
-    getItem: (id: string) => OptionEntry | undefined;
-    /** Whether item survives filter and draft text. */
-    matchesFilter: (itemText: string) => boolean;
-    disabled: boolean;
-    readOnly: boolean;
-    invalid: boolean;
-    loading: boolean;
-    /** Clears selection and draft text. */
-    clear: () => void;
-}
-/**
- * Forwarded ref carrying constraint-validation methods.
- */
-export type MultiSelectHandle = FormValidityHandle;
-/**
- * Props for the MultiSelect root; passes attributes to derived input.
- */
-export interface MultiSelectProps extends PassThroughProps {
-    /**
-     * The `MultiSelectTagList`, `MultiSelectInput` and `MultiSelectContent` parts, composed as children.
-     * @default undefined
-     */
-    children?: React.ReactNode;
-    /**
-     * Selected values, in selection order; for controlled usage.
-     * @default undefined
-     */
-    value?: string[];
-    /**
-     * Initially selected values for uncontrolled usage.
-     * @default []
-     */
-    defaultValue?: string[];
-    /**
-     * Fires on selection changes with new selection, reason, and diff.
-     * @default undefined
-     */
-    onValueChange?: (detail: MultiSelectValueChangeDetail) => void;
-    /**
-     * Draft text in input for controlled usage; narrows option list.
-     * @default undefined
-     */
-    inputValue?: string;
-    /**
-     * Initial draft text for uncontrolled usage.
-     * @default ''
-     */
-    defaultInputValue?: string;
-    /**
-     * Fires with new draft text on keystroke.
-     * @default undefined
-     */
-    onInputValueChange?: (inputValue: string) => void;
-    /**
-     * Whether popup is open for controlled usage.
-     * @default undefined
-     */
-    open?: boolean;
-    /**
-     * Initial open state for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Fires with the new open state whenever it changes.
-     * @default undefined
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Fires once the popup animation completes.
-     * @default undefined
-     */
-    onOpenChangeComplete?: (open: boolean) => void;
-    /**
-     * Largest number of values selectable. Once reached, unselected options go aria-disabled; selected ones stay removable.
-     * @default undefined
-     */
-    max?: number;
-    /**
-     * Close the popup after each selection instead of staying open.
-     * @default false
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Predicate deciding which items survive the current draft text. Returns a boolean to filter, or a number to filter and rank (0 excludes, positive keeps).
-     * @default undefined
-     */
-    filter?: MultiSelectFilter;
-    /**
-     * Whether Control+A selects every enabled option while the popup is open.
-     * @default true
-     */
-    allowSelectAll?: boolean;
-    /**
-     * Whether the option list is in flight; suppresses the selection-count announcement until options arrive.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Blocks all interaction: input is disabled, tags cannot be removed, popup never opens.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Shows selection but blocks changes — input stays focusable, tags not removable, no option can toggle.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Marks the field invalid, exposed as aria-invalid on the Input.
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Form field name. One hidden control per selected value produces repeated name=value entries like a native <select multiple>; draft text never submits.
-     * @default undefined
-     */
-    name?: string;
-    /**
-     * Marks the multi-select required: empty selection reports valueMissing. Meaningful only with name.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Id of the <form> the multi-select submits into, so it can live outside its owning form.
-     * @default undefined
-     */
-    form?: string;
-    /**
-     * Formats the message announced after each selection change. Without this, screen-reader users get no confirmation that anything happened. Return empty string to announce nothing. Counts *selected* options, not rendered options.
-     * @default defaultGetSelectionLabel
-     */
-    getSelectionLabel?: (count: number) => string;
-    /**
-     * Flat or grouped option data to render tag list, input, Clear button, and listbox automatically, instead of hand composing parts. Ignored under full manual composition. Property-only on <skdx-multi-select>: an HTML attribute cannot carry an array of objects.
-     * @default undefined
-     */
-    options?: MultiSelectOptionOrGroup[];
-    /**
-     * Customises how a derived option renders inside its MultiSelectItem. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    renderOption?: (option: MultiSelectOption, state: {
-        selected: boolean;
-    }) => React.ReactNode;
-    /**
-     * Customises a selected value's content inside its derived MultiSelectTag. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    renderTag?: (option: MultiSelectOption) => React.ReactNode;
-    /**
-     * Placeholder for the derived MultiSelectInput. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    placeholder?: string;
-    /**
-     * Whether the derived anatomy renders a Clear button that empties the selection and draft text in one action.
-     * @default false
-     */
-    clearable?: boolean;
-    /**
-     * Accessible name for the derived MultiSelectInput and tag list. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    'aria-label'?: string;
-}
-/** Props for the text field that owns DOM focus and drives filtering. */
-export interface MultiSelectInputProps extends Omit<PrimitivePropsWithRef<'input'>, 'value' | 'defaultValue'> {
-}
-/** Props for the TagGroup rendering one tag per selected value, in selection order. */
-export interface MultiSelectTagListProps extends Omit<TagGroupProps, 'disabled'> {
-}
-/** Props for one selected value, showing the option's text or raw value if none declared. */
-export interface MultiSelectTagProps extends Omit<TagProps, 'index' | 'value' | 'onDelete'> {
-    /** The selected value this tag represents. Required: it deselects when remove is clicked. */
-    value: string;
-}
-/** Props for the remove button inside a tag, deselecting that value. */
-export interface MultiSelectTagRemoveProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for the Portal, which teleports content to `document.body` while the popup is open. */
-export interface MultiSelectPortalProps extends PortalProps {
-    /**
-     * Render (and mount `MultiSelectContent`) even while closed, instead of unmounting.
-     * @default false
-     */
-    forceMount?: boolean;
-}
-/** Props for the popup shell, positioned against the input via the shared popper layer. */
-export interface MultiSelectContentProps extends PopperContentProps {
-    /**
-     * Keep this popup mounted even while closed, instead of unmounting it.
-     * @default false
-     */
-    forceMount?: boolean;
-    /**
-     * Fires when Escape is pressed while the popup is open. Call `event.preventDefault()` to prevent closing.
-     * @default undefined
-     */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    /**
-     * Fires on pointer-down outside the popup and the input. Call `event.preventDefault()` to prevent closing.
-     * @default undefined
-     */
-    onPointerDownOutside?: (event: PointerEvent) => void;
-    /**
-     * Fires when focus moves outside the popup and the input. Call `event.preventDefault()` to prevent closing. Receives a cancelable stand-in carrying the original `focusin` as its `detail`, since `focusin` itself cannot be canceled.
-     * @default undefined
-     */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
-    /**
-     * Fires for either kind of outside interaction — pointer-down or focus — immediately before the specific handler and with the same event. One `event.preventDefault()` here vetoes the dismissal whichever way it was triggered.
-     * @default undefined
-     */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
-}
-/** Props for the role="listbox" with aria-multiselectable, referenced by Input's aria-controls. */
-export interface MultiSelectListProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for one option (role="option") with aria-selected reflecting membership. */
-export interface MultiSelectItemProps extends PrimitivePropsWithRef<'div'> {
-    /** Value added to or removed from the root's selection when this option is chosen. */
-    value: string;
-    /**
-     * Excludes this option from selection and highlight.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Text the root's `filter` predicate matches against, and the text a `MultiSelectTag` shows when none is given. Falls back to the item's rendered text content.
-     * @default undefined
-     */
-    textValue?: string;
-}
-/** Props for the button that empties selection and draft text in one press, returning focus to Input. */
-export interface MultiSelectClearProps extends PrimitivePropsWithRef<'button'> {
-}
-/** @internal Wiring passed from a MultiSelectGroup to its MultiSelectGroupLabel. Not part of the public API. */
-export interface MultiSelectGroupContextValue {
-    /** The id the group points `aria-labelledby` at, which its GroupLabel claims. */
-    labelId: string;
-}
-/** Props for a named section of options (role="group"), pointing aria-labelledby at its GroupLabel. */
-export interface MultiSelectGroupProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for the heading naming its Group, carrying the id for the Group's aria-labelledby. */
-export interface MultiSelectGroupLabelProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for content shown when List renders no options. */
-export interface MultiSelectEmptyProps extends PrimitivePropsWithRef<'div'> {
-}

package/dist/multi-select/types.d.ts

@@ -1,340 +0,0 @@
-import type * as React from 'react';
-import type { TagGroupProps } from '../tag-group/types.js';
-import type { TagProps } from '../tag/types.js';
-import type { FormValidityHandle } from '../utils/formControl.js';
-import type { PassThroughProps } from '../utils/passThrough.js';
-import type { PopperContentProps } from '../utils/popper.js';
-import type { PortalProps } from '../utils/portal.js';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.js';
-import type { OptionEntry } from '../utils/useOptionCollection.js';
-/** One option for the {@link MultiSelectProps.options} recipe prop — a flat entry rendered as a `MultiSelectItem`/`MultiSelectTag`. */
-export interface MultiSelectOption {
-    /** Value added to (or removed from) the selection when this option is chosen. */
-    value: string;
-    /**
-     * Text shown by the tag and matched by `filter`.
-     * @default undefined — falls back to `value`.
-     */
-    label?: string;
-    /**
-     * Excludes this option from selection and pointer highlight.
-     * @default false
-     */
-    disabled?: boolean;
-}
-/** A labeled group of {@link MultiSelectOption}s for {@link MultiSelectProps.options} — grouping is data, never a wrapper component. */
-export interface MultiSelectOptionGroup {
-    /** Heading rendered as a `MultiSelectGroupLabel` above this group's options. */
-    label: string;
-    /** The options belonging to this group. */
-    options: MultiSelectOption[];
-}
-/** One entry of {@link MultiSelectProps.options}: a flat option, or a labeled group of them. */
-export type MultiSelectOptionOrGroup = MultiSelectOption | MultiSelectOptionGroup;
-/**
- * Filter predicate; returns boolean or score for ranking (0 excludes, positive keeps).
- */
-export type MultiSelectFilter = (itemText: string, inputValue: string) => boolean | number;
-/**
- * Payload for `onValueChange`; includes new selection, reason, and diff details.
- */
-export interface MultiSelectValueChangeDetail {
-    /** The new selection in selection order. */
-    value: string[];
-    /** Previous selection or null. */
-    previousValue: string[] | null;
-    /** What drove the change. */
-    reason: 'keyboard' | 'pointer' | 'programmatic';
-    /** Newly selected values. */
-    added: string[];
-    /** Deselected values. */
-    removed: string[];
-}
-/** @internal Shared state distributed from {@link MultiSelect} to its parts via context. Not part of the public API. */
-export interface MultiSelectContextValue {
-    inputRef: React.RefObject<HTMLInputElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    /** Id of `MultiSelectList`, referenced by the input's `aria-controls`. */
-    listId: string;
-    /** Every selected value, in selection order — the same array `MultiSelectTagList` renders. */
-    value: string[];
-    isSelected: (value: string) => boolean;
-    /** Toggles an option, honours max and closeOnSelect. */
-    toggle: (value: string, reason: MultiSelectValueChangeDetail['reason']) => void;
-    /** Selects options between range anchor and highlight. */
-    selectRange: () => void;
-    /** Selects from highlight to list edge. */
-    selectToEdge: (edge: 'first' | 'last') => void;
-    /** Toggles all enabled options. */
-    selectAllOrClear: () => void;
-    /** Whether Control+A selects/clears while open. */
-    allowSelectAll: boolean;
-    deselect: (value: string) => void;
-    removeLast: () => void;
-    atMax: boolean;
-    inputValue: string;
-    onInputValueChange: (value: string) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    activeId: string | null;
-    /** CSS order when filter scores items; null leaves order untouched. */
-    itemOrder: ReadonlyMap<string, number> | null;
-    setActiveId: (id: string | null) => void;
-    moveActive: (direction: 1 | -1) => string | null;
-    moveActiveToEdge: (edge: 'first' | 'last') => string | null;
-    openWithHighlight: (edge: 'first' | 'last') => void;
-    itemCount: number;
-    registerItem: (id: string, entry: OptionEntry) => void;
-    unregisterItem: (id: string) => void;
-    getItem: (id: string) => OptionEntry | undefined;
-    /** Whether item survives filter and draft text. */
-    matchesFilter: (itemText: string) => boolean;
-    disabled: boolean;
-    readOnly: boolean;
-    invalid: boolean;
-    loading: boolean;
-    /** Clears selection and draft text. */
-    clear: () => void;
-}
-/**
- * Forwarded ref carrying constraint-validation methods.
- */
-export type MultiSelectHandle = FormValidityHandle;
-/**
- * Props for the MultiSelect root; passes attributes to derived input.
- */
-export interface MultiSelectProps extends PassThroughProps {
-    /**
-     * The `MultiSelectTagList`, `MultiSelectInput` and `MultiSelectContent` parts, composed as children.
-     * @default undefined
-     */
-    children?: React.ReactNode;
-    /**
-     * Selected values, in selection order; for controlled usage.
-     * @default undefined
-     */
-    value?: string[];
-    /**
-     * Initially selected values for uncontrolled usage.
-     * @default []
-     */
-    defaultValue?: string[];
-    /**
-     * Fires on selection changes with new selection, reason, and diff.
-     * @default undefined
-     */
-    onValueChange?: (detail: MultiSelectValueChangeDetail) => void;
-    /**
-     * Draft text in input for controlled usage; narrows option list.
-     * @default undefined
-     */
-    inputValue?: string;
-    /**
-     * Initial draft text for uncontrolled usage.
-     * @default ''
-     */
-    defaultInputValue?: string;
-    /**
-     * Fires with new draft text on keystroke.
-     * @default undefined
-     */
-    onInputValueChange?: (inputValue: string) => void;
-    /**
-     * Whether popup is open for controlled usage.
-     * @default undefined
-     */
-    open?: boolean;
-    /**
-     * Initial open state for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Fires with the new open state whenever it changes.
-     * @default undefined
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Fires once the popup animation completes.
-     * @default undefined
-     */
-    onOpenChangeComplete?: (open: boolean) => void;
-    /**
-     * Largest number of values selectable. Once reached, unselected options go aria-disabled; selected ones stay removable.
-     * @default undefined
-     */
-    max?: number;
-    /**
-     * Close the popup after each selection instead of staying open.
-     * @default false
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Predicate deciding which items survive the current draft text. Returns a boolean to filter, or a number to filter and rank (0 excludes, positive keeps).
-     * @default undefined
-     */
-    filter?: MultiSelectFilter;
-    /**
-     * Whether Control+A selects every enabled option while the popup is open.
-     * @default true
-     */
-    allowSelectAll?: boolean;
-    /**
-     * Whether the option list is in flight; suppresses the selection-count announcement until options arrive.
-     * @default false
-     */
-    loading?: boolean;
-    /**
-     * Blocks all interaction: input is disabled, tags cannot be removed, popup never opens.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Shows selection but blocks changes — input stays focusable, tags not removable, no option can toggle.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Marks the field invalid, exposed as aria-invalid on the Input.
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Form field name. One hidden control per selected value produces repeated name=value entries like a native <select multiple>; draft text never submits.
-     * @default undefined
-     */
-    name?: string;
-    /**
-     * Marks the multi-select required: empty selection reports valueMissing. Meaningful only with name.
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Id of the <form> the multi-select submits into, so it can live outside its owning form.
-     * @default undefined
-     */
-    form?: string;
-    /**
-     * Formats the message announced after each selection change. Without this, screen-reader users get no confirmation that anything happened. Return empty string to announce nothing. Counts *selected* options, not rendered options.
-     * @default defaultGetSelectionLabel
-     */
-    getSelectionLabel?: (count: number) => string;
-    /**
-     * Flat or grouped option data to render tag list, input, Clear button, and listbox automatically, instead of hand composing parts. Ignored under full manual composition. Property-only on <skdx-multi-select>: an HTML attribute cannot carry an array of objects.
-     * @default undefined
-     */
-    options?: MultiSelectOptionOrGroup[];
-    /**
-     * Customises how a derived option renders inside its MultiSelectItem. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    renderOption?: (option: MultiSelectOption, state: {
-        selected: boolean;
-    }) => React.ReactNode;
-    /**
-     * Customises a selected value's content inside its derived MultiSelectTag. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    renderTag?: (option: MultiSelectOption) => React.ReactNode;
-    /**
-     * Placeholder for the derived MultiSelectInput. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    placeholder?: string;
-    /**
-     * Whether the derived anatomy renders a Clear button that empties the selection and draft text in one action.
-     * @default false
-     */
-    clearable?: boolean;
-    /**
-     * Accessible name for the derived MultiSelectInput and tag list. Only read while options is deriving the anatomy.
-     * @default undefined
-     */
-    'aria-label'?: string;
-}
-/** Props for the text field that owns DOM focus and drives filtering. */
-export interface MultiSelectInputProps extends Omit<PrimitivePropsWithRef<'input'>, 'value' | 'defaultValue'> {
-}
-/** Props for the TagGroup rendering one tag per selected value, in selection order. */
-export interface MultiSelectTagListProps extends Omit<TagGroupProps, 'disabled'> {
-}
-/** Props for one selected value, showing the option's text or raw value if none declared. */
-export interface MultiSelectTagProps extends Omit<TagProps, 'index' | 'value' | 'onDelete'> {
-    /** The selected value this tag represents. Required: it deselects when remove is clicked. */
-    value: string;
-}
-/** Props for the remove button inside a tag, deselecting that value. */
-export interface MultiSelectTagRemoveProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for the Portal, which teleports content to `document.body` while the popup is open. */
-export interface MultiSelectPortalProps extends PortalProps {
-    /**
-     * Render (and mount `MultiSelectContent`) even while closed, instead of unmounting.
-     * @default false
-     */
-    forceMount?: boolean;
-}
-/** Props for the popup shell, positioned against the input via the shared popper layer. */
-export interface MultiSelectContentProps extends PopperContentProps {
-    /**
-     * Keep this popup mounted even while closed, instead of unmounting it.
-     * @default false
-     */
-    forceMount?: boolean;
-    /**
-     * Fires when Escape is pressed while the popup is open. Call `event.preventDefault()` to prevent closing.
-     * @default undefined
-     */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    /**
-     * Fires on pointer-down outside the popup and the input. Call `event.preventDefault()` to prevent closing.
-     * @default undefined
-     */
-    onPointerDownOutside?: (event: PointerEvent) => void;
-    /**
-     * Fires when focus moves outside the popup and the input. Call `event.preventDefault()` to prevent closing. Receives a cancelable stand-in carrying the original `focusin` as its `detail`, since `focusin` itself cannot be canceled.
-     * @default undefined
-     */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
-    /**
-     * Fires for either kind of outside interaction — pointer-down or focus — immediately before the specific handler and with the same event. One `event.preventDefault()` here vetoes the dismissal whichever way it was triggered.
-     * @default undefined
-     */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
-}
-/** Props for the role="listbox" with aria-multiselectable, referenced by Input's aria-controls. */
-export interface MultiSelectListProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for one option (role="option") with aria-selected reflecting membership. */
-export interface MultiSelectItemProps extends PrimitivePropsWithRef<'div'> {
-    /** Value added to or removed from the root's selection when this option is chosen. */
-    value: string;
-    /**
-     * Excludes this option from selection and highlight.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Text the root's `filter` predicate matches against, and the text a `MultiSelectTag` shows when none is given. Falls back to the item's rendered text content.
-     * @default undefined
-     */
-    textValue?: string;
-}
-/** Props for the button that empties selection and draft text in one press, returning focus to Input. */
-export interface MultiSelectClearProps extends PrimitivePropsWithRef<'button'> {
-}
-/** @internal Wiring passed from a MultiSelectGroup to its MultiSelectGroupLabel. Not part of the public API. */
-export interface MultiSelectGroupContextValue {
-    /** The id the group points `aria-labelledby` at, which its GroupLabel claims. */
-    labelId: string;
-}
-/** Props for a named section of options (role="group"), pointing aria-labelledby at its GroupLabel. */
-export interface MultiSelectGroupProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for the heading naming its Group, carrying the id for the Group's aria-labelledby. */
-export interface MultiSelectGroupLabelProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for content shown when List renders no options. */
-export interface MultiSelectEmptyProps extends PrimitivePropsWithRef<'div'> {
-}