@basic-ui/core 0.0.38 → 0.0.39

package/build/esm/ComboBox/ComboboxButton.js

@@ -1,32 +1,32 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { useComboBoxContext } from './context';
 import { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';
 import { wrapEvent } from '../utils/wrapEvent';
 import { assignMultipleRefs } from '../utils/assignRef';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxButton = /*#__PURE__*/forwardRef(function ComboboxButton(_ref, ref) {
-  let {
-    as: Comp = 'button',
-    innerAs,
-    onClick,
-    onKeyDown
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "innerAs", "onClick", "onKeyDown"]);
+export var ComboboxButton = /*#__PURE__*/forwardRef(function ComboboxButton(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'button' : _ref$as,
+      innerAs = _ref.innerAs,
+      onClick = _ref.onClick,
+      onKeyDown = _ref.onKeyDown,
+      props = _objectWithoutProperties(_ref, ["as", "innerAs", "onClick", "onKeyDown"]);
 
-  const {
-    transition,
-    data,
-    state,
-    buttonRef,
-    listboxIdRef,
-    isVisible
-  } = useComboBoxContext();
-  const handleKeyDown = useKeyDown();
+  var _useComboBoxContext = useComboBoxContext(),
+      transition = _useComboBoxContext.transition,
+      data = _useComboBoxContext.data,
+      state = _useComboBoxContext.state,
+      buttonRef = _useComboBoxContext.buttonRef,
+      listboxIdRef = _useComboBoxContext.listboxIdRef,
+      isVisible = _useComboBoxContext.isVisible;
 
-  const handleClick = () => {
-    const payload = {
+  var handleKeyDown = useKeyDown();
+
+  var handleClick = function handleClick() {
+    var payload = {
       item: data.navigationItem
     };
 

package/build/esm/ComboBox/ComboboxButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxButton.tsx"],"names":["forwardRef","useComboBoxContext","useKeyDown","IDLE","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","wrapEvent","assignMultipleRefs","ComboboxButton","ref","as","Comp","innerAs","onClick","onKeyDown","props","transition","data","state","buttonRef","listboxIdRef","isVisible","handleKeyDown","handleClick","payload","item","navigationItem","current"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,gBAA3B,EAA6CC,iBAA7C,QAAsE,SAAtE;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,oBAAnC;;AAWA,OAAO,MAAMC,cAAc,gBAAGR,UAAU,CAGtC,SAASQ,cAAT,OAEAC,GAFA,EAGA;AAAA,MAFA;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,QAAb;AAAuBC,IAAAA,OAAvB;AAAgCC,IAAAA,OAAhC;AAAyCC,IAAAA;AAAzC,GAEA;AAAA,MAFuDC,KAEvD;;AACA,QAAM;AACJC,IAAAA,UADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,SAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA;AANI,MAOFpB,kBAAkB,EAPtB;AASA,QAAMqB,aAAa,GAAGpB,UAAU,EAAhC;;AAEA,QAAMqB,WAAW,GAAG,MAAM;AACxB,UAAMC,OAAO,GAAG;AACdC,MAAAA,IAAI,EAAER,IAAI,CAACS;AADG,KAAhB;;AAIA,QAAIR,KAAK,KAAKf,IAAd,EAAoB;AAClBa,MAAAA,UAAU,CAACZ,gBAAD,EAAmBoB,OAAnB,CAAV;AACD,KAFD,MAEO;AACLR,MAAAA,UAAU,CAACX,iBAAD,EAAoBmB,OAApB,CAAV;AACD;AACF,GAVD;;AAYA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEZ,OADN;AAEE,kCAA2B,EAF7B;AAGE,qBAAeQ,YAAY,CAACO,OAH9B;AAIE,qBAAc,SAJhB;AAKE,qBAAeN,SALjB;AAME,IAAA,GAAG,EAAEd,kBAAkB,CAACE,GAAD,EAAMU,SAAN,CANzB;AAOE,IAAA,OAAO,EAAEb,SAAS,CAACO,OAAD,EAAUU,WAAV,CAPpB;AAQE,IAAA,SAAS,EAAEjB,SAAS,CAACQ,SAAD,EAAYQ,aAAZ;AARtB,KASMP,KATN,EADF;AAaD,CA3CuC,CAAjC","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useComboBoxContext } from './context';\nimport { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { assignMultipleRefs } from '../utils/assignRef';\n\nexport interface ComboboxButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxButton = forwardRef<\n  HTMLButtonElement,\n  ComboboxButtonProps\n>(function ComboboxButton(\n  { as: Comp = 'button', innerAs, onClick, onKeyDown, ...props },\n  ref\n) {\n  const {\n    transition,\n    data,\n    state,\n    buttonRef,\n    listboxIdRef,\n    isVisible,\n  } = useComboBoxContext();\n\n  const handleKeyDown = useKeyDown();\n\n  const handleClick = () => {\n    const payload = {\n      item: data.navigationItem,\n    };\n\n    if (state === IDLE) {\n      transition(OPEN_WITH_BUTTON, payload);\n    } else {\n      transition(CLOSE_WITH_BUTTON, payload);\n    }\n  };\n\n  return (\n    <Comp\n      as={innerAs}\n      data-reach-combobox-button=\"\"\n      aria-controls={listboxIdRef.current}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isVisible}\n      ref={assignMultipleRefs(ref, buttonRef)}\n      onClick={wrapEvent(onClick, handleClick)}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      {...props}\n    />\n  );\n});\n"],"file":"ComboboxButton.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxButton.tsx"],"names":["forwardRef","React","useComboBoxContext","useKeyDown","IDLE","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","wrapEvent","assignMultipleRefs","ComboboxButton","ref","as","Comp","innerAs","onClick","onKeyDown","props","transition","data","state","buttonRef","listboxIdRef","isVisible","handleKeyDown","handleClick","payload","item","navigationItem","current"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,gBAA3B,EAA6CC,iBAA7C,QAAsE,SAAtE;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,oBAAnC;;AAWA,OAAO,IAAMC,cAAc,gBAAGT,UAAU,CAGtC,SAASS,cAAT,OAEAC,GAFA,EAGA;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,QAEb;AAAA,MAFuBC,OAEvB,QAFuBA,OAEvB;AAAA,MAFgCC,OAEhC,QAFgCA,OAEhC;AAAA,MAFyCC,SAEzC,QAFyCA,SAEzC;AAAA,MAFuDC,KAEvD;;AAAA,4BAEEd,kBAAkB,EAFpB;AAAA,MACQe,UADR,uBACQA,UADR;AAAA,MACoBC,IADpB,uBACoBA,IADpB;AAAA,MAC0BC,KAD1B,uBAC0BA,KAD1B;AAAA,MACiCC,SADjC,uBACiCA,SADjC;AAAA,MAC4CC,YAD5C,uBAC4CA,YAD5C;AAAA,MAC0DC,SAD1D,uBAC0DA,SAD1D;;AAIA,MAAMC,aAAa,GAAGpB,UAAU,EAAhC;;AAEA,MAAMqB,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAMC,OAAO,GAAG;AACdC,MAAAA,IAAI,EAAER,IAAI,CAACS;AADG,KAAhB;;AAIA,QAAIR,KAAK,KAAKf,IAAd,EAAoB;AAClBa,MAAAA,UAAU,CAACZ,gBAAD,EAAmBoB,OAAnB,CAAV;AACD,KAFD,MAEO;AACLR,MAAAA,UAAU,CAACX,iBAAD,EAAoBmB,OAApB,CAAV;AACD;AACF,GAVD;;AAYA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEZ,OADN;AAEE,kCAA2B,EAF7B;AAGE,qBAAeQ,YAAY,CAACO,OAH9B;AAIE,qBAAc,SAJhB;AAKE,qBAAeN,SALjB;AAME,IAAA,GAAG,EAAEd,kBAAkB,CAACE,GAAD,EAAMU,SAAN,CANzB;AAOE,IAAA,OAAO,EAAEb,SAAS,CAACO,OAAD,EAAUU,WAAV,CAPpB;AAQE,IAAA,SAAS,EAAEjB,SAAS,CAACQ,SAAD,EAAYQ,aAAZ;AARtB,KASMP,KATN,EADF;AAaD,CArCuC,CAAjC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { assignMultipleRefs } from '../utils/assignRef';\n\nexport interface ComboboxButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxButton = forwardRef<\n  HTMLButtonElement,\n  ComboboxButtonProps\n>(function ComboboxButton(\n  { as: Comp = 'button', innerAs, onClick, onKeyDown, ...props },\n  ref\n) {\n  const { transition, data, state, buttonRef, listboxIdRef, isVisible } =\n    useComboBoxContext();\n\n  const handleKeyDown = useKeyDown();\n\n  const handleClick = () => {\n    const payload = {\n      item: data.navigationItem,\n    };\n\n    if (state === IDLE) {\n      transition(OPEN_WITH_BUTTON, payload);\n    } else {\n      transition(CLOSE_WITH_BUTTON, payload);\n    }\n  };\n\n  return (\n    <Comp\n      as={innerAs}\n      data-reach-combobox-button=\"\"\n      aria-controls={listboxIdRef.current}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isVisible}\n      ref={assignMultipleRefs(ref, buttonRef)}\n      onClick={wrapEvent(onClick, handleClick)}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      {...props}\n    />\n  );\n});\n"],"file":"ComboboxButton.js"}

package/build/esm/ComboBox/ComboboxInput.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     clearOnEscape?: boolean;
     selectOnClick?: boolean;

package/build/esm/ComboBox/ComboboxInput.js

@@ -1,54 +1,55 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useEffect, useRef } from 'react';
+import * as React from 'react';
 import { useBlur, CLEAR, CHANGE, useKeyDown, SELECT_WITH_CLICK, FOCUS, NAVIGATING, INIT, useFocusManagement } from './hooks';
 import { assignMultipleRefs, wrapEvent } from '../utils';
 import { useComboBoxContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxInput = /*#__PURE__*/forwardRef(function ComboboxInput(_ref, forwardedRef) {
-  let {
-    as: Comp = 'input',
-    innerAs,
-    selectOnClick = false,
-    autocomplete = true,
-    clearOnEscape = false,
-    // wrapped events
-    onClick,
-    onChange,
-    onKeyDown,
-    onBlur,
-    onFocus,
-    id: preferredId,
-    defaultValue = '',
-    // might be controlled
-    value: controlledValue
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "innerAs", "selectOnClick", "autocomplete", "clearOnEscape", "onClick", "onChange", "onKeyDown", "onBlur", "onFocus", "id", "defaultValue", "value"]);
+export var ComboboxInput = /*#__PURE__*/forwardRef(function ComboboxInput(_ref, forwardedRef) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'input' : _ref$as,
+      innerAs = _ref.innerAs,
+      _ref$selectOnClick = _ref.selectOnClick,
+      selectOnClick = _ref$selectOnClick === void 0 ? false : _ref$selectOnClick,
+      _ref$autocomplete = _ref.autocomplete,
+      autocomplete = _ref$autocomplete === void 0 ? true : _ref$autocomplete,
+      _ref$clearOnEscape = _ref.clearOnEscape,
+      clearOnEscape = _ref$clearOnEscape === void 0 ? false : _ref$clearOnEscape,
+      onClick = _ref.onClick,
+      onChange = _ref.onChange,
+      onKeyDown = _ref.onKeyDown,
+      onBlur = _ref.onBlur,
+      onFocus = _ref.onFocus,
+      preferredId = _ref.id,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+      controlledValue = _ref.value,
+      props = _objectWithoutProperties(_ref, ["as", "innerAs", "selectOnClick", "autocomplete", "clearOnEscape", "onClick", "onChange", "onKeyDown", "onBlur", "onFocus", "id", "defaultValue", "value"]);
+
+  var _useComboBoxContext = useComboBoxContext(),
+      _useComboBoxContext$d = _useComboBoxContext.data,
+      navigationItem = _useComboBoxContext$d.navigationItem,
+      text = _useComboBoxContext$d.text,
+      lastActionType = _useComboBoxContext$d.lastActionType,
+      inputRef = _useComboBoxContext.inputRef,
+      state = _useComboBoxContext.state,
+      transition = _useComboBoxContext.transition,
+      listboxIdRef = _useComboBoxContext.listboxIdRef,
+      autocompletePropRef = _useComboBoxContext.autocompletePropRef,
+      clearOnEscapeRef = _useComboBoxContext.clearOnEscapeRef,
+      openOnFocus = _useComboBoxContext.openOnFocus,
+      optionsRef = _useComboBoxContext.optionsRef,
+      labelIdRef = _useComboBoxContext.labelIdRef; // Keep focus on the input component
 
-  const {
-    data: {
-      navigationItem,
-      text,
-      lastActionType
-    },
-    inputRef,
-    state,
-    transition,
-    listboxIdRef,
-    autocompletePropRef,
-    clearOnEscapeRef,
-    openOnFocus,
-    optionsRef,
-    labelIdRef
-  } = useComboBoxContext(); // Keep focus on the input component
 
   useFocusManagement(lastActionType, inputRef); // Keep using the defaultValue until the user started interacting
 
-  const hasStartedInteracting = useRef(false); // Because we close the List on blur, we need to track if the blur is
+  var hasStartedInteracting = useRef(false); // Because we close the List on blur, we need to track if the blur is
   // caused by clicking inside the list, and if so, don't close the List.
 
-  const selectOnClickRef = useRef(false);
-  const handleBlur = useBlur(); // Update ref props
+  var selectOnClickRef = useRef(false);
+  var handleBlur = useBlur(); // Update ref props
 
   autocompletePropRef.current = autocomplete;
   clearOnEscapeRef.current = clearOnEscape;
@@ -56,23 +57,23 @@ export const ComboboxInput = /*#__PURE__*/forwardRef(function ComboboxInput(_ref
   // types, instead the developer controls it with the normal input onChange
   // prop
 
-  const handleChange = e => {
+  var handleChange = function handleChange(e) {
     // After the user started typing, lets forget the defaultValue
     hasStartedInteracting.current = true;
-    const text = e.target.value;
+    var text = e.target.value;
 
     if (text.trim() === '') {
       transition(CLEAR);
     } else {
       transition(CHANGE, {
-        text
+        text: text
       });
     }
   };
 
-  const handleKeyDown = useKeyDown();
+  var handleKeyDown = useKeyDown();
 
-  const handleFocus = () => {
+  var handleFocus = function handleFocus() {
     if (selectOnClick) {
       selectOnClickRef.current = true;
     } // If we select an option with click, useFocusManagement will focus the
@@ -87,22 +88,24 @@ export const ComboboxInput = /*#__PURE__*/forwardRef(function ComboboxInput(_ref
     }
   };
 
-  const handleClick = () => {
+  var handleClick = function handleClick() {
     if (selectOnClickRef.current) {
       selectOnClickRef.current = false;
       inputRef.current && inputRef.current.select();
     }
   };
 
-  const navigationText = navigationItem !== '' ? optionsRef.current[navigationItem].text : undefined;
-  const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;
-  const inputStrings = // When idle, we don't have a navigationText on ArrowUp/Down
+  var navigationText = navigationItem !== '' ? optionsRef.current[navigationItem].text : undefined;
+  var fallbackValue = hasStartedInteracting.current ? '' : defaultValue;
+  var inputStrings = // When idle, we don't have a navigationText on ArrowUp/Down
   autocomplete && state === NAVIGATING ? [navigationText, controlledValue, text, fallbackValue] : [controlledValue, text, fallbackValue];
-  const inputValue = inputStrings.find(str => str !== undefined); // If they are controlling the value we still need to do our transitions, so
+  var inputValue = inputStrings.find(function (str) {
+    return str !== undefined;
+  }); // If they are controlling the value we still need to do our transitions, so
   // we have this derived state to emulate onChange of the input as we receive
   // new `value`s ...[*]
 
-  useEffect(() => {
+  useEffect(function () {
     transition(INIT, {
       text: inputValue,
       item: ''

package/build/esm/ComboBox/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxInput.tsx"],"names":["forwardRef","useEffect","useRef","useBlur","CLEAR","CHANGE","useKeyDown","SELECT_WITH_CLICK","FOCUS","NAVIGATING","INIT","useFocusManagement","assignMultipleRefs","wrapEvent","useComboBoxContext","ComboboxInput","forwardedRef","as","Comp","innerAs","selectOnClick","autocomplete","clearOnEscape","onClick","onChange","onKeyDown","onBlur","onFocus","id","preferredId","defaultValue","value","controlledValue","props","data","navigationItem","text","lastActionType","inputRef","state","transition","listboxIdRef","autocompletePropRef","clearOnEscapeRef","openOnFocus","optionsRef","labelIdRef","hasStartedInteracting","selectOnClickRef","handleBlur","current","handleChange","e","target","trim","handleKeyDown","handleFocus","item","handleClick","select","navigationText","undefined","fallbackValue","inputStrings","inputValue","find","str"],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef } from 'react';\nimport type * as React from 'react';\nimport {\n  useBlur,\n  CLEAR,\n  CHANGE,\n  useKeyDown,\n  SELECT_WITH_CLICK,\n  FOCUS,\n  NAVIGATING,\n  INIT,\n  useFocusManagement,\n} from './hooks';\nimport { assignMultipleRefs, wrapEvent } from '../utils';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxInputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  // clear on ESC\n  clearOnEscape?: boolean;\n  // highlights all the text in the box on click when true\n  selectOnClick?: boolean;\n  // updates the value in the input when navigating w/ the keyboard\n  autocomplete?: boolean;\n  // initial value for uncontrolled mode\n  defaultValue?: string;\n  // value for controlled mode\n  value?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput(\n    {\n      as: Comp = 'input',\n      innerAs,\n      selectOnClick = false,\n      autocomplete = true,\n      clearOnEscape = false,\n\n      // wrapped events\n      onClick,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n\n      id: preferredId,\n\n      defaultValue = '',\n\n      // might be controlled\n      value: controlledValue,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const {\n      data: { navigationItem, text, lastActionType },\n      inputRef,\n      state,\n      transition,\n      listboxIdRef,\n      autocompletePropRef,\n      clearOnEscapeRef,\n      openOnFocus,\n      optionsRef,\n      labelIdRef,\n    } = useComboBoxContext();\n\n    // Keep focus on the input component\n    useFocusManagement(lastActionType, inputRef);\n\n    // Keep using the defaultValue until the user started interacting\n    const hasStartedInteracting = useRef(false);\n\n    // Because we close the List on blur, we need to track if the blur is\n    // caused by clicking inside the list, and if so, don't close the List.\n    const selectOnClickRef = useRef(false);\n\n    const handleBlur = useBlur();\n\n    // Update ref props\n    autocompletePropRef.current = autocomplete;\n    clearOnEscapeRef.current = clearOnEscape;\n    listboxIdRef.current = preferredId || listboxIdRef.current;\n\n    // [*]... and when controlled, we don't trigger handleValueChange as the user\n    // types, instead the developer controls it with the normal input onChange\n    // prop\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      // After the user started typing, lets forget the defaultValue\n      hasStartedInteracting.current = true;\n\n      const text = e.target.value;\n      if (text.trim() === '') {\n        transition(CLEAR);\n      } else {\n        transition(CHANGE, { text });\n      }\n    };\n\n    const handleKeyDown = useKeyDown();\n\n    const handleFocus = () => {\n      if (selectOnClick) {\n        selectOnClickRef.current = true;\n      }\n      // If we select an option with click, useFocusManagement will focus the\n      // input, in those cases we don't want to cause the menu to open back up,\n      // so we guard behind these states\n      if (openOnFocus && lastActionType !== SELECT_WITH_CLICK) {\n        transition(FOCUS, {\n          item: navigationItem,\n        });\n      }\n    };\n\n    const handleClick = () => {\n      if (selectOnClickRef.current) {\n        selectOnClickRef.current = false;\n        inputRef.current && inputRef.current.select();\n      }\n    };\n\n    const navigationText =\n      navigationItem !== ''\n        ? optionsRef.current[navigationItem].text\n        : undefined;\n\n    const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;\n\n    const inputStrings =\n      // When idle, we don't have a navigationText on ArrowUp/Down\n      autocomplete && state === NAVIGATING\n        ? [navigationText, controlledValue, text, fallbackValue]\n        : [controlledValue, text, fallbackValue];\n\n    const inputValue = inputStrings.find((str) => str !== undefined);\n\n    // If they are controlling the value we still need to do our transitions, so\n    // we have this derived state to emulate onChange of the input as we receive\n    // new `value`s ...[*]\n    useEffect(() => {\n      transition(INIT, { text: inputValue, item: '' });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-input=\"\"\n        ref={assignMultipleRefs(inputRef, forwardedRef)}\n        value={inputValue}\n        onClick={wrapEvent(onClick, handleClick)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onChange={wrapEvent(onChange, handleChange)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        aria-labelledby={labelIdRef.current}\n        id={listboxIdRef.current}\n        aria-autocomplete=\"both\"\n        aria-activedescendant={\n          navigationItem !== '' ? navigationItem : undefined\n        }\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n"],"file":"ComboboxInput.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxInput.tsx"],"names":["forwardRef","useEffect","useRef","React","useBlur","CLEAR","CHANGE","useKeyDown","SELECT_WITH_CLICK","FOCUS","NAVIGATING","INIT","useFocusManagement","assignMultipleRefs","wrapEvent","useComboBoxContext","ComboboxInput","forwardedRef","as","Comp","innerAs","selectOnClick","autocomplete","clearOnEscape","onClick","onChange","onKeyDown","onBlur","onFocus","preferredId","id","defaultValue","controlledValue","value","props","data","navigationItem","text","lastActionType","inputRef","state","transition","listboxIdRef","autocompletePropRef","clearOnEscapeRef","openOnFocus","optionsRef","labelIdRef","hasStartedInteracting","selectOnClickRef","handleBlur","current","handleChange","e","target","trim","handleKeyDown","handleFocus","item","handleClick","select","navigationText","undefined","fallbackValue","inputStrings","inputValue","find","str"],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport {\n  useBlur,\n  CLEAR,\n  CHANGE,\n  useKeyDown,\n  SELECT_WITH_CLICK,\n  FOCUS,\n  NAVIGATING,\n  INIT,\n  useFocusManagement,\n} from './hooks';\nimport { assignMultipleRefs, wrapEvent } from '../utils';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxInputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  // clear on ESC\n  clearOnEscape?: boolean;\n  // highlights all the text in the box on click when true\n  selectOnClick?: boolean;\n  // updates the value in the input when navigating w/ the keyboard\n  autocomplete?: boolean;\n  // initial value for uncontrolled mode\n  defaultValue?: string;\n  // value for controlled mode\n  value?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput(\n    {\n      as: Comp = 'input',\n      innerAs,\n      selectOnClick = false,\n      autocomplete = true,\n      clearOnEscape = false,\n\n      // wrapped events\n      onClick,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n\n      id: preferredId,\n\n      defaultValue = '',\n\n      // might be controlled\n      value: controlledValue,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const {\n      data: { navigationItem, text, lastActionType },\n      inputRef,\n      state,\n      transition,\n      listboxIdRef,\n      autocompletePropRef,\n      clearOnEscapeRef,\n      openOnFocus,\n      optionsRef,\n      labelIdRef,\n    } = useComboBoxContext();\n\n    // Keep focus on the input component\n    useFocusManagement(lastActionType, inputRef);\n\n    // Keep using the defaultValue until the user started interacting\n    const hasStartedInteracting = useRef(false);\n\n    // Because we close the List on blur, we need to track if the blur is\n    // caused by clicking inside the list, and if so, don't close the List.\n    const selectOnClickRef = useRef(false);\n\n    const handleBlur = useBlur();\n\n    // Update ref props\n    autocompletePropRef.current = autocomplete;\n    clearOnEscapeRef.current = clearOnEscape;\n    listboxIdRef.current = preferredId || listboxIdRef.current;\n\n    // [*]... and when controlled, we don't trigger handleValueChange as the user\n    // types, instead the developer controls it with the normal input onChange\n    // prop\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      // After the user started typing, lets forget the defaultValue\n      hasStartedInteracting.current = true;\n\n      const text = e.target.value;\n      if (text.trim() === '') {\n        transition(CLEAR);\n      } else {\n        transition(CHANGE, { text });\n      }\n    };\n\n    const handleKeyDown = useKeyDown();\n\n    const handleFocus = () => {\n      if (selectOnClick) {\n        selectOnClickRef.current = true;\n      }\n      // If we select an option with click, useFocusManagement will focus the\n      // input, in those cases we don't want to cause the menu to open back up,\n      // so we guard behind these states\n      if (openOnFocus && lastActionType !== SELECT_WITH_CLICK) {\n        transition(FOCUS, {\n          item: navigationItem,\n        });\n      }\n    };\n\n    const handleClick = () => {\n      if (selectOnClickRef.current) {\n        selectOnClickRef.current = false;\n        inputRef.current && inputRef.current.select();\n      }\n    };\n\n    const navigationText =\n      navigationItem !== ''\n        ? optionsRef.current[navigationItem].text\n        : undefined;\n\n    const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;\n\n    const inputStrings =\n      // When idle, we don't have a navigationText on ArrowUp/Down\n      autocomplete && state === NAVIGATING\n        ? [navigationText, controlledValue, text, fallbackValue]\n        : [controlledValue, text, fallbackValue];\n\n    const inputValue = inputStrings.find((str) => str !== undefined);\n\n    // If they are controlling the value we still need to do our transitions, so\n    // we have this derived state to emulate onChange of the input as we receive\n    // new `value`s ...[*]\n    useEffect(() => {\n      transition(INIT, { text: inputValue, item: '' });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-input=\"\"\n        ref={assignMultipleRefs(inputRef, forwardedRef)}\n        value={inputValue}\n        onClick={wrapEvent(onClick, handleClick)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onChange={wrapEvent(onChange, handleChange)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        aria-labelledby={labelIdRef.current}\n        id={listboxIdRef.current}\n        aria-autocomplete=\"both\"\n        aria-activedescendant={\n          navigationItem !== '' ? navigationItem : undefined\n        }\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n"],"file":"ComboboxInput.js"}

package/build/esm/ComboBox/ComboboxLabel.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ComboboxLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/ComboBox/ComboboxLabel.js

@@ -1,20 +1,20 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { useComboBoxContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxLabel = /*#__PURE__*/forwardRef(function ComboboxButton(_ref, ref) {
-  let {
-    as: Comp = 'label',
-    innerAs,
-    id: preferredId
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "innerAs", "id"]);
+export var ComboboxLabel = /*#__PURE__*/forwardRef(function ComboboxButton(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'label' : _ref$as,
+      innerAs = _ref.innerAs,
+      preferredId = _ref.id,
+      props = _objectWithoutProperties(_ref, ["as", "innerAs", "id"]);
+
+  var _useComboBoxContext = useComboBoxContext(),
+      listboxIdRef = _useComboBoxContext.listboxIdRef,
+      labelIdRef = _useComboBoxContext.labelIdRef;
 
-  const {
-    listboxIdRef,
-    labelIdRef
-  } = useComboBoxContext();
   labelIdRef.current = preferredId || labelIdRef.current;
   return /*#__PURE__*/_jsx(Comp, _extends({
     as: innerAs,

package/build/esm/ComboBox/ComboboxLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxLabel.tsx"],"names":["forwardRef","useComboBoxContext","ComboboxLabel","ComboboxButton","ref","as","Comp","innerAs","id","preferredId","props","listboxIdRef","labelIdRef","current"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;;AASA,OAAO,MAAMC,aAAa,gBAAGF,UAAU,CACrC,SAASG,cAAT,OAEEC,GAFF,EAGE;AAAA,MAFA;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,OAAb;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA,EAAE,EAAEC;AAAnC,GAEA;AAAA,MAFmDC,KAEnD;;AACA,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,MAA+BX,kBAAkB,EAAvD;AAEAW,EAAAA,UAAU,CAACC,OAAX,GAAqBJ,WAAW,IAAIG,UAAU,CAACC,OAA/C;AAEA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEN,OADN;AAEE,iCAA0B,EAF5B;AAGE,IAAA,OAAO,EAAEI,YAAY,CAACE,OAHxB;AAIE,IAAA,EAAE,EAAED,UAAU,CAACC,OAJjB;AAKE,IAAA,GAAG,EAAET;AALP,KAMMM,KANN,EADF;AAUD,CAnBoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxLabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxLabel = forwardRef<HTMLLabelElement, ComboboxLabelProps>(\n  function ComboboxButton(\n    { as: Comp = 'label', innerAs, id: preferredId, ...props },\n    ref\n  ) {\n    const { listboxIdRef, labelIdRef } = useComboBoxContext();\n\n    labelIdRef.current = preferredId || labelIdRef.current;\n\n    return (\n      <Comp\n        as={innerAs}\n        data-reach-combobox-label=\"\"\n        htmlFor={listboxIdRef.current}\n        id={labelIdRef.current}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"ComboboxLabel.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxLabel.tsx"],"names":["forwardRef","React","useComboBoxContext","ComboboxLabel","ComboboxButton","ref","as","Comp","innerAs","preferredId","id","props","listboxIdRef","labelIdRef","current"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;;AASA,OAAO,IAAMC,aAAa,gBAAGH,UAAU,CACrC,SAASI,cAAT,OAEEC,GAFF,EAGE;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,OAEb;AAAA,MAFsBC,OAEtB,QAFsBA,OAEtB;AAAA,MAFmCC,WAEnC,QAF+BC,EAE/B;AAAA,MAFmDC,KAEnD;;AAAA,4BACqCT,kBAAkB,EADvD;AAAA,MACQU,YADR,uBACQA,YADR;AAAA,MACsBC,UADtB,uBACsBA,UADtB;;AAGAA,EAAAA,UAAU,CAACC,OAAX,GAAqBL,WAAW,IAAII,UAAU,CAACC,OAA/C;AAEA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEN,OADN;AAEE,iCAA0B,EAF5B;AAGE,IAAA,OAAO,EAAEI,YAAY,CAACE,OAHxB;AAIE,IAAA,EAAE,EAAED,UAAU,CAACC,OAJjB;AAKE,IAAA,GAAG,EAAET;AALP,KAMMM,KANN,EADF;AAUD,CAnBoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxLabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxLabel = forwardRef<HTMLLabelElement, ComboboxLabelProps>(\n  function ComboboxButton(\n    { as: Comp = 'label', innerAs, id: preferredId, ...props },\n    ref\n  ) {\n    const { listboxIdRef, labelIdRef } = useComboBoxContext();\n\n    labelIdRef.current = preferredId || labelIdRef.current;\n\n    return (\n      <Comp\n        as={innerAs}\n        data-reach-combobox-label=\"\"\n        htmlFor={listboxIdRef.current}\n        id={labelIdRef.current}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"ComboboxLabel.js"}

package/build/esm/ComboBox/ComboboxList.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ComboboxListProps extends React.HTMLAttributes<HTMLUListElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/ComboBox/ComboboxList.js

@@ -1,27 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useRef, useEffect } from 'react';
+import * as React from 'react';
 import { useComboBoxContext } from './context';
 import { getScope } from '../hooks';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxList = /*#__PURE__*/forwardRef(function ComboboxList(_ref, ref) {
-  let {
-    // when true, and the list opens again, the option with a matching value will be
-    // automatically highleted.
-    persistSelection = false,
-    as: Comp = 'ul',
-    innerAs
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["persistSelection", "as", "innerAs"]);
+export var ComboboxList = /*#__PURE__*/forwardRef(function ComboboxList(_ref, ref) {
+  var _ref$persistSelection = _ref.persistSelection,
+      persistSelection = _ref$persistSelection === void 0 ? false : _ref$persistSelection,
+      _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'ul' : _ref$as,
+      innerAs = _ref.innerAs,
+      props = _objectWithoutProperties(_ref, ["persistSelection", "as", "innerAs"]);
 
-  const {
-    persistSelectionRef,
-    labelIdRef,
-    listScope
-  } = useComboBoxContext();
-  const listRef = useRef();
-  useEffect(() => {
+  var _useComboBoxContext = useComboBoxContext(),
+      persistSelectionRef = _useComboBoxContext.persistSelectionRef,
+      labelIdRef = _useComboBoxContext.labelIdRef,
+      listScope = _useComboBoxContext.listScope;
+
+  var listRef = useRef();
+  useEffect(function () {
     listScope.current = getScope(listRef);
   }, [listScope]);
   persistSelectionRef.current = persistSelection;

package/build/esm/ComboBox/ComboboxList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxList.tsx"],"names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,MAAMC,YAAY,gBAAGN,UAAU,CACpC,SAASM,YAAT,OASEC,GATF,EAUE;AAAA,MATA;AACE;AACA;AACAC,IAAAA,gBAAgB,GAAG,KAHrB;AAIEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,IAJb;AAKEC,IAAAA;AALF,GASA;AAAA,MAHKC,KAGL;;AACA,QAAM;AAAEC,IAAAA,mBAAF;AAAuBC,IAAAA,UAAvB;AAAmCC,IAAAA;AAAnC,MAAiDZ,kBAAkB,EAAzE;AAEA,QAAMa,OAAO,GAAGf,MAAM,EAAtB;AACAC,EAAAA,SAAS,CAAC,MAAM;AACda,IAAAA,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;AACD,GAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;AAIAF,EAAAA,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;AAEA,sBACE,KAAC,IAAD,eACMI,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,IAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;AAIE,gCAAyB,EAJ3B;AAKE,IAAA,IAAI,EAAC,SALP;AAME,uBAAiBF,UAAU,CAACG;AAN9B,KADF;AAUD,CA/BmC,CAA/B","sourcesContent":["import { forwardRef, useRef, useEffect } from 'react';\nimport type * as React from 'react';\nimport { useComboBoxContext } from './context';\nimport { getScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ComboboxListProps\n  extends React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  persistSelection?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\n  function ComboboxList(\n    {\n      // when true, and the list opens again, the option with a matching value will be\n      // automatically highleted.\n      persistSelection = false,\n      as: Comp = 'ul',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\n\n    const listRef = useRef<HTMLUListElement>();\n    useEffect(() => {\n      listScope.current = getScope(listRef);\n    }, [listScope]);\n\n    persistSelectionRef.current = persistSelection;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        ref={assignMultipleRefs(ref, listRef)}\n        data-reach-combobox-list=\"\"\n        role=\"listbox\"\n        aria-labelledby={labelIdRef.current}\n      />\n    );\n  }\n);\n"],"file":"ComboboxList.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxList.tsx"],"names":["forwardRef","useRef","useEffect","React","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,IAAMC,YAAY,gBAAGP,UAAU,CACpC,SAASO,YAAT,OASEC,GATF,EAUE;AAAA,mCANEC,gBAMF;AAAA,MANEA,gBAMF,sCANqB,KAMrB;AAAA,qBALEC,EAKF;AAAA,MALMC,IAKN,wBALa,IAKb;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,KAGL;;AAAA,4BACuDT,kBAAkB,EADzE;AAAA,MACQU,mBADR,uBACQA,mBADR;AAAA,MAC6BC,UAD7B,uBAC6BA,UAD7B;AAAA,MACyCC,SADzC,uBACyCA,SADzC;;AAGA,MAAMC,OAAO,GAAGhB,MAAM,EAAtB;AACAC,EAAAA,SAAS,CAAC,YAAM;AACdc,IAAAA,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;AACD,GAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;AAIAF,EAAAA,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;AAEA,sBACE,KAAC,IAAD,eACMI,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,IAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;AAIE,gCAAyB,EAJ3B;AAKE,IAAA,IAAI,EAAC,SALP;AAME,uBAAiBF,UAAU,CAACG;AAN9B,KADF;AAUD,CA/BmC,CAA/B","sourcesContent":["import { forwardRef, useRef, useEffect } from 'react';\nimport * as React from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { getScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ComboboxListProps\n  extends React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  persistSelection?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\n  function ComboboxList(\n    {\n      // when true, and the list opens again, the option with a matching value will be\n      // automatically highleted.\n      persistSelection = false,\n      as: Comp = 'ul',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\n\n    const listRef = useRef<HTMLUListElement>();\n    useEffect(() => {\n      listScope.current = getScope(listRef);\n    }, [listScope]);\n\n    persistSelectionRef.current = persistSelection;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        ref={assignMultipleRefs(ref, listRef)}\n        data-reach-combobox-list=\"\"\n        role=\"listbox\"\n        aria-labelledby={labelIdRef.current}\n      />\n    );\n  }\n);\n"],"file":"ComboboxList.js"}

package/build/esm/ComboBox/ComboboxOption.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ComboboxOptionProps extends React.LiHTMLAttributes<HTMLLIElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/ComboBox/ComboboxOption.js

@@ -1,37 +1,35 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { forwardRef, useEffect, useRef } from 'react';
+import * as React from 'react';
 import { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';
 import { wrapEvent } from '../utils/wrapEvent';
 import { useComboBoxContext } from './context';
 import { makeHash } from './makeHash';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_ref, ref) {
-  let {
-    children,
-    id: idProp,
-    value: valueProp,
-    text: textProp,
-    onClick,
-    as: Comp = 'li',
-    innerAs
-  } = _ref,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "id", "value", "text", "onClick", "as", "innerAs"]);
+export var ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_ref, ref) {
+  var children = _ref.children,
+      idProp = _ref.id,
+      valueProp = _ref.value,
+      textProp = _ref.text,
+      onClick = _ref.onClick,
+      _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'li' : _ref$as,
+      innerAs = _ref.innerAs,
+      props = _objectWithoutProperties(_ref, ["children", "id", "value", "text", "onClick", "as", "innerAs"]);
 
-  const {
-    onSelect,
-    data: {
-      navigationItem
-    },
-    transition,
-    optionsRef
-  } = useComboBoxContext();
-  const transitionCleanupRef = useRef(transition);
-  const isActiveRef = useRef(false);
-  const value = valueProp;
-  let text = textProp ? textProp : '';
+  var _useComboBoxContext = useComboBoxContext(),
+      onSelect = _useComboBoxContext.onSelect,
+      navigationItem = _useComboBoxContext.data.navigationItem,
+      transition = _useComboBoxContext.transition,
+      optionsRef = _useComboBoxContext.optionsRef;
+
+  var transitionCleanupRef = useRef(transition);
+  var isActiveRef = useRef(false);
+  var value = valueProp;
+  var text = textProp ? textProp : '';
 
   if (text.length === 0) {
     if (typeof valueProp === 'string' && valueProp.length > 0) {
@@ -41,14 +39,14 @@ export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_r
     }
   }
 
-  const id = String(makeHash(idProp));
-  useEffect(() => {
-    const opts = optionsRef.current;
+  var id = String(makeHash(idProp));
+  useEffect(function () {
+    var opts = optionsRef.current;
     opts[id] = {
-      value,
-      text
+      value: value,
+      text: text
     };
-    return () => {
+    return function () {
       delete opts[id];
     };
   }, [optionsRef, id, text, value]); // Keep updating this ref with the current
@@ -57,8 +55,8 @@ export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_r
 
   transitionCleanupRef.current = transition;
   isActiveRef.current = navigationItem === id;
-  useEffect(() => {
-    return () => {
+  useEffect(function () {
+    return function () {
       if (isActiveRef.current === true) {
         // clean up selections if this option is getting
         // unmounted and it was the currently selected item
@@ -67,10 +65,10 @@ export const ComboboxOption = /*#__PURE__*/forwardRef(function ComboboxOption(_r
     };
   }, []);
 
-  const handleClick = () => {
+  var handleClick = function handleClick() {
     onSelect && onSelect(text, id, value);
     transition(SELECT_WITH_CLICK, {
-      text,
+      text: text,
       item: id
     });
   };

package/build/esm/ComboBox/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"names":["forwardRef","useEffect","useRef","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","id","idProp","value","valueProp","text","textProp","onClick","as","Comp","innerAs","props","onSelect","data","navigationItem","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"mappings":";;;AAAA;AACA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,QAA8C,OAA9C;AAGA,SAASC,iBAAT,EAA4BC,eAA5B,QAAmD,SAAnD;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,YAAzB;;AAaA,OAAO,MAAMC,cAAc,gBAAGR,UAAU,CACtC,SAASQ,cAAT,OAWEC,GAXF,EAYE;AAAA,MAXA;AACEC,IAAAA,QADF;AAEEC,IAAAA,EAAE,EAAEC,MAFN;AAGEC,IAAAA,KAAK,EAAEC,SAHT;AAIEC,IAAAA,IAAI,EAAEC,QAJR;AAKEC,IAAAA,OALF;AAMEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,IANb;AAOEC,IAAAA;AAPF,GAWA;AAAA,MAHKC,KAGL;;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,IAAI,EAAE;AAAEC,MAAAA;AAAF,KAFF;AAGJC,IAAAA,UAHI;AAIJC,IAAAA;AAJI,MAKFpB,kBAAkB,EALtB;AAMA,QAAMqB,oBAAoB,GAAGzB,MAAM,CAACuB,UAAD,CAAnC;AACA,QAAMG,WAAW,GAAG1B,MAAM,CAAC,KAAD,CAA1B;AAEA,QAAMW,KAAU,GAAGC,SAAnB;AACA,MAAIC,IAAY,GAAGC,QAAQ,GAAGA,QAAH,GAAc,EAAzC;;AAEA,MAAID,IAAI,CAACc,MAAL,KAAgB,CAApB,EAAuB;AACrB,QAAI,OAAOf,SAAP,KAAqB,QAArB,IAAiCA,SAAS,CAACe,MAAV,GAAmB,CAAxD,EAA2D;AACzDd,MAAAA,IAAI,GAAGD,SAAP;AACD,KAFD,MAEO;AACL,YAAM,IAAIgB,KAAJ,CAAU,qCAAV,CAAN;AACD;AACF;;AAED,QAAMnB,EAAE,GAAGoB,MAAM,CAACxB,QAAQ,CAACK,MAAD,CAAT,CAAjB;AAEAX,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM+B,IAAI,GAAGN,UAAU,CAACO,OAAxB;AACAD,IAAAA,IAAI,CAACrB,EAAD,CAAJ,GAAW;AAAEE,MAAAA,KAAF;AAASE,MAAAA;AAAT,KAAX;AAEA,WAAO,MAAM;AACX,aAAOiB,IAAI,CAACrB,EAAD,CAAX;AACD,KAFD;AAGD,GAPQ,EAON,CAACe,UAAD,EAAaf,EAAb,EAAiBI,IAAjB,EAAuBF,KAAvB,CAPM,CAAT,CAvBA,CAgCA;AACA;AACA;;AACAc,EAAAA,oBAAoB,CAACM,OAArB,GAA+BR,UAA/B;AACAG,EAAAA,WAAW,CAACK,OAAZ,GAAsBT,cAAc,KAAKb,EAAzC;AAEAV,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACX,UAAI2B,WAAW,CAACK,OAAZ,KAAwB,IAA5B,EAAkC;AAChC;AACA;AACAN,QAAAA,oBAAoB,CAACM,OAArB,CAA6B7B,eAA7B;AACD;AACF,KAND;AAOD,GARQ,EAQN,EARM,CAAT;;AAUA,QAAM8B,WAAW,GAAG,MAAM;AACxBZ,IAAAA,QAAQ,IAAIA,QAAQ,CAACP,IAAD,EAAOJ,EAAP,EAAWE,KAAX,CAApB;AACAY,IAAAA,UAAU,CAACtB,iBAAD,EAAoB;AAAEY,MAAAA,IAAF;AAAQoB,MAAAA,IAAI,EAAExB;AAAd,KAApB,CAAV;AACD,GAHD;;AAKA,sBACE,KAAC,IAAD,eACMU,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,kCAA2B,EAH7B;AAIE,IAAA,GAAG,EAAEX,GAJP;AAKE,IAAA,EAAE,EAAEE,EALN;AAME,IAAA,IAAI,EAAC,QANP;AAOE,qBAAeiB,WAAW,CAACK,OAP7B;AAQE,wBAAkBL,WAAW,CAACK,OAAZ,GAAsB,EAAtB,GAA2BG,SAR/C,CASE;AACA;AACA;AAXF;AAYE,IAAA,QAAQ,EAAC,IAZX;AAaE,IAAA,OAAO,EAAE/B,SAAS,CAACY,OAAD,EAAUiB,WAAV,CAbpB;AAAA,cAeGxB,QAAQ,IAAIK;AAff,KADF;AAmBD,CArFqC,CAAjC","sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport type * as React from 'react';\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useComboBoxContext } from './context';\nimport { makeHash } from './makeHash';\n\nexport interface ComboboxOptionProps\n  extends React.LiHTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id: string;\n  value: any;\n  text?: string;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\n  function ComboboxOption(\n    {\n      children,\n      id: idProp,\n      value: valueProp,\n      text: textProp,\n      onClick,\n      as: Comp = 'li',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const {\n      onSelect,\n      data: { navigationItem },\n      transition,\n      optionsRef,\n    } = useComboBoxContext();\n    const transitionCleanupRef = useRef(transition);\n    const isActiveRef = useRef(false);\n\n    const value: any = valueProp;\n    let text: string = textProp ? textProp : '';\n\n    if (text.length === 0) {\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\n        text = valueProp;\n      } else {\n        throw new Error('Missing text for <ComboboxOption />');\n      }\n    }\n\n    const id = String(makeHash(idProp));\n\n    useEffect(() => {\n      const opts = optionsRef.current;\n      opts[id] = { value, text };\n\n      return () => {\n        delete opts[id];\n      };\n    }, [optionsRef, id, text, value]);\n\n    // Keep updating this ref with the current\n    // function pointer for transition, so it can\n    // be used by the unmount effect below.\n    transitionCleanupRef.current = transition;\n    isActiveRef.current = navigationItem === id;\n\n    useEffect(() => {\n      return () => {\n        if (isActiveRef.current === true) {\n          // clean up selections if this option is getting\n          // unmounted and it was the currently selected item\n          transitionCleanupRef.current(CLEAR_SELECTION);\n        }\n      };\n    }, []);\n\n    const handleClick = () => {\n      onSelect && onSelect(text, id, value);\n      transition(SELECT_WITH_CLICK, { text, item: id });\n    };\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-option=\"\"\n        ref={ref}\n        id={id}\n        role=\"option\"\n        aria-selected={isActiveRef.current}\n        data-highlighted={isActiveRef.current ? '' : undefined}\n        // without this the menu will close from `onBlur`, but with it the\n        // element can be `document.activeElement` and then our focus checks in\n        // onBlur will work as intended\n        tabIndex=\"-1\"\n        onClick={wrapEvent(onClick, handleClick)}\n      >\n        {children || text}\n      </Comp>\n    );\n  }\n);\n"],"file":"ComboboxOption.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"names":["forwardRef","useEffect","useRef","React","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","idProp","id","valueProp","value","textProp","text","onClick","as","Comp","innerAs","props","onSelect","navigationItem","data","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport { forwardRef, useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useComboBoxContext } from './context';\nimport { makeHash } from './makeHash';\n\nexport interface ComboboxOptionProps\n  extends React.LiHTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id: string;\n  value: any;\n  text?: string;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\n  function ComboboxOption(\n    {\n      children,\n      id: idProp,\n      value: valueProp,\n      text: textProp,\n      onClick,\n      as: Comp = 'li',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const {\n      onSelect,\n      data: { navigationItem },\n      transition,\n      optionsRef,\n    } = useComboBoxContext();\n    const transitionCleanupRef = useRef(transition);\n    const isActiveRef = useRef(false);\n\n    const value: any = valueProp;\n    let text: string = textProp ? textProp : '';\n\n    if (text.length === 0) {\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\n        text = valueProp;\n      } else {\n        throw new Error('Missing text for <ComboboxOption />');\n      }\n    }\n\n    const id = String(makeHash(idProp));\n\n    useEffect(() => {\n      const opts = optionsRef.current;\n      opts[id] = { value, text };\n\n      return () => {\n        delete opts[id];\n      };\n    }, [optionsRef, id, text, value]);\n\n    // Keep updating this ref with the current\n    // function pointer for transition, so it can\n    // be used by the unmount effect below.\n    transitionCleanupRef.current = transition;\n    isActiveRef.current = navigationItem === id;\n\n    useEffect(() => {\n      return () => {\n        if (isActiveRef.current === true) {\n          // clean up selections if this option is getting\n          // unmounted and it was the currently selected item\n          transitionCleanupRef.current(CLEAR_SELECTION);\n        }\n      };\n    }, []);\n\n    const handleClick = () => {\n      onSelect && onSelect(text, id, value);\n      transition(SELECT_WITH_CLICK, { text, item: id });\n    };\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-option=\"\"\n        ref={ref}\n        id={id}\n        role=\"option\"\n        aria-selected={isActiveRef.current}\n        data-highlighted={isActiveRef.current ? '' : undefined}\n        // without this the menu will close from `onBlur`, but with it the\n        // element can be `document.activeElement` and then our focus checks in\n        // onBlur will work as intended\n        tabIndex=\"-1\"\n        onClick={wrapEvent(onClick, handleClick)}\n      >\n        {children || text}\n      </Comp>\n    );\n  }\n);\n"],"file":"ComboboxOption.js"}

package/build/esm/ComboBox/ComboboxPopover.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ComboboxPopoverProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;