@elliemae/ds-form-combobox 3.62.1 → 3.70.0-alpha.9

package/dist/esm/utils/listHelper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/listHelper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { DSComboboxT } from '../react-desc-prop-types.js';\nimport { MENU_OPTION_TYPES } from '../constants.js';\nexport const getSelectableOptions = (options: Array<DSComboboxT.OptionTypes>): Array<DSComboboxT.OptionTypes> =>\n  options.filter((option) => option.type === MENU_OPTION_TYPES.OPTION && !option.disabled);\n\nexport const getOptions = (options: Array<DSComboboxT.OptionTypes>): Array<DSComboboxT.OptionTypes> =>\n  options.filter((option) => option.type === MENU_OPTION_TYPES.OPTION);\n\nexport const isSelectedValueEmpty = (value: DSComboboxT.SelectedOptionsT): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: DSComboboxT.SelectedOptionsT): boolean => Array.isArray(value);\n\nexport const isSelected = (value: DSComboboxT.SelectedOptionsT, activeOption: DSComboboxT.ItemOption): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as DSComboboxT.ItemOption[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  const singleValue = value as DSComboboxT.ItemOption;\n  return singleValue?.value === activeOption.value;\n};\n\nexport function isArrayOfItems(value: DSComboboxT.SelectedOptionsT): value is DSComboboxT.ItemOption[] {\n  return Array.isArray(value) && value.length > 0;\n}\n\nexport const isItem = (value: DSComboboxT.SelectedOptionsT): value is DSComboboxT.ItemOption =>\n  !Array.isArray(value) && value !== null && typeof value === 'object';\n\nexport const findInCircularList = (\n  list: DSComboboxT.OptionTypes[],\n  from: number,\n  criteria: (item: DSComboboxT.OptionTypes) => boolean,\n  step = 1,\n): number => {\n  if (list.length === 0) return from;\n\n  let i = (from + step + list.length) % list.length;\n  let iterations = 0;\n\n  while (iterations < list.length) {\n    if (criteria(list[i])) return i;\n\n    i = (i + step + list.length) % list.length;\n    iterations += 1;\n  }\n\n  return from; // Return the original index if no match is found\n};\nexport const getLastValueSelected = (selectedValues: DSComboboxT.SelectedOptionsT) => {\n  if (Array.isArray(selectedValues)) {\n    return selectedValues[selectedValues.length - 1];\n  }\n  return selectedValues;\n};\n\nexport const getFirstOption = (\n  options: DSComboboxT.OptionTypes[],\n  selectedValues?: DSComboboxT.SelectedOptionsT,\n): string => {\n  if (selectedValues) {\n    const lastValue = getLastValueSelected(selectedValues);\n    if (lastValue) return lastValue.dsId;\n  }\n  for (let i = 0; i < options.length; i += 1)\n    if (!['section', 'separator'].includes(options[i].type) && !options[i].disabled) {\n      return options[i].dsId;\n    }\n  // list of disabled item results return ''\n  return '';\n};\n\nexport const getSuggestedValueOnChange = (\n  selectedOption: DSComboboxT.ItemOption,\n  selectedValues: DSComboboxT.SelectedOptionsT,\n  isNonClearable?: boolean,\n): Parameters<DSComboboxT.InternalProps['onChange']>[0] => {\n  if (Array.isArray(selectedValues)) {\n    const isFound = selectedValues.find((item) => item.type === 'option' && item.value === selectedOption.value);\n    if (isFound) {\n      if (isNonClearable) return selectedValues;\n      return selectedValues.filter((item) => item.type === 'option' && item.value !== selectedOption.value);\n    }\n    return [...selectedValues, selectedOption];\n  }\n  if (selectedValues && selectedValues.dsId === selectedOption.dsId) {\n    if (isNonClearable) return selectedOption;\n    return null;\n  }\n  return selectedOption;\n};\n\nexport const filterOptions = (inputValue: string, options: DSComboboxT.OptionTypes[]) => {\n  if (!inputValue) return options;\n  return options.filter(\n    (option) =>\n      option.type === MENU_OPTION_TYPES.OPTION && option.label.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n};\n\nexport const getFilteredOptionsSelected = (\n  filteredOption: DSComboboxT.OptionTypes[],\n  selectedValues: DSComboboxT.ItemOption[],\n) => filteredOption.filter((option) => option.type === MENU_OPTION_TYPES.OPTION && isSelected(selectedValues, option));\n\nexport const scrollIfNeeded = (\n  elem: HTMLElement,\n  options = { behavior: 'smooth', block: 'end', inline: 'nearest' } as ScrollIntoViewOptions | undefined,\n) => {\n  const bounding = elem.getBoundingClientRect();\n  if (\n    !(\n      bounding.top >= 0 &&\n      bounding.left >= 0 &&\n      bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n      bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n    )\n  )\n    elem.scrollIntoView(options);\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { DSComboboxT } from '../react-desc-prop-types.js';\nimport { MENU_OPTION_TYPES } from '../constants.js';\nexport const getSelectableOptions = (options: Array<DSComboboxT.OptionTypes>): Array<DSComboboxT.OptionTypes> =>\n  options.filter((option) => option.type === MENU_OPTION_TYPES.OPTION && !option.disabled);\n\nexport const getOptions = (options: Array<DSComboboxT.OptionTypes>): Array<DSComboboxT.OptionTypes> =>\n  options.filter((option) => option.type === MENU_OPTION_TYPES.OPTION);\n\nexport const isSelectedValueEmpty = (value: DSComboboxT.SelectedOptionsT): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: DSComboboxT.SelectedOptionsT): boolean => Array.isArray(value);\n\nexport const isSelected = (value: DSComboboxT.SelectedOptionsT, activeOption: DSComboboxT.ItemOption): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as DSComboboxT.ItemOption[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  const singleValue = value as DSComboboxT.ItemOption;\n  return singleValue?.value === activeOption.value;\n};\n\nexport function isArrayOfItems(value: DSComboboxT.SelectedOptionsT): value is DSComboboxT.ItemOption[] {\n  return Array.isArray(value) && value.length > 0;\n}\n\nexport const isItem = (value: DSComboboxT.SelectedOptionsT): value is DSComboboxT.ItemOption =>\n  !Array.isArray(value) && value !== null && typeof value === 'object';\n\nexport const findInCircularList = (\n  list: DSComboboxT.OptionTypes[],\n  from: number,\n  criteria: (item: DSComboboxT.OptionTypes) => boolean,\n  step = 1,\n): number => {\n  if (list.length === 0) return from;\n\n  let i = (from + step + list.length) % list.length;\n  let iterations = 0;\n\n  while (iterations < list.length) {\n    if (criteria(list[i])) return i;\n\n    i = (i + step + list.length) % list.length;\n    iterations += 1;\n  }\n\n  return from; // Return the original index if no match is found\n};\nexport const getLastValueSelected = (selectedValues: DSComboboxT.SelectedOptionsT) => {\n  if (Array.isArray(selectedValues)) {\n    return selectedValues[selectedValues.length - 1];\n  }\n  return selectedValues;\n};\n\nexport const getFirstOption = (\n  options: DSComboboxT.OptionTypes[],\n  selectedValues?: DSComboboxT.SelectedOptionsT,\n): string => {\n  if (selectedValues) {\n    const lastValue = getLastValueSelected(selectedValues);\n    /**\n     * A selected value can be created dynamically (e.g. a creatable filter) and later filtered\n     * out of the rendered options, so its id must still exist in `options` before we focus it \u2014\n     * otherwise aria-activedescendant would point at a non-existent id.\n     */\n    if (lastValue && options.some((option) => option.dsId === lastValue.dsId)) return lastValue.dsId;\n  }\n  for (let i = 0; i < options.length; i += 1)\n    if (!['section', 'separator'].includes(options[i].type) && !options[i].disabled) {\n      return options[i].dsId;\n    }\n  // list of disabled item results return ''\n  return '';\n};\n\nexport const getSuggestedValueOnChange = (\n  selectedOption: DSComboboxT.SelectionableOptions,\n  selectedValues: DSComboboxT.SelectedOptionsT,\n  isNonClearable?: boolean,\n): DSComboboxT.SelectedOptionsT => {\n  if (Array.isArray(selectedValues)) {\n    if (selectedOption === null) return selectedValues;\n    const isFound = selectedValues.find((item) => item.type === 'option' && item.value === selectedOption.value);\n    if (isFound) {\n      if (isNonClearable) return selectedValues;\n      return selectedValues.filter((item) => item.type === 'option' && item.value !== selectedOption.value);\n    }\n    return [...selectedValues, selectedOption];\n  }\n  if (selectedValues && selectedValues.dsId === selectedOption.dsId) {\n    if (isNonClearable) return selectedOption;\n    return null;\n  }\n  return selectedOption;\n};\n\nexport const filterOptions = (inputValue: string, options: DSComboboxT.OptionTypes[]) => {\n  if (!inputValue) return options;\n  return options.filter(\n    (option) =>\n      option.type === MENU_OPTION_TYPES.OPTION && option.label.toLowerCase().includes(inputValue.toLowerCase()),\n  );\n};\n\nexport const getFilteredOptionsSelected = (\n  filteredOption: DSComboboxT.OptionTypes[],\n  selectedValues: DSComboboxT.ItemOption[],\n) => filteredOption.filter((option) => option.type === MENU_OPTION_TYPES.OPTION && isSelected(selectedValues, option));\n\nexport const scrollIfNeeded = (\n  elem: HTMLElement,\n  options = { behavior: 'smooth', block: 'end', inline: 'nearest' } as ScrollIntoViewOptions | undefined,\n) => {\n  const bounding = elem.getBoundingClientRect();\n  if (!(\n    bounding.top >= 0 &&\n    bounding.left >= 0 &&\n    bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    bounding.right <= (window.innerWidth || document.documentElement.clientWidth)\n  ))\n    elem.scrollIntoView(options);\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/utils/typeGuards.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const isItemContainingALabel = (item) => typeof item === "object" && item !== null && "label" in item && typeof item.label === "string";
+export {
+  isItemContainingALabel
+};
+//# sourceMappingURL=typeGuards.js.map

package/dist/esm/utils/typeGuards.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/typeGuards.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSCommonComboboxPropsT } from '../DSCommonComboboxPropsT.js';\n\nexport const isItemContainingALabel = (\n  item: unknown,\n): item is\n  | DSCommonComboboxPropsT.ItemSectionOptions\n  | DSCommonComboboxPropsT.ItemOption\n  | DSCommonComboboxPropsT.ItemCreatableOption =>\n  typeof item === 'object' && item !== null && 'label' in item && typeof item.label === 'string';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,yBAAyB,CACpC,SAKA,OAAO,SAAS,YAAY,SAAS,QAAQ,WAAW,QAAQ,OAAO,KAAK,UAAU;",
+  "names": []
+}

package/dist/types/ComboBox.d.ts

@@ -3,7 +3,7 @@ import type { DSCommonComboboxPropsT } from './DSCommonComboboxPropsT.js';
 import type { DSComboboxT } from './react-desc-prop-types.js';
 export declare const offScreenStyle: React.CSSProperties;
 declare const DSComboBox: {
-    <T extends DSCommonComboboxPropsT.ItemOption | DSCommonComboboxPropsT.ItemOption[] | null = DSCommonComboboxPropsT.ItemOption | DSCommonComboboxPropsT.ItemOption[]>(props: DSComboboxT.Props<T>): import("react/jsx-runtime.js").JSX.Element;
+    <T extends DSCommonComboboxPropsT.ItemOption | DSCommonComboboxPropsT.ItemOption[] | null = DSCommonComboboxPropsT.ItemOption | DSCommonComboboxPropsT.ItemOption[]>(props: DSComboboxT.Props<T>): React.JSX.Element;
     displayName: string;
 };
 declare const DSComboBoxWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<import("./DSComboboxMultiT.js").DSComboboxMultiT.Props | (Omit<import("./DSComboboxSingleT.js").DSComboboxSingleT.Props, "selectedValue"> & {

package/dist/types/DSComboboxMultiT.d.ts

@@ -1,6 +1,8 @@
 import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type React from 'react';
 import { type DSCommonComboboxPropsT } from './DSCommonComboboxPropsT.js';
+import { DSFormComboboxName, FORM_COMBOBOX_MULTI_SLOTS } from './constants/index.js';
 export declare namespace DSComboboxMultiT {
     type CommonItemOptions = DSCommonComboboxPropsT.CommonItemOptions;
     type ItemSeparatorOptions = DSCommonComboboxPropsT.ItemSeparatorOptions;
@@ -11,12 +13,12 @@ export declare namespace DSComboboxMultiT {
     type LayoutOptions = DSCommonComboboxPropsT.LayoutOptions;
     type OptionTypes = DSCommonComboboxPropsT.OptionTypes;
     interface RequiredProps extends DSCommonComboboxPropsT.RequiredProps {
-        selectedValues: DSCommonComboboxPropsT.ItemOption[];
-        onChange: (suggestedValue: DSCommonComboboxPropsT.ItemOption[], selectedOption: DSCommonComboboxPropsT.SelectionableOptions, event: React.MouseEvent | React.KeyboardEvent) => void;
+        selectedValues: DSCommonComboboxPropsT.SelectionableOptions[];
+        onChange: (suggestedValue: DSCommonComboboxPropsT.SelectionableOptions[], selectedOption: DSCommonComboboxPropsT.SelectionableOptions, event: React.MouseEvent | React.KeyboardEvent) => void;
     }
     interface DefaultProps extends DSCommonComboboxPropsT.DefaultProps {
     }
-    interface OptionalProps extends DSCommonComboboxPropsT.OptionalProps {
+    interface OptionalProps extends DSCommonComboboxPropsT.OptionalProps, TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSFormComboboxName, typeof FORM_COMBOBOX_MULTI_SLOTS> {
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
     }

package/dist/types/DSComboboxSingleT.d.ts

@@ -1,6 +1,8 @@
 import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import type React from 'react';
 import { type DSCommonComboboxPropsT } from './DSCommonComboboxPropsT.js';
+import { DSFormComboboxName, FORM_COMBOBOX_SINGLE_SLOTS } from './constants/index.js';
 export declare namespace DSComboboxSingleT {
     type CommonItemOptions = DSCommonComboboxPropsT.CommonItemOptions;
     type ItemSeparatorOptions = DSCommonComboboxPropsT.ItemSeparatorOptions;
@@ -11,12 +13,12 @@ export declare namespace DSComboboxSingleT {
     type LayoutOptions = DSCommonComboboxPropsT.LayoutOptions;
     type OptionTypes = DSCommonComboboxPropsT.OptionTypes;
     interface RequiredProps extends DSCommonComboboxPropsT.RequiredProps {
-        selectedValue: DSCommonComboboxPropsT.ItemOption | null;
-        onChange: (suggestedValue: DSCommonComboboxPropsT.ItemOption | null, selectedOption: DSCommonComboboxPropsT.SelectionableOptions, event: React.MouseEvent | React.KeyboardEvent) => void;
+        selectedValue: DSCommonComboboxPropsT.SelectionableOptions | null;
+        onChange: (suggestedValue: DSCommonComboboxPropsT.SelectionableOptions | null, selectedOption: DSCommonComboboxPropsT.SelectionableOptions, event: React.MouseEvent | React.KeyboardEvent) => void;
     }
     interface DefaultProps extends DSCommonComboboxPropsT.DefaultProps {
     }
-    interface OptionalProps extends DSCommonComboboxPropsT.OptionalProps {
+    interface OptionalProps extends DSCommonComboboxPropsT.OptionalProps, TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSFormComboboxName, typeof FORM_COMBOBOX_SINGLE_SLOTS> {
     }
     interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof RequiredProps | keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
     }

package/dist/types/DSCommonComboboxPropsT.d.ts

@@ -63,7 +63,7 @@ export declare namespace DSCommonComboboxPropsT {
         onCreate?: (label: string) => void;
         onFilter?: (newOptions: OptionTypes[], inputValue?: string) => void;
         onCancel?: () => void;
-        onSelectAll?: (suggestedValue: OptionTypes[] | [], event: React.MouseEvent | React.KeyboardEvent) => void;
+        onSelectAll?: (suggestedValue: SelectionableOptions[] | [], event: React.MouseEvent | React.KeyboardEvent) => void;
         onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption) => void;
         isLoading?: boolean;
         popperProps?: DSFloatingWrapperT.Props;

package/dist/types/TruncatedText.d.ts

@@ -0,0 +1,13 @@
+interface TruncatedTextProps {
+    value?: string;
+}
+/**
+ * PUI-18660: this used to render its own hand-rolled hover tooltip on truncation.
+ * That internal tooltip was removed — truncation is visual-only here. Consumers who
+ * need the full value on hover/focus (e.g. readOnly/aria-disabled states where the
+ * menu can't be opened) wrap the combobox in DSTooltipV3 themselves; see the
+ * "WithTooltip" examples in ds-form-single-combobox / ds-form-multi-combobox.
+ */
+declare const TruncatedText: ({ value }: TruncatedTextProps) => import("react").JSX.Element;
+export { TruncatedText };
+export default TruncatedText;

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

@@ -1,5 +1,6 @@
 export declare const DSFormComboboxName = "DSCombobox";
-export declare const FORM_COMBOBOX_SLOTS: {
+export declare const FORM_COMBOBOX_SINGLE_SLOTS: {
+    readonly SELECTED_VALUES: "single-value-wrapper";
     readonly ROOT: "root";
     readonly INPUT_WRAPPER: "input-wrapper";
     readonly INPUT: "input";
@@ -8,10 +9,75 @@ export declare const FORM_COMBOBOX_SLOTS: {
     readonly SECTION_WRAPPER: "section-wrapper";
     readonly SECTION_LABEL: "section-label";
     readonly SINGLE_MENU_ITEM: "single-menu-item";
+    readonly LOADING_INDICATOR: "loading-indicator";
+    readonly SKELETON_MENU_ITEM: "skeleton-menu-item";
+    readonly POPPER_WRAPPER: "popper-wrapper";
+    readonly SELECTION: "selection";
+    readonly HEADER_ACTIONS: "header-actions";
+    readonly HEADER_ACTIONS_SEPARATOR: "header-actions-separator";
+    readonly INPUT_PLACEHOLDER: "input-placeholder";
+    readonly INPUT_FIELD_WRAPPER: "input-field-wrapper";
+    readonly LIST_WRAPPER: "list-wrapper";
+    readonly NO_MATCHES_FOUND: "no-results";
+    readonly CREATABLE_LABEL: "creatable-label";
+    readonly CREATABLE_VALUE: "creatable-value";
+    readonly MENU_ITEMS_WRAPPER: "menu-items-wrapper";
+    readonly LOADING_WRAPPER: "loading-wrapper";
+};
+export declare const FORM_COMBOBOX_MULTI_SLOTS: {
+    readonly PILL: "pill";
+    readonly PILL_GROUP: "pill-group";
     readonly MULTI_MENU_ITEM: "multi-menu-item";
+    readonly ROOT: "root";
+    readonly INPUT_WRAPPER: "input-wrapper";
+    readonly INPUT: "input";
+    readonly DROPDOWN_BUTTON: "dropdown-button";
+    readonly FAST_LIST: "fast-list";
+    readonly SECTION_WRAPPER: "section-wrapper";
+    readonly SECTION_LABEL: "section-label";
+    readonly SINGLE_MENU_ITEM: "single-menu-item";
     readonly LOADING_INDICATOR: "loading-indicator";
     readonly SKELETON_MENU_ITEM: "skeleton-menu-item";
+    readonly POPPER_WRAPPER: "popper-wrapper";
+    readonly SELECTION: "selection";
+    readonly HEADER_ACTIONS: "header-actions";
+    readonly HEADER_ACTIONS_SEPARATOR: "header-actions-separator";
+    readonly INPUT_PLACEHOLDER: "input-placeholder";
+    readonly INPUT_FIELD_WRAPPER: "input-field-wrapper";
+    readonly LIST_WRAPPER: "list-wrapper";
+    readonly NO_MATCHES_FOUND: "no-results";
+    readonly CREATABLE_LABEL: "creatable-label";
+    readonly CREATABLE_VALUE: "creatable-value";
+    readonly MENU_ITEMS_WRAPPER: "menu-items-wrapper";
+    readonly LOADING_WRAPPER: "loading-wrapper";
+};
+export declare const FORM_COMBOBOX_SLOTS: {
     readonly PILL: "pill";
+    readonly PILL_GROUP: "pill-group";
+    readonly MULTI_MENU_ITEM: "multi-menu-item";
+    readonly ROOT: "root";
+    readonly INPUT_WRAPPER: "input-wrapper";
+    readonly INPUT: "input";
+    readonly DROPDOWN_BUTTON: "dropdown-button";
+    readonly FAST_LIST: "fast-list";
+    readonly SECTION_WRAPPER: "section-wrapper";
+    readonly SECTION_LABEL: "section-label";
+    readonly SINGLE_MENU_ITEM: "single-menu-item";
+    readonly LOADING_INDICATOR: "loading-indicator";
+    readonly SKELETON_MENU_ITEM: "skeleton-menu-item";
+    readonly POPPER_WRAPPER: "popper-wrapper";
+    readonly SELECTION: "selection";
+    readonly HEADER_ACTIONS: "header-actions";
+    readonly HEADER_ACTIONS_SEPARATOR: "header-actions-separator";
+    readonly INPUT_PLACEHOLDER: "input-placeholder";
+    readonly INPUT_FIELD_WRAPPER: "input-field-wrapper";
+    readonly LIST_WRAPPER: "list-wrapper";
+    readonly NO_MATCHES_FOUND: "no-results";
+    readonly CREATABLE_LABEL: "creatable-label";
+    readonly CREATABLE_VALUE: "creatable-value";
+    readonly MENU_ITEMS_WRAPPER: "menu-items-wrapper";
+    readonly LOADING_WRAPPER: "loading-wrapper";
+    readonly SELECTED_VALUES: "single-value-wrapper";
 };
 export declare const FORM_COMBOBOX_DATA_TESTID: {
     CONTROLS_WRAPPER: string;
@@ -24,6 +90,8 @@ export declare const FORM_COMBOBOX_DATA_TESTID: {
     OPTION: string;
     ALLY_SELECTED_VALUES: string;
     PILL: string;
+    PILL_GROUP: "ds-combobox-pill-group";
+    MULTI_MENU_ITEM: "ds-combobox-multi-menu-item";
     ROOT: "ds-combobox-root";
     INPUT_WRAPPER: "ds-combobox-input-wrapper";
     DROPDOWN_BUTTON: "ds-combobox-dropdown-button";
@@ -31,7 +99,17 @@ export declare const FORM_COMBOBOX_DATA_TESTID: {
     SECTION_WRAPPER: "ds-combobox-section-wrapper";
     SECTION_LABEL: "ds-combobox-section-label";
     SINGLE_MENU_ITEM: "ds-combobox-single-menu-item";
-    MULTI_MENU_ITEM: "ds-combobox-multi-menu-item";
     LOADING_INDICATOR: "ds-combobox-loading-indicator";
     SKELETON_MENU_ITEM: "ds-combobox-skeleton-menu-item";
+    POPPER_WRAPPER: "ds-combobox-popper-wrapper";
+    SELECTION: "ds-combobox-selection";
+    HEADER_ACTIONS: "ds-combobox-header-actions";
+    HEADER_ACTIONS_SEPARATOR: "ds-combobox-header-actions-separator";
+    INPUT_PLACEHOLDER: "ds-combobox-input-placeholder";
+    INPUT_FIELD_WRAPPER: "ds-combobox-input-field-wrapper";
+    LIST_WRAPPER: "ds-combobox-list-wrapper";
+    CREATABLE_LABEL: "ds-combobox-creatable-label";
+    CREATABLE_VALUE: "ds-combobox-creatable-value";
+    MENU_ITEMS_WRAPPER: "ds-combobox-menu-items-wrapper";
+    LOADING_WRAPPER: "ds-combobox-loading-wrapper";
 };

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

@@ -1,5 +1,26 @@
 import React from 'react';
 export declare const LiveRegion: () => JSX.Element;
+/**
+ * PUI-18034 — Previously used in ComboBox.tsx for the "Loading options please wait"
+ * announcement; replaced by aria-busy + aria-label on Loading/Skeleton containers (which
+ * carry the listbox role during async states) plus a polite ResultCountStatus for the
+ * post-load count. No internal callers remain and not re-exported from index.tsx —
+ * evaluate removing.
+ */
 export declare const Announcer: React.MemoExoticComponent<({ message }: {
     message: string;
-}) => import("react/jsx-runtime.js").JSX.Element>;
+}) => React.JSX.Element>;
+/**
+ * PUI-18034 — Polite live region for post-load result count. Replaces the previous
+ * assertive Announcer that raced with the SR's aria-expanded announcement.
+ *
+ * WCAG 2.2 SC 4.1.3 Status Messages — announce changes without shifting focus.
+ * WAI-ARIA APG combobox: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
+ * WCAG: https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html
+ */
+export declare const ResultCountStatus: React.MemoExoticComponent<({ menuOpen, isLoading, isSkeleton, resultCount, }: {
+    menuOpen: boolean;
+    isLoading: boolean;
+    isSkeleton: boolean;
+    resultCount: number;
+}) => React.JSX.Element>;

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

@@ -2,10 +2,10 @@ import React from 'react';
 import type { DSComboboxT } from '../react-desc-prop-types.js';
 interface SectionProps {
     label: string;
-    wrapperStyles: React.CSSProperties;
-    innerRef: (instance: HTMLDivElement | null) => void;
-    options: DSComboboxT.ItemOption[] | DSComboboxT.ItemSeparatorOptions[];
-    handleClick: (option: DSComboboxT.ItemOption, e: React.MouseEvent<HTMLInputElement>) => void;
+    wrapperStyles?: React.CSSProperties;
+    innerRef?: (instance: HTMLDivElement | null) => void;
+    options: DSComboboxT.OptionTypes[];
+    handleClick: (option: DSComboboxT.OptionTypes, e: React.MouseEvent<HTMLInputElement>) => void;
     handleOnMouseDown: (e: React.MouseEvent<HTMLLIElement>) => void;
     focusOptionIdx: string;
     selectedValues: DSComboboxT.SelectedOptionsT;
@@ -14,5 +14,5 @@ interface SectionProps {
         index: number;
     };
 }
-export declare const Section: React.MemoExoticComponent<(props: SectionProps) => import("react/jsx-runtime.js").JSX.Element>;
+export declare const Section: React.MemoExoticComponent<(props: SectionProps) => React.JSX.Element>;
 export {};

package/dist/types/parts/controls/styled.d.ts

@@ -12,7 +12,7 @@ export declare const StyledSingleSelectWraper: import("styled-components").Style
     applyAriaDisabled: boolean;
     readOnly: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledSelection: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledSelection: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
 export declare const StyledHeaderActionsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyleDropdownIndicator: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyleHeaderActionsSeparator: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, Partial<StyledControlsWrapperT> & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;

package/dist/types/parts/controls-input/styled.d.ts

@@ -5,7 +5,9 @@ export declare const StyledInput: import("styled-components").StyledComponent<"i
     withoutCaret: boolean;
     applyAriaDisabled: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"input">, never>;
-export declare const StyledInputPlaceHolder: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledInputWidthReference: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledInputPlaceHolder: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, {
+    $nonInteractive?: boolean;
+} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
+export declare const StyledInputWidthReference: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, import("styled-components").ThemeProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
 export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledHiddenDiv: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/menu-list/LoadingContainer.d.ts

@@ -1,5 +1,8 @@
-declare const LoadingContainer: ({ getOwnerProps }: {
+import React from 'react';
+declare const LoadingContainer: ({ instanceUid, isMulti, getOwnerProps, }: {
+    instanceUid: string;
+    isMulti: boolean;
     getOwnerProps: () => object;
-}) => import("react/jsx-runtime.js").JSX.Element;
+}) => React.JSX.Element;
 export { LoadingContainer };
 export default LoadingContainer;

package/dist/types/parts/menu-list/SkeletonContainer.d.ts

@@ -1,4 +1,5 @@
-export declare const SkeletonContainer: ({ instanceUid, getOwnerProps, }: {
+export declare const SkeletonContainer: ({ instanceUid, isMulti, getOwnerProps, }: {
     instanceUid: string;
+    isMulti: boolean;
     getOwnerProps: () => object;
 }) => JSX.Element;

package/dist/types/parts/menu-list/styled.d.ts

@@ -6,7 +6,26 @@ interface StyledListWrapperT {
     inline?: boolean;
 }
 export declare const StyledListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, StyledListWrapperT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
-export declare const StyledCreatableLabel: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
-export declare const StyledCreatableValue: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledCreatableLabel: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
+export declare const StyledCreatableValue: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
 export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+type IdleLabelColorProps = {
+    disabled?: boolean;
+    applyAriaDisabled?: boolean;
+    readOnly?: boolean;
+};
+/**
+ * Combobox-specific idle color override for single menu item labels.
+ *
+ * The decision to render the idle label as neutral-700 is a combobox-level call
+ * (team consistency with multi, which lands at neutral-700 via the checkbox spec),
+ * not a generic menu-item rule. It lives here so other consumers of ds-menu-items
+ * are not forced into a color opinion they did not ask for.
+ *
+ * Muted states (disabled / aria-disabled / readOnly) intentionally fall through
+ * so disabledOption() in ds-menu-items-commons keeps owning neutral-500 and the
+ * neutral-600 hover variant.
+ */
+export declare const StyledSingleMenuItem: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-menu-items").DSMenuItemsSingleT.Props>, import("@elliemae/ds-system").Theme, IdleLabelColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-menu-items").DSMenuItemsSingleT.Props>>, never>;
+export declare const StyledMultiMenuItem: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-menu-items").DSMenuItemsMultiT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-menu-items").DSMenuItemsMultiT.Props>>, never>;
 export {};

package/dist/types/parts/menu-list/useItemRenderer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DSComboboxT } from '../../react-desc-prop-types.js';
 interface ItemRendererT {
     extraItemProps?: {
@@ -5,5 +6,5 @@ interface ItemRendererT {
     };
     index: number;
 }
-export declare const ItemRenderer: ({ index, extraItemProps }: ItemRendererT) => JSX.Element;
+export declare const ItemRenderer: ({ index, extraItemProps }: ItemRendererT) => React.ReactElement | null;
 export {};

package/dist/types/parts/multi-selected-values-container/RemovableSelectedValuePill.d.ts

@@ -5,7 +5,7 @@ export declare const RemovableSelectedValuePill: React.ComponentType<{
     applyAriaDisabled?: boolean;
     trailingComma?: boolean;
     ownerProps?: {
-        getOwnerProps: () => DSComboboxT.InternalProps;
+        getOwnerProps: () => object;
         getOwnerPropsArguments: () => object;
     };
 }>;

package/dist/types/react-desc-prop-types.d.ts

@@ -3,6 +3,34 @@ import type { DSComboboxMultiT } from './DSComboboxMultiT.js';
 import type { DSComboboxSingleT } from './DSComboboxSingleT.js';
 import { type DSCommonComboboxPropsT } from './DSCommonComboboxPropsT.js';
 export declare namespace DSComboboxT {
+    type SlotFunctionArguments = {
+        dsComboboxRoot: () => object;
+        dsComboboxInputWrapper: () => object;
+        dsComboboxInput: () => object;
+        dsComboboxDropdownButton: () => object;
+        dsComboboxFastList: () => object;
+        dsComboboxSectionWrapper: () => object;
+        dsComboboxSectionLabel: () => object;
+        dsComboboxSingleMenuItem: () => object;
+        dsComboboxMultiMenuItem: () => object;
+        dsComboboxLoadingIndicator: () => object;
+        dsComboboxSkeletonMenuItem: () => object;
+        dsComboboxPill: () => object;
+        dsComboboxPillGroup: () => object;
+        dsComboboxPopperWrapper: () => object;
+        dsComboboxSelection: () => object;
+        dsComboboxSingleValueWrapper: () => object;
+        dsComboboxHeaderActions: () => object;
+        dsComboboxHeaderActionsSeparator: () => object;
+        dsComboboxInputPlaceholder: () => object;
+        dsComboboxInputFieldWrapper: () => object;
+        dsComboboxListWrapper: () => object;
+        dsComboboxNoResults: () => object;
+        dsComboboxCreatableLabel: () => object;
+        dsComboboxCreatableValue: () => object;
+        dsComboboxMenuItemsWrapper: () => object;
+        dsComboboxLoadingWrapper: () => object;
+    };
     type CommonItemOptions = DSCommonComboboxPropsT.CommonItemOptions;
     type ItemSeparatorOptions = DSCommonComboboxPropsT.ItemSeparatorOptions;
     type ItemSectionOptions = DSCommonComboboxPropsT.ItemSectionOptions;
@@ -11,7 +39,7 @@ export declare namespace DSComboboxT {
     type SelectionableOptions = DSCommonComboboxPropsT.SelectionableOptions;
     type LayoutOptions = DSCommonComboboxPropsT.LayoutOptions;
     type OptionTypes = DSCommonComboboxPropsT.OptionTypes;
-    type SelectedOptionsT = ItemOption[] | ItemOption | null;
+    type SelectedOptionsT = SelectionableOptions[] | SelectionableOptions | null;
     type SingleComboboxRequirePropsRenameInterface = Omit<DSComboboxSingleT.RequiredProps, 'selectedValue'> & {
         selectedValues: DSComboboxSingleT.RequiredProps['selectedValue'];
     };

package/dist/types/utils/listHelper.d.ts

@@ -7,9 +7,9 @@ export declare const isSelected: (value: DSComboboxT.SelectedOptionsT, activeOpt
 export declare function isArrayOfItems(value: DSComboboxT.SelectedOptionsT): value is DSComboboxT.ItemOption[];
 export declare const isItem: (value: DSComboboxT.SelectedOptionsT) => value is DSComboboxT.ItemOption;
 export declare const findInCircularList: (list: DSComboboxT.OptionTypes[], from: number, criteria: (item: DSComboboxT.OptionTypes) => boolean, step?: number) => number;
-export declare const getLastValueSelected: (selectedValues: DSComboboxT.SelectedOptionsT) => import("../DSCommonComboboxPropsT.js").DSCommonComboboxPropsT.ItemOption | null;
+export declare const getLastValueSelected: (selectedValues: DSComboboxT.SelectedOptionsT) => import("../DSCommonComboboxPropsT.js").DSCommonComboboxPropsT.SelectionableOptions | null;
 export declare const getFirstOption: (options: DSComboboxT.OptionTypes[], selectedValues?: DSComboboxT.SelectedOptionsT) => string;
-export declare const getSuggestedValueOnChange: (selectedOption: DSComboboxT.ItemOption, selectedValues: DSComboboxT.SelectedOptionsT, isNonClearable?: boolean) => Parameters<DSComboboxT.InternalProps["onChange"]>[0];
+export declare const getSuggestedValueOnChange: (selectedOption: DSComboboxT.SelectionableOptions, selectedValues: DSComboboxT.SelectedOptionsT, isNonClearable?: boolean) => DSComboboxT.SelectedOptionsT;
 export declare const filterOptions: (inputValue: string, options: DSComboboxT.OptionTypes[]) => import("../DSCommonComboboxPropsT.js").DSCommonComboboxPropsT.OptionTypes[];
 export declare const getFilteredOptionsSelected: (filteredOption: DSComboboxT.OptionTypes[], selectedValues: DSComboboxT.ItemOption[]) => import("../DSCommonComboboxPropsT.js").DSCommonComboboxPropsT.OptionTypes[];
 export declare const scrollIfNeeded: (elem: HTMLElement, options?: ScrollIntoViewOptions | undefined) => void;

package/dist/types/utils/typeGuards.d.ts

@@ -0,0 +1,2 @@
+import type { DSCommonComboboxPropsT } from '../DSCommonComboboxPropsT.js';
+export declare const isItemContainingALabel: (item: unknown) => item is DSCommonComboboxPropsT.ItemSectionOptions | DSCommonComboboxPropsT.ItemOption | DSCommonComboboxPropsT.ItemCreatableOption;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-combobox",
-  "version": "3.62.1",
+  "version": "3.70.0-alpha.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Combobox",
   "files": [
@@ -22,7 +22,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+    "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
   },
   "engines": {
     "pnpm": ">=9",
@@ -37,37 +37,37 @@
   },
   "dependencies": {
     "uid": "^2.0.2",
-    "@elliemae/ds-button-v2": "3.62.1",
-    "@elliemae/ds-fast-list": "3.62.1",
-    "@elliemae/ds-grid": "3.62.1",
-    "@elliemae/ds-circular-progress-indicator": "3.62.1",
-    "@elliemae/ds-floating-context": "3.62.1",
-    "@elliemae/ds-icons": "3.62.1",
-    "@elliemae/ds-menu-items": "3.62.1",
-    "@elliemae/ds-system": "3.62.1",
-    "@elliemae/ds-props-helpers": "3.62.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.62.1",
-    "@elliemae/ds-pills-v2": "3.62.1"
+    "@elliemae/ds-button-v2": "3.70.0-alpha.9",
+    "@elliemae/ds-grid": "3.70.0-alpha.9",
+    "@elliemae/ds-floating-context": "3.70.0-alpha.9",
+    "@elliemae/ds-circular-progress-indicator": "3.70.0-alpha.9",
+    "@elliemae/ds-icons": "3.70.0-alpha.9",
+    "@elliemae/ds-fast-list": "3.70.0-alpha.9",
+    "@elliemae/ds-menu-items": "3.70.0-alpha.9",
+    "@elliemae/ds-pills-v2": "3.70.0-alpha.9",
+    "@elliemae/ds-props-helpers": "3.70.0-alpha.9",
+    "@elliemae/ds-system": "3.70.0-alpha.9",
+    "@elliemae/ds-typography": "3.70.0-alpha.9"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.13.0",
     "jest": "^30.0.0",
-    "styled-components": "~5.3.9",
+    "styled-components": "~5.3.11",
     "styled-system": "^5.1.5",
-    "@elliemae/ds-form-helpers-mask-hooks": "3.62.1",
-    "@elliemae/ds-monorepo-devops": "3.62.1",
-    "@elliemae/ds-test-utils": "3.62.1"
+    "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-alpha.9",
+    "@elliemae/ds-monorepo-devops": "3.70.0-alpha.9",
+    "@elliemae/ds-test-utils": "3.70.0-alpha.9"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.13.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "~5.3.9",
+    "styled-components": "~5.3.11",
     "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",

package/dist/cjs/config/useClickOutside.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/config/useClickOutside.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useEffect } from 'react';\n\nexport function useOnClickOutside<T extends Node, CbT extends (event: Event) => void, Z extends Node>(\n  ref: T | null,\n  cb: CbT,\n  excludeNode: Z | null,\n): void {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (\n        !ref ||\n        ref?.contains?.(event.target as Node) ||\n        (excludeNode && excludeNode.contains(event.target as Node))\n      ) {\n        return;\n      }\n      cb(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [ref, cb, excludeNode]);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0B;AAEnB,SAAS,kBACd,KACA,IACA,aACM;AACN,8BAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AACnD,UACE,CAAC,OACD,KAAK,WAAW,MAAM,MAAc,KACnC,eAAe,YAAY,SAAS,MAAM,MAAc,GACzD;AACA;AAAA,MACF;AACA,SAAG,KAAK;AAAA,IACV;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,IAAI,WAAW,CAAC;AAC3B;",
-  "names": []
-}

package/dist/esm/config/useClickOutside.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { useEffect } from "react";
-function useOnClickOutside(ref, cb, excludeNode) {
-  useEffect(() => {
-    const listener = (event) => {
-      if (!ref || ref?.contains?.(event.target) || excludeNode && excludeNode.contains(event.target)) {
-        return;
-      }
-      cb(event);
-    };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [ref, cb, excludeNode]);
-}
-export {
-  useOnClickOutside
-};
-//# sourceMappingURL=useClickOutside.js.map

package/dist/esm/config/useClickOutside.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useClickOutside.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect } from 'react';\n\nexport function useOnClickOutside<T extends Node, CbT extends (event: Event) => void, Z extends Node>(\n  ref: T | null,\n  cb: CbT,\n  excludeNode: Z | null,\n): void {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (\n        !ref ||\n        ref?.contains?.(event.target as Node) ||\n        (excludeNode && excludeNode.contains(event.target as Node))\n      ) {\n        return;\n      }\n      cb(event);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [ref, cb, excludeNode]);\n}\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,SAAS,kBACd,KACA,IACA,aACM;AACN,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AACnD,UACE,CAAC,OACD,KAAK,WAAW,MAAM,MAAc,KACnC,eAAe,YAAY,SAAS,MAAM,MAAc,GACzD;AACA;AAAA,MACF;AACA,SAAG,KAAK;AAAA,IACV;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,IAAI,WAAW,CAAC;AAC3B;",
-  "names": []
-}

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

@@ -1 +0,0 @@
-export declare function useOnClickOutside<T extends Node, CbT extends (event: Event) => void, Z extends Node>(ref: T | null, cb: CbT, excludeNode: Z | null): void;

package/dist/types/tests/DSCombobox.exports.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSCombobox.get-owner-props.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/a11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/creatable.test.d.ts

@@ -1 +0,0 @@
-export {};