@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.5

package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js

@@ -1,42 +1,27 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { ComboboxDataTestid } from '../../ComboboxDataTestids.js';
-import { StyledInputWrapper, StyledInputWidthReference, StyledInputPlaceHolder, StyledInput } from './styled.js';
-import { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation.js';
-import { useControlsInput } from './useControlsInput.js';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { jsx } from 'react/jsx-runtime';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { ComboboxDataTestid } from "../../ComboboxDataTestids";
+import { StyledInput, StyledInputWrapper, StyledInputPlaceHolder, StyledInputWidthReference } from "./styled";
+import { useKeyboardNavigation } from "../../utils/hooks/useKeyboardNavigation";
+import { useControlsInput } from "./useControlsInput";
+import ComboBoxContext from "../../ComboBoxCTX";
 const ControlsInput = () => {
   const {
-    props: {
-      autoFocus
-    },
+    props: { autoFocus },
     showPopover,
     focusOptionIdx,
     inputRef
   } = useContext(ComboBoxContext);
-  const {
-    onInputKeyDown
-  } = useKeyboardNavigation();
-  const {
-    spanReference,
-    width,
-    spanReferenceText,
-    showPlaceholder,
-    handleOnBlur,
-    handleOnChange,
-    handleOnFocus
-  } = useControlsInput();
-  return /*#__PURE__*/_jsx(StyledInputWrapper, {}, void 0, /*#__PURE__*/jsx(StyledInputWidthReference, {
-    ref: spanReference,
-    children: spanReferenceText
-  }), /*#__PURE__*/_jsx(StyledInputPlaceHolder, {}, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+  const { onInputKeyDown } = useKeyboardNavigation();
+  const { spanReference, width, spanReferenceText, showPlaceholder, handleOnBlur, handleOnChange, handleOnFocus } = useControlsInput();
+  return /* @__PURE__ */ React2.createElement(StyledInputWrapper, null, /* @__PURE__ */ React2.createElement(StyledInputWidthReference, {
+    ref: spanReference
+  }, spanReferenceText), /* @__PURE__ */ React2.createElement(StyledInputPlaceHolder, null, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
     value: showPlaceholder
-  })), /*#__PURE__*/jsx(StyledInput, {
+  })), /* @__PURE__ */ React2.createElement(StyledInput, {
     "data-testid": ComboboxDataTestid.INPUT,
-    autoFocus: autoFocus,
+    autoFocus,
     "aria-labelledby": "combo-label",
     "aria-controls": "combo-listbox",
     "aria-owns": "combo-listbox",
@@ -44,9 +29,7 @@ const ControlsInput = () => {
     "aria-expanded": showPopover,
     "aria-haspopup": "listbox",
     role: "combobox",
-    style: {
-      width
-    },
+    style: { width },
     ref: inputRef,
     type: "text",
     onKeyDown: onInputKeyDown,
@@ -55,5 +38,7 @@ const ControlsInput = () => {
     onFocus: handleOnFocus
   }));
 };
-
-export { ControlsInput };
+export {
+  ControlsInput
+};
+//# sourceMappingURL=ControlsInput.js.map

package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls-input/ControlsInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { StyledInput, StyledInputWrapper, StyledInputPlaceHolder, StyledInputWidthReference } from './styled';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\nimport ComboBoxContext from '../../ComboBoxCTX';\n\nconst ControlsInput = (): JSX.Element => {\n  const {\n    props: { autoFocus },\n    showPopover,\n    focusOptionIdx,\n    inputRef,\n  } = useContext(ComboBoxContext);\n  const { onInputKeyDown } = useKeyboardNavigation();\n  const { spanReference, width, spanReferenceText, showPlaceholder, handleOnBlur, handleOnChange, handleOnFocus } =\n    useControlsInput();\n\n  return (\n    <StyledInputWrapper>\n      <StyledInputWidthReference ref={spanReference}>{spanReferenceText}</StyledInputWidthReference>\n      <StyledInputPlaceHolder>\n        <SimpleTruncatedTooltipText value={showPlaceholder}></SimpleTruncatedTooltipText>\n      </StyledInputPlaceHolder>\n      <StyledInput\n        data-testid={ComboboxDataTestid.INPUT}\n        autoFocus={autoFocus}\n        aria-labelledby=\"combo-label\"\n        aria-controls=\"combo-listbox\"\n        aria-owns=\"combo-listbox\"\n        aria-activedescendant={focusOptionIdx}\n        aria-expanded={showPopover}\n        aria-haspopup=\"listbox\"\n        role=\"combobox\"\n        style={{ width }}\n        ref={inputRef}\n        type=\"text\"\n        onKeyDown={onInputKeyDown}\n        onChange={handleOnChange}\n        onBlur={handleOnBlur}\n        onFocus={handleOnFocus}\n      />\n    </StyledInputWrapper>\n  );\n};\n\nexport { ControlsInput };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,MAAmB;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,eAAe,OAAO,mBAAmB,iBAAiB,cAAc,gBAAgB,kBAC9F;AAEF,SACE,qCAAC,oBAAD,MACE,qCAAC,2BAAD;AAAA,IAA2B,KAAK;AAAA,KAAgB,oBAChD,qCAAC,wBAAD,MACE,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OAErC,qCAAC,aAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,MAAK;AAAA,IACL,OAAO,EAAE;AAAA,IACT,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/controls-input/styled.js

@@ -1,16 +1,42 @@
-import styled from 'styled-components';
-
-const StyledInput = /*#__PURE__*/styled.input.withConfig({
-  componentId: "sc-1ue5xik-0"
-})(["font-size:13px;line-height:13px;border:none;padding:0;outline:none;color:", ";&:focus{outline:none;}"], props => props.theme.colors.neutral[700]);
-const StyledInputPlaceHolder = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1ue5xik-1"
-})(["font-style:italic;color:", ";position:absolute;display:flex;align-items:center;width:100%;user-select:none;height:28px;"], props => props.theme.colors.neutral[500]);
-const StyledInputWidthReference = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1ue5xik-2"
-})(["visibility:hidden;position:absolute;top:-9999px;"]);
-const StyledInputWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1ue5xik-3"
-})(["position:relative;flex:1;margin-right:5px;display:flex;align-items:center;"]);
-
-export { StyledInput, StyledInputPlaceHolder, StyledInputWidthReference, StyledInputWrapper };
+import * as React from "react";
+import styled from "styled-components";
+const StyledInput = styled.input`
+  font-size: 13px;
+  line-height: 13px;
+  border: none;
+  padding: 0;
+  outline: none;
+  color: ${(props) => props.theme.colors.neutral[700]};
+  &:focus {
+    outline: none;
+  }
+`;
+const StyledInputPlaceHolder = styled.div`
+  font-style: italic;
+  color: ${(props) => props.theme.colors.neutral[500]};
+  position: absolute;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  user-select: none;
+  height: 28px;
+`;
+const StyledInputWidthReference = styled.span`
+  visibility: hidden;
+  position: absolute;
+  top: -9999px;
+`;
+const StyledInputWrapper = styled.div`
+  position: relative;
+  flex: 1;
+  margin-right: 5px;
+  display: flex;
+  align-items: center;
+`;
+export {
+  StyledInput,
+  StyledInputPlaceHolder,
+  StyledInputWidthReference,
+  StyledInputWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/controls-input/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls-input/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledInput = styled.input`\n  font-size: 13px;\n  line-height: 13px;\n  border: none;\n  padding: 0;\n  outline: none;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n  font-style: italic;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  position: absolute;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  user-select: none;\n  height: 28px;\n`;\n\nexport const StyledInputWidthReference = styled.span`\n  visibility: hidden;\n  position: absolute;\n  top: -9999px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n  position: relative;\n  flex: 1;\n  margin-right: 5px;\n  display: flex;\n  align-items: center;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,OAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js

@@ -1,18 +1,10 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.replace.js';
-import { useContext, useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { isSelectedValueEmpty } from '../../utils/listHelper.js';
-
+import * as React from "react";
+import { useContext, useEffect, useMemo, useRef, useCallback, useState } from "react";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { isSelectedValueEmpty } from "../../utils/listHelper";
 const useControlsInput = () => {
-  var _inputRef$current, _inputRef$current2, _inputRef$current3;
-
   const {
-    props: {
-      selectedValues,
-      placeholder,
-      onFilter
-    },
+    props: { selectedValues, placeholder, onFilter },
     setShowPopover,
     setCurrentOption,
     inputRef,
@@ -24,41 +16,36 @@ const useControlsInput = () => {
   const [width, setWidth] = useState(1);
   const spanReference = useRef(null);
   useEffect(() => {
-    var _spanReference$curren;
-
-    setWidth(((_spanReference$curren = spanReference.current) === null || _spanReference$curren === void 0 ? void 0 : _spanReference$curren.offsetWidth) || 1);
-  }, [(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value]);
+    setWidth(spanReference.current?.offsetWidth || 1);
+  }, [inputRef.current?.value]);
   useEffect(() => {
     setShowSelectedValue(true);
-  }, [selectedValues, setShowSelectedValue]); // When writting open popover
-  // and refresh selected values and update filter outside value.
-
-  const handleOnChange = useCallback(e => {
+  }, [selectedValues, setShowSelectedValue]);
+  const handleOnChange = useCallback((e) => {
     setShowSelectedOptions(false);
-    if (e.currentTarget.value) setShowSelectedValue(false);
+    if (e.currentTarget.value)
+      setShowSelectedValue(false);
     setShowPopover(true);
     onFilter(e.currentTarget.value);
   }, [onFilter, setShowPopover, setShowSelectedOptions, setShowSelectedValue]);
   const handleOnBlur = useCallback(() => {
     setHasFocus(false);
     setTimeout(() => {
-      var _wrapperListRef$curre;
-
-      if (!(wrapperListRef !== null && wrapperListRef !== void 0 && (_wrapperListRef$curre = wrapperListRef.current) !== null && _wrapperListRef$curre !== void 0 && _wrapperListRef$curre.contains(document.activeElement))) {
+      if (!wrapperListRef?.current?.contains(document.activeElement)) {
         setShowPopover(false);
       }
-
-      setCurrentOption('');
+      setCurrentOption("");
       setShowSelectedValue(true);
-      onFilter('');
-      if (inputRef.current) inputRef.current.value = '';
+      onFilter("");
+      if (inputRef.current)
+        inputRef.current.value = "";
     });
   }, [setHasFocus, setCurrentOption, wrapperListRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);
   const handleOnFocus = useCallback(() => {
     setHasFocus(true);
   }, [setHasFocus]);
-  const showPlaceholder = !((_inputRef$current2 = inputRef.current) !== null && _inputRef$current2 !== void 0 && _inputRef$current2.value) && isSelectedValueEmpty(selectedValues) ? placeholder : null;
-  const spanReferenceText = (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value.replace(/\s/g, '\u00a0');
+  const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;
+  const spanReferenceText = inputRef.current?.value.replace(/\s/g, "\xA0");
   return useMemo(() => ({
     handleOnFocus,
     handleOnBlur,
@@ -69,5 +56,7 @@ const useControlsInput = () => {
     spanReference
   }), [handleOnFocus, handleOnBlur, handleOnChange, spanReferenceText, showPlaceholder, width, spanReference]);
 };
-
-export { useControlsInput };
+export {
+  useControlsInput
+};
+//# sourceMappingURL=useControlsInput.js.map

package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface UseControlsInputT {\n  handleOnFocus: () => void;\n  handleOnBlur: () => void;\n  handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  showPlaceholder?: string;\n  spanReferenceText: string;\n  width: number;\n  spanReference: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): UseControlsInputT => {\n  const {\n    props: { selectedValues, placeholder, onFilter },\n    setShowPopover,\n    setCurrentOption,\n    inputRef,\n    wrapperListRef,\n    setHasFocus,\n    setShowSelectedValue,\n    setShowSelectedOptions,\n  } = useContext(ComboBoxContext);\n\n  const [width, setWidth] = useState(1);\n  const spanReference = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    setWidth(spanReference.current?.offsetWidth || 1);\n  }, [inputRef.current?.value]);\n\n  useEffect(() => {\n    setShowSelectedValue(true);\n  }, [selectedValues, setShowSelectedValue]);\n\n  // When writting open popover\n  // and refresh selected values and update filter outside value.\n  const handleOnChange = useCallback(\n    (e: React.FormEvent<HTMLInputElement>) => {\n      setShowSelectedOptions(false);\n      if (e.currentTarget.value) setShowSelectedValue(false);\n      setShowPopover(true);\n      onFilter(e.currentTarget.value);\n    },\n    [onFilter, setShowPopover, setShowSelectedOptions, setShowSelectedValue],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    setHasFocus(false);\n    setTimeout(() => {\n      if (!wrapperListRef?.current?.contains(document.activeElement)) {\n        setShowPopover(false);\n      }\n      setCurrentOption('');\n      setShowSelectedValue(true);\n      onFilter('');\n      if (inputRef.current) inputRef.current.value = '';\n    });\n  }, [setHasFocus, setCurrentOption, wrapperListRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n  const handleOnFocus = useCallback(() => {\n    setHasFocus(true);\n  }, [setHasFocus]);\n\n  const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n  const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n  return useMemo(\n    () => ({\n      handleOnFocus,\n      handleOnBlur,\n      handleOnChange,\n      showPlaceholder,\n      spanReferenceText,\n      width,\n      spanReference,\n    }),\n    [handleOnFocus, handleOnBlur, handleOnChange, spanReferenceText, showPlaceholder, width, spanReference],\n  );\n};\n\nexport { useControlsInput };\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AAWA,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,QAAM,gBAAgB,OAAwB;AAE9C,YAAU,MAAM;AACd,aAAS,cAAc,SAAS,eAAe;AAAA,KAC9C,CAAC,SAAS,SAAS;AAEtB,YAAU,MAAM;AACd,yBAAqB;AAAA,KACpB,CAAC,gBAAgB;AAIpB,QAAM,iBAAiB,YACrB,CAAC,MAAyC;AACxC,2BAAuB;AACvB,QAAI,EAAE,cAAc;AAAO,2BAAqB;AAChD,mBAAe;AACf,aAAS,EAAE,cAAc;AAAA,KAE3B,CAAC,UAAU,gBAAgB,wBAAwB;AAGrD,QAAM,eAAe,YAAY,MAAM;AACrC,gBAAY;AACZ,eAAW,MAAM;AACf,UAAI,CAAC,gBAAgB,SAAS,SAAS,SAAS,gBAAgB;AAC9D,uBAAe;AAAA;AAEjB,uBAAiB;AACjB,2BAAqB;AACrB,eAAS;AACT,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAAA;AAAA,KAEhD,CAAC,aAAa,kBAAkB,gBAAgB,UAAU,UAAU,gBAAgB;AAEvF,QAAM,gBAAgB,YAAY,MAAM;AACtC,gBAAY;AAAA,KACX,CAAC;AAEJ,QAAM,kBAAkB,CAAC,SAAS,SAAS,SAAS,qBAAqB,kBAAkB,cAAc;AACzG,QAAM,oBAAoB,SAAS,SAAS,MAAM,QAAQ,OAAO;AAEjE,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,eAAe,cAAc,gBAAgB,mBAAmB,iBAAiB,OAAO;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js

@@ -1,26 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { StyledDropDownButton } from './styled.js';
-import { ComboboxDataTestid } from '../../ComboboxDataTestids.js';
-
-var _ChevronSmallDown;
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import ChevronSmallDown from "@elliemae/ds-icons/ChevronSmallDown";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { StyledDropDownButton } from "./styled";
+import { ComboboxDataTestid } from "../../ComboboxDataTestids";
 const DropdownIndicator = () => {
-  const {
-    showPopover
-  } = useContext(ComboBoxContext);
-  return /*#__PURE__*/_jsx(StyledDropDownButton, {
+  const { showPopover } = useContext(ComboBoxContext);
+  return /* @__PURE__ */ React2.createElement(StyledDropDownButton, {
     "data-testid": ComboboxDataTestid.DROPDOWN,
     "aria-controls": "combo-listbox",
     "aria-labelledby": "combo-label",
     "aria-expanded": showPopover,
     "aria-haspopup": "listbox",
     buttonType: "text",
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
+    icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null),
     tabIndex: -1
   });
 };
-
-export { DropdownIndicator as default };
+var DropdownIndicator_default = DropdownIndicator;
+export {
+  DropdownIndicator_default as default
+};
+//# sourceMappingURL=DropdownIndicator.js.map

package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext } from 'react';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledDropDownButton } from './styled';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nconst DropdownIndicator = (): JSX.Element => {\n  const { showPopover } = useContext(ComboBoxContext);\n\n  return (\n    <StyledDropDownButton\n      data-testid={ComboboxDataTestid.DROPDOWN}\n      aria-controls=\"combo-listbox\"\n      aria-labelledby=\"combo-label\"\n      aria-expanded={showPopover}\n      aria-haspopup=\"listbox\"\n      buttonType=\"text\"\n      icon={<ChevronSmallDown />}\n      tabIndex={-1}\n    />\n  );\n};\n\nexport default DropdownIndicator;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA,MAAM,oBAAoB,MAAmB;AAC3C,QAAM,EAAE,gBAAgB,WAAW;AAEnC,SACE,qCAAC,sBAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC,iBAAc;AAAA,IACd,mBAAgB;AAAA,IAChB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,YAAW;AAAA,IACX,MAAM,qCAAC,kBAAD;AAAA,IACN,UAAU;AAAA;AAAA;AAKhB,IAAO,4BAAQ;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/dropdown-indicator/index.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=index.js.map

package/esm/ComboBox/v3/parts/dropdown-indicator/index.js.map

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

package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js

@@ -1,8 +1,14 @@
-import styled from 'styled-components';
-import DSButton from '@elliemae/ds-button';
-
-const StyledDropDownButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-1ijoe1w-0"
-})(["box-sizing:border-box;width:100;& svg{fill:", ";}"], props => props.theme.colors.brand['700']);
-
-export { StyledDropDownButton };
+import * as React from "react";
+import styled from "styled-components";
+import DSButton from "@elliemae/ds-button";
+const StyledDropDownButton = styled(DSButton)`
+  box-sizing: border-box;
+  width: 100;
+  & svg {
+    fill: ${(props) => props.theme.colors.brand["700"]};
+  }
+`;
+export {
+  StyledDropDownButton
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/dropdown-indicator/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nexport const StyledDropDownButton = styled(DSButton)`\n  box-sizing: border-box;\n  width: 100;\n  & svg {\n    fill: ${(props) => props.theme.colors.brand['700']};\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,YAI/B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/empty-state/index.js

@@ -1,19 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { StyledNoResultsWrapper, StyledNoResults } from './styled.js';
-
-var _StyledNoResults, _StyledNoResults2;
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { StyledNoResults, StyledNoResultsWrapper } from "./styled";
 const EmptyState = () => {
   const {
-    props: {
-      onCreate
-    }
+    props: { onCreate }
   } = useContext(ComboBoxContext);
-  return /*#__PURE__*/_jsx(StyledNoResultsWrapper, {
+  return /* @__PURE__ */ React2.createElement(StyledNoResultsWrapper, {
     id: "id-no-results"
-  }, void 0, onCreate ? _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx(StyledNoResults, {}, void 0, "No items match your search, click RETURN at any point to add your unique entry to the field")) : _StyledNoResults2 || (_StyledNoResults2 = /*#__PURE__*/_jsx(StyledNoResults, {}, void 0, "No matches found.")));
+  }, onCreate ? /* @__PURE__ */ React2.createElement(StyledNoResults, null, "No items match your search, click RETURN at any point to add your unique entry to the field") : /* @__PURE__ */ React2.createElement(StyledNoResults, null, "No matches found."));
 };
-
-export { EmptyState };
+export {
+  EmptyState
+};
+//# sourceMappingURL=index.js.map

package/esm/ComboBox/v3/parts/empty-state/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/empty-state/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledNoResults, StyledNoResultsWrapper } from './styled';\n\nconst EmptyState = (): JSX.Element => {\n  const {\n    props: { onCreate },\n  } = useContext(ComboBoxContext);\n  return (\n    <StyledNoResultsWrapper id=\"id-no-results\">\n      {onCreate ? (\n        <StyledNoResults>\n          No items match your search, click RETURN at any point to add your unique entry to the field\n        </StyledNoResults>\n      ) : (\n        <StyledNoResults>No matches found.</StyledNoResults>\n      )}\n    </StyledNoResultsWrapper>\n  );\n};\n\nexport { EmptyState };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,WAAW;AACf,SACE,qCAAC,wBAAD;AAAA,IAAwB,IAAG;AAAA,KACxB,WACC,qCAAC,iBAAD,MAAiB,iGAIjB,qCAAC,iBAAD,MAAiB;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/empty-state/styled.js

@@ -1,10 +1,11 @@
-import styled from 'styled-components';
-
-const StyledNoResultsWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-o4fon6-0"
-})(["padding:16px;"]);
-const StyledNoResults = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-o4fon6-1"
-})([""]);
-
-export { StyledNoResults, StyledNoResultsWrapper };
+import * as React from "react";
+import styled from "styled-components";
+const StyledNoResultsWrapper = styled.div`
+  padding: 16px;
+`;
+const StyledNoResults = styled.span``;
+export {
+  StyledNoResults,
+  StyledNoResultsWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/empty-state/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n  padding: 16px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/header-list/HeaderList.js

@@ -1,26 +1,22 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { noop } from 'lodash';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { StyledHeaderListWrapper, StyledSelectedItems, StyledButton, StyledSeparator, StyledButtonSelection, StyledNoOptionsSelected, StyledShowAllButton } from './styled.js';
-import { getSelectableOptions } from '../../utils/listHelper.js';
-import { ComboboxDataTestid } from '../../ComboboxDataTestids.js';
-import { useHeaderListHandlers } from './useHeaderListHandlers.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var _StyledSeparator, _StyledNoOptionsSelec, _StyledSeparator2;
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { noop } from "lodash";
+import ComboBoxContext from "../../ComboBoxCTX";
+import {
+  StyledHeaderListWrapper,
+  StyledButtonSelection,
+  StyledSelectedItems,
+  StyledShowAllButton,
+  StyledButton,
+  StyledSeparator,
+  StyledNoOptionsSelected
+} from "./styled";
+import { getSelectableOptions } from "../../utils/listHelper";
+import { ComboboxDataTestid } from "../../ComboboxDataTestids";
+import { useHeaderListHandlers } from "./useHeaderListHandlers";
 const HeaderList = () => {
-  var _inputRef$current;
-
   const {
-    props: {
-      onSelectAll,
-      onClearAll,
-      withToggle,
-      selectedValues,
-      options
-    },
+    props: { onSelectAll, onClearAll, withToggle, selectedValues, options },
     showSelectedOptions,
     inputRef
   } = useContext(ComboBoxContext);
@@ -37,11 +33,11 @@ const HeaderList = () => {
     handleOnMouseDown,
     handleToggle
   } = useHeaderListHandlers();
-  return /*#__PURE__*/_jsx(StyledHeaderListWrapper, {
+  return /* @__PURE__ */ React2.createElement(StyledHeaderListWrapper, {
     onKeyDown: handleKeyDown,
     onMouseDown: handleOnMouseDown
-  }, void 0, /*#__PURE__*/_jsx(StyledSelectedItems, {}, void 0, isSelectAllSupplied && /*#__PURE__*/_jsx(StyledButton, {
-    disabled: (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== '' || selectableOptions.length === multiSelectedValues.length,
+  }, /* @__PURE__ */ React2.createElement(StyledSelectedItems, null, isSelectAllSupplied && /* @__PURE__ */ React2.createElement(StyledButton, {
+    disabled: inputRef?.current?.value !== "" || selectableOptions.length === multiSelectedValues.length,
     "data-testid": ComboboxDataTestid.SELECT_ALL_BUTTON,
     buttonType: "text",
     labelText: "All",
@@ -49,12 +45,12 @@ const HeaderList = () => {
     onMouseDown: handleOnMouseDown,
     onBlur: handleOnBlurSelectAll,
     onClick: handleClickOnSelectAll
-  }), isSelectAllSupplied && isClearAllSupplied && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
+  }), isSelectAllSupplied && isClearAllSupplied && /* @__PURE__ */ React2.createElement(StyledSeparator, {
     orientation: "vertical",
     position: "center",
     type: "group-level",
     margin: "none"
-  }))), isClearAllSupplied && /*#__PURE__*/_jsx(StyledButton, {
+  }), isClearAllSupplied && /* @__PURE__ */ React2.createElement(StyledButton, {
     disabled: multiSelectedValues.length === 0,
     tabIndex: 0,
     "data-testid": ComboboxDataTestid.CLEAR_ALL_BUTTON,
@@ -64,42 +60,40 @@ const HeaderList = () => {
     onMouseDown: handleOnMouseDown,
     onBlur: handleOnBlurClearAll,
     onClick: handleClickOnClearAll
-  })), /*#__PURE__*/_jsx(StyledSelectedItems, {}, void 0, withToggle ? /*#__PURE__*/jsx(Fragment, {
-    children: multiSelectedValues.length > 0 ? /*#__PURE__*/_jsx(StyledButtonSelection, {
-      buttonType: "text",
-      disabled: !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
-      onClick: handleToggle,
-      labelText: !showSelectedOptions ? "".concat(multiSelectedValues.length, " SELECTED") : 'SHOW ALL',
-      size: "s"
-    }) : _StyledNoOptionsSelec || (_StyledNoOptionsSelec = /*#__PURE__*/_jsx(StyledNoOptionsSelected, {}, void 0, "0 SELECTED"))
-  }) : /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(StyledShowAllButton, {
-      buttonType: "text",
-      "data-testid": ComboboxDataTestid.SHOW_ALL_BUTTON,
-      tabIndex: !showSelectedOptions ? -1 : 0,
-      onClick: showSelectedOptions ? handleToggle : noop,
-      labelText: "SHOW ALL",
-      isSelected: !showSelectedOptions,
-      size: "s",
-      style: {
-        fontWeight: showSelectedOptions ? '300' : '600'
-      }
-    }), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/_jsx(StyledSeparator, {
-      orientation: "vertical",
-      position: "center",
-      type: "group-level",
-      margin: "none"
-    })), /*#__PURE__*/_jsx(StyledButtonSelection, {
-      tabIndex: showSelectedOptions ? -1 : 0,
-      "data-testid": ComboboxDataTestid.SHOW_SELECTED_OPTIONS_BUTTON,
-      disabled: multiSelectedValues.length === 0 || !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
-      buttonType: "text",
-      isSelected: showSelectedOptions,
-      onClick: !showSelectedOptions ? handleToggle : noop,
-      labelText: "".concat(multiSelectedValues.length, " SELECTED"),
-      size: "s"
-    })]
-  })));
+  })), /* @__PURE__ */ React2.createElement(StyledSelectedItems, null, withToggle ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, multiSelectedValues.length > 0 ? /* @__PURE__ */ React2.createElement(StyledButtonSelection, {
+    buttonType: "text",
+    disabled: !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
+    onClick: handleToggle,
+    labelText: !showSelectedOptions ? `${multiSelectedValues.length} SELECTED` : "SHOW ALL",
+    size: "s"
+  }) : /* @__PURE__ */ React2.createElement(StyledNoOptionsSelected, null, "0 SELECTED")) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledShowAllButton, {
+    buttonType: "text",
+    "data-testid": ComboboxDataTestid.SHOW_ALL_BUTTON,
+    tabIndex: !showSelectedOptions ? -1 : 0,
+    onClick: showSelectedOptions ? handleToggle : noop,
+    labelText: "SHOW ALL",
+    isSelected: !showSelectedOptions,
+    size: "s",
+    style: {
+      fontWeight: showSelectedOptions ? "300" : "600"
+    }
+  }), /* @__PURE__ */ React2.createElement(StyledSeparator, {
+    orientation: "vertical",
+    position: "center",
+    type: "group-level",
+    margin: "none"
+  }), /* @__PURE__ */ React2.createElement(StyledButtonSelection, {
+    tabIndex: showSelectedOptions ? -1 : 0,
+    "data-testid": ComboboxDataTestid.SHOW_SELECTED_OPTIONS_BUTTON,
+    disabled: multiSelectedValues.length === 0 || !showSelectedOptions && selectableOptions.length === multiSelectedValues.length,
+    buttonType: "text",
+    isSelected: showSelectedOptions,
+    onClick: !showSelectedOptions ? handleToggle : noop,
+    labelText: `${multiSelectedValues.length} SELECTED`,
+    size: "s"
+  }))));
+};
+export {
+  HeaderList
 };
-
-export { HeaderList };
+//# sourceMappingURL=HeaderList.js.map

package/esm/ComboBox/v3/parts/header-list/HeaderList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/header-list/HeaderList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { useContext } from 'react';\nimport { noop } from 'lodash';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport {\n  StyledHeaderListWrapper,\n  StyledButtonSelection,\n  StyledSelectedItems,\n  StyledShowAllButton,\n  StyledButton,\n  StyledSeparator,\n  StyledNoOptionsSelected,\n} from './styled';\nimport { CBItemOption } from '../../index.d';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { useHeaderListHandlers } from './useHeaderListHandlers';\nconst HeaderList = (): JSX.Element => {\n  const {\n    props: { onSelectAll, onClearAll, withToggle, selectedValues, options },\n    showSelectedOptions,\n    inputRef,\n  } = useContext(ComboBoxContext);\n\n  const isSelectAllSupplied = onSelectAll !== noop;\n  const isClearAllSupplied = onClearAll !== noop;\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const selectableOptions = getSelectableOptions(options);\n  const {\n    handleKeyDown,\n    handleClickOnClearAll,\n    handleClickOnSelectAll,\n    handleOnBlurClearAll,\n    handleOnBlurSelectAll,\n    handleOnMouseDown,\n    handleToggle,\n  } = useHeaderListHandlers();\n  return (\n    <StyledHeaderListWrapper onKeyDown={handleKeyDown} onMouseDown={handleOnMouseDown}>\n      <StyledSelectedItems>\n        {isSelectAllSupplied && (\n          <StyledButton\n            disabled={inputRef?.current?.value !== '' || selectableOptions.length === multiSelectedValues.length}\n            data-testid={ComboboxDataTestid.SELECT_ALL_BUTTON}\n            buttonType=\"text\"\n            labelText=\"All\"\n            size=\"s\"\n            onMouseDown={handleOnMouseDown}\n            onBlur={handleOnBlurSelectAll}\n            onClick={handleClickOnSelectAll}\n          />\n        )}\n        {isSelectAllSupplied && isClearAllSupplied && (\n          <StyledSeparator orientation=\"vertical\" position=\"center\" type=\"group-level\" margin=\"none\" />\n        )}\n        {isClearAllSupplied && (\n          <StyledButton\n            disabled={multiSelectedValues.length === 0}\n            tabIndex={0}\n            data-testid={ComboboxDataTestid.CLEAR_ALL_BUTTON}\n            buttonType=\"text\"\n            size=\"s\"\n            labelText=\"Clear\"\n            onMouseDown={handleOnMouseDown}\n            onBlur={handleOnBlurClearAll}\n            onClick={handleClickOnClearAll}\n          />\n        )}\n      </StyledSelectedItems>\n      <StyledSelectedItems>\n        {withToggle ? (\n          <>\n            {multiSelectedValues.length > 0 ? (\n              <StyledButtonSelection\n                buttonType=\"text\"\n                disabled={!showSelectedOptions && selectableOptions.length === multiSelectedValues.length}\n                onClick={handleToggle}\n                labelText={!showSelectedOptions ? `${multiSelectedValues.length} SELECTED` : 'SHOW ALL'}\n                size=\"s\"\n              />\n            ) : (\n              <StyledNoOptionsSelected>0 SELECTED</StyledNoOptionsSelected>\n            )}\n          </>\n        ) : (\n          <>\n            <StyledShowAllButton\n              buttonType=\"text\"\n              data-testid={ComboboxDataTestid.SHOW_ALL_BUTTON}\n              tabIndex={!showSelectedOptions ? -1 : 0}\n              onClick={showSelectedOptions ? handleToggle : noop}\n              labelText=\"SHOW ALL\"\n              isSelected={!showSelectedOptions}\n              size=\"s\"\n              style={{\n                fontWeight: showSelectedOptions ? '300' : '600',\n              }}\n            />\n\n            <StyledSeparator orientation=\"vertical\" position=\"center\" type=\"group-level\" margin=\"none\" />\n            <StyledButtonSelection\n              tabIndex={showSelectedOptions ? -1 : 0}\n              data-testid={ComboboxDataTestid.SHOW_SELECTED_OPTIONS_BUTTON}\n              disabled={\n                multiSelectedValues.length === 0 ||\n                (!showSelectedOptions && selectableOptions.length === multiSelectedValues.length)\n              }\n              buttonType=\"text\"\n              isSelected={showSelectedOptions}\n              onClick={!showSelectedOptions ? handleToggle : noop}\n              labelText={`${multiSelectedValues.length} SELECTED`}\n              size=\"s\"\n            />\n          </>\n        )}\n      </StyledSelectedItems>\n    </StyledHeaderListWrapper>\n  );\n};\n\nexport { HeaderList };\n"],
+  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AACA,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,aAAa,YAAY,YAAY,gBAAgB;AAAA,IAC9D;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,sBAAsB,gBAAgB;AAC5C,QAAM,qBAAqB,eAAe;AAE1C,QAAM,sBAAsB;AAC5B,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,SACE,qCAAC,yBAAD;AAAA,IAAyB,WAAW;AAAA,IAAe,aAAa;AAAA,KAC9D,qCAAC,qBAAD,MACG,uBACC,qCAAC,cAAD;AAAA,IACE,UAAU,UAAU,SAAS,UAAU,MAAM,kBAAkB,WAAW,oBAAoB;AAAA,IAC9F,eAAa,mBAAmB;AAAA,IAChC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAK;AAAA,IACL,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,MAGZ,uBAAuB,sBACtB,qCAAC,iBAAD;AAAA,IAAiB,aAAY;AAAA,IAAW,UAAS;AAAA,IAAS,MAAK;AAAA,IAAc,QAAO;AAAA,MAErF,sBACC,qCAAC,cAAD;AAAA,IACE,UAAU,oBAAoB,WAAW;AAAA,IACzC,UAAU;AAAA,IACV,eAAa,mBAAmB;AAAA,IAChC,YAAW;AAAA,IACX,MAAK;AAAA,IACL,WAAU;AAAA,IACV,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,OAIf,qCAAC,qBAAD,MACG,aACC,4DACG,oBAAoB,SAAS,IAC5B,qCAAC,uBAAD;AAAA,IACE,YAAW;AAAA,IACX,UAAU,CAAC,uBAAuB,kBAAkB,WAAW,oBAAoB;AAAA,IACnF,SAAS;AAAA,IACT,WAAW,CAAC,sBAAsB,GAAG,oBAAoB,oBAAoB;AAAA,IAC7E,MAAK;AAAA,OAGP,qCAAC,yBAAD,MAAyB,iBAI7B,4DACE,qCAAC,qBAAD;AAAA,IACE,YAAW;AAAA,IACX,eAAa,mBAAmB;AAAA,IAChC,UAAU,CAAC,sBAAsB,KAAK;AAAA,IACtC,SAAS,sBAAsB,eAAe;AAAA,IAC9C,WAAU;AAAA,IACV,YAAY,CAAC;AAAA,IACb,MAAK;AAAA,IACL,OAAO;AAAA,MACL,YAAY,sBAAsB,QAAQ;AAAA;AAAA,MAI9C,qCAAC,iBAAD;AAAA,IAAiB,aAAY;AAAA,IAAW,UAAS;AAAA,IAAS,MAAK;AAAA,IAAc,QAAO;AAAA,MACpF,qCAAC,uBAAD;AAAA,IACE,UAAU,sBAAsB,KAAK;AAAA,IACrC,eAAa,mBAAmB;AAAA,IAChC,UACE,oBAAoB,WAAW,KAC9B,CAAC,uBAAuB,kBAAkB,WAAW,oBAAoB;AAAA,IAE5E,YAAW;AAAA,IACX,YAAY;AAAA,IACZ,SAAS,CAAC,sBAAsB,eAAe;AAAA,IAC/C,WAAW,GAAG,oBAAoB;AAAA,IAClC,MAAK;AAAA;AAAA;",
+  "names": []
+}