@elliemae/ds-app-picker 3.70.0-next.6 → 3.70.0-next.60

package/dist/types/config/useAppPicker.d.ts

@@ -1,40 +1,31 @@
 import React from 'react';
 import { type DSAppPickerT } from '../react-desc-prop-types.js';
 export declare const useAppPicker: (props: DSAppPickerT.Props) => {
+    focusTrackers: {
+        firstFocusableIdx: number;
+        lastFocusableIdx: number;
+        focusRegion: string;
+        firstFocusableRef: React.MutableRefObject<HTMLElement | null>;
+        lastFocusableRef: React.MutableRefObject<HTMLElement | null>;
+        trackFocusChip: (chipId: string) => void;
+        trackFocusRegionReset: () => void;
+        trackFocusTrigger: () => void;
+        trackFocusPanel: () => void;
+        trackFocusSelectedItem: () => void;
+        trackFocusFirstItem: () => void;
+        trackFocusItemAtIndex: (index: number) => void;
+    };
     propsWithDefault: DSAppPickerT.InternalProps;
     ownerPropsConfig: {
         getOwnerProps: () => DSAppPickerT.InternalProps;
         getOwnerPropsArguments: () => {};
     };
-    globalAttributes: Partial<Pick<object, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "type" | "name" | "suppressHydrationWarning" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "target" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "nonce" | "spellCheck" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "download" | "hrefLang" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "dateTime" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "accept" | "capture" | "checked" | "list" | "maxLength" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "step" | "htmlFor" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "selected" | "async" | "defer" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "default" | "kind" | "srcLang" | "poster" | "challenge" | "keyType" | "keyParams"> & Omit<{
-        cite?: string | undefined | undefined;
-        data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
-        label?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        span?: number | undefined | undefined;
-        style?: React.CSSProperties | undefined;
-        summary?: string | undefined | undefined;
+    globalAttributes: Partial<Pick<object, "title" | "onClick" | "onKeyDown" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
         title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        type?: string | undefined | undefined;
-        name?: string | undefined | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        className?: string | undefined | undefined;
-        color?: string | undefined | undefined;
-        height?: number | string | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        max?: number | string | undefined | undefined;
-        media?: string | undefined | undefined;
-        method?: string | undefined | undefined;
-        min?: number | string | undefined | undefined;
-        target?: string | undefined | undefined;
-        width?: number | string | undefined | undefined;
-        role?: React.AriaRole | undefined;
-        tabIndex?: 0 | -1 | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        href?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<Element> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<Element> | undefined;
+        form?: string | undefined | undefined;
+        list?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -121,7 +112,6 @@ export declare const useAppPicker: (props: DSAppPickerT.Props) => {
         onLoadCapture?: React.ReactEventHandler<Element> | undefined;
         onError?: React.ReactEventHandler<Element> | undefined;
         onErrorCapture?: React.ReactEventHandler<Element> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<Element> | undefined;
         onKeyDownCapture?: React.KeyboardEventHandler<Element> | undefined;
         onKeyPress?: React.KeyboardEventHandler<Element> | undefined;
         onKeyPressCapture?: React.KeyboardEventHandler<Element> | undefined;
@@ -173,7 +163,6 @@ export declare const useAppPicker: (props: DSAppPickerT.Props) => {
         onWaitingCapture?: React.ReactEventHandler<Element> | undefined;
         onAuxClick?: React.MouseEventHandler<Element> | undefined;
         onAuxClickCapture?: React.MouseEventHandler<Element> | undefined;
-        onClick?: React.MouseEventHandler<Element> | undefined;
         onClickCapture?: React.MouseEventHandler<Element> | undefined;
         onContextMenu?: React.MouseEventHandler<Element> | undefined;
         onContextMenuCapture?: React.MouseEventHandler<Element> | undefined;
@@ -247,25 +236,30 @@ export declare const useAppPicker: (props: DSAppPickerT.Props) => {
         onAnimationIterationCapture?: React.AnimationEventHandler<Element> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<Element> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<Element> | undefined;
-        classID?: string | undefined | undefined;
-        useMap?: string | undefined | undefined;
-        wmode?: string | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined | undefined;
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
         hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: React.CSSProperties | undefined;
+        tabIndex?: 0 | -1 | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
+        role?: React.AriaRole | undefined;
         about?: string | undefined | undefined;
         content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
@@ -279,6 +273,7 @@ export declare const useAppPicker: (props: DSAppPickerT.Props) => {
         vocab?: string | undefined | undefined;
         autoCorrect?: string | undefined | undefined;
         autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
         itemProp?: string | undefined | undefined;
         itemScope?: boolean | undefined | undefined;
         itemType?: string | undefined | undefined;
@@ -291,86 +286,110 @@ export declare const useAppPicker: (props: DSAppPickerT.Props) => {
         is?: string | undefined | undefined;
         exportparts?: string | undefined | undefined;
         part?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        acceptCharset?: string | undefined | undefined;
+        action?: string | undefined;
+        allowFullScreen?: boolean | undefined | undefined;
+        allowTransparency?: boolean | undefined | undefined;
+        alt?: string | undefined | undefined;
+        async?: boolean | undefined | undefined;
+        autoComplete?: string | undefined | undefined;
+        autoPlay?: boolean | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        cellPadding?: number | string | undefined | undefined;
+        cellSpacing?: number | string | undefined | undefined;
+        charSet?: string | undefined | undefined;
+        challenge?: string | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        cite?: string | undefined | undefined;
+        classID?: string | undefined | undefined;
+        cols?: number | undefined | undefined;
+        colSpan?: number | undefined | undefined;
+        controls?: boolean | undefined | undefined;
+        coords?: string | undefined | undefined;
+        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+        data?: string | undefined | undefined;
+        dateTime?: string | undefined | undefined;
+        default?: boolean | undefined | undefined;
+        defer?: boolean | undefined | undefined;
         disabled?: boolean | undefined | undefined;
+        download?: any;
+        encType?: string | undefined | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
-        download?: any;
+        frameBorder?: number | string | undefined | undefined;
+        headers?: string | undefined | undefined;
+        height?: number | string | undefined | undefined;
+        high?: number | undefined | undefined;
+        href?: string | undefined | undefined;
         hrefLang?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        coords?: string | undefined | undefined;
-        shape?: string | undefined | undefined;
-        autoPlay?: boolean | undefined | undefined;
-        controls?: boolean | undefined | undefined;
+        htmlFor?: string | undefined | undefined;
+        httpEquiv?: string | undefined | undefined;
+        integrity?: string | undefined | undefined;
+        keyParams?: string | undefined | undefined;
+        keyType?: string | undefined | undefined;
+        kind?: string | undefined | undefined;
+        label?: string | undefined | undefined;
         loop?: boolean | undefined | undefined;
-        mediaGroup?: string | undefined | undefined;
-        muted?: boolean | undefined | undefined;
-        playsInline?: boolean | undefined | undefined;
-        preload?: string | undefined | undefined;
-        src?: string | undefined | undefined;
-        dateTime?: string | undefined | undefined;
-        open?: boolean | undefined | undefined;
-        acceptCharset?: string | undefined | undefined;
-        action?: string | undefined;
-        autoComplete?: string | undefined | undefined;
-        encType?: string | undefined | undefined;
-        noValidate?: boolean | undefined | undefined;
+        low?: number | undefined | undefined;
         manifest?: string | undefined | undefined;
-        allowFullScreen?: boolean | undefined | undefined;
-        allowTransparency?: boolean | undefined | undefined;
-        frameBorder?: number | string | undefined | undefined;
         marginHeight?: number | undefined | undefined;
         marginWidth?: number | undefined | undefined;
-        sandbox?: string | undefined | undefined;
-        scrolling?: string | undefined | undefined;
-        seamless?: boolean | undefined | undefined;
-        srcDoc?: string | undefined | undefined;
-        sizes?: string | undefined | undefined;
-        srcSet?: string | undefined | undefined;
-        accept?: string | undefined | undefined;
-        capture?: boolean | "user" | "environment" | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        list?: string | undefined | undefined;
+        max?: number | string | undefined | undefined;
         maxLength?: number | undefined | undefined;
+        media?: string | undefined | undefined;
+        mediaGroup?: string | undefined | undefined;
+        method?: string | undefined | undefined;
+        min?: number | string | undefined | undefined;
         minLength?: number | undefined | undefined;
         multiple?: boolean | undefined | undefined;
+        muted?: boolean | undefined | undefined;
+        name?: string | undefined | undefined;
+        noValidate?: boolean | undefined | undefined;
+        open?: boolean | undefined | undefined;
+        optimum?: number | undefined | undefined;
+        pattern?: string | undefined | undefined;
         placeholder?: string | undefined | undefined;
+        playsInline?: boolean | undefined | undefined;
+        poster?: string | undefined | undefined;
+        preload?: string | undefined | undefined;
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
-        size?: number | undefined | undefined;
-        step?: number | string | undefined | undefined;
-        htmlFor?: string | undefined | undefined;
-        integrity?: string | undefined | undefined;
-        charSet?: string | undefined | undefined;
-        httpEquiv?: string | undefined | undefined;
-        high?: number | undefined | undefined;
-        low?: number | undefined | undefined;
-        optimum?: number | undefined | undefined;
         reversed?: boolean | undefined | undefined;
-        start?: number | undefined | undefined;
-        selected?: boolean | undefined | undefined;
-        async?: boolean | undefined | undefined;
-        defer?: boolean | undefined | undefined;
-        scoped?: boolean | undefined | undefined;
-        cellPadding?: number | string | undefined | undefined;
-        cellSpacing?: number | string | undefined | undefined;
-        colSpan?: number | undefined | undefined;
-        headers?: string | undefined | undefined;
+        rows?: number | undefined | undefined;
         rowSpan?: number | undefined | undefined;
+        sandbox?: string | undefined | undefined;
         scope?: string | undefined | undefined;
-        cols?: number | undefined | undefined;
-        rows?: number | undefined | undefined;
-        wrap?: string | undefined | undefined;
-        default?: boolean | undefined | undefined;
-        kind?: string | undefined | undefined;
+        scoped?: boolean | undefined | undefined;
+        scrolling?: string | undefined | undefined;
+        seamless?: boolean | undefined | undefined;
+        selected?: boolean | undefined | undefined;
+        shape?: string | undefined | undefined;
+        size?: number | undefined | undefined;
+        sizes?: string | undefined | undefined;
+        span?: number | undefined | undefined;
+        src?: string | undefined | undefined;
+        srcDoc?: string | undefined | undefined;
         srcLang?: string | undefined | undefined;
-        poster?: string | undefined | undefined;
-        challenge?: string | undefined | undefined;
-        keyType?: string | undefined | undefined;
-        keyParams?: string | undefined | undefined;
+        srcSet?: string | undefined | undefined;
+        start?: number | undefined | undefined;
+        step?: number | string | undefined | undefined;
+        summary?: string | undefined | undefined;
+        target?: string | undefined | undefined;
+        type?: string | undefined | undefined;
+        useMap?: string | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        width?: number | string | undefined | undefined;
+        wmode?: string | undefined | undefined;
+        wrap?: string | undefined | undefined;
     }, never>>;
     xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;
+    mountedOpenAutofocusPendingRef: React.MutableRefObject<boolean>;
+    resolvedIsOpen: boolean;
+    setInternalIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    instanceUid: string;
 };

package/dist/types/config/useFocusTracker.d.ts

@@ -0,0 +1,19 @@
+import type { DSAppPickerT } from '../react-desc-prop-types.js';
+type FocusTrackerConfigT = {
+    allApps: DSAppPickerT.AppItem[];
+};
+export declare const useFocusTracker: (config: FocusTrackerConfigT) => {
+    firstFocusableIdx: number;
+    lastFocusableIdx: number;
+    focusRegion: string;
+    firstFocusableRef: import("react").MutableRefObject<HTMLElement | null>;
+    lastFocusableRef: import("react").MutableRefObject<HTMLElement | null>;
+    trackFocusChip: (chipId: string) => void;
+    trackFocusRegionReset: () => void;
+    trackFocusTrigger: () => void;
+    trackFocusPanel: () => void;
+    trackFocusSelectedItem: () => void;
+    trackFocusFirstItem: () => void;
+    trackFocusItemAtIndex: (index: number) => void;
+};
+export {};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { ValidationMap } from '@elliemae/ds-props-helpers';
+import { type DSAppPickerT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSAppPickerT.InternalProps, propTypes: ValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -1,19 +1,29 @@
 export declare const DSAppPickerName = "DSApppicker";
+export declare const APP_PICKER_REGION_FOCUSES: {
+    readonly RESET: "";
+    readonly TRIGGER: "trigger";
+    readonly PANEL: "panel";
+};
+export declare const CHIP_REGION_PREFIX = "chip-";
 export declare const DSAppPickerSlots: {
-    ROOT: string;
-    ITEM: string;
-    TITLE: string;
-    SEPARATOR: string;
-    ROW: string;
-    CHIP: string;
-    BUTTON: string;
+    readonly ROOT: "root";
+    readonly GROUP: "group";
+    readonly ITEM: "item";
+    readonly TITLE: "title";
+    readonly SEPARATOR: "separator";
+    readonly ROW: "row";
+    readonly CHIP: "chip";
+    readonly BUTTON: "button";
+    readonly FLOATING_WRAPPER: "floating-wrapper";
 };
 export declare const DSAppPickerDataTestIds: {
     CHIP: string;
     BUTTON: string;
     ROOT: string;
+    GROUP: string;
     ITEM: string;
     TITLE: string;
     SEPARATOR: string;
     ROW: string;
+    FLOATING_WRAPPER: string;
 };

package/dist/types/parts/AppPanel.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AppPanel: React.MemoExoticComponent<() => React.JSX.Element>;

package/dist/types/parts/AppPickerFloatingContext/AppPickerContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSAppPickerT } from '../../react-desc-prop-types.js';
+export declare const AppPickerContent: React.ComponentType<DSAppPickerT.Props>;

package/dist/types/parts/AppPickerFloatingContext/useAppPickerFloatingContext.d.ts

@@ -0,0 +1,170 @@
+import type React from 'react';
+import type { useAppPicker } from '../../config/useAppPicker.js';
+import type { DSAppPickerT } from '../../react-desc-prop-types.js';
+/**
+ * useAppPickerFloatingContext — the single point that wires DSAppPicker to
+ * `@elliemae/ds-floating-context`'s `useFloatingContext`.
+ *
+ * WHAT IT DOES (as a black box):
+ * AppPicker can be used in two very different ways:
+ *  - Controlled: the consumer supplies `isOpen` and drives the open/close transition.
+ *          └→ AppPicker can't be event-based as the flip might originate from any cause and we don't own the business logic
+ *                  └→ we need to ensure WCAG embedded behaviours (focus, Escape, click-outside) are wired to the consumer's `isOpen` flip.
+ *  - Uncontrolled: the consumer does not supply `isOpen` and AppPicker owns the full flows, we only notify the consumer of the transition and its cause.
+ *
+ * The AppPicker and this file in particular serves as the one place that coordinates the two different ways to use the component and wires with the useFloatingContext hook.
+ * This files owns:
+ *  - Focus management relative to open/close transitions (initial focus on open, return focus to trigger on close)
+ *  - Escape key handling (scoped to the panel and trigger)
+ *  - Click-outside handling (panel and trigger)
+ *  - Imperative focus API via actionRef
+ *  - Controlled/Uncontrolled forks and differences in event notification (eager vs controlled-flip)
+ *  - OnOpen and OnClose notification to the consumer with the correct reason and event (if any)
+ *
+ * IMPORTANT:
+ *  Parts of the flow/logic required in this file is offloaded to useFloatingContext internal assumptions and logics.
+ *  Changes to useFloatingContext may break the flows in this file, or alter them in ways that are not obvious, the two are closely coupled.
+ *
+ * DATA / EVENT FLOW
+ *
+ * Two concerns run in parallel and must not be conflated: (A) what makes the panel show/hide and take
+ * focus, and (B) how the consumer is told it opened/closed. They have different origins.
+ *
+ * (A) PANEL VISIBILITY + FOCUS —  useFloatingContext internal co-ownership of the flow.
+ *
+ *                a user action                          │ │                      isOpen prop flip
+ *    (trigger click / scoped Escape / click outside)    │ │   (not a traceable user action, but the consumer's own flip)
+ *      uncontrolled - flips the internal flag           │ │ controlled - AppPicker's own flip is inert, consumer drives it
+ *                                                        │
+ *                                                        ▼
+ *                                              resolvedIsOpen changes
+ *                                                        │
+ *                                                        ▼
+ *                        useFloatingContext (externallyControlledIsOpen) detects the transition
+ *                                                        │
+ *                                                        ▼
+ *                     on open                           │ │              on close
+ *                handleFloatingOpen                     │ │   focus is only restored after a SCOPED ESCAPE:
+ *  AppPicker business logic seeds initial focus         │ │   useFloatingContext returns focus to the trigger
+ *                                                        │ │   (returnFocusToReference). Click-outside / toggle
+ *                                                        │ │   / controlled closes do NOT move focus, and
+ *                                                        │ │   handleFloatingClose only NOTIFIES (see (B)).
+ *                                                        │
+ *                                                        ▼
+ *                          ┌─────────────────────────────────────────────────────────────┐
+ *                          │  visibility + focus are delivered to final user as expected │
+ *                          └─────────────────────────────────────────────────────────────┘
+ *
+ * (B) CONSUMER NOTIFICATION
+ *   Each flow below is the UNCONTROLLED path, where AppPicker owns the transition and can name the true cause.
+ *   The controlled equivalent for every trigger is stated once at the end.
+ *                            ┌────────────────────────┐
+ *                            │ OPENING TRIGGERS FLOWS │
+ *                            └────────────────────────┘
+ * TRIGGER CLICK (uncontrolled)
+ *                                    trigger click
+ *                       user clicks the internal trigger, panel closed
+ *                                          │
+ *                                          ▼
+ *                                 handleTriggerClick
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onOpen { reason: 'trigger', event }         │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ * ------------------------------------------------------------------------------------------------------------------------
+ *                            ┌────────────────────────┐
+ *                            │ CLOSING TRIGGERS FLOWS │
+ *                            └────────────────────────┘
+ * KEYBOARD ESCAPE (uncontrolled)
+ *                       Escape within the panel DOM tree or the trigger
+ *            scoped Escape (routed only while closeOnEscape, i.e. no consumer onKeyDown)
+ *                                          │
+ *                                          ▼
+ *                                onEscape → handleScopedEscape
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onClose { reason: 'escape', event }         │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ *
+ *  CLICK OUTSIDE (uncontrolled)
+ *                           Click outside the panel DOM tree and the trigger
+ *                useFloatingContext detects a pointer press outside the panel + trigger
+ *                                          │
+ *                                          ▼
+ *                                   handleClickOutside
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onClose { reason: 'click-outside', event }  │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ *
+ *  CLICK ON TRIGGER (uncontrolled, while internal state is open)
+ *                              trigger click while open
+ *                       user clicks the internal trigger, panel open
+ *                                          │
+ *                                          ▼
+ *                                    handleTriggerClick
+ *               ( flips the flag and wires the visual and focus Flow (A) above )
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │ onClose { reason: 'trigger-toggle', event }  │   fired EAGERLY, when the event is triggered
+ *                 └──────────────────────────────────────────────┘
+ * ------------------------------------------------------------------------------------------------------------------------
+ *                            ┌──────────────────────────────────┐
+ *                            │ CONTROLLED OPEN & CLOSE FLOWS    │
+ *                            └──────────────────────────────────┘
+ *   AppPicker's own flip is inert;
+ *   We can't fire EAGERLY and we can't track an originating event, there may be NONE
+ *   The consumer's `isOpen` flip is reacted to by useFloatingContext, which fires onOpen / onClose with reason 'controlled-flip'
+ *   We wire the visual and focus Flow (A) above, and then notify the consumer with reason 'controlled' (no event)
+ *                                          │
+ *                                          ▼
+ *                 ┌──────────────────────────────────────────────┐
+ *                 │  onOpen  { reason: 'controlled' }            │                    no event
+ *                 │  onClose { reason: 'controlled' }            │   a prop flip is not a traceable user action
+ *                 └──────────────────────────────────────────────┘
+ * ------------------------------------------------------------------------------------------------------------------------
+ *
+ *     Eager (uncontrolled) and controlled-flip paths are mutually exclusive on `isControlled`.
+ *     the consumer is notified exactly once per transition — never twice.
+ * On Escape specifically
+ *   a controlled consumer supplies onKeyDown, so closeOnEscape is false in useFloatingContext
+ *                   └→ AppPicker's onEscape never runs —
+ *                                   └→ the close arrives purely by listening to the flag transition
+ * ------------------------------------------------------------------------------------------------------------------------
+ * A nuance for an edge case:
+ *
+ * Declarative mount-open (rendered already-open).
+ * useFloatingContext fires no onOpen for it (it did not transition to open, it started open),
+ *    └→ neither the focus-seed (A) nor the notification (B) runs
+ * AppPanel compensates this locally via useMountedOpenAutofocusNuance, it needs to be seen if this is even desired or should be removed
+ * ------------------------------------------------------------------------------------------------------------------------
+ */
+type ConfiguredAppPickerCtx = ReturnType<typeof useAppPicker>;
+type AppPickerFloatingContextConfig = {
+    propsWithDefault: DSAppPickerT.InternalProps;
+    focusTrackers: ConfiguredAppPickerCtx['focusTrackers'];
+    wasOpenedByKeyboardRef: ConfiguredAppPickerCtx['wasOpenedByKeyboardRef'];
+    resolvedIsOpen: ConfiguredAppPickerCtx['resolvedIsOpen'];
+    setInternalIsOpen: ConfiguredAppPickerCtx['setInternalIsOpen'];
+};
+export declare const useAppPickerFloatingContext: (appPickerConfig: AppPickerFloatingContextConfig) => {
+    floatingStyles: React.CSSProperties;
+    arrowStyles: import("@elliemae/ds-floating-context/dist/types/parts/PopoverArrow.js").PopoverArrowT;
+    floatingContext: {
+        withoutPortal: boolean;
+        withoutAnimation: boolean;
+        portalDOMContainer: HTMLElement | undefined;
+        animationDuration: number;
+    };
+    handleTriggerRef: (instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
+    handleTriggerClick: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    floatingInnerRef: (instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES];
+};
+export {};

package/dist/types/parts/AppPickerItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { DSAppPickerT } from '../react-desc-prop-types.js';
+interface AppPickerItemProps {
+    app: DSAppPickerT.AppItem;
+    chipId: string;
+    isFirstFocusable: boolean;
+    isLastFocusable: boolean;
+    positionAnnouncement: string;
+}
+export declare const AppPickerItem: React.FC<AppPickerItemProps>;
+export {};

package/dist/types/parts/AppSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface AppSectionProps {
+    isCustomApps?: boolean;
+}
+export declare const AppSection: React.FC<AppSectionProps>;
+export {};

package/dist/types/parts/Trigger.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { useAppPickerFloatingContext } from './AppPickerFloatingContext/useAppPickerFloatingContext.js';
+type UseAppPickerFloatingContextT = ReturnType<typeof useAppPickerFloatingContext>;
+type FloatingContextDictatedProps = {
+    handleTriggerRef: UseAppPickerFloatingContextT['handleTriggerRef'];
+    handleTriggerClick: UseAppPickerFloatingContextT['handleTriggerClick'];
+    dialogLabelId: string;
+};
+export declare const Trigger: {
+    (PropsFromFloatingContext: FloatingContextDictatedProps): React.JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/types/parts/shared-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledListItemFullRow: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledSection: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;