@elliemae/ds-app-picker 3.70.0-next.52 → 3.70.0-next.54

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport React from 'react';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSAppPickerName, DSAppPickerSlots } from './constants/index.js';\n\nexport declare namespace DSAppPickerT {\n  export interface AppItem {\n    label: string;\n    icon: React.ComponentType<{ className: string; size: string }>;\n    onClick?: (e: React.MouseEvent, item: AppItem) => void | null;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    id?: string;\n    selected?: boolean;\n    wrapText?: boolean;\n  }\n\n  export type ActionRef = React.MutableRefObject<{\n    focusToIndex?: (index: number) => void;\n    focusSelectedOrFirstAvailable?: () => void;\n    focusWrapper: () => void;\n  }>;\n\n  export interface RequiredProps {}\n\n  export type SlotFunctionArguments = {\n    dsApppickerRoot: () => object;\n    dsApppickerItem: () => object;\n    dsApppickerTitle: () => object;\n    dsApppickerSeparator: () => object;\n    dsApppickerRow: () => object;\n    dsApppickerChip: () => object;\n    dsApppickerButton: () => object;\n    dsApppickerFloatingWrapper: () => object;\n  };\n\n  export interface DefaultProps {\n    apps: AppItem[];\n    customApps: AppItem[];\n    sectionTitle: string;\n    customSectionTitle: string;\n    icon: React.ComponentType<SvgIconT.Props>;\n  }\n\n  interface RenderTriggerProp {\n    ref: React.RefCallback<HTMLButtonElement>;\n    [key: string]: unknown;\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSAppPickerName, typeof DSAppPickerSlots> {\n    onClose?: () => void;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n    onClickOutside?: (e: MouseEvent | React.MouseEvent) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    actionRef?: ActionRef;\n    renderTrigger?: (props: RenderTriggerProp) => React.ReactElement | null;\n    isOpen?: boolean;\n    triggerRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSAppPickerT.DefaultProps = {\n  apps: [],\n  customApps: [],\n  sectionTitle: 'APPLICATIONS',\n  customSectionTitle: 'CUSTOM APPLICATIONS',\n  icon: () => <MenuPicker color={['brand-primary', '700']} size=\"m\" />,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\n\nexport const DSAppPickerPropTypes: DSPropTypesSchema<DSAppPickerT.Props> = {\n  ...getPropsPerSlotPropTypes(DSAppPickerName, DSAppPickerSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  apps: PropTypes.array\n    .description('Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]')\n    .defaultValue([]),\n  customApps: PropTypes.array\n    .description('Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]')\n    .defaultValue([]),\n  sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n  customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n  icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n  renderTrigger: PropTypes.func.description('Custom trigger component.'),\n  actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n  ),\n  isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n  onClose: PropTypes.func.description('Callback function when the AppPicker closes'),\n  onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n  onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n  onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n  triggerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Ref to the trigger button.',\n  ),\n};\n\nexport const DSAppPickerPropTypesSchema = DSAppPickerPropTypes as unknown as ValidationMap<DSAppPickerT.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC0FT;AAxFd,SAAS,kBAAkB;AAG3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB,wBAAwB;AAyE3C,MAAM,eAA0C;AAAA,EACrD,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM,oBAAC,cAAW,OAAO,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AACpE;AAMO,MAAM,uBAA8D;AAAA,EACzE,GAAG,yBAAyB,iBAAiB,gBAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MACb,YAAY,oGAAoG,EAChH,aAAa,CAAC,CAAC;AAAA,EAClB,YAAY,UAAU,MACnB,YAAY,sGAAsG,EAClH,aAAa,CAAC,CAAC;AAAA,EAClB,cAAc,UAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC5F,oBAAoB,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,qBAAqB;AAAA,EAC3G,MAAM,UAAU,KAAK,YAAY,uBAAuB,EAAE,aAAa,UAAU;AAAA,EACjF,eAAe,UAAU,KAAK,YAAY,2BAA2B;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC5F;AAAA,EACF;AAAA,EACA,QAAQ,UAAU,KAAK,YAAY,6CAA6C;AAAA,EAChF,SAAS,UAAU,KAAK,YAAY,6CAA6C;AAAA,EACjF,WAAW,UAAU,KAAK,YAAY,6BAA6B;AAAA,EACnE,SAAS,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC3E,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,YAAY,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC7F;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport React from 'react';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSAppPickerName, DSAppPickerSlots } from './constants/index.js';\n\nexport declare namespace DSAppPickerT {\n  export interface AppItem {\n    label: string;\n    icon: React.ComponentType<{ className: string; size: string }>;\n    onClick?: (e: React.MouseEvent, item: AppItem) => void | null;\n    disabled?: boolean;\n    applyAriaDisabled?: boolean;\n    id?: string;\n    selected?: boolean;\n    wrapText?: boolean;\n  }\n\n  export type ActionRef = React.MutableRefObject<{\n    focusToIndex?: (index: number) => void;\n    focusSelectedOrFirstAvailable?: () => void;\n    focusWrapper: () => void;\n  }>;\n\n  /**\n   * Why the panel opened. `trigger` carries the activating event and fires synchronously in the\n   * trigger's click handler (AppPicker owns the open). `controlled` fires when the consumer flips\n   * the `isOpen` prop themselves \u2014 no event, delivered when that flip takes effect.\n   */\n  export type OpenChange =\n    { reason: 'trigger'; event: React.MouseEvent | React.KeyboardEvent } | { reason: 'controlled' };\n\n  /**\n   * Why the panel closed. The event-carrying reasons fire synchronously from the handler that owns\n   * the close (AppPicker in uncontrolled mode): `escape` (a scoped Escape), `click-outside`, and\n   * `trigger-toggle` (the trigger clicked while open). `controlled` fires when the consumer flips the\n   * `isOpen` prop themselves \u2014 no event, delivered when that flip takes effect.\n   */\n  export type CloseChange =\n    | { reason: 'escape'; event: KeyboardEvent }\n    | { reason: 'click-outside'; event: MouseEvent | TouchEvent }\n    | { reason: 'trigger-toggle'; event: React.MouseEvent | React.KeyboardEvent }\n    | { reason: 'controlled' };\n\n  export interface RequiredProps {}\n\n  export type SlotFunctionArguments = {\n    dsApppickerRoot: () => object;\n    dsApppickerItem: () => object;\n    dsApppickerTitle: () => object;\n    dsApppickerSeparator: () => object;\n    dsApppickerRow: () => object;\n    dsApppickerChip: () => object;\n    dsApppickerButton: () => object;\n    dsApppickerFloatingWrapper: () => object;\n  };\n\n  export interface DefaultProps {\n    apps: AppItem[];\n    customApps: AppItem[];\n    sectionTitle: string;\n    customSectionTitle: string;\n    icon: React.ComponentType<SvgIconT.Props>;\n  }\n\n  interface RenderTriggerProp {\n    ref: React.RefCallback<HTMLButtonElement>;\n    [key: string]: unknown;\n  }\n\n  export interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<\n    typeof DSAppPickerName,\n    typeof DSAppPickerSlots\n  > {\n    onOpen?: (info: OpenChange) => void;\n    onClose?: (info: CloseChange) => void;\n    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n    onClickOutside?: (e: MouseEvent | React.MouseEvent) => void;\n    onKeyDown?: (e: React.KeyboardEvent) => void;\n    actionRef?: ActionRef;\n    renderTrigger?: (props: RenderTriggerProp) => React.ReactElement | null;\n    isOpen?: boolean;\n    triggerRef?: React.RefObject<HTMLButtonElement>;\n  }\n\n  export interface Props\n    extends\n      Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends\n      DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSAppPickerT.DefaultProps = {\n  apps: [],\n  customApps: [],\n  sectionTitle: 'APPLICATIONS',\n  customSectionTitle: 'CUSTOM APPLICATIONS',\n  icon: () => <MenuPicker color={['brand-primary', '700']} size=\"m\" />,\n};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\n\nexport const DSAppPickerPropTypes: DSPropTypesSchema<DSAppPickerT.Props> = {\n  ...getPropsPerSlotPropTypes(DSAppPickerName, DSAppPickerSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  apps: PropTypes.array\n    .description('Main items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]')\n    .defaultValue([]),\n  customApps: PropTypes.array\n    .description('Custom items. Format: [{ label:string, icon:component, onClick:func, disabled:bool, selected:bool }]')\n    .defaultValue([]),\n  sectionTitle: PropTypes.string.description('main section title').defaultValue('APPLICATIONS'),\n  customSectionTitle: PropTypes.string.description('custom section title').defaultValue('CUSTOM APPLICATIONS'),\n  icon: PropTypes.func.description('trigger button s icon').defaultValue(MenuPicker),\n  renderTrigger: PropTypes.func.description('Custom trigger component.'),\n  actionRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Ref containing a focusToIndex method. This method allows you to focus any App inside the AppPicker.',\n  ),\n  isOpen: PropTypes.bool.description('Wether the AppPicker should be open or not.'),\n  onOpen: PropTypes.func.description(\n    'Callback when the AppPicker opens; receives { reason: \"trigger\" | \"controlled\", event? }.',\n  ),\n  onClose: PropTypes.func.description(\n    'Callback when the AppPicker closes; receives { reason: \"escape\" | \"click-outside\" | \"trigger-toggle\" | \"controlled\", event? }.',\n  ),\n  onKeyDown: PropTypes.func.description('OnKeyDown handler callback.'),\n  onClick: PropTypes.func.description('Custom onClick for Trigger component.'),\n  onClickOutside: PropTypes.func.description('Callback event when the user clicks outside the App Picker.'),\n  triggerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'Ref to the trigger button.',\n  ),\n};\n\nexport const DSAppPickerPropTypesSchema = DSAppPickerPropTypes as unknown as ValidationMap<DSAppPickerT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmHT;AAjHd,SAAS,kBAAkB;AAG3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iBAAiB,wBAAwB;AAkG3C,MAAM,eAA0C;AAAA,EACrD,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM,oBAAC,cAAW,OAAO,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AACpE;AAMO,MAAM,uBAA8D;AAAA,EACzE,GAAG,yBAAyB,iBAAiB,gBAAgB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,MACb,YAAY,oGAAoG,EAChH,aAAa,CAAC,CAAC;AAAA,EAClB,YAAY,UAAU,MACnB,YAAY,sGAAsG,EAClH,aAAa,CAAC,CAAC;AAAA,EAClB,cAAc,UAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC5F,oBAAoB,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,qBAAqB;AAAA,EAC3G,MAAM,UAAU,KAAK,YAAY,uBAAuB,EAAE,aAAa,UAAU;AAAA,EACjF,eAAe,UAAU,KAAK,YAAY,2BAA2B;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC5F;AAAA,EACF;AAAA,EACA,QAAQ,UAAU,KAAK,YAAY,6CAA6C;AAAA,EAChF,QAAQ,UAAU,KAAK;AAAA,IACrB;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AAAA,EACA,WAAW,UAAU,KAAK,YAAY,6BAA6B;AAAA,EACnE,SAAS,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAC3E,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,YAAY,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC7F;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B;",
   "names": []
 }

package/dist/esm/util/getChipId.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const getChipId = (app, flatIndex) => app.id ?? `${app.label}-${flatIndex}`;
+export {
+  getChipId
+};
+//# sourceMappingURL=getChipId.js.map

package/dist/esm/util/getChipId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/util/getChipId.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSAppPickerT } from '../react-desc-prop-types.js';\n\n// Chip identity, assigned top-down from data the parent already holds: the app's own `id`, or a\n// deterministic `${label}-${flatIndex}` fallback for id-less apps (the flat index disambiguates\n// duplicate labels). Both the parent (the focus tracker's track* handlers) and the child\n// (AppPickerItem, via the `chipId` prop threaded through AppSection) derive identity through THIS\n// single function, so the parent can compute the exact region string a chip will match without the\n// chip generating an id and reporting it back up. That determinism removes the child\u2192parent\n// dependency entirely: focus can be addressed by identity alone, with no registry to keep in sync\n// and no wait for the child to mount and register.\n//\n// Kept as a standalone leaf util (depends only on a type) so both the hook and the parts can import\n// it without routing through the hook module \u2014 avoids any import cycle risk.\nexport const getChipId = (app: DSAppPickerT.AppItem, flatIndex: number): string =>\n  app.id ?? `${app.label}-${flatIndex}`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACahB,MAAM,YAAY,CAAC,KAA2B,cACnD,IAAI,MAAM,GAAG,IAAI,KAAK,IAAI,SAAS;",
+  "names": []
+}

package/dist/esm/util/getChipRegionId.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { CHIP_REGION_PREFIX } from "../constants/index.js";
+const getChipRegionId = (chipId) => `${CHIP_REGION_PREFIX}${chipId}`;
+export {
+  getChipRegionId
+};
+//# sourceMappingURL=getChipRegionId.js.map

package/dist/esm/util/getChipRegionId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/util/getChipRegionId.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CHIP_REGION_PREFIX } from '../constants/index.js';\n\n// Maps a chipId (see getChipId) to its focus-region identifier. Standalone leaf util \u2014 depends only\n// on the constants module \u2014 so the hook and the parts can share it without importing through the\n// hook, keeping the dependency graph acyclic.\nexport const getChipRegionId = (chipId: string): string => `${CHIP_REGION_PREFIX}${chipId}`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,0BAA0B;AAK5B,MAAM,kBAAkB,CAAC,WAA2B,GAAG,kBAAkB,GAAG,MAAM;",
+  "names": []
+}

package/dist/types/DSAppPicker.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import type { DSAppPickerT } from './react-desc-prop-types.js';
 declare const DSAppPicker: React.ComponentType<DSAppPickerT.Props>;
 declare const AppPickerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSAppPickerT.Props>;
-export { DSAppPicker, AppPickerWithSchema };
+export { AppPickerWithSchema, DSAppPicker };

package/dist/types/DSAppPickerCTX.d.ts

@@ -1,17 +1,6 @@
-import React from 'react';
-import type { useFocusTracker } from './config/useFocusTracker.js';
-export type AppPickerFocusCTX = ReturnType<typeof useFocusTracker>;
-/** Focus tracker context for chip-level focus management inside DSAppPicker. */
-export declare const DSAppPickerContext: React.Context<{
-    focusRegion: string;
-    firstFocusableRef: React.MutableRefObject<HTMLElement | null>;
-    lastFocusableRef: React.MutableRefObject<HTMLElement | null>;
-    registerChip: (app: import("./react-desc-prop-types.js").DSAppPickerT.AppItem, chipId: string) => void;
-    trackFocusChip: (chipId: string) => void;
-    trackFocusRegionReset: () => void;
-    trackFocusTrigger: () => void;
-    trackFocusPanel: () => void;
-    trackFocusSelectedItem: (apps: import("./react-desc-prop-types.js").DSAppPickerT.AppItem[], customApps: import("./react-desc-prop-types.js").DSAppPickerT.AppItem[]) => void;
-    trackFocusFirstItem: (apps: import("./react-desc-prop-types.js").DSAppPickerT.AppItem[], customApps: import("./react-desc-prop-types.js").DSAppPickerT.AppItem[]) => void;
-    trackFocusItemAtIndex: (apps: import("./react-desc-prop-types.js").DSAppPickerT.AppItem[], customApps: import("./react-desc-prop-types.js").DSAppPickerT.AppItem[], index: number) => void;
-}>;
+import type { useAppPicker } from './config/useAppPicker.js';
+export interface DSAppPickerCTX extends ReturnType<typeof useAppPicker> {
+}
+/** Single source of truth for DSAppPicker's parts — props, owner-props config, floating-context
+ * render state, and focus tracker. Replaces per-part prop drilling. */
+export declare const DSAppPickerContext: import("react").Context<DSAppPickerCTX>;

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, "title" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "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" | "challenge" | "keyType" | "keyParams" | "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"> & Omit<{
+    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;
-        cite?: string | undefined | undefined;
-        data?: string | undefined | undefined;
+        onClick?: React.MouseEventHandler<Element> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<Element> | 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;
-        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;
+        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,109 @@ 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;
-        challenge?: string | undefined | undefined;
-        keyType?: string | undefined | undefined;
-        keyParams?: 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;
+        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>>;
 };

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

@@ -1,15 +1,19 @@
 import type { DSAppPickerT } from '../react-desc-prop-types.js';
-export declare const getChipRegionId: (chipId: string) => string;
-export declare const useFocusTracker: () => {
+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>;
-    registerChip: (app: DSAppPickerT.AppItem, chipId: string) => void;
     trackFocusChip: (chipId: string) => void;
     trackFocusRegionReset: () => void;
     trackFocusTrigger: () => void;
     trackFocusPanel: () => void;
-    trackFocusSelectedItem: (apps: DSAppPickerT.AppItem[], customApps: DSAppPickerT.AppItem[]) => void;
-    trackFocusFirstItem: (apps: DSAppPickerT.AppItem[], customApps: DSAppPickerT.AppItem[]) => void;
-    trackFocusItemAtIndex: (apps: DSAppPickerT.AppItem[], customApps: DSAppPickerT.AppItem[], index: number) => void;
+    trackFocusSelectedItem: () => void;
+    trackFocusFirstItem: () => void;
+    trackFocusItemAtIndex: (index: number) => void;
 };
+export {};

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

@@ -4,6 +4,7 @@ export declare const APP_PICKER_REGION_FOCUSES: {
     readonly TRIGGER: "trigger";
     readonly PANEL: "panel";
 };
+export declare const CHIP_REGION_PREFIX = "chip-";
 export declare const DSAppPickerSlots: {
     readonly ROOT: "root";
     readonly ITEM: "item";

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

@@ -1,9 +1,2 @@
 import React from 'react';
-import type { DSAppPickerT } from '../react-desc-prop-types.js';
-import type { useAppPicker } from '../config/useAppPicker.js';
-export declare const AppPanel: React.MemoExoticComponent<(props: DSAppPickerT.InternalProps & Pick<ReturnType<typeof useAppPicker>, "ownerPropsConfig" | "globalAttributes" | "xstyledProps"> & {
-    close: () => void;
-    wasOpenedByKeyboardRef: React.MutableRefObject<boolean>;
-    triggerIsInternal: boolean;
-    triggerRef: React.RefObject<HTMLButtonElement>;
-}) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const AppPanel: React.MemoExoticComponent<() => import("react/jsx-runtime.js").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>;