@jobber/components 5.44.1 → 5.44.3

package/dist/Combobox/index.cjs

@@ -1,52 +1,52 @@
 'use strict';
 
-var Combobox = require('../Combobox-DXPX8h59.js');
-var ComboboxProvider = require('../ComboboxProvider-Cy41rDhM.js');
+var Combobox = require('../Combobox-fJkdDAmO.js');
+var ComboboxProvider = require('../ComboboxProvider-D9Iyc9L3.js');
 require('react');
-require('../ComboboxContent-CkJyv3Fs.js');
+require('../ComboboxContent-BNAaCOwI.js');
 require('classnames');
 require('react-dom');
-require('../ComboboxContentSearch-ClJXei41.js');
-require('../Icon-BSGzzcyX.js');
+require('../ComboboxContentSearch-Cn9ZtSL0.js');
+require('../Icon-xaGYyA0c.js');
 require('@jobber/design');
-require('../ComboboxContentList-DxHXlotF.js');
-require('../Text-BCEy1n5h.js');
-require('../Typography-B4kJ05DN.js');
-require('../Glimmer-CElMdb1h.js');
-require('../tslib.es6-CJ4B1Z7F.js');
-require('../Content-Bqp0j-M8.js');
-require('../Spinner-D12UFCh4.js');
-require('../AnimatedPresence-DqM2jVUB.js');
+require('../ComboboxContentList-CxGJ6zVa.js');
+require('../Text-blqiyiM5.js');
+require('../Typography-C7jwmqJc.js');
+require('../Glimmer-BKWBwWeQ.js');
+require('../tslib.es6-CqMZ07QC.js');
+require('../Content-RZ2P6b-O.js');
+require('../Spinner-BQyrMn3s.js');
+require('../AnimatedPresence-DWOTGBqF.js');
 require('framer-motion');
-require('../ComboboxOption-Dsl1R48k.js');
-require('../Flex-BfxBpv5i.js');
-require('../ComboboxLoadMore-BHp92-g3.js');
-require('../useInView-Criiv2iZ.js');
-require('../ComboboxContentHeader-CvM4OfZn.js');
-require('../Button-DWTtc4dT.js');
+require('../ComboboxOption-B2DHfGyQ.js');
+require('../Flex-P2DntNTR.js');
+require('../ComboboxLoadMore-C_9dBhob.js');
+require('../useInView-D7ogaiP5.js');
+require('../ComboboxContentHeader-e74O4Y3Y.js');
+require('../Button-CIovayBS.js');
 require('react-router-dom');
-require('../useRefocusOnActivator-D4-TDxL_.js');
-require('../useFocusTrap-DbqVMjCs.js');
+require('../useRefocusOnActivator-CxlCy2vK.js');
+require('../useFocusTrap-BdHXMtEo.js');
 require('react-popper');
-require('../useOnKeyDown-KShYM7sr.js');
-require('../constants-7yqz1IMv.js');
-require('../ComboboxAction-BNYkgpWi.js');
-require('../ComboboxTrigger-BqbL1lGf.js');
-require('../Chip-c5NM_WXx.js');
-require('../Avatar-B6ftNeIB.js');
+require('../useOnKeyDown-D_nneHiZ.js');
+require('../constants-DMpMams7.js');
+require('../ComboboxAction-BbFRmS7W.js');
+require('../ComboboxTrigger-CLfQ8F0x.js');
+require('../Chip-Cfk29lq3.js');
+require('../Avatar-CXOSJ85S.js');
 require('color');
-require('../useChildComponent-Clljzu-y.js');
-require('../Tooltip-TPBGRwS_.js');
-require('../useSafeLayoutEffect-CkwTVLQ4.js');
-require('../useIsMounted-D9YBOsYb.js');
-require('../debounce-CXKdv21E.js');
-require('../_commonjsHelpers-DU0w7Ver.js');
-require('../isObjectLike-CcDNo9In.js');
-require('../isSymbol-ByL8s0oW.js');
-require('../noop-CiO6lfYH.js');
-require('../ComboboxActivator-DSN3DTPd.js');
-require('../useAssert-Dk8i6Bn5.js');
-require('../_polyfill-node.process-CRSDu2Ca.js');
+require('../useChildComponent-BVQNvzsh.js');
+require('../Tooltip-CPQY1NWO.js');
+require('../useSafeLayoutEffect-DWRW42w1.js');
+require('../useIsMounted-pG5S7jKv.js');
+require('../debounce-CS8uTW63.js');
+require('../_commonjsHelpers-BKU0CJw2.js');
+require('../isObjectLike-DLkZkpAp.js');
+require('../isSymbol-DjHZ6uJZ.js');
+require('../noop-D2f3tOOA.js');
+require('../ComboboxActivator-DByQvtDL.js');
+require('../useAssert-Bk3lLPA_.js');
+require('../_polyfill-node.process-mS1ls_Fn.js');
 
 
 

package/dist/Combobox/index.mjs

@@ -1,47 +1,47 @@
-export { C as Combobox } from '../Combobox-ylfWsh0P.js';
-export { C as ComboboxContextProvider } from '../ComboboxProvider-BoSRoF7P.js';
+export { C as Combobox } from '../Combobox-WGnw9Sha.js';
+export { C as ComboboxContextProvider } from '../ComboboxProvider-BUJNHTTA.js';
 import 'react';
-import '../ComboboxContent-By18D8cD.js';
+import '../ComboboxContent-BUjWPqhX.js';
 import 'classnames';
 import 'react-dom';
-import '../ComboboxContentSearch-BXbWl59_.js';
-import '../Icon-pNRFEs2A.js';
+import '../ComboboxContentSearch-BymqFSHr.js';
+import '../Icon-Czg__LLR.js';
 import '@jobber/design';
-import '../ComboboxContentList-B6zsXvdX.js';
-import '../Text-B21i0Eiz.js';
-import '../Typography-DCvJotMq.js';
-import '../Glimmer-uh68mgLi.js';
-import '../tslib.es6-DvgWyNc4.js';
-import '../Content-BCvzlCBz.js';
-import '../Spinner-BBFAt5Ip.js';
-import '../AnimatedPresence-CYeMm0RS.js';
+import '../ComboboxContentList-B5csgusw.js';
+import '../Text-ObURDLDR.js';
+import '../Typography-Bp8s9uOY.js';
+import '../Glimmer-Jlez5pYC.js';
+import '../tslib.es6-BdMe7CpN.js';
+import '../Content-CTd1-7Dp.js';
+import '../Spinner-SUsmgox3.js';
+import '../AnimatedPresence-2yYZIbGj.js';
 import 'framer-motion';
-import '../ComboboxOption-BnJo9C8u.js';
-import '../Flex-esLXMbzS.js';
-import '../ComboboxLoadMore-WpXBsrt8.js';
-import '../useInView-C0Ukd-qz.js';
-import '../ComboboxContentHeader-DAfMnK0F.js';
-import '../Button-D85IdhpW.js';
+import '../ComboboxOption-icmB2Frx.js';
+import '../Flex-C8wi6PVb.js';
+import '../ComboboxLoadMore-oeTv6jzo.js';
+import '../useInView-DKW7mxv_.js';
+import '../ComboboxContentHeader-D00FcymX.js';
+import '../Button-CPdZnOGA.js';
 import 'react-router-dom';
-import '../useRefocusOnActivator-CHOEkovi.js';
-import '../useFocusTrap-C2Yos8Pb.js';
+import '../useRefocusOnActivator-DplfwjGG.js';
+import '../useFocusTrap-C-8eouIb.js';
 import 'react-popper';
-import '../useOnKeyDown-CMmBBI9m.js';
-import '../constants-C4BWm3TW.js';
-import '../ComboboxAction-BwF-dzt7.js';
-import '../ComboboxTrigger-BlhVf4ui.js';
-import '../Chip-CJ7l8cFJ.js';
-import '../Avatar-Cp1k40EW.js';
+import '../useOnKeyDown-CmJskucR.js';
+import '../constants-_op1V2Hj.js';
+import '../ComboboxAction-Cl5Jy4hu.js';
+import '../ComboboxTrigger-C8Y9-KTW.js';
+import '../Chip-CloYASYs.js';
+import '../Avatar-B_QZV4jX.js';
 import 'color';
-import '../useChildComponent-BrQTr5go.js';
-import '../Tooltip-CF5ext4Y.js';
-import '../useSafeLayoutEffect-MhDbtf_I.js';
-import '../useIsMounted-C7kpD7jS.js';
-import '../debounce-BHWfwe7p.js';
-import '../_commonjsHelpers-Cb1ZGCoJ.js';
-import '../isObjectLike-cvuPfKew.js';
-import '../isSymbol-CaxP8qze.js';
-import '../noop-BOMooIRV.js';
-import '../ComboboxActivator-vl5pRdoO.js';
-import '../useAssert-F0yd3iHt.js';
-import '../_polyfill-node.process-DuXMn1N6.js';
+import '../useChildComponent-Dq1ikQ23.js';
+import '../Tooltip-BFDJVihG.js';
+import '../useSafeLayoutEffect-BdDe2n4W.js';
+import '../useIsMounted-DP6a9Vb-.js';
+import '../debounce-CBmqSoHn.js';
+import '../_commonjsHelpers-DWMTB1qX.js';
+import '../isObjectLike-Bo5tGTDo.js';
+import '../isSymbol-CMM5xvlZ.js';
+import '../noop-Bvwow6h2.js';
+import '../ComboboxActivator-veplp9ko.js';
+import '../useAssert-yFRmIAyV.js';
+import '../_polyfill-node.process-siAH3bUL.js';

package/dist/{Combobox-ylfWsh0P.js → Combobox-WGnw9Sha.js}

@@ -1,13 +1,13 @@
 import React, { useCallback, useRef, useState, Children, isValidElement, useMemo } from 'react';
-import { C as ComboboxContent } from './ComboboxContent-By18D8cD.js';
-import { C as ComboboxAction } from './ComboboxAction-BwF-dzt7.js';
-import { C as ComboboxContextProvider } from './ComboboxProvider-BoSRoF7P.js';
-import { C as ComboboxTrigger } from './ComboboxTrigger-BlhVf4ui.js';
-import { C as ComboboxOption } from './ComboboxOption-BnJo9C8u.js';
-import { a as debounce } from './debounce-BHWfwe7p.js';
-import { n as noop } from './noop-BOMooIRV.js';
-import { C as ComboboxActivator } from './ComboboxActivator-vl5pRdoO.js';
-import { u as useAssert_2 } from './useAssert-F0yd3iHt.js';
+import { C as ComboboxContent } from './ComboboxContent-BUjWPqhX.js';
+import { C as ComboboxAction } from './ComboboxAction-Cl5Jy4hu.js';
+import { C as ComboboxContextProvider } from './ComboboxProvider-BUJNHTTA.js';
+import { C as ComboboxTrigger } from './ComboboxTrigger-C8Y9-KTW.js';
+import { C as ComboboxOption } from './ComboboxOption-icmB2Frx.js';
+import { a as debounce } from './debounce-CBmqSoHn.js';
+import { n as noop } from './noop-Bvwow6h2.js';
+import { C as ComboboxActivator } from './ComboboxActivator-veplp9ko.js';
+import { u as useAssert_2 } from './useAssert-yFRmIAyV.js';
 
 var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
 
@@ -24,14 +24,6 @@ function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions,
     const handleOpen = useCallback(() => {
         setOpen(true);
     }, [setOpen]);
-    const toggleOpen = useCallback(() => {
-        if (open) {
-            handleClose();
-        }
-        else {
-            handleOpen();
-        }
-    }, [setOpen, open]);
     const handleSelection = useCallback((selection) => {
         if (multiSelect) {
             handleMultiSelect(selectedStateSetter, selectedOptions, selection);
@@ -47,7 +39,7 @@ function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions,
     return {
         handleClose,
         handleSelection,
-        toggleOpen,
+        handleOpen,
     };
 }
 function handleMultiSelect(selectCallback, selected, selection) {
@@ -65,7 +57,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     const [open, setOpen] = useState(false);
     const [searchValue, setSearchValue] = useState("");
     const searchCallback = useCallback(debounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime), [onSearch, debounceTime]);
-    const { handleClose, handleSelection, toggleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
+    const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {
         wrapperRef,
@@ -77,7 +69,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
         shouldScroll,
         handleClose,
         handleSelection,
-        toggleOpen,
+        handleOpen,
         internalFilteredOptions,
         handleSearchChange: onSearch ? searchCallback : noop,
     };
@@ -115,8 +107,8 @@ function Combobox(props) {
         label: option.props.label,
         prefix: option.props.prefix,
     }))) || [], [optionElements]);
-    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, handleClose, handleSelection, toggleOpen, internalFilteredOptions, handleSearchChange, } = useCombobox(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
-    return (React.createElement(ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, toggleOpen: toggleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label },
+    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, handleClose, handleSelection, handleOpen, internalFilteredOptions, handleSearchChange, } = useCombobox(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
+    return (React.createElement(ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, handleOpen: handleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label },
         React.createElement("div", { ref: wrapperRef, className: styles.wrapper },
             open && (React.createElement("div", { className: styles.overlay, onClick: () => handleClose(), "data-testid": "ATL-Combobox-Overlay" })),
             triggerElement || (React.createElement(ComboboxTrigger, { label: props.label, selected: props.selected })),

package/dist/{Combobox-DXPX8h59.js → Combobox-fJkdDAmO.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ComboboxContent = require('./ComboboxContent-CkJyv3Fs.js');
-var ComboboxAction = require('./ComboboxAction-BNYkgpWi.js');
-var ComboboxProvider = require('./ComboboxProvider-Cy41rDhM.js');
-var ComboboxTrigger = require('./ComboboxTrigger-BqbL1lGf.js');
-var ComboboxOption = require('./ComboboxOption-Dsl1R48k.js');
-var debounce = require('./debounce-CXKdv21E.js');
-var noop = require('./noop-CiO6lfYH.js');
-var ComboboxActivator = require('./ComboboxActivator-DSN3DTPd.js');
-var useAssert = require('./useAssert-Dk8i6Bn5.js');
+var ComboboxContent = require('./ComboboxContent-BNAaCOwI.js');
+var ComboboxAction = require('./ComboboxAction-BbFRmS7W.js');
+var ComboboxProvider = require('./ComboboxProvider-D9Iyc9L3.js');
+var ComboboxTrigger = require('./ComboboxTrigger-CLfQ8F0x.js');
+var ComboboxOption = require('./ComboboxOption-B2DHfGyQ.js');
+var debounce = require('./debounce-CS8uTW63.js');
+var noop = require('./noop-D2f3tOOA.js');
+var ComboboxActivator = require('./ComboboxActivator-DByQvtDL.js');
+var useAssert = require('./useAssert-Bk3lLPA_.js');
 
 var styles = {"overlay":"xxU2WqkpXZU-","wrapper":"W-9SMjhEMpI-","spinning":"mqMvu8yxz2w-"};
 
@@ -26,14 +26,6 @@ function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions,
     const handleOpen = React.useCallback(() => {
         setOpen(true);
     }, [setOpen]);
-    const toggleOpen = React.useCallback(() => {
-        if (open) {
-            handleClose();
-        }
-        else {
-            handleOpen();
-        }
-    }, [setOpen, open]);
     const handleSelection = React.useCallback((selection) => {
         if (multiSelect) {
             handleMultiSelect(selectedStateSetter, selectedOptions, selection);
@@ -49,7 +41,7 @@ function useMakeComboboxHandlers(setOpen, open, setSearchValue, selectedOptions,
     return {
         handleClose,
         handleSelection,
-        toggleOpen,
+        handleOpen,
     };
 }
 function handleMultiSelect(selectCallback, selected, selection) {
@@ -67,7 +59,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
     const [open, setOpen] = React.useState(false);
     const [searchValue, setSearchValue] = React.useState("");
     const searchCallback = React.useCallback(debounce.debounce((value) => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value), debounceTime), [onSearch, debounceTime]);
-    const { handleClose, handleSelection, toggleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
+    const { handleClose, handleSelection, handleOpen } = useMakeComboboxHandlers(setOpen, open, setSearchValue, selected, shouldScroll, onSelect, multiSelect, onClose, onSearch);
     const internalFilteredOptions = options.filter(option => option.label.toLowerCase().includes(searchValue.toLowerCase()));
     return {
         wrapperRef,
@@ -79,7 +71,7 @@ function useCombobox(selected, onSelect, options, onClose, multiSelect, onSearch
         shouldScroll,
         handleClose,
         handleSelection,
-        toggleOpen,
+        handleOpen,
         internalFilteredOptions,
         handleSearchChange: onSearch ? searchCallback : noop.noop,
     };
@@ -117,8 +109,8 @@ function Combobox(props) {
         label: option.props.label,
         prefix: option.props.prefix,
     }))) || [], [optionElements]);
-    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, handleClose, handleSelection, toggleOpen, internalFilteredOptions, handleSearchChange, } = useCombobox(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
-    return (React.createElement(ComboboxProvider.ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, toggleOpen: toggleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label },
+    const { selectedOptions, selectedStateSetter, shouldScroll, wrapperRef, searchValue, setSearchValue, open, handleClose, handleSelection, handleOpen, internalFilteredOptions, handleSearchChange, } = useCombobox(props.selected, props.onSelect, options, props.onClose, props.multiSelect, props.onSearch, props.onSearchDebounce);
+    return (React.createElement(ComboboxProvider.ComboboxContextProvider, { selected: selectedOptions, selectionHandler: handleSelection, open: open, handleOpen: handleOpen, handleClose: handleClose, shouldScroll: shouldScroll, searchValue: searchValue, label: props.label },
         React.createElement("div", { ref: wrapperRef, className: styles.wrapper },
             open && (React.createElement("div", { className: styles.overlay, onClick: () => handleClose(), "data-testid": "ATL-Combobox-Overlay" })),
             triggerElement || (React.createElement(ComboboxTrigger.ComboboxTrigger, { label: props.label, selected: props.selected })),

package/dist/{ComboboxAction-BNYkgpWi.js → ComboboxAction-BbFRmS7W.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-B4kJ05DN.js');
-var ComboboxProvider = require('./ComboboxProvider-Cy41rDhM.js');
+var Typography = require('./Typography-C7jwmqJc.js');
+var ComboboxProvider = require('./ComboboxProvider-D9Iyc9L3.js');
 
 var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","spinning":"lP2oDQm9j88-"};
 

package/dist/{ComboboxAction-BwF-dzt7.js → ComboboxAction-Cl5Jy4hu.js}

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import { T as Typography } from './Typography-DCvJotMq.js';
-import { a as ComboboxContext } from './ComboboxProvider-BoSRoF7P.js';
+import { T as Typography } from './Typography-Bp8s9uOY.js';
+import { a as ComboboxContext } from './ComboboxProvider-BUJNHTTA.js';
 
 var styles = {"actionContainer":"NWf8JR3TBoo-","actionButton":"PoMXFVYVY5A-","spinning":"lP2oDQm9j88-"};
 

package/dist/{ComboboxActivator-DSN3DTPd.js → ComboboxActivator-DByQvtDL.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-DWTtc4dT.js');
-var Chip = require('./Chip-c5NM_WXx.js');
-require('./tslib.es6-CJ4B1Z7F.js');
+var Button = require('./Button-CIovayBS.js');
+var Chip = require('./Chip-Cfk29lq3.js');
+require('./tslib.es6-CqMZ07QC.js');
 require('@jobber/design');
-var ComboboxProvider = require('./ComboboxProvider-Cy41rDhM.js');
-var constants = require('./constants-7yqz1IMv.js');
+var ComboboxProvider = require('./ComboboxProvider-D9Iyc9L3.js');
+var constants = require('./constants-DMpMams7.js');
 
 function useComboboxActivatorAccessibility() {
     const { label, open } = React.useContext(ComboboxProvider.ComboboxContext);
@@ -19,17 +19,17 @@ function useComboboxActivatorAccessibility() {
 }
 
 function ComboboxActivator(props) {
-    const { toggleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
+    const { handleOpen } = React.useContext(ComboboxProvider.ComboboxContext);
     const accessibilityAttributes = useComboboxActivatorAccessibility();
     if (typeof props.children !== "function" &&
         (props.children.type === Button.Button || props.children.type === Chip.Chip)) {
         return React.cloneElement(props.children, {
             role: accessibilityAttributes.role,
-            onClick: toggleOpen,
+            onClick: handleOpen,
         });
     }
     else if (typeof props.children === "function") {
-        return props.children(Object.assign(Object.assign({}, accessibilityAttributes), { toggleOpen }));
+        return props.children(Object.assign(Object.assign({}, accessibilityAttributes), { open: handleOpen }));
     }
     return null;
 }

package/dist/{ComboboxActivator-vl5pRdoO.js → ComboboxActivator-veplp9ko.js}

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
-import { B as Button } from './Button-D85IdhpW.js';
-import { C as Chip } from './Chip-CJ7l8cFJ.js';
-import './tslib.es6-DvgWyNc4.js';
+import { B as Button } from './Button-CPdZnOGA.js';
+import { C as Chip } from './Chip-CloYASYs.js';
+import './tslib.es6-BdMe7CpN.js';
 import '@jobber/design';
-import { a as ComboboxContext } from './ComboboxProvider-BoSRoF7P.js';
-import { C as COMBOBOX_MENU_ID } from './constants-C4BWm3TW.js';
+import { a as ComboboxContext } from './ComboboxProvider-BUJNHTTA.js';
+import { C as COMBOBOX_MENU_ID } from './constants-_op1V2Hj.js';
 
 function useComboboxActivatorAccessibility() {
     const { label, open } = useContext(ComboboxContext);
@@ -17,17 +17,17 @@ function useComboboxActivatorAccessibility() {
 }
 
 function ComboboxActivator(props) {
-    const { toggleOpen } = React.useContext(ComboboxContext);
+    const { handleOpen } = React.useContext(ComboboxContext);
     const accessibilityAttributes = useComboboxActivatorAccessibility();
     if (typeof props.children !== "function" &&
         (props.children.type === Button || props.children.type === Chip)) {
         return React.cloneElement(props.children, {
             role: accessibilityAttributes.role,
-            onClick: toggleOpen,
+            onClick: handleOpen,
         });
     }
     else if (typeof props.children === "function") {
-        return props.children(Object.assign(Object.assign({}, accessibilityAttributes), { toggleOpen }));
+        return props.children(Object.assign(Object.assign({}, accessibilityAttributes), { open: handleOpen }));
     }
     return null;
 }

package/dist/{ComboboxContent-CkJyv3Fs.js → ComboboxContent-BNAaCOwI.js}

@@ -3,15 +3,15 @@
 var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
-var ComboboxContentSearch = require('./ComboboxContentSearch-ClJXei41.js');
-var ComboboxContentList = require('./ComboboxContentList-DxHXlotF.js');
-var ComboboxContentHeader = require('./ComboboxContentHeader-CvM4OfZn.js');
-var ComboboxProvider = require('./ComboboxProvider-Cy41rDhM.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-D4-TDxL_.js');
-var useFocusTrap = require('./useFocusTrap-DbqVMjCs.js');
+var ComboboxContentSearch = require('./ComboboxContentSearch-Cn9ZtSL0.js');
+var ComboboxContentList = require('./ComboboxContentList-CxGJ6zVa.js');
+var ComboboxContentHeader = require('./ComboboxContentHeader-e74O4Y3Y.js');
+var ComboboxProvider = require('./ComboboxProvider-D9Iyc9L3.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CxlCy2vK.js');
+var useFocusTrap = require('./useFocusTrap-BdHXMtEo.js');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-KShYM7sr.js');
-var constants = require('./constants-7yqz1IMv.js');
+var useOnKeyDown = require('./useOnKeyDown-D_nneHiZ.js');
+var constants = require('./constants-DMpMams7.js');
 
 var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
 

package/dist/{ComboboxContent-By18D8cD.js → ComboboxContent-BUjWPqhX.js}

@@ -1,15 +1,15 @@
 import React, { useContext, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
-import { C as ComboboxContentSearch } from './ComboboxContentSearch-BXbWl59_.js';
-import { C as ComboboxContentList } from './ComboboxContentList-B6zsXvdX.js';
-import { C as ComboboxContentHeader } from './ComboboxContentHeader-DAfMnK0F.js';
-import { a as ComboboxContext } from './ComboboxProvider-BoSRoF7P.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CHOEkovi.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-C2Yos8Pb.js';
+import { C as ComboboxContentSearch } from './ComboboxContentSearch-BymqFSHr.js';
+import { C as ComboboxContentList } from './ComboboxContentList-B5csgusw.js';
+import { C as ComboboxContentHeader } from './ComboboxContentHeader-D00FcymX.js';
+import { a as ComboboxContext } from './ComboboxProvider-BUJNHTTA.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DplfwjGG.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-C-8eouIb.js';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-CMmBBI9m.js';
-import { C as COMBOBOX_MENU_ID } from './constants-C4BWm3TW.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CmJskucR.js';
+import { C as COMBOBOX_MENU_ID } from './constants-_op1V2Hj.js';
 
 var styles = {"content":"QsRc49DHSgA-","hidden":"_7Fd5XGsPpUA-","actions":"yV8-0Hs43J0-","actionPadding":"g3Gdt8jXvFk-","spinning":"dJVYYOaf04E-"};
 

package/dist/{ComboboxContentHeader-DAfMnK0F.js → ComboboxContentHeader-D00FcymX.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { T as Typography } from './Typography-DCvJotMq.js';
-import { B as Button } from './Button-D85IdhpW.js';
+import { T as Typography } from './Typography-Bp8s9uOY.js';
+import { B as Button } from './Button-CPdZnOGA.js';
 
 var styles = {"header":"nrNh3feibg8-","spinning":"rcoGBsZN55M-"};
 

package/dist/{ComboboxContentHeader-CvM4OfZn.js → ComboboxContentHeader-e74O4Y3Y.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-B4kJ05DN.js');
-var Button = require('./Button-DWTtc4dT.js');
+var Typography = require('./Typography-C7jwmqJc.js');
+var Button = require('./Button-CIovayBS.js');
 
 var styles = {"header":"nrNh3feibg8-","spinning":"rcoGBsZN55M-"};
 

package/dist/{ComboboxContentList-B6zsXvdX.js → ComboboxContentList-B5csgusw.js}

@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Text } from './Text-B21i0Eiz.js';
-import { G as Glimmer } from './Glimmer-uh68mgLi.js';
-import { S as Spinner } from './Spinner-BBFAt5Ip.js';
-import { A as AnimatedPresence } from './AnimatedPresence-CYeMm0RS.js';
-import { C as ComboboxOption } from './ComboboxOption-BnJo9C8u.js';
-import { C as ComboboxLoadMore } from './ComboboxLoadMore-WpXBsrt8.js';
+import { T as Text } from './Text-ObURDLDR.js';
+import { G as Glimmer } from './Glimmer-Jlez5pYC.js';
+import { S as Spinner } from './Spinner-SUsmgox3.js';
+import { A as AnimatedPresence } from './AnimatedPresence-2yYZIbGj.js';
+import { C as ComboboxOption } from './ComboboxOption-icmB2Frx.js';
+import { C as ComboboxLoadMore } from './ComboboxLoadMore-oeTv6jzo.js';
 
 var styles = {"container":"wFxd-3vJyKo-","optionsList":"PzwV5qiIgV4-","filterMessage":"c6TosVipkmw-","emptyStateMessage":"ZYrg-J4-v2Y-","scrollTop":"FLu6FtihsLo-","scrollNone":"-o-v1zjzb48-","scrollBottom":"_2iW5DZ16G2U-","loadingContainer":"PqwPrWjdB-A-","hasOptions":"v3cabuEY4Xk-","spinning":"NyvSj4UKYJM-"};
 

package/dist/{ComboboxContentList-DxHXlotF.js → ComboboxContentList-CxGJ6zVa.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Text = require('./Text-BCEy1n5h.js');
-var Glimmer = require('./Glimmer-CElMdb1h.js');
-var Spinner = require('./Spinner-D12UFCh4.js');
-var AnimatedPresence = require('./AnimatedPresence-DqM2jVUB.js');
-var ComboboxOption = require('./ComboboxOption-Dsl1R48k.js');
-var ComboboxLoadMore = require('./ComboboxLoadMore-BHp92-g3.js');
+var Text = require('./Text-blqiyiM5.js');
+var Glimmer = require('./Glimmer-BKWBwWeQ.js');
+var Spinner = require('./Spinner-BQyrMn3s.js');
+var AnimatedPresence = require('./AnimatedPresence-DWOTGBqF.js');
+var ComboboxOption = require('./ComboboxOption-B2DHfGyQ.js');
+var ComboboxLoadMore = require('./ComboboxLoadMore-C_9dBhob.js');
 
 var styles = {"container":"wFxd-3vJyKo-","optionsList":"PzwV5qiIgV4-","filterMessage":"c6TosVipkmw-","emptyStateMessage":"ZYrg-J4-v2Y-","scrollTop":"FLu6FtihsLo-","scrollNone":"-o-v1zjzb48-","scrollBottom":"_2iW5DZ16G2U-","loadingContainer":"PqwPrWjdB-A-","hasOptions":"v3cabuEY4Xk-","spinning":"NyvSj4UKYJM-"};
 

package/dist/{ComboboxContentSearch-BXbWl59_.js → ComboboxContentSearch-BymqFSHr.js}

@@ -1,5 +1,5 @@
 import React, { useRef, useEffect } from 'react';
-import { I as Icon } from './Icon-pNRFEs2A.js';
+import { I as Icon } from './Icon-Czg__LLR.js';
 
 var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-","spinning":"hMjmTEgj6WU-"};
 

package/dist/{ComboboxContentSearch-ClJXei41.js → ComboboxContentSearch-Cn9ZtSL0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Icon = require('./Icon-BSGzzcyX.js');
+var Icon = require('./Icon-xaGYyA0c.js');
 
 var styles = {"search":"c4B0WFX6K0o-","searchInput":"AH9-zRHXfpo-","clearSearch":"mymN3p8sKRw-","spinning":"hMjmTEgj6WU-"};
 

package/dist/{ComboboxLoadMore-BHp92-g3.js → ComboboxLoadMore-C_9dBhob.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useInView = require('./useInView-Criiv2iZ.js');
+var useInView = require('./useInView-D7ogaiP5.js');
 
 var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 

package/dist/{ComboboxLoadMore-WpXBsrt8.js → ComboboxLoadMore-oeTv6jzo.js}

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-C0Ukd-qz.js';
+import { u as useInView_2 } from './useInView-DKW7mxv_.js';
 
 var styles = {"trigger":"jPB--ZCYNNI-","spinning":"aW61BrnGmcw-"};
 

package/dist/{ComboboxOption-Dsl1R48k.js → ComboboxOption-B2DHfGyQ.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-BSGzzcyX.js');
-var Flex = require('./Flex-BfxBpv5i.js');
-var ComboboxProvider = require('./ComboboxProvider-Cy41rDhM.js');
+var Icon = require('./Icon-xaGYyA0c.js');
+var Flex = require('./Flex-P2DntNTR.js');
+var ComboboxProvider = require('./ComboboxProvider-D9Iyc9L3.js');
 
 var styles = {"option":"HowvTX8-pw4-","spinning":"iwgbuC2MqzI-"};
 

package/dist/{ComboboxOption-BnJo9C8u.js → ComboboxOption-icmB2Frx.js}

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-pNRFEs2A.js';
-import { F as Flex } from './Flex-esLXMbzS.js';
-import { a as ComboboxContext } from './ComboboxProvider-BoSRoF7P.js';
+import { I as Icon } from './Icon-Czg__LLR.js';
+import { F as Flex } from './Flex-C8wi6PVb.js';
+import { a as ComboboxContext } from './ComboboxProvider-BUJNHTTA.js';
 
 var styles = {"option":"HowvTX8-pw4-","spinning":"iwgbuC2MqzI-"};
 

package/dist/{ComboboxProvider-BoSRoF7P.js → ComboboxProvider-BUJNHTTA.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-DvgWyNc4.js';
+import { _ as __rest } from './tslib.es6-BdMe7CpN.js';
 import React from 'react';
 
 const ComboboxContext = React.createContext({});