@elliemae/ds-app-picker 3.62.1 → 3.70.0-alpha.11

package/dist/esm/typescript-testing/typescript-app-picker-valid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-app-picker-valid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSAppPicker } from '../index.js';\nimport type { DSAppPickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSAppPickerT.Props;\ntype ComponentPropsInternals = DSAppPickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSAppPickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSAppPickerT.OptionalProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n} as ComponentPropsForApp;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSAppPicker {...testExplicitDefinition} />\n    <DSAppPicker {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSAppPicker apps={[]} customApps={[]} sectionTitle=\"\" customSectionTitle=\"\" icon={() => null} />\n    {/* multiple auto inference works */}\n    <DSAppPicker apps={[]} customApps={[]} sectionTitle=\"\" customSectionTitle=\"\" icon={() => null} />\n    {/* works with partial defaults */}\n  </>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmErB,mBAEE,KAFF;AAlEF,SAAS,mBAAmB;AAS5B,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,eAAa,GAAG,wBAAwB;AAAA,EACzC,oBAAC,eAAa,GAAG,8BAA8B;AAAA,EAE/C,oBAAC,eAAY,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,cAAa,IAAG,oBAAmB,IAAG,MAAM,MAAM,MAAM;AAAA,EAE/F,oBAAC,eAAY,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,cAAa,IAAG,oBAAmB,IAAG,MAAM,MAAM,MAAM;AAAA,GAEjG;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSAppPicker } from '../index.js';\nimport type { DSAppPickerT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSAppPickerT.Props;\ntype ComponentPropsInternals = DSAppPickerT.InternalProps;\ntype ComponentPropsDefaultProps = DSAppPickerT.DefaultProps;\ntype ComponentPropsOptionalProps = DSAppPickerT.OptionalProps;\ntype ComponentPropsRequiredProps = DSAppPickerT.RequiredProps;\n\nconst testOptionalProps: ComponentPropsOptionalProps = {};\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testOptionalProps,\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n  openAndFocusOnArrowKeys: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testOptionalProps,\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testOptionalProps,\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  apps: [],\n  customApps: [],\n  sectionTitle: '',\n  customSectionTitle: '',\n  icon: () => null,\n} as ComponentPropsForApp;\n\n// TriggerComponent is typed as a real component, so its props arrive through the fiber. The exported\n// TriggerComponentProps type is what a consumer annotates their own trigger with \u2014 if that type stops\n// being reachable from the namespace, or its members change shape, this stops compiling.\nconst CustomTrigger: React.ComponentType<DSAppPickerT.TriggerComponentProps> = ({ innerRef, id, onClick, ...rest }) => (\n  <button ref={innerRef} id={id} onClick={onClick} type=\"button\" {...rest}>\n    Open apps\n  </button>\n);\n\n// A consumer may also declare the trigger inline without naming the props type; both must compile.\nconst testTriggerComponentProp: ComponentPropsOptionalProps = {\n  TriggerComponent: CustomTrigger,\n};\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSAppPicker {...testExplicitDefinition} />\n    <DSAppPicker {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSAppPicker apps={[]} customApps={[]} sectionTitle=\"\" customSectionTitle=\"\" icon={() => null} />\n    {/* multiple auto inference works */}\n    <DSAppPicker apps={[]} customApps={[]} sectionTitle=\"\" customSectionTitle=\"\" icon={() => null} />\n    {/* works with partial defaults */}\n    {/* TriggerComponent \u2014 the supported custom trigger API */}\n    <DSAppPicker apps={[]} TriggerComponent={CustomTrigger} />\n    <DSAppPicker {...testTriggerComponentProp} apps={[]} />\n    {/* renderTrigger \u2014 deprecated (v4.x) but must still type-check until removal */}\n    <DSAppPicker apps={[]} renderTrigger={({ ref }) => <button ref={ref} type=\"button\" aria-label=\"banana\" />} />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6ErB,SAWA,UAXA,KAWA,YAXA;AA5EF,SAAS,mBAAmB;AAU5B,MAAM,oBAAiD,CAAC;AACxD,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AAAA,EACZ,yBAAyB;AAC3B;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM,CAAC;AAAA,EACP,YAAY,CAAC;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,MAAM,MAAM;AACd;AAKA,MAAM,gBAAyE,CAAC,EAAE,UAAU,IAAI,SAAS,GAAG,KAAK,MAC/G,oBAAC,YAAO,KAAK,UAAU,IAAQ,SAAkB,MAAK,UAAU,GAAG,MAAM,uBAEzE;AAIF,MAAM,2BAAwD;AAAA,EAC5D,kBAAkB;AACpB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,eAAa,GAAG,wBAAwB;AAAA,EACzC,oBAAC,eAAa,GAAG,8BAA8B;AAAA,EAE/C,oBAAC,eAAY,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,cAAa,IAAG,oBAAmB,IAAG,MAAM,MAAM,MAAM;AAAA,EAE/F,oBAAC,eAAY,MAAM,CAAC,GAAG,YAAY,CAAC,GAAG,cAAa,IAAG,oBAAmB,IAAG,MAAM,MAAM,MAAM;AAAA,EAG/F,oBAAC,eAAY,MAAM,CAAC,GAAG,kBAAkB,eAAe;AAAA,EACxD,oBAAC,eAAa,GAAG,0BAA0B,MAAM,CAAC,GAAG;AAAA,EAErD,oBAAC,eAAY,MAAM,CAAC,GAAG,eAAe,CAAC,EAAE,IAAI,MAAM,oBAAC,YAAO,KAAU,MAAK,UAAS,cAAW,UAAS,GAAI;AAAA,GAC7G;",
   "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/esm/util/getDSAppPickerContractProps.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { getContractProps } from "@elliemae/ds-props-helpers";
+import { DSAppPickerPropTypes } from "../react-desc-prop-types.js";
+const getDSAppPickerContractProps = (props) => getContractProps(props, DSAppPickerPropTypes);
+export {
+  getDSAppPickerContractProps
+};
+//# sourceMappingURL=getDSAppPickerContractProps.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/util/getDSAppPickerContractProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { getContractProps } from '@elliemae/ds-props-helpers';\nimport { DSAppPickerPropTypes, type DSAppPickerT } from '../react-desc-prop-types.js';\n\n/**\n * Filters an arbitrary object down to the props DSAppPicker actually accepts.\n *\n * **Who this is for.** Components that wrap DSAppPicker and receive its props indirectly \u2014 as a\n * configuration object from their own consumer rather than as JSX props.\n *\n * The canonical case is `ds-global-header`, whose `toolbar` config carries a `componentProps` object for\n * the `ds-app-picker` item type. Such a wrapper cannot spread that object blindly: its config type is\n * DSAppPicker's props *plus* the wrapper's own \u2014 `triggerOnClick` there \u2014 and those must not leak into\n * DSAppPicker.\n *\n * Do not swap this for a hand-listed set of forwardable keys. A hand-list has no way to fail when the\n * contract grows: the new prop type-checks at the call site, is dropped silently at runtime, and nothing\n * reports it. Deriving the set from the contract is what makes that class of bug impossible.\n *\n * **Why a utility instead of exporting the schema.** `DSAppPickerPropTypes` is internal. It exists to\n * drive prop validation and the Storybook props table; that it also happens to describe the exact set\n * of forwardable props is a convenience today, not a promise. Exposing the schema would weld those\n * concerns together and make every future change to it a public API change. Exposing this utility\n * instead means the public commitment is only \"you get the props DSAppPicker accepts\" \u2014 if the two\n * ever need to diverge, only this function changes.\n *\n * Anything the contract does not declare is discarded. Arbitrary `data-*` attributes are kept (a\n * supported consumer surface no schema can enumerate).\n *\n * `undefined` vs `null` \u2014 see `getContractProps` for the implemented rule and the React precedent it\n * follows. In short: `undefined` is dropped (\"I am not defining this, you decide\" \u2014 the wrapper's\n * default stands), `null` is forwarded (\"I am explicitly asking for nothing\") and is then judged by\n * DSAppPicker's own strictly-typed contract, which rejects it for props whose declared type does not\n * admit null. To disable a handler, pass an explicit no-op (`() => {}`) \u2014 it honours the type and\n * states the intent unambiguously.\n *\n * @param props - the object to filter, typically a wrapper's `componentProps` configuration\n * @returns a new object containing only props DSAppPicker declares\n */\nexport const getDSAppPickerContractProps = (props: object): Partial<DSAppPickerT.Props> =>\n  getContractProps<DSAppPickerT.Props>(props, DSAppPickerPropTypes);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;AACjC,SAAS,4BAA+C;AAqCjD,MAAM,8BAA8B,CAAC,UAC1C,iBAAqC,OAAO,oBAAoB;",
+  "names": []
+}

package/dist/esm/util/instanceIds.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+const getIdForAppPickerRoot = (id) => id;
+const getIdForAppPickerTrigger = (id) => `${id}-dialog-trigger-btn`;
+const getIdForAppPickerSectionTitle = (id) => `${id}-section-title`;
+const getIdForAppPickerCustomSectionTitle = (id) => `${id}-custom-section-title`;
+export {
+  getIdForAppPickerCustomSectionTitle,
+  getIdForAppPickerRoot,
+  getIdForAppPickerSectionTitle,
+  getIdForAppPickerTrigger
+};
+//# sourceMappingURL=instanceIds.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/util/instanceIds.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/*\n * The single place that owns every id suffix DSAppPicker appends.\n *\n * The component receives one `id` and has to put several distinct ids into the DOM. The id the consumer\n * gave lands, unmodified, on the ROOT \u2014 that one is theirs. Every other element gets that same value\n * with a suffix, which is what keeps a picker's ids from colliding with each other, with a second picker\n * on the page, or with the consumer's own markup.\n *\n * A suffix is only useful to a consumer if they can compute it, and it is only safe for us to change if\n * they never wrote it down. So the rule this module encodes is: EVERY suffix we invent gets an exported\n * helper here, and nothing anywhere else \u2014 inside the package or outside it \u2014 composes one by hand. A\n * consumer who needs the trigger writes `getIdForAppPickerTrigger(myId)`; if we rename the suffix\n * tomorrow, their call site keeps working and the rename is not a breaking change. A hardcoded\n * `${myId}-dialog-trigger-btn` in consumer code turns that same rename into one.\n *\n * `getIdForAppPickerRoot` appends nothing today and is exported anyway, for the same reason: it makes\n * \"your id lands on the root\" a call instead of a convention, so the day the root does need a suffix, the\n * consumers who used it are already correct.\n *\n * The names carry `AppPicker` even though the module does not need the disambiguation internally. These\n * are package-level named exports, and the next component to need the same treatment will want the same\n * four names \u2014 a consumer importing both should never have to alias one of them at the import site.\n *\n * Suffix values are frozen published surface \u2014 change them only under the breaking-change protocol, even\n * though this module is what makes such a change survivable.\n */\n\n/** The element the consumer's own `id` lands on, unchanged. */\nexport const getIdForAppPickerRoot = (id: string): string => id;\n\n/**\n * The trigger button. This is the id the panel's `aria-labelledby` points at, so it is also the answer to\n * \"what names the dialog\" \u2014 see `TriggerComponent` in the Custom Triggers documentation.\n */\nexport const getIdForAppPickerTrigger = (id: string): string => `${id}-dialog-trigger-btn`;\n\n/** The `sectionTitle` heading, which labels the `apps` group. */\nexport const getIdForAppPickerSectionTitle = (id: string): string => `${id}-section-title`;\n\n/** The `customSectionTitle` heading, which labels the `customApps` group. */\nexport const getIdForAppPickerCustomSectionTitle = (id: string): string => `${id}-custom-section-title`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4BhB,MAAM,wBAAwB,CAAC,OAAuB;AAMtD,MAAM,2BAA2B,CAAC,OAAuB,GAAG,EAAE;AAG9D,MAAM,gCAAgC,CAAC,OAAuB,GAAG,EAAE;AAGnE,MAAM,sCAAsC,CAAC,OAAuB,GAAG,EAAE;",
+  "names": []
+}

package/dist/types/DSAppPicker.d.ts

@@ -2,5 +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 default DSAppPicker;
+export { AppPickerWithSchema, DSAppPicker };

package/dist/types/DSAppPickerCTX.d.ts

@@ -0,0 +1,6 @@
+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;
+        trackFocusSelectedOrLastItem: () => 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;
+    openIntentRef: React.MutableRefObject<DSAppPickerT.OpenIntent>;
+    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;
+    trackFocusSelectedOrLastItem: () => 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/index.d.ts

@@ -1,3 +1,5 @@
 export { DSAppPicker, AppPickerWithSchema } from './DSAppPicker.js';
 export { DSAppPickerName, DSAppPickerSlots, DSAppPickerDataTestIds } from './constants/index.js';
+export { getDSAppPickerContractProps } from './util/getDSAppPickerContractProps.js';
+export { getIdForAppPickerRoot, getIdForAppPickerTrigger, getIdForAppPickerSectionTitle, getIdForAppPickerCustomSectionTitle, } from './util/instanceIds.js';
 export type { DSAppPickerT } from './react-desc-prop-types.js';

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>;