@jobber/components 5.44.2 → 5.44.3

package/dist/Combobox/index.cjs

@@ -1,52 +1,52 @@
 'use strict';
 
-var Combobox = require('../Combobox-rzjOmEc0.js');
-var ComboboxProvider = require('../ComboboxProvider-BohCFdcQ.js');
+var Combobox = require('../Combobox-fJkdDAmO.js');
+var ComboboxProvider = require('../ComboboxProvider-D9Iyc9L3.js');
 require('react');
-require('../ComboboxContent-CKuJ-CUd.js');
+require('../ComboboxContent-BNAaCOwI.js');
 require('classnames');
 require('react-dom');
-require('../ComboboxContentSearch-CgKNKP5I.js');
-require('../Icon-DQCumFg9.js');
+require('../ComboboxContentSearch-Cn9ZtSL0.js');
+require('../Icon-xaGYyA0c.js');
 require('@jobber/design');
-require('../ComboboxContentList-DfTfPshJ.js');
-require('../Text-C5ixoBH0.js');
-require('../Typography-DjPJlEPl.js');
-require('../Glimmer-Y_X3AuDj.js');
-require('../tslib.es6-BOBJfOF2.js');
-require('../Content-DTZB8p8w.js');
-require('../Spinner-CVqURAw6.js');
-require('../AnimatedPresence-DGufm8Le.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-CO7Thqr3.js');
-require('../Flex-4NJAKFlh.js');
-require('../ComboboxLoadMore-C5jKZFWn.js');
-require('../useInView-ezaibMyX.js');
-require('../ComboboxContentHeader-POQqUIJg.js');
-require('../Button-CUznMCZD.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-bVk2TauU.js');
-require('../useFocusTrap-CbiMzOkj.js');
+require('../useRefocusOnActivator-CxlCy2vK.js');
+require('../useFocusTrap-BdHXMtEo.js');
 require('react-popper');
-require('../useOnKeyDown-Dipp1G2i.js');
-require('../constants-DUM888Cc.js');
-require('../ComboboxAction-C3gUQ7tF.js');
-require('../ComboboxTrigger-D0d6VwfZ.js');
-require('../Chip-CQMG1dMt.js');
-require('../Avatar-Bt3ULX61.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-wwkG6yq6.js');
-require('../Tooltip-BL_ihmQU.js');
-require('../useSafeLayoutEffect-D4ta1OGb.js');
-require('../useIsMounted-Ci2DLW00.js');
-require('../debounce-BvNCY07h.js');
-require('../_commonjsHelpers-CDGV6h7F.js');
-require('../isObjectLike-7_Kjnwpn.js');
-require('../isSymbol-C0lyRN2W.js');
-require('../noop-ut48Nysz.js');
-require('../ComboboxActivator-krrokJkl.js');
-require('../useAssert-ywIHfzCC.js');
-require('../_polyfill-node.process-CDDvSjl_.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-CP8XlMrS.js';
-export { C as ComboboxContextProvider } from '../ComboboxProvider-B9icf70e.js';
+export { C as Combobox } from '../Combobox-WGnw9Sha.js';
+export { C as ComboboxContextProvider } from '../ComboboxProvider-BUJNHTTA.js';
 import 'react';
-import '../ComboboxContent-BBF3y_HK.js';
+import '../ComboboxContent-BUjWPqhX.js';
 import 'classnames';
 import 'react-dom';
-import '../ComboboxContentSearch-HdmfzguD.js';
-import '../Icon-MpPid1B2.js';
+import '../ComboboxContentSearch-BymqFSHr.js';
+import '../Icon-Czg__LLR.js';
 import '@jobber/design';
-import '../ComboboxContentList-jcAYUgi5.js';
-import '../Text-BlW0OGil.js';
-import '../Typography-BYn7VGSR.js';
-import '../Glimmer-Cu0ivzWw.js';
-import '../tslib.es6-BTEWA3UI.js';
-import '../Content-Dx8wNL_6.js';
-import '../Spinner-Cb7aroa8.js';
-import '../AnimatedPresence-NXH1uD53.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-BXel9FUd.js';
-import '../Flex-O9ZXn6pR.js';
-import '../ComboboxLoadMore-C7JXlp4p.js';
-import '../useInView-Dg6E1Xiq.js';
-import '../ComboboxContentHeader-Bqi6hipy.js';
-import '../Button-BtMYpAP-.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-C0uxW1_I.js';
-import '../useFocusTrap-BFEL_Z-a.js';
+import '../useRefocusOnActivator-DplfwjGG.js';
+import '../useFocusTrap-C-8eouIb.js';
 import 'react-popper';
-import '../useOnKeyDown-D6RllxrY.js';
-import '../constants-Bh8AphJ8.js';
-import '../ComboboxAction-CeYUck45.js';
-import '../ComboboxTrigger-0ANtacVU.js';
-import '../Chip-Cu7TfHCP.js';
-import '../Avatar-C-gZz1R1.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-CqbCD881.js';
-import '../Tooltip-Dp8D9a9Q.js';
-import '../useSafeLayoutEffect-EPDPYqvS.js';
-import '../useIsMounted-BHNpNaL1.js';
-import '../debounce-BFH2BgWM.js';
-import '../_commonjsHelpers-BMTSTrpT.js';
-import '../isObjectLike-CfBAH2SB.js';
-import '../isSymbol-CwUukKQ_.js';
-import '../noop-Tkodk2FH.js';
-import '../ComboboxActivator-DGoxAht7.js';
-import '../useAssert-CWke6RPY.js';
-import '../_polyfill-node.process-DX2zjsOk.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-CP8XlMrS.js → Combobox-WGnw9Sha.js}

@@ -1,13 +1,13 @@
 import React, { useCallback, useRef, useState, Children, isValidElement, useMemo } from 'react';
-import { C as ComboboxContent } from './ComboboxContent-BBF3y_HK.js';
-import { C as ComboboxAction } from './ComboboxAction-CeYUck45.js';
-import { C as ComboboxContextProvider } from './ComboboxProvider-B9icf70e.js';
-import { C as ComboboxTrigger } from './ComboboxTrigger-0ANtacVU.js';
-import { C as ComboboxOption } from './ComboboxOption-BXel9FUd.js';
-import { a as debounce } from './debounce-BFH2BgWM.js';
-import { n as noop } from './noop-Tkodk2FH.js';
-import { C as ComboboxActivator } from './ComboboxActivator-DGoxAht7.js';
-import { u as useAssert_2 } from './useAssert-CWke6RPY.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();
-        }
-    }, [open, handleClose, handleOpen]);
     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-rzjOmEc0.js → Combobox-fJkdDAmO.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ComboboxContent = require('./ComboboxContent-CKuJ-CUd.js');
-var ComboboxAction = require('./ComboboxAction-C3gUQ7tF.js');
-var ComboboxProvider = require('./ComboboxProvider-BohCFdcQ.js');
-var ComboboxTrigger = require('./ComboboxTrigger-D0d6VwfZ.js');
-var ComboboxOption = require('./ComboboxOption-CO7Thqr3.js');
-var debounce = require('./debounce-BvNCY07h.js');
-var noop = require('./noop-ut48Nysz.js');
-var ComboboxActivator = require('./ComboboxActivator-krrokJkl.js');
-var useAssert = require('./useAssert-ywIHfzCC.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();
-        }
-    }, [open, handleClose, handleOpen]);
     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-C3gUQ7tF.js → ComboboxAction-BbFRmS7W.js}

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

package/dist/{ComboboxAction-CeYUck45.js → ComboboxAction-Cl5Jy4hu.js}

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import { T as Typography } from './Typography-BYn7VGSR.js';
-import { a as ComboboxContext } from './ComboboxProvider-B9icf70e.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-krrokJkl.js → ComboboxActivator-DByQvtDL.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-CUznMCZD.js');
-var Chip = require('./Chip-CQMG1dMt.js');
-require('./tslib.es6-BOBJfOF2.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-BohCFdcQ.js');
-var constants = require('./constants-DUM888Cc.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-DGoxAht7.js → ComboboxActivator-veplp9ko.js}

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
-import { B as Button } from './Button-BtMYpAP-.js';
-import { C as Chip } from './Chip-Cu7TfHCP.js';
-import './tslib.es6-BTEWA3UI.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-B9icf70e.js';
-import { C as COMBOBOX_MENU_ID } from './constants-Bh8AphJ8.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-CKuJ-CUd.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-CgKNKP5I.js');
-var ComboboxContentList = require('./ComboboxContentList-DfTfPshJ.js');
-var ComboboxContentHeader = require('./ComboboxContentHeader-POQqUIJg.js');
-var ComboboxProvider = require('./ComboboxProvider-BohCFdcQ.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-bVk2TauU.js');
-var useFocusTrap = require('./useFocusTrap-CbiMzOkj.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-Dipp1G2i.js');
-var constants = require('./constants-DUM888Cc.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-BBF3y_HK.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-HdmfzguD.js';
-import { C as ComboboxContentList } from './ComboboxContentList-jcAYUgi5.js';
-import { C as ComboboxContentHeader } from './ComboboxContentHeader-Bqi6hipy.js';
-import { a as ComboboxContext } from './ComboboxProvider-B9icf70e.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-C0uxW1_I.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-BFEL_Z-a.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-D6RllxrY.js';
-import { C as COMBOBOX_MENU_ID } from './constants-Bh8AphJ8.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-Bqi6hipy.js → ComboboxContentHeader-D00FcymX.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { T as Typography } from './Typography-BYn7VGSR.js';
-import { B as Button } from './Button-BtMYpAP-.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-POQqUIJg.js → ComboboxContentHeader-e74O4Y3Y.js}

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

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

@@ -1,11 +1,11 @@
 import React, { useState, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Text } from './Text-BlW0OGil.js';
-import { G as Glimmer } from './Glimmer-Cu0ivzWw.js';
-import { S as Spinner } from './Spinner-Cb7aroa8.js';
-import { A as AnimatedPresence } from './AnimatedPresence-NXH1uD53.js';
-import { C as ComboboxOption } from './ComboboxOption-BXel9FUd.js';
-import { C as ComboboxLoadMore } from './ComboboxLoadMore-C7JXlp4p.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-DfTfPshJ.js → ComboboxContentList-CxGJ6zVa.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Text = require('./Text-C5ixoBH0.js');
-var Glimmer = require('./Glimmer-Y_X3AuDj.js');
-var Spinner = require('./Spinner-CVqURAw6.js');
-var AnimatedPresence = require('./AnimatedPresence-DGufm8Le.js');
-var ComboboxOption = require('./ComboboxOption-CO7Thqr3.js');
-var ComboboxLoadMore = require('./ComboboxLoadMore-C5jKZFWn.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-HdmfzguD.js → ComboboxContentSearch-BymqFSHr.js}

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

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

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

package/dist/{ComboboxLoadMore-C5jKZFWn.js → ComboboxLoadMore-C_9dBhob.js}

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

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

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

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

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-DQCumFg9.js');
-var Flex = require('./Flex-4NJAKFlh.js');
-var ComboboxProvider = require('./ComboboxProvider-BohCFdcQ.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-BXel9FUd.js → ComboboxOption-icmB2Frx.js}

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-MpPid1B2.js';
-import { F as Flex } from './Flex-O9ZXn6pR.js';
-import { a as ComboboxContext } from './ComboboxProvider-B9icf70e.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-B9icf70e.js → ComboboxProvider-BUJNHTTA.js}

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