@elliemae/ds-controlled-form 3.0.0-next.8 → 3.0.0-next.80

package/dist/esm/combobox/config/useCorrectOptions.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import { useMemo, useCallback } from "react";
-import { uid } from "uid";
-import { MENU_OPTION_TYPES } from "../constants";
-const useCorrectOptions = (propsWithDefaults, inputValue, showSelectedOptions) => {
-  const { options, selectedValues, onCreate } = propsWithDefaults;
-  const selectedValuesWithSections = useCallback(() => {
-    const multiSelectedValue = selectedValues;
-    const items = [];
-    options.forEach((option) => {
-      const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);
-      if (isSelectedValue) {
-        items.push(option);
-      }
-      if (option.type === MENU_OPTION_TYPES.SECTION) {
-        if (items[items.length - 1]?.type === MENU_OPTION_TYPES.SECTION) {
-          items[items.length - 1] = option;
-        } else {
-          items.push(option);
-        }
-      }
-    });
-    if (items[items.length - 1]?.type === MENU_OPTION_TYPES.SECTION) {
-      items.pop();
-    }
-    return items;
-  }, [options, selectedValues]);
-  const correctOptions = useMemo(() => {
-    if (showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0) {
-      return selectedValuesWithSections();
-    }
-    if (onCreate && inputValue && options.findIndex((option) => option.type === MENU_OPTION_TYPES.OPTION && option.label === inputValue) === -1) {
-      const creatableUuid = uid();
-      const creatableItem = {
-        dsId: `creatable-${creatableUuid}`,
-        label: inputValue,
-        type: "creatable"
-      };
-      return [creatableItem, ...options];
-    }
-    return options;
-  }, [options, onCreate, inputValue, selectedValuesWithSections, selectedValues, showSelectedOptions]);
-  return correctOptions;
-};
-export {
-  useCorrectOptions
-};
-//# sourceMappingURL=useCorrectOptions.js.map

package/dist/esm/combobox/config/useCorrectOptions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/combobox/config/useCorrectOptions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useCallback } from 'react';\nimport { uid } from 'uid';\nimport { DSComboboxT } from '../react-desc-prop-types';\nimport { MENU_OPTION_TYPES } from '../constants';\nconst useCorrectOptions = (propsWithDefaults: DSComboboxT.Props, inputValue: string, showSelectedOptions: boolean) => {\n  const { options, selectedValues, onCreate } = propsWithDefaults;\n  const selectedValuesWithSections = useCallback(() => {\n    const multiSelectedValue = selectedValues as DSComboboxT.OptionTypes[];\n    const items = [] as DSComboboxT.OptionTypes[];\n\n    options.forEach((option) => {\n      const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);\n      if (isSelectedValue) {\n        items.push(option);\n      }\n\n      if (option.type === MENU_OPTION_TYPES.SECTION) {\n        if (items[items.length - 1]?.type === MENU_OPTION_TYPES.SECTION) {\n          items[items.length - 1] = option;\n        } else {\n          items.push(option);\n        }\n      }\n    });\n    if (items[items.length - 1]?.type === MENU_OPTION_TYPES.SECTION) {\n      items.pop();\n    }\n\n    return items;\n  }, [options, selectedValues]);\n\n  const correctOptions = useMemo(() => {\n    if (showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0) {\n      return selectedValuesWithSections();\n    }\n    if (\n      onCreate &&\n      inputValue &&\n      options.findIndex((option) => option.type === MENU_OPTION_TYPES.OPTION && option.label === inputValue) === -1\n    ) {\n      const creatableUuid = uid();\n      const creatableItem: DSComboboxT.ItemCreatableOption = {\n        dsId: `creatable-${creatableUuid}`,\n        label: inputValue,\n        type: 'creatable',\n      };\n      return [creatableItem, ...options];\n    }\n    return options;\n  }, [options, onCreate, inputValue, selectedValuesWithSections, selectedValues, showSelectedOptions]);\n\n  return correctOptions;\n};\n\nexport { useCorrectOptions };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AACA,MAAM,oBAAoB,CAAC,mBAAsC,YAAoB,wBAAiC;AACpH,QAAM,EAAE,SAAS,gBAAgB,aAAa;AAC9C,QAAM,6BAA6B,YAAY,MAAM;AACnD,UAAM,qBAAqB;AAC3B,UAAM,QAAQ;AAEd,YAAQ,QAAQ,CAAC,WAAW;AAC1B,YAAM,kBAAkB,mBAAmB,KAAK,CAAC,SAAS,KAAK,SAAS,OAAO;AAC/E,UAAI,iBAAiB;AACnB,cAAM,KAAK;AAAA;AAGb,UAAI,OAAO,SAAS,kBAAkB,SAAS;AAC7C,YAAI,MAAM,MAAM,SAAS,IAAI,SAAS,kBAAkB,SAAS;AAC/D,gBAAM,MAAM,SAAS,KAAK;AAAA,eACrB;AACL,gBAAM,KAAK;AAAA;AAAA;AAAA;AAIjB,QAAI,MAAM,MAAM,SAAS,IAAI,SAAS,kBAAkB,SAAS;AAC/D,YAAM;AAAA;AAGR,WAAO;AAAA,KACN,CAAC,SAAS;AAEb,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,uBAAuB,MAAM,QAAQ,mBAAmB,eAAe,SAAS,GAAG;AACrF,aAAO;AAAA;AAET,QACE,YACA,cACA,QAAQ,UAAU,CAAC,WAAW,OAAO,SAAS,kBAAkB,UAAU,OAAO,UAAU,gBAAgB,IAC3G;AACA,YAAM,gBAAgB;AACtB,YAAM,gBAAiD;AAAA,QACrD,MAAM,aAAa;AAAA,QACnB,OAAO;AAAA,QACP,MAAM;AAAA;AAER,aAAO,CAAC,eAAe,GAAG;AAAA;AAE5B,WAAO;AAAA,KACN,CAAC,SAAS,UAAU,YAAY,4BAA4B,gBAAgB;AAE/E,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/constants.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-const MENU_OPTION_TYPES = {
-  OPTION: "option",
-  SECTION: "section",
-  SEPARATOR: "separator"
-};
-const INTERNAL_MENU_OPTION_TYPES = {
-  CREATABLE: "creatable"
-};
-export {
-  INTERNAL_MENU_OPTION_TYPES,
-  MENU_OPTION_TYPES
-};
-//# sourceMappingURL=constants.js.map

package/dist/esm/combobox/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/combobox/constants.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const MENU_OPTION_TYPES = {\n  OPTION: 'option' as const,\n  SECTION: 'section' as const,\n  SEPARATOR: 'separator' as const,\n};\n\nexport const INTERNAL_MENU_OPTION_TYPES = {\n  CREATABLE: 'creatable' as const,\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,oBAAoB;AAAA,EAC/B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA;AAGN,MAAM,6BAA6B;AAAA,EACxC,WAAW;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/A11yFocusedOption.js

@@ -1,29 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import ComboBoxContext from "../ComboBoxCTX";
-import { StyledA11ySelectedValues } from "./styled";
-import { getSelectableOptions } from "../utils/listHelper";
-import { isSeparator } from "../sharedTypes";
-const A11yFocusedOption = () => {
-  const {
-    props: { options },
-    focusOptionIdx,
-    showPopover
-  } = useContext(ComboBoxContext);
-  const selectabledOptions = getSelectableOptions(options);
-  const focusOption = options.find((option) => !isSeparator(option) && option.dsId === focusOptionIdx);
-  const focusSelectableOptionIdx = selectabledOptions.findIndex((option) => option.dsId === focusOptionIdx);
-  return useMemo(() => {
-    if (!isSeparator(focusOption) && showPopover && focusOption)
-      return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
-        "aria-live": "polite",
-        "aria-atomic": "false",
-        "aria-relevant": "additions text"
-      }, `option ${focusOption?.label} focused.${focusSelectableOptionIdx + 1} of ${selectabledOptions.length} `);
-    return null;
-  }, [showPopover, focusOption, focusSelectableOptionIdx, selectabledOptions]);
-};
-export {
-  A11yFocusedOption
-};
-//# sourceMappingURL=A11yFocusedOption.js.map

package/dist/esm/combobox/parts/A11yFocusedOption.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/combobox/parts/A11yFocusedOption.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport ComboBoxContext from '../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nimport { getSelectableOptions } from '../utils/listHelper';\nimport { isSeparator } from '../sharedTypes';\n\nexport const A11yFocusedOption: React.ComponentType = () => {\n  const {\n    props: { options },\n    focusOptionIdx,\n    showPopover,\n  } = useContext(ComboBoxContext);\n  const selectabledOptions = getSelectableOptions(options);\n  const focusOption = options.find((option) => !isSeparator(option) && option.dsId === focusOptionIdx);\n\n  const focusSelectableOptionIdx = selectabledOptions.findIndex((option) => option.dsId === focusOptionIdx);\n\n  return useMemo(() => {\n    if (!isSeparator(focusOption) && showPopover && focusOption)\n      return (\n        <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n          {`option ${focusOption?.label} focused.${focusSelectableOptionIdx + 1} of ${selectabledOptions.length} `}\n        </StyledA11ySelectedValues>\n      );\n\n    return null;\n  }, [showPopover, focusOption, focusSelectableOptionIdx, selectabledOptions]);\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,oBAAyC,MAAM;AAC1D,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,qBAAqB,qBAAqB;AAChD,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,CAAC,YAAY,WAAW,OAAO,SAAS;AAErF,QAAM,2BAA2B,mBAAmB,UAAU,CAAC,WAAW,OAAO,SAAS;AAE1F,SAAO,QAAQ,MAAM;AACnB,QAAI,CAAC,YAAY,gBAAgB,eAAe;AAC9C,aACE,qCAAC,0BAAD;AAAA,QAA0B,aAAU;AAAA,QAAS,eAAY;AAAA,QAAQ,iBAAc;AAAA,SAC5E,UAAU,aAAa,iBAAiB,2BAA2B,QAAQ,mBAAmB;AAIrG,WAAO;AAAA,KACN,CAAC,aAAa,aAAa,0BAA0B;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/A11ySelectedValues.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import ComboBoxContext from "../ComboBoxCTX";
-import { StyledA11ySelectedValues } from "./styled";
-import { ComboboxDataTestid } from "../ComboboxDataTestids";
-const A11ySelectedValues = () => {
-  const {
-    props: { selectedValues }
-  } = useContext(ComboBoxContext);
-  return useMemo(() => {
-    let msg = "No Option Selected";
-    if (Array.isArray(selectedValues)) {
-      if (selectedValues.length > 0) {
-        msg = `Options selected: ${selectedValues.map((item) => item.label).join(", ")}`;
-      }
-      msg = "No Options Selected";
-    } else if (selectedValues) {
-      msg = `Option selected: ${selectedValues?.label}`;
-    }
-    return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
-      id: "combobox-selected-items",
-      "data-testid": ComboboxDataTestid.ALLY_SELECTED_VALUES,
-      "aria-live": "polite",
-      "aria-atomic": "false",
-      "aria-relevant": "additions text"
-    }, msg);
-  }, [selectedValues]);
-};
-export {
-  A11ySelectedValues
-};
-//# sourceMappingURL=A11ySelectedValues.js.map

package/dist/esm/combobox/parts/A11ySelectedValues.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/combobox/parts/A11ySelectedValues.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport ComboBoxContext from '../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nimport { ComboboxDataTestid } from '../ComboboxDataTestids';\nexport const A11ySelectedValues = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(ComboBoxContext);\n\n  return useMemo(() => {\n    let msg = 'No Option Selected';\n    if (Array.isArray(selectedValues)) {\n      if (selectedValues.length > 0) {\n        msg = `Options selected: ${selectedValues.map((item) => item.label).join(', ')}`;\n      }\n      msg = 'No Options Selected';\n    } else if (selectedValues) {\n      msg = `Option selected: ${selectedValues?.label}`;\n    }\n    return (\n      <StyledA11ySelectedValues\n        id=\"combobox-selected-items\"\n        data-testid={ComboboxDataTestid.ALLY_SELECTED_VALUES}\n        aria-live=\"polite\"\n        aria-atomic=\"false\"\n        aria-relevant=\"additions text\"\n      >\n        {msg}\n      </StyledA11ySelectedValues>\n    );\n  }, [selectedValues]);\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACO,MAAM,qBAAqB,MAAmB;AACnD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,WAAW;AAEf,SAAO,QAAQ,MAAM;AACnB,QAAI,MAAM;AACV,QAAI,MAAM,QAAQ,iBAAiB;AACjC,UAAI,eAAe,SAAS,GAAG;AAC7B,cAAM,qBAAqB,eAAe,IAAI,CAAC,SAAS,KAAK,OAAO,KAAK;AAAA;AAE3E,YAAM;AAAA,eACG,gBAAgB;AACzB,YAAM,oBAAoB,gBAAgB;AAAA;AAE5C,WACE,qCAAC,0BAAD;AAAA,MACE,IAAG;AAAA,MACH,eAAa,mBAAmB;AAAA,MAChC,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,iBAAc;AAAA,OAEb;AAAA,KAGJ,CAAC;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/DropdownIndicator.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import React2, { useCallback, useMemo, useContext } from "react";
-import { styled } from "@elliemae/ds-system";
-import { DSButtonV2 } from "@elliemae/ds-button";
-import { ChevronSmallDown } from "@elliemae/ds-icons";
-import ComboBoxContext from "../ComboBoxCTX";
-import { ComboboxDataTestid } from "../ComboboxDataTestids";
-const StyledDropDownButton = styled(DSButtonV2)`
-  &:focus::after {
-    border: none;
-  }
-  & svg {
-    fill: ${({ theme, disabled }) => disabled ? "red" : theme.colors.brand["700"]};
-  }
-`;
-const DropdownIndicator = () => {
-  const {
-    props: { disabled },
-    showPopover
-  } = useContext(ComboBoxContext);
-  const colorButton = useMemo(() => disabled ? ["neutral", 400] : ["brand-primary", 700], [disabled]);
-  const handleOnClick = useCallback((e) => {
-    e.preventDefault();
-  }, []);
-  return /* @__PURE__ */ React2.createElement(StyledDropDownButton, {
-    onClick: handleOnClick,
-    "data-testid": ComboboxDataTestid.DROPDOWN,
-    "aria-controls": "combo-listbox",
-    "aria-labelledby": "combo-label",
-    disabled,
-    "aria-expanded": showPopover,
-    "aria-haspopup": "listbox",
-    "aria-hidden": true,
-    buttonType: "icon",
-    tabIndex: -1
-  }, /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
-    color: colorButton
-  }));
-};
-export {
-  DropdownIndicator
-};
-//# sourceMappingURL=DropdownIndicator.js.map

package/dist/esm/combobox/parts/DropdownIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/combobox/parts/DropdownIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useCallback, useMemo, useContext } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport ComboBoxContext from '../ComboBoxCTX';\nimport { ComboboxDataTestid } from '../ComboboxDataTestids';\n\nconst StyledDropDownButton = styled(DSButtonV2)`\n  &:focus::after {\n    border: none;\n  }\n  & svg {\n    fill: ${({ theme, disabled }) => (disabled ? 'red' : theme.colors.brand['700'])};\n  }\n`;\n\nexport const DropdownIndicator = (): JSX.Element => {\n  const {\n    props: { disabled },\n    showPopover,\n  } = useContext(ComboBoxContext);\n\n  const colorButton = useMemo(() => (disabled ? ['neutral', 400] : ['brand-primary', 700]), [disabled]);\n\n  const handleOnClick = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <StyledDropDownButton\n      onClick={handleOnClick}\n      data-testid={ComboboxDataTestid.DROPDOWN}\n      aria-controls=\"combo-listbox\"\n      aria-labelledby=\"combo-label\"\n      disabled={disabled}\n      aria-expanded={showPopover}\n      aria-haspopup=\"listbox\"\n      aria-hidden\n      buttonType=\"icon\"\n      tabIndex={-1}\n    >\n      <ChevronSmallDown color={colorButton} />\n    </StyledDropDownButton>\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxB,CAAC,EAAE,OAAO,eAAgB,WAAW,QAAQ,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrE,MAAM,oBAAoB,MAAmB;AAClD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,WAAW;AAEf,QAAM,cAAc,QAAQ,MAAO,WAAW,CAAC,WAAW,OAAO,CAAC,iBAAiB,MAAO,CAAC;AAE3F,QAAM,gBAAgB,YAAY,CAAC,MAAwB;AACzD,MAAE;AAAA,KACD;AAEH,SACE,qCAAC,sBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAa,mBAAmB;AAAA,IAChC,iBAAc;AAAA,IACd,mBAAgB;AAAA,IAChB;AAAA,IACA,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,eAAW;AAAA,IACX,YAAW;AAAA,IACX,UAAU;AAAA,KAEV,qCAAC,kBAAD;AAAA,IAAkB,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/container/Container.js

@@ -1,109 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import * as React from "react";
-import React2, { useCallback, useEffect, useMemo, useContext } from "react";
-import { useGetGlobalAttributes } from "@elliemae/ds-props-helpers";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import ComboBoxContext from "../../ComboBoxCTX";
-import { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from "./styled";
-import { Controls } from "../controls";
-import { MenuList } from "../menu-list";
-import { ComboboxDataTestid } from "../../ComboboxDataTestids";
-const Container = () => {
-  const { props, setShowPopover, showPopover, setReferenceElement, referenceElement } = useContext(ComboBoxContext);
-  const {
-    inline,
-    onMenuOpen,
-    onMenuClose,
-    innerRef,
-    startPlacementPreference,
-    placementOrderPreference,
-    withoutPortal,
-    zIndex
-  } = props;
-  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;
-  const globalAttributes = useGetGlobalAttributes(props);
-  const _a = globalAttributes, { placeholder, onKeyDown, onChange } = _a, globalsAttrs = __objRest(_a, ["placeholder", "onKeyDown", "onChange"]);
-  const handleMouseDown = useCallback((e) => {
-    e.preventDefault();
-  }, []);
-  const handleCloseMenu = useCallback(() => {
-    setShowPopover(false);
-    if (innerRef?.current)
-      innerRef.current.blur();
-  }, [innerRef, setShowPopover]);
-  useEffect(() => {
-    const closeMenuOnWindowBlur = () => setShowPopover(false);
-    window.addEventListener("blur", closeMenuOnWindowBlur);
-    return () => {
-      window.removeEventListener("blur", closeMenuOnWindowBlur);
-    };
-  }, [setShowPopover]);
-  useEffect(() => {
-    if (onMenuOpen && showPopover)
-      onMenuOpen();
-    else if (onMenuClose && !showPopover)
-      onMenuClose();
-  }, [showPopover, onMenuOpen, onMenuClose]);
-  return useMemo(() => /* @__PURE__ */ React2.createElement(StyledContainer, __spreadValues({
-    "data-testid": ComboboxDataTestid.CONTAINER,
-    ref: setReferenceElement
-  }, globalsAttrs), inline ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Controls, null), /* @__PURE__ */ React2.createElement(MenuList, null)) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Controls, null), /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    customOffset: [0, 5],
-    referenceElement,
-    showPopover,
-    closeContextMenu: handleCloseMenu,
-    startPlacementPreference,
-    placementOrderPreference,
-    withoutPortal,
-    withoutArrow: true,
-    withoutAnimation: true,
-    zIndex
-  }, /* @__PURE__ */ React2.createElement(StyledPopperWrapper, {
-    tabIndex: -1,
-    onMouseDown: handleMouseDown
-  }, /* @__PURE__ */ React2.createElement(MenuList, null))))), [
-    inline,
-    StyledContainer,
-    setReferenceElement,
-    globalsAttrs,
-    referenceElement,
-    showPopover,
-    handleCloseMenu,
-    startPlacementPreference,
-    placementOrderPreference,
-    withoutPortal,
-    zIndex,
-    handleMouseDown
-  ]);
-};
-export {
-  Container
-};
-//# sourceMappingURL=Container.js.map

package/dist/esm/combobox/parts/container/Container.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/combobox/parts/container/Container.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useEffect, useMemo, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\n\nexport const Container = (): JSX.Element => {\n  const { props, setShowPopover, showPopover, setReferenceElement, referenceElement } = useContext(ComboBoxContext);\n\n  const {\n    inline,\n    onMenuOpen,\n    onMenuClose,\n    innerRef,\n    startPlacementPreference,\n    placementOrderPreference,\n    withoutPortal,\n    zIndex,\n  } = props;\n  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n  const globalAttributes = useGetGlobalAttributes(props);\n  // Removing possible collisionable props\n  const { placeholder, onKeyDown, onChange, ...globalsAttrs } = globalAttributes;\n\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setShowPopover(false);\n    if (innerRef?.current) innerRef.current.blur();\n  }, [innerRef, setShowPopover]);\n\n  useEffect(() => {\n    const closeMenuOnWindowBlur = () => setShowPopover(false);\n    window.addEventListener('blur', closeMenuOnWindowBlur);\n    return () => {\n      window.removeEventListener('blur', closeMenuOnWindowBlur);\n    };\n  }, [setShowPopover]);\n\n  useEffect(() => {\n    if (onMenuOpen && showPopover) onMenuOpen();\n    else if (onMenuClose && !showPopover) onMenuClose();\n  }, [showPopover, onMenuOpen, onMenuClose]);\n\n  return useMemo(\n    () => (\n      <StyledContainer data-testid={ComboboxDataTestid.CONTAINER} ref={setReferenceElement} {...globalsAttrs}>\n        {inline ? (\n          <>\n            <Controls />\n            <MenuList />\n          </>\n        ) : (\n          <>\n            <Controls />\n            <DSPopperJS\n              customOffset={[0, 5]}\n              referenceElement={referenceElement}\n              showPopover={showPopover}\n              closeContextMenu={handleCloseMenu}\n              startPlacementPreference={startPlacementPreference}\n              placementOrderPreference={placementOrderPreference}\n              withoutPortal={withoutPortal}\n              withoutArrow\n              withoutAnimation\n              zIndex={zIndex}\n            >\n              <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown}>\n                <MenuList />\n              </StyledPopperWrapper>\n            </DSPopperJS>\n          </>\n        )}\n      </StyledContainer>\n    ),\n    [\n      inline,\n      StyledContainer,\n      setReferenceElement,\n      globalsAttrs,\n      referenceElement,\n      showPopover,\n      handleCloseMenu,\n      startPlacementPreference,\n      placementOrderPreference,\n      withoutPortal,\n      zIndex,\n      handleMouseDown,\n    ],\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY,MAAmB;AAC1C,QAAM,EAAE,OAAO,gBAAgB,aAAa,qBAAqB,qBAAqB,WAAW;AAEjG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,kBAAkB,SAAS,wBAAwB;AACzD,QAAM,mBAAmB,uBAAuB;AAEhD,QAA8D,uBAAtD,eAAa,WAAW,aAA8B,IAAjB,yBAAiB,IAAjB,CAArC,eAAa,aAAW;AAEhC,QAAM,kBAAkB,YAAY,CAAC,MAAwB;AAC3D,MAAE;AAAA,KACD;AAEH,QAAM,kBAAkB,YAAY,MAAM;AACxC,mBAAe;AACf,QAAI,UAAU;AAAS,eAAS,QAAQ;AAAA,KACvC,CAAC,UAAU;AAEd,YAAU,MAAM;AACd,UAAM,wBAAwB,MAAM,eAAe;AACnD,WAAO,iBAAiB,QAAQ;AAChC,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ;AAAA;AAAA,KAEpC,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,cAAc;AAAa;AAAA,aACtB,eAAe,CAAC;AAAa;AAAA,KACrC,CAAC,aAAa,YAAY;AAE7B,SAAO,QACL,MACE,qCAAC,iBAAD;AAAA,IAAiB,eAAa,mBAAmB;AAAA,IAAW,KAAK;AAAA,KAAyB,eACvF,SACC,4DACE,qCAAC,UAAD,OACA,qCAAC,UAAD,SAGF,4DACE,qCAAC,UAAD,OACA,qCAAC,YAAD;AAAA,IACE,cAAc,CAAC,GAAG;AAAA,IAClB;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAY;AAAA,IACZ,kBAAgB;AAAA,IAChB;AAAA,KAEA,qCAAC,qBAAD;AAAA,IAAqB,UAAU;AAAA,IAAI,aAAa;AAAA,KAC9C,qCAAC,UAAD,WAOZ;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/container/index.js

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { Container } from "./Container";
-export {
-  Container
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/combobox/parts/container/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/combobox/parts/container/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Container } from './Container';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/container/styled.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { styled } from "@elliemae/ds-system";
-const StyledGenericContainer = styled.div`
-  position: relative;
-  cursor: ${({ disabled }) => disabled ? "not-allowed" : "default"};
-`;
-const StyledContainerWithPopper = styled(StyledGenericContainer)`
-  width: 100%;
-  height: 28px;
-`;
-const StyledContainerInline = styled(StyledGenericContainer)`
-  width: 100%;
-`;
-const StyledPopperWrapper = styled(StyledGenericContainer)`
-  overflow: auto;
-`;
-export {
-  StyledContainerInline,
-  StyledContainerWithPopper,
-  StyledPopperWrapper
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/combobox/parts/container/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/combobox/parts/container/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nconst StyledGenericContainer = styled.div`\n  position: relative;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'default')};\n`;\n\nexport const StyledContainerWithPopper = styled(StyledGenericContainer)`\n  width: 100%;\n  height: 28px;\n`;\n\nexport const StyledContainerInline = styled(StyledGenericContainer)`\n  width: 100%;\n`;\n\nexport const StyledPopperWrapper = styled(StyledGenericContainer)`\n  overflow: auto;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,yBAAyB,OAAO;AAAA;AAAA,YAE1B,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAGnD,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAKzC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAIrC,MAAM,sBAAsB,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/controls/Controls.js

@@ -1,81 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo, useCallback } from "react";
-import { DropdownIndicator } from "../DropdownIndicator";
-import { ComboboxDataTestid } from "../../ComboboxDataTestids";
-import ComboBoxContext from "../../ComboBoxCTX";
-import {
-  StyledControlsWrapper,
-  StyleHeaderActionsSeparator,
-  StyledHeaderActionsWrapper,
-  StyledSelection
-} from "./styled";
-import { MultiSelectedValuesContainer } from "../multi-selected-values-container";
-import { ControlsInput } from "../controls-input/ControlsInput";
-import { useOnPillsNavigation } from "./useOnPillsNavigation";
-import { A11yFocusedOption } from "../A11yFocusedOption";
-import { A11ySelectedValues } from "../A11ySelectedValues";
-import { RemovableSelectedValuePill } from "../multi-selected-values-container/RemovableSelectedValuePill";
-const Controls = () => {
-  const {
-    props: { inline, disabled, inputMinWidth, hasError, selectedValues, innerRef },
-    selectedOptionsRef,
-    setShowPopover,
-    hasFocus,
-    showPopover,
-    controlsWrapperRef
-  } = useContext(ComboBoxContext);
-  const handleOnClick = useCallback(() => {
-    if (disabled)
-      return;
-    if (hasFocus && showPopover && !inline) {
-      setShowPopover(false);
-      innerRef.current?.blur();
-      return;
-    }
-    innerRef.current?.focus();
-    setShowPopover(true);
-  }, [disabled, hasFocus, setShowPopover, showPopover, innerRef, inline]);
-  const handleOnPillsClick = useCallback((e) => {
-    if (showPopover || disabled) {
-      e.stopPropagation();
-    } else {
-      innerRef.current?.focus();
-      setShowPopover(true);
-    }
-  }, [showPopover, innerRef, disabled, setShowPopover]);
-  const handleOnMouseDown = useCallback((e) => {
-    if (document.activeElement === innerRef.current || inline) {
-      e.preventDefault();
-    }
-  }, [innerRef, inline]);
-  const { onKeyDownPills } = useOnPillsNavigation();
-  const cols = useMemo(() => !inline ? ["minmax(0px,max-content)", "minmax(20px, auto)", "29px"] : ["minmax(0px, auto)"], [inline]);
-  return /* @__PURE__ */ React2.createElement(StyledControlsWrapper, {
-    ref: controlsWrapperRef,
-    cols,
-    disabled,
-    minWidth: inputMinWidth,
-    hasError,
-    inline,
-    onClick: handleOnClick,
-    onMouseDown: handleOnMouseDown,
-    onKeyDown: onKeyDownPills,
-    "data-testid": ComboboxDataTestid.CONTROLS_WRAPPER
-  }, !inline && /* @__PURE__ */ React2.createElement(StyledSelection, {
-    ref: selectedOptionsRef,
-    onClick: handleOnPillsClick
-  }, /* @__PURE__ */ React2.createElement(A11ySelectedValues, null), /* @__PURE__ */ React2.createElement(A11yFocusedOption, null), Array.isArray(selectedValues) ? /* @__PURE__ */ React2.createElement(MultiSelectedValuesContainer, null) : /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": ComboboxDataTestid.SELECTED_VALUES
-  }, selectedValues && /* @__PURE__ */ React2.createElement(RemovableSelectedValuePill, {
-    pill: selectedValues
-  }))), /* @__PURE__ */ React2.createElement(ControlsInput, null), !inline && /* @__PURE__ */ React2.createElement(StyledHeaderActionsWrapper, {
-    justifyContent: "center",
-    cols: ["auto", "auto"]
-  }, /* @__PURE__ */ React2.createElement(StyleHeaderActionsSeparator, {
-    disabled
-  }), /* @__PURE__ */ React2.createElement(DropdownIndicator, null)));
-};
-export {
-  Controls
-};
-//# sourceMappingURL=Controls.js.map

package/dist/esm/combobox/parts/controls/Controls.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/combobox/parts/controls/Controls.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useContext, useMemo, useCallback } from 'react';\nimport { DropdownIndicator } from '../DropdownIndicator';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport {\n  StyledControlsWrapper,\n  StyleHeaderActionsSeparator,\n  StyledHeaderActionsWrapper,\n  StyledSelection,\n} from './styled';\nimport { MultiSelectedValuesContainer } from '../multi-selected-values-container';\nimport { ControlsInput } from '../controls-input/ControlsInput';\nimport { useOnPillsNavigation } from './useOnPillsNavigation';\nimport { A11yFocusedOption } from '../A11yFocusedOption';\nimport { A11ySelectedValues } from '../A11ySelectedValues';\nimport { RemovableSelectedValuePill } from '../multi-selected-values-container/RemovableSelectedValuePill';\nexport const Controls = (): JSX.Element => {\n  const {\n    props: { inline, disabled, inputMinWidth, hasError, selectedValues, innerRef },\n    selectedOptionsRef,\n    setShowPopover,\n    hasFocus,\n    showPopover,\n    controlsWrapperRef,\n  } = useContext(ComboBoxContext);\n\n  const handleOnClick = useCallback(() => {\n    if (disabled) return;\n    if (hasFocus && showPopover && !inline) {\n      setShowPopover(false);\n      innerRef.current?.blur();\n      return;\n    }\n    innerRef.current?.focus();\n    setShowPopover(true);\n  }, [disabled, hasFocus, setShowPopover, showPopover, innerRef, inline]);\n\n  // this callback prevent to toggle the menu when clicking or removing pills\n  const handleOnPillsClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      if (showPopover || disabled) {\n        e.stopPropagation();\n      } else {\n        innerRef.current?.focus();\n        setShowPopover(true);\n      }\n    },\n    [showPopover, innerRef, disabled, setShowPopover],\n  );\n\n  // callback to prevent onBlur on the input when clicking in all the wrapper\n  const handleOnMouseDown: React.MouseEventHandler = useCallback(\n    (e) => {\n      if (document.activeElement === innerRef.current || inline) {\n        e.preventDefault();\n      }\n    },\n    [innerRef, inline],\n  );\n\n  const { onKeyDownPills } = useOnPillsNavigation();\n\n  const cols = useMemo(\n    () => (!inline ? ['minmax(0px,max-content)', 'minmax(20px, auto)', '29px'] : ['minmax(0px, auto)']),\n    [inline],\n  );\n  return (\n    <StyledControlsWrapper\n      ref={controlsWrapperRef}\n      cols={cols}\n      disabled={disabled}\n      minWidth={inputMinWidth}\n      hasError={hasError}\n      inline={inline}\n      onClick={handleOnClick}\n      onMouseDown={handleOnMouseDown}\n      onKeyDown={onKeyDownPills}\n      data-testid={ComboboxDataTestid.CONTROLS_WRAPPER}\n    >\n      {!inline && (\n        <StyledSelection ref={selectedOptionsRef} onClick={handleOnPillsClick}>\n          <A11ySelectedValues />\n          <A11yFocusedOption />\n          {Array.isArray(selectedValues) ? (\n            <MultiSelectedValuesContainer />\n          ) : (\n            <div data-testid={ComboboxDataTestid.SELECTED_VALUES}>\n              {selectedValues && <RemovableSelectedValuePill pill={selectedValues} />}\n            </div>\n          )}\n        </StyledSelection>\n      )}\n\n      <ControlsInput />\n      {!inline && (\n        <StyledHeaderActionsWrapper justifyContent=\"center\" cols={['auto', 'auto']}>\n          <StyleHeaderActionsSeparator disabled={disabled} />\n          <DropdownIndicator />\n        </StyledHeaderActionsWrapper>\n      )}\n    </StyledControlsWrapper>\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,UAAU,eAAe,UAAU,gBAAgB;AAAA,IACpE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI;AAAU;AACd,QAAI,YAAY,eAAe,CAAC,QAAQ;AACtC,qBAAe;AACf,eAAS,SAAS;AAClB;AAAA;AAEF,aAAS,SAAS;AAClB,mBAAe;AAAA,KACd,CAAC,UAAU,UAAU,gBAAgB,aAAa,UAAU;AAG/D,QAAM,qBAA8C,YAClD,CAAC,MAAM;AACL,QAAI,eAAe,UAAU;AAC3B,QAAE;AAAA,WACG;AACL,eAAS,SAAS;AAClB,qBAAe;AAAA;AAAA,KAGnB,CAAC,aAAa,UAAU,UAAU;AAIpC,QAAM,oBAA6C,YACjD,CAAC,MAAM;AACL,QAAI,SAAS,kBAAkB,SAAS,WAAW,QAAQ;AACzD,QAAE;AAAA;AAAA,KAGN,CAAC,UAAU;AAGb,QAAM,EAAE,mBAAmB;AAE3B,QAAM,OAAO,QACX,MAAO,CAAC,SAAS,CAAC,2BAA2B,sBAAsB,UAAU,CAAC,sBAC9E,CAAC;AAEH,SACE,qCAAC,uBAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAa,mBAAmB;AAAA,KAE/B,CAAC,UACA,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,IAAoB,SAAS;AAAA,KACjD,qCAAC,oBAAD,OACA,qCAAC,mBAAD,OACC,MAAM,QAAQ,kBACb,qCAAC,8BAAD,QAEA,qCAAC,OAAD;AAAA,IAAK,eAAa,mBAAmB;AAAA,KAClC,kBAAkB,qCAAC,4BAAD;AAAA,IAA4B,MAAM;AAAA,QAM7D,qCAAC,eAAD,OACC,CAAC,UACA,qCAAC,4BAAD;AAAA,IAA4B,gBAAe;AAAA,IAAS,MAAM,CAAC,QAAQ;AAAA,KACjE,qCAAC,6BAAD;AAAA,IAA6B;AAAA,MAC7B,qCAAC,mBAAD;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/controls/index.js

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { Controls } from "./Controls";
-export {
-  Controls
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/combobox/parts/controls/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/combobox/parts/controls/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Controls } from './Controls';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/controls/styled.js

@@ -1,70 +0,0 @@
-import * as React from "react";
-import { styled, css } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-const normalBorder = css`
-  border: 1px solid ${({ hasError, theme }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400]};
-`;
-const focusBorder = css`
-  border: 2px solid ${({ theme }) => theme.colors.brand[700]};
-`;
-const afterStyle = css`
-  display: block;
-  content: ' ';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 2px;
-  pointer-events: none;
-  z-index: 7;
-`;
-const StyledControlsWrapper = styled(Grid)`
-  background: ${({ disabled, theme }) => disabled ? theme.colors.neutral["080"] : "#ffffff"};
-  position: relative;
-  border-radius: 2px;
-  min-width: ${({ minWidth, inline }) => inline || !minWidth ? "" : `${minWidth}px`};
-  align-items: center;
-  align-content: center;
-  height: 28px;
-  padding-left: 8px;
-  margin: ${({ inline }) => inline ? "10px 16px" : "none"};
-  &::after {
-    ${afterStyle}
-    ${normalBorder}
-  }
-
-  &:focus-within {
-    &::after {
-      ${afterStyle}
-      ${focusBorder}
-    }
-  }
-`;
-const StyledSelection = styled.div`
-  font-size: 13px;
-  margin-right: 3px;
-  line-height: 13px;
-  display: flex;
-`;
-const StyledHeaderActionsWrapper = styled(Grid)`
-  height: 100%;
-  .em-ds-button--text:focus::after {
-    border: none;
-  }
-`;
-const StyleDropdownIndicator = styled.div``;
-const StyleHeaderActionsSeparator = styled.span`
-  align-self: stretch;
-  margin: 4px 0px;
-  width: 1px;
-  background-color: ${({ theme, disabled }) => disabled ? theme.colors.neutral["400"] : theme.colors.neutral["500"]};
-`;
-export {
-  StyleDropdownIndicator,
-  StyleHeaderActionsSeparator,
-  StyledControlsWrapper,
-  StyledHeaderActionsWrapper,
-  StyledSelection
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/combobox/parts/controls/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/combobox/parts/controls/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\ninterface StyledControlsWrapperT {\n  hasError: boolean;\n  inline: boolean;\n  minWidth?: number;\n  disabled: boolean;\n}\nconst normalBorder = css<{ hasError: boolean }>`\n  border: 1px solid ${({ hasError, theme }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n`;\nconst focusBorder = css`\n  border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nconst afterStyle = css`\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: 2px;\n  pointer-events: none;\n  z-index: 7;\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<StyledControlsWrapperT>`\n  background: ${({ disabled, theme }) => (disabled ? theme.colors.neutral['080'] : '#ffffff')};\n  position: relative;\n  border-radius: 2px;\n  min-width: ${({ minWidth, inline }) => (inline || !minWidth ? '' : `${minWidth}px`)};\n  align-items: center;\n  align-content: center;\n  height: 28px;\n  padding-left: 8px;\n  margin: ${({ inline }) => (inline ? '10px 16px' : 'none')};\n  &::after {\n    ${afterStyle}\n    ${normalBorder}\n  }\n\n  &:focus-within {\n    &::after {\n      ${afterStyle}\n      ${focusBorder}\n    }\n  }\n`;\n\nexport const StyledSelection = styled.div`\n  font-size: 13px;\n  margin-right: 3px;\n  line-height: 13px;\n  display: flex;\n`;\n\nexport const StyledHeaderActionsWrapper = styled(Grid)`\n  height: 100%;\n  .em-ds-button--text:focus::after {\n    border: none;\n  }\n`;\n\nexport const StyleDropdownIndicator = styled.div``;\n\nexport const StyleHeaderActionsSeparator = styled.span<Partial<StyledControlsWrapperT>>`\n  align-self: stretch;\n  margin: 4px 0px;\n  width: 1px;\n  background-color: ${({ theme, disabled }) => (disabled ? theme.colors.neutral['400'] : theme.colors.neutral['500'])};\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAQA,MAAM,eAAe;AAAA,sBACC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAE3G,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGxD,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaZ,MAAM,wBAAwB,OAAO;AAAA,gBAC5B,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,eAGpE,CAAC,EAAE,UAAU,aAAc,UAAU,CAAC,WAAW,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,YAK5D,CAAC,EAAE,aAAc,SAAS,cAAc;AAAA;AAAA,MAE9C;AAAA,MACA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKE;AAAA,QACA;AAAA;AAAA;AAAA;AAKD,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1C,MAAM,yBAAyB,OAAO;AAEtC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA,sBAI5B,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,QAAQ,SAAS,MAAM,OAAO,QAAQ;AAAA;",
-  "names": []
-}

package/dist/esm/combobox/parts/controls/useOnPillsNavigation.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import ComboBoxContext from "../../ComboBoxCTX";
-const useOnPillsNavigation = () => {
-  const {
-    props: { innerRef },
-    inputValue,
-    hasFocus,
-    setShowPopover,
-    selectedOptionsRef
-  } = useContext(ComboBoxContext);
-  const REMOVABLE_PILL_SELECTOR = ".ds-pill-wrapper-removable button";
-  const onKeyDownPills = useCallback((e) => {
-    if ((e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown") && inputValue === "") {
-      if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        innerRef.current?.focus();
-        setShowPopover(true);
-        return;
-      }
-      if (e.key === "ArrowLeft") {
-        const removablePills = selectedOptionsRef.current?.querySelectorAll(REMOVABLE_PILL_SELECTOR);
-        if (hasFocus && removablePills) {
-          removablePills[removablePills.length - 1]?.focus();
-        }
-      }
-      if (e.key === "ArrowRight") {
-        e.preventDefault();
-        innerRef.current?.focus();
-      }
-    }
-  }, [inputValue, hasFocus, innerRef, selectedOptionsRef, setShowPopover]);
-  return { onKeyDownPills };
-};
-export {
-  useOnPillsNavigation
-};
-//# sourceMappingURL=useOnPillsNavigation.js.map