@vibe/core 4.5.1 → 4.5.2

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -15,10 +15,20 @@ interface MultiSelectSpecifics<Item extends BaseItemData<Record<string, unknown>
      * Callback fired when an option is removed in multi-select mode. Only available when multi is true.
      */
     onOptionRemove?: (option: Item) => void;
+    /**
+     * If true, chips are always visible and support keyboard navigation: pressing Backspace or Left arrow
+     * from the input moves focus to the last chip; Left/Right navigates between chips; Delete/Backspace
+     * removes the focused chip. Only applies when searchable=true.
+     */
+    interactiveChips?: boolean;
     /**
      * The function to call to render the selected value on single select mode.
      */
     valueRenderer?: never;
+    /**
+     * Single-select only. (Not available for multi-select)
+     */
+    inlineSelectedValue?: never;
     /**
      * The default selected values for multi-select.
      */
@@ -53,6 +63,13 @@ interface SingleSelectSpecifics<Item extends BaseItemData<Record<string, unknown
      * The function to call to render the selected value on single select mode.
      */
     valueRenderer?: (option: Item) => React.ReactNode;
+    /**
+     * Searchable single-select only. When true, the selected option's label is shown **inside the input**
+     * (and exposed to assistive tech as the input's value) instead of as a visual overlay over an empty
+     * field. Opt-in because it changes how the collapsed selection looks (text-only, no icon/avatar/
+     * `valueRenderer`). Defaults to false (the overlay behavior).
+     */
+    inlineSelectedValue?: boolean;
     /**
      * The default selected value for single-select.
      */

package/dist/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -7,6 +7,10 @@ type MultiSelectedValuesProps<Item> = {
     disabled?: boolean;
     readOnly?: boolean;
     minVisibleCount?: number;
+    /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */
+    getChipContainerProps?: (item: Item, index: number) => Record<string, any>;
+    /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */
+    badgeRef?: React.Ref<HTMLDivElement>;
 };
-declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount }: MultiSelectedValuesProps<Item>): React.JSX.Element;
+declare function MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount, getChipContainerProps, badgeRef }: MultiSelectedValuesProps<Item>): React.JSX.Element;
 export default MultiSelectedValues;

package/dist/components/Dropdown/components/Trigger/DropdownInput.d.ts

@@ -1,6 +1,8 @@
-import React from "react";
-declare const DropdownInput: ({ inputSize, fullWidth }: {
+import React, { type RefObject } from "react";
+declare const DropdownInput: ({ inputSize, fullWidth, onKeyDown: externalKeyDown, inputRef: externalInputRef }: {
     inputSize?: "small" | "medium" | "large";
     fullWidth?: boolean;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement>;
 }) => React.JSX.Element;
 export default DropdownInput;

package/dist/components/Dropdown/context/DropdownContext.types.d.ts

@@ -7,7 +7,7 @@ type ItemPropGetter<Item> = (options: {
     item: Item;
     index: number;
 }) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "aria-label" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+type InheritedDropdownProps<Item extends BaseItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "aria-label" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "inlineSelectedValue" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "boxMode" | "borderless" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
     label?: string;
     isOpen: boolean;
@@ -29,6 +29,13 @@ export interface DropdownContextProps<Item extends BaseItemData<Record<string, u
     contextOnOptionRemove?: (option: Item) => void;
     addSelectedItem?: (item: Item) => void;
     removeSelectedItem?: (item: Item) => void;
+    getSelectedItemProps?: (options: {
+        selectedItem: any;
+        index: number;
+    }) => Record<string, any>;
     isFocused?: boolean;
+    interactiveChips?: boolean;
+    /** Id of the helper text element, linked to the combobox/trigger via aria-describedby. */
+    helperTextId?: string;
 }
 export {};

package/dist/components/Dropdown/hooks/useDropdownCombobox.d.ts

@@ -1,6 +1,6 @@
 import { type BaseItemData } from "../../BaseItem";
 import { type DropdownGroupOption } from "../Dropdown.types";
-declare function useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, isMenuOpen?: boolean, autoFocus?: boolean, closeMenuOnSelect?: boolean, defaultValue?: T, value?: T, inputValueProp?: string, onChange?: (option: T | T[] | null) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string): {
+declare function useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, isMenuOpen?: boolean, autoFocus?: boolean, closeMenuOnSelect?: boolean, defaultValue?: T, value?: T, inputValueProp?: string, onChange?: (option: T | T[] | null) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string, inlineSelectedValue?: boolean): {
     isOpen: boolean;
     inputValue: string;
     highlightedIndex: number;
@@ -10,6 +10,7 @@ declare function useDropdownCombobox<T extends BaseItemData<Record<string, unkno
     getMenuProps: <Options>(options?: import("downshift").UseComboboxGetMenuPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetMenuPropsReturnValue, Options>;
     getInputProps: (options?: Parameters<(<Options>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options>)>[0]) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, {
         ref: import("react").MutableRefObject<HTMLInputElement>;
+        onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
         disabled?: boolean;
         accept?: string | undefined;
         acceptCharset?: string | undefined;
@@ -249,7 +250,6 @@ declare function useDropdownCombobox<T extends BaseItemData<Record<string, unkno
         onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement>;
         onError?: import("react").ReactEventHandler<HTMLInputElement>;
         onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement>;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement>;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;

package/dist/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts

@@ -1,6 +1,6 @@
 import { type DropdownGroupOption } from "../Dropdown.types";
 import { type BaseItemData } from "../../BaseItem";
-declare function useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[]) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string): {
+declare function useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(options: DropdownGroupOption<T>, selectedItems: T[], setSelectedItems: (items: T[]) => void, isMenuOpen: boolean, autoFocus?: boolean, defaultValue?: T[], value?: T[], inputValueProp?: string, onChange?: (options: T[]) => void, onInputChange?: (value: string | null) => void, onMenuOpen?: () => void, onMenuClose?: () => void, onOptionSelect?: (option: T) => void, filterOption?: (option: T, inputValue: string) => boolean, showSelectedOptions?: boolean, id?: string, onOptionRemove?: (option: T) => void): {
     isOpen: boolean;
     inputValue: string;
     highlightedIndex: number;
@@ -11,7 +11,378 @@ declare function useDropdownMultiCombobox<T extends BaseItemData<Record<string,
     getToggleButtonProps: <Options>(options?: import("downshift").UseComboboxGetToggleButtonPropsOptions & Options) => import("downshift").Overwrite<import("downshift").UseComboboxGetToggleButtonPropsReturnValue, Options>;
     getLabelProps: <Options>(options?: import("downshift").UseComboboxGetLabelPropsOptions & Options) => import("downshift").Overwrite<import("downshift").UseComboboxGetLabelPropsReturnValue, Options>;
     getMenuProps: <Options>(options?: import("downshift").UseComboboxGetMenuPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetMenuPropsReturnValue, Options>;
-    getInputProps: <Options>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options>;
+    getInputProps: (options?: Parameters<(<Options>(options?: import("downshift").UseComboboxGetInputPropsOptions & Options, otherOptions?: import("downshift").GetPropsCommonOptions) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, Options>)>[0]) => import("downshift").Overwrite<import("downshift").UseComboboxGetInputPropsReturnValue, {
+        onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+        disabled?: boolean;
+        accept?: string | undefined;
+        acceptCharset?: string | undefined;
+        action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
+        allowFullScreen?: boolean | undefined;
+        allowTransparency?: boolean | undefined;
+        alt?: string | undefined;
+        as?: string | undefined;
+        async?: boolean | undefined;
+        autoComplete?: string | undefined;
+        autoPlay?: boolean | undefined;
+        capture?: boolean | "user" | "environment" | undefined;
+        cellPadding?: number | string | undefined;
+        cellSpacing?: number | string | undefined;
+        charSet?: string | undefined;
+        challenge?: string | undefined;
+        checked?: boolean | undefined;
+        cite?: string | undefined;
+        classID?: string | undefined;
+        cols?: number | undefined;
+        colSpan?: number | undefined;
+        controls?: boolean | undefined;
+        coords?: string | undefined;
+        crossOrigin?: "" | "anonymous" | "use-credentials";
+        data?: string | undefined;
+        dateTime?: string | undefined;
+        default?: boolean | undefined;
+        defer?: boolean | undefined;
+        download?: any;
+        encType?: string | undefined;
+        form?: string | undefined;
+        formAction?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        frameBorder?: number | string | undefined;
+        headers?: string | undefined;
+        height?: number | string | undefined;
+        high?: number | undefined;
+        href?: string | undefined;
+        hrefLang?: string | undefined;
+        htmlFor?: string | undefined;
+        httpEquiv?: string | undefined;
+        integrity?: string | undefined;
+        keyParams?: string | undefined;
+        keyType?: string | undefined;
+        kind?: string | undefined;
+        label?: string | undefined;
+        list?: string | undefined;
+        loop?: boolean | undefined;
+        low?: number | undefined;
+        manifest?: string | undefined;
+        marginHeight?: number | undefined;
+        marginWidth?: number | undefined;
+        max?: number | string | undefined;
+        maxLength?: number | undefined;
+        media?: string | undefined;
+        mediaGroup?: string | undefined;
+        method?: string | undefined;
+        min?: number | string | undefined;
+        minLength?: number | undefined;
+        multiple?: boolean | undefined;
+        muted?: boolean | undefined;
+        name?: string | undefined;
+        noValidate?: boolean | undefined;
+        open?: boolean | undefined;
+        optimum?: number | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        playsInline?: boolean | undefined;
+        poster?: string | undefined;
+        preload?: string | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        reversed?: boolean | undefined;
+        rows?: number | undefined;
+        rowSpan?: number | undefined;
+        sandbox?: string | undefined;
+        scope?: string | undefined;
+        scoped?: boolean | undefined;
+        scrolling?: string | undefined;
+        seamless?: boolean | undefined;
+        selected?: boolean | undefined;
+        shape?: string | undefined;
+        size?: number | undefined;
+        sizes?: string | undefined;
+        span?: number | undefined;
+        src?: string | undefined;
+        srcDoc?: string | undefined;
+        srcLang?: string | undefined;
+        srcSet?: string | undefined;
+        start?: number | undefined;
+        step?: number | string | undefined;
+        summary?: string | undefined;
+        target?: string | undefined;
+        type?: string | undefined;
+        useMap?: string | undefined;
+        value?: string | readonly string[] | number | undefined;
+        width?: number | string | undefined;
+        wmode?: string | undefined;
+        wrap?: string | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import("react").CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: import("react").ReactNode | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCut?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onPaste?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement>;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement>;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement>;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement>;
+        onChange?: import("react").FormEventHandler<HTMLInputElement>;
+        onChangeCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onBeforeInput?: import("react").FormEventHandler<HTMLInputElement>;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onInput?: import("react").FormEventHandler<HTMLInputElement>;
+        onInputCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onReset?: import("react").FormEventHandler<HTMLInputElement>;
+        onResetCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onSubmit?: import("react").FormEventHandler<HTMLInputElement>;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onInvalid?: import("react").FormEventHandler<HTMLInputElement>;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLInputElement>;
+        onLoad?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onError?: import("react").ReactEventHandler<HTMLInputElement>;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement>;
+        onAbort?: import("react").ReactEventHandler<HTMLInputElement>;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlay?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement>;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onDurationChange?: import("react").ReactEventHandler<HTMLInputElement>;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEmptied?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEncrypted?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEnded?: import("react").ReactEventHandler<HTMLInputElement>;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedData?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadStart?: import("react").ReactEventHandler<HTMLInputElement>;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPause?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlay?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlaying?: import("react").ReactEventHandler<HTMLInputElement>;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onProgress?: import("react").ReactEventHandler<HTMLInputElement>;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onRateChange?: import("react").ReactEventHandler<HTMLInputElement>;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onResize?: import("react").ReactEventHandler<HTMLInputElement>;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeeked?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeeking?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onStalled?: import("react").ReactEventHandler<HTMLInputElement>;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSuspend?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement>;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement>;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onWaiting?: import("react").ReactEventHandler<HTMLInputElement>;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onAuxClick?: import("react").MouseEventHandler<HTMLInputElement>;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onClick?: import("react").MouseEventHandler<HTMLInputElement>;
+        onClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onContextMenu?: import("react").MouseEventHandler<HTMLInputElement>;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement>;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onDrag?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEnd?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEnter?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragExit?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragLeave?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragOver?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragStart?: import("react").DragEventHandler<HTMLInputElement>;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onDrop?: import("react").DragEventHandler<HTMLInputElement>;
+        onDropCapture?: import("react").DragEventHandler<HTMLInputElement>;
+        onMouseDown?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseMove?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseUp?: import("react").MouseEventHandler<HTMLInputElement>;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement>;
+        onSelect?: import("react").ReactEventHandler<HTMLInputElement>;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement>;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchMove?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchStart?: import("react").TouchEventHandler<HTMLInputElement>;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement>;
+        onPointerDown?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerMove?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerUp?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOver?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOut?: import("react").PointerEventHandler<HTMLInputElement>;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement>;
+        onScroll?: import("react").UIEventHandler<HTMLInputElement>;
+        onScrollCapture?: import("react").UIEventHandler<HTMLInputElement>;
+        onWheel?: import("react").WheelEventHandler<HTMLInputElement>;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement>;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement>;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement>;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement>;
+        ref?: import("react").LegacyRef<HTMLInputElement>;
+        key?: import("react").Key | null | undefined;
+        refKey?: string;
+    }>;
     getItemProps: <Options>(options: import("downshift").UseComboboxGetItemPropsOptions<T> & Options) => Omit<import("downshift").Overwrite<import("downshift").UseComboboxGetItemPropsReturnValue, Options>, "index" | "item">;
     reset: () => void;
     removeSelectedItem: (item: T) => void;

package/dist/components/layout/dist/Flex/Flex.js

@@ -1,2 +1,2 @@
-import{typeof as e,defineProperty as a}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as i,useRef as s,useMemo as t}from"react";import l from"classnames";import o from"./Flex.module.scss.js";import{camelCase as n}from"es-toolkit";import c from"../../../clickable/dist/Clickable/Clickable.js";import{useMergeRef as d}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as p}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=i((function(i,m){var f=i.className,u=i.id,b=i.elementType,g=void 0===b?"div":b,v=i.direction,y=void 0===v?"row":v,j=i.wrap,x=void 0!==j&&j,k=i.children,w=i.justify,h=void 0===w?"start":w,C=i.align,M=void 0===C?"center":C,O=i.flex,B=i.gap,D=i.onClick,H=i.onMouseDown,I=i.style,N=i["aria-labelledby"],P=i["aria-label"],T=i.tabIndex,_=i["data-testid"],E=s(null),F=d(m,E),G=t((function(){if(B)return"number"==typeof B?{gap:B+"px"}:{gap:{xs:"var(--space-4)",small:"var(--space-8)",medium:"var(--space-16)",large:"var(--space-24)"}[B]}}),[B]),R=t((function(){return O?["string","number"].includes(e(O))?{flex:O}:"object"==e(O)?{flexGrow:O.grow,flexShrink:O.shrink,flexBasis:O.basis}:{}:{}}),[O]),S=t((function(){return Object.assign(Object.assign(Object.assign({},I),G),R)}),[I,G,R]),q=t((function(){return D?{elementType:g,"aria-labelledby":N}:{"aria-labelledby":N}}),[D,g,N]);return r.createElement(D?c:g,Object.assign({id:u,"data-testid":_},q,{ref:F,className:l(o.container,p(o,n("direction-"+y)),p(o,n("justify-"+h)),p(o,n("align-"+M)),f,a({},o.wrap,x)),tabIndex:T,onClick:D,onMouseDown:H,style:S,"aria-label":P}),k)}));export{m as default};
+import{typeof as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as i,useRef as s,useMemo as t}from"react";import l from"classnames";import o from"./Flex.module.scss.js";import{camelCase as n}from"es-toolkit";import c from"../../../clickable/dist/Clickable/Clickable.js";import{useMergeRef as d}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as p}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=i((function(i,m){var f=i.className,u=i.id,b=i.elementType,g=void 0===b?"div":b,v=i.direction,y=void 0===v?"row":v,j=i.wrap,x=void 0!==j&&j,k=i.children,w=i.justify,h=void 0===w?"start":w,C=i.align,M=void 0===C?"center":C,O=i.flex,B=i.gap,D=i.onClick,H=i.onMouseDown,I=i.style,N=i["aria-labelledby"],P=i["aria-label"],T=i.role,_=i.tabIndex,E=i["data-testid"],F=s(null),G=d(m,F),R=t((function(){if(B)return"number"==typeof B?{gap:B+"px"}:{gap:{xs:"var(--space-4)",small:"var(--space-8)",medium:"var(--space-16)",large:"var(--space-24)"}[B]}}),[B]),S=t((function(){return O?["string","number"].includes(e(O))?{flex:O}:"object"==e(O)?{flexGrow:O.grow,flexShrink:O.shrink,flexBasis:O.basis}:{}:{}}),[O]),q=t((function(){return Object.assign(Object.assign(Object.assign({},I),R),S)}),[I,R,S]),z=t((function(){return D?{elementType:g,"aria-labelledby":N}:{"aria-labelledby":N}}),[D,g,N]);return a.createElement(D?c:g,Object.assign({id:u,"data-testid":E},z,{ref:G,className:l(o.container,p(o,n("direction-"+y)),p(o,n("justify-"+h)),p(o,n("align-"+M)),f,r({},o.wrap,x)),tabIndex:_,onClick:D,onMouseDown:H,style:q,"aria-label":P,role:T}),k)}));export{m as default};
 //# sourceMappingURL=Flex.js.map

package/dist/components/layout/dist/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../components/layout/dist/Flex/Flex.js"],"sourcesContent":["import e,{forwardRef as a,useRef as r,useMemo as t}from\"react\";import s from\"classnames\";import{Clickable as i}from\"@vibe/clickable\";import{useMergeRef as l,getStyle as n}from\"@vibe/shared\";import o from\"./Flex.module.scss.js\";import{camelCase as c}from\"es-toolkit\";const m=a((({className:a,id:m,elementType:p=\"div\",direction:b=\"row\",wrap:d=!1,children:f,justify:u=\"start\",align:g=\"center\",flex:y,gap:x,onClick:j,onMouseDown:v,style:w,\"aria-labelledby\":k,\"aria-label\":h,tabIndex:O,\"data-testid\":C},D)=>{const I=r(null),M=l(D,I),N=t((()=>{if(!x)return;if(\"number\"==typeof x)return{gap:x+\"px\"};return{gap:{xs:\"var(--space-4)\",small:\"var(--space-8)\",medium:\"var(--space-16)\",large:\"var(--space-24)\"}[x]}}),[x]),T=t((()=>y?[\"string\",\"number\"].includes(typeof y)?{flex:y}:\"object\"==typeof y?{flexGrow:y.grow,flexShrink:y.shrink,flexBasis:y.basis}:{}:{}),[y]),B=t((()=>Object.assign(Object.assign(Object.assign({},w),N),T)),[w,N,T]),E=t((()=>j?{elementType:p,\"aria-labelledby\":k}:{\"aria-labelledby\":k}),[j,p,k]);return e.createElement(j?i:p,Object.assign({id:m,\"data-testid\":C},E,{ref:M,className:s(o.container,n(o,c(\"direction-\"+b)),n(o,c(\"justify-\"+u)),n(o,c(\"align-\"+g)),a,{[o.wrap]:d}),tabIndex:O,onClick:j,onMouseDown:v,style:B,\"aria-label\":h}),f)}));export{m as default};\n//# sourceMappingURL=Flex.js.map\n"],"names":["m","a","_ref","D","className","id","_ref$elementType","elementType","p","_ref$direction","direction","b","_ref$wrap","wrap","d","f","children","_ref$justify","justify","u","_ref$align","align","g","y","flex","x","gap","j","onClick","v","onMouseDown","w","style","k","h","O","tabIndex","C","I","r","M","l","N","t","xs","small","medium","large","T","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","B","Object","assign","E","e","createElement","i","ref","s","o","container","n","c","_defineProperty"],"mappings":"meAmEA,IAAMA,EAAOC,GACX,SAAAC,EAoBEC,GAAA,IAlBEF,EAAAC,EAAAE,UACAJ,EAAAE,EAAAG,GAAAC,EAAAJ,EACAK,YAAAC,OAAc,IAAdF,EAAc,MAAAA,EAAAG,EAAAP,EACdQ,UAAAC,OAAY,IAAZF,EAAY,MAAAA,EAAAG,EAAAV,EACZW,KAAAC,OAAO,IAAPF,GAAOA,EACPG,EAAAb,EAAAc,SAAAC,EAAAf,EACAgB,QAAAC,OAAU,IAAVF,EAAU,QAAAA,EAAAG,EAAAlB,EACVmB,MAAAC,OAAQ,IAARF,EAAQ,SAAAA,EACRG,EAAArB,EAAAsB,KACAC,EAAAvB,EAAAwB,IACAC,EAAAzB,EAAA0B,QACAC,EAAA3B,EAAA4B,YACAC,EAAA7B,EAAA8B,MACmBC,EAAA/B,EAAnB,mBACcgC,EAAAhC,EAAd,cACAiC,EAAAjC,EAAAkC,SACeC,EAAAnC,EAAf,eAIIoC,EAAeC,EAAoB,MACnCC,EAAYC,EAAYtC,EAAKmC,GAE7BI,EAAWC,GAAQ,WACvB,GAAKlB,EAGL,MAAmB,iBAARA,EACF,CAAEC,IAAQD,EAAA,MAQZ,CAAEC,IANmC,CAC1CkB,GAAI,iBACJC,MAAO,iBACPC,OAAQ,kBACRC,MAAO,mBAEiBtB,GAAM,GAC/B,CAACA,IAEEuB,EAAYL,GAAQ,WAAA,OACnBpB,EAED,CAAC,SAAU,UAAU0B,SAAAC,EAAgB3B,IAChC,CAAEC,KAAAD,GAGS,UAAA2B,EAAT3B,GACF,CACL4B,SAAU5B,EAAK6B,KACfC,WAAY9B,EAAK+B,OACjBC,UAAWhC,EAAKiC,OAIb,CAAA,EAdW,CAAA,CAAA,GAejB,CAACjC,IAEEkC,EAAgBd,GAAQ,WAAA,OAAYe,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA5B,CAAAA,EAAAA,GAAUW,GAAaM,EAAA,GAAc,CAACjB,EAAOW,EAAUM,IAC3FY,EAAejB,GAAQ,WAAA,OACvBhB,EAAgB,CAAEpB,YAAAC,EAAa,kBAAmByB,GAC/C,CAAE,kBAAmBA,EAAA,GAC3B,CAACN,EAASnB,EAAayB,IAG1B,OACE4B,EAAAC,cAHcnC,EAAUoC,EAAYvD,EAG5BkD,OAAAC,OAAA,CACNtD,GAAIL,EAAE,cACOqC,GACTuB,EAAY,CAChBI,IAAKxB,EACLpC,UAAW6D,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAuB,aAAA1D,IACxCyD,EAASF,EAAQG,EAAqB,WAAAlD,IACtCiD,EAASF,EAAQG,EAAmB,SAAA/C,IACpCrB,EAAAqE,EAAA,CAAA,EAEGJ,EAAOrD,KAAOC,IAGnBsB,SAAUD,EACVP,QAASD,EACTG,YAAaD,EACbG,MAAOyB,EAAa,aACRvB,IAEXnB,EACO"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../components/layout/dist/Flex/Flex.js"],"sourcesContent":["import e,{forwardRef as a,useRef as r,useMemo as t}from\"react\";import s from\"classnames\";import{Clickable as i}from\"@vibe/clickable\";import{useMergeRef as l,getStyle as o}from\"@vibe/shared\";import n from\"./Flex.module.scss.js\";import{camelCase as c}from\"es-toolkit\";const m=a((({className:a,id:m,elementType:p=\"div\",direction:b=\"row\",wrap:d=!1,children:f,justify:u=\"start\",align:g=\"center\",flex:y,gap:x,onClick:j,onMouseDown:v,style:w,\"aria-labelledby\":k,\"aria-label\":h,role:O,tabIndex:C,\"data-testid\":D},I)=>{const M=r(null),N=l(I,M),T=t((()=>{if(!x)return;if(\"number\"==typeof x)return{gap:x+\"px\"};return{gap:{xs:\"var(--space-4)\",small:\"var(--space-8)\",medium:\"var(--space-16)\",large:\"var(--space-24)\"}[x]}}),[x]),B=t((()=>y?[\"string\",\"number\"].includes(typeof y)?{flex:y}:\"object\"==typeof y?{flexGrow:y.grow,flexShrink:y.shrink,flexBasis:y.basis}:{}:{}),[y]),E=t((()=>Object.assign(Object.assign(Object.assign({},w),T),B)),[w,T,B]),F=t((()=>j?{elementType:p,\"aria-labelledby\":k}:{\"aria-labelledby\":k}),[j,p,k]);return e.createElement(j?i:p,Object.assign({id:m,\"data-testid\":D},F,{ref:N,className:s(n.container,o(n,c(\"direction-\"+b)),o(n,c(\"justify-\"+u)),o(n,c(\"align-\"+g)),a,{[n.wrap]:d}),tabIndex:C,onClick:j,onMouseDown:v,style:E,\"aria-label\":h,role:O}),f)}));export{m as default};\n//# sourceMappingURL=Flex.js.map\n"],"names":["m","a","_ref","I","className","id","_ref$elementType","elementType","p","_ref$direction","direction","b","_ref$wrap","wrap","d","f","children","_ref$justify","justify","u","_ref$align","align","g","y","flex","x","gap","j","onClick","v","onMouseDown","w","style","k","h","O","role","C","tabIndex","D","M","r","N","l","T","t","xs","small","medium","large","B","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","E","Object","assign","F","e","createElement","i","ref","s","n","container","o","c","_defineProperty"],"mappings":"meAuEA,IAAMA,EAAOC,GACX,SAAAC,EAqBEC,GAAA,IAnBEF,EAAAC,EAAAE,UACAJ,EAAAE,EAAAG,GAAAC,EAAAJ,EACAK,YAAAC,OAAc,IAAdF,EAAc,MAAAA,EAAAG,EAAAP,EACdQ,UAAAC,OAAY,IAAZF,EAAY,MAAAA,EAAAG,EAAAV,EACZW,KAAAC,OAAO,IAAPF,GAAOA,EACPG,EAAAb,EAAAc,SAAAC,EAAAf,EACAgB,QAAAC,OAAU,IAAVF,EAAU,QAAAA,EAAAG,EAAAlB,EACVmB,MAAAC,OAAQ,IAARF,EAAQ,SAAAA,EACRG,EAAArB,EAAAsB,KACAC,EAAAvB,EAAAwB,IACAC,EAAAzB,EAAA0B,QACAC,EAAA3B,EAAA4B,YACAC,EAAA7B,EAAA8B,MACmBC,EAAA/B,EAAnB,mBACcgC,EAAAhC,EAAd,cACAiC,EAAAjC,EAAAkC,KACAC,EAAAnC,EAAAoC,SACeC,EAAArC,EAAf,eAIIsC,EAAeC,EAAoB,MACnCC,EAAYC,EAAYxC,EAAKqC,GAE7BI,EAAWC,GAAQ,WACvB,GAAKpB,EAGL,MAAmB,iBAARA,EACF,CAAEC,IAAQD,EAAA,MAQZ,CAAEC,IANmC,CAC1CoB,GAAI,iBACJC,MAAO,iBACPC,OAAQ,kBACRC,MAAO,mBAEiBxB,GAAM,GAC/B,CAACA,IAEEyB,EAAYL,GAAQ,WAAA,OACnBtB,EAED,CAAC,SAAU,UAAU4B,SAAAC,EAAgB7B,IAChC,CAAEC,KAAAD,GAGS,UAAA6B,EAAT7B,GACF,CACL8B,SAAU9B,EAAK+B,KACfC,WAAYhC,EAAKiC,OACjBC,UAAWlC,EAAKmC,OAIb,CAAA,EAdW,CAAA,CAAA,GAejB,CAACnC,IAEEoC,EAAgBd,GAAQ,WAAA,OAAYe,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA9B,CAAAA,EAAAA,GAAUa,GAAaM,EAAA,GAAc,CAACnB,EAAOa,EAAUM,IAC3FY,EAAejB,GAAQ,WAAA,OACvBlB,EAAgB,CAAEpB,YAAAC,EAAa,kBAAmByB,GAC/C,CAAE,kBAAmBA,EAAA,GAC3B,CAACN,EAASnB,EAAayB,IAG1B,OACE8B,EAAAC,cAHcrC,EAAUsC,EAAYzD,EAG5BoD,OAAAC,OAAA,CACNxD,GAAIL,EAAE,cACOuC,GACTuB,EAAY,CAChBI,IAAKxB,EACLtC,UAAW+D,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAuB,aAAA5D,IACxC2D,EAASF,EAAQG,EAAqB,WAAApD,IACtCmD,EAASF,EAAQG,EAAmB,SAAAjD,IACpCrB,EAAAuE,EAAA,CAAA,EAEGJ,EAAOvD,KAAOC,IAGnBwB,SAAUD,EACVT,QAASD,EACTG,YAAaD,EACbG,MAAO2B,EACK,aAAAzB,EACZE,KAAMD,IAELpB,EACO"}

package/dist/metadata/components.json

@@ -6341,6 +6341,15 @@
           "name": "(option: Item) => void"
         }
       },
+      "interactiveChips": {
+        "defaultValue": null,
+        "description": "If true, chips are always visible and support keyboard navigation: pressing Backspace or Left arrow\nfrom the input moves focus to the last chip; Left/Right navigates between chips; Delete/Backspace\nremoves the focused chip. Only applies when searchable=true.",
+        "name": "interactiveChips",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "valueRenderer": {
         "defaultValue": null,
         "description": "The function to call to render the selected value on single select mode.",
@@ -6350,6 +6359,15 @@
           "name": "(option: Item) => React.ReactNode"
         }
       },
+      "inlineSelectedValue": {
+        "defaultValue": null,
+        "description": "Single-select only. (Not available for multi-select)\nSearchable single-select only. When true, the selected option's label is shown **inside the input**\n(and exposed to assistive tech as the input's value) instead of as a visual overlay over an empty\nfield. Opt-in because it changes how the collapsed selection looks (text-only, no icon/avatar/\n`valueRenderer`). Defaults to false (the overlay behavior).",
+        "name": "inlineSelectedValue",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "defaultValue": {
         "defaultValue": null,
         "description": "The default selected values for multi-select.\nThe default selected value for single-select.",
@@ -7253,6 +7271,15 @@
           "name": "string"
         }
       },
+      "role": {
+        "defaultValue": null,
+        "description": "The ARIA role of the flex container.",
+        "name": "role",
+        "required": false,
+        "type": {
+          "name": "React.AriaRole"
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "A CSS class name to apply to the component.",