@jobber/components 5.20.8-SCOTTTHd.45 → 5.20.8-SCOTTTHs-a30bcbb.35

package/dist/Chips/index.cjs

@@ -1,38 +1,47 @@
 'use strict';
 
 var React = require('react');
-var InternalChipDismissible = require('../InternalChipDismissible-OrwNPz4M.js');
-var Chips = require('../Chips-DmeaWGoa.js');
-var useAssert = require('../useAssert-CqTVaTm7.js');
-require('../useScrollToActive-NH-2DSGt.js');
-require('../_commonjsHelpers-B0rrMtP0.js');
-require('../_setToString-286hozIf.js');
-require('../_defineProperty-DSukBEWl.js');
-require('../_getTag-B7uQezyE.js');
-require('../isObjectLike-BL6msSB5.js');
-require('../isSymbol-CZBlB78R.js');
-require('../_baseEach-DskLyZzS.js');
-require('../debounce-Cng32dig.js');
-require('../Icon-wS5vpmx3.js');
+var InternalChipDismissible = require('../InternalChipDismissible-Cgyq5I-4.js');
+var Chip$1 = require('../Chip-CMURaeyE.js');
+var Chips = require('../Chips-DcUsxw0c.js');
+var useAssert = require('../useAssert-BWTjh08k.js');
+require('../useScrollToActive-_v-c1LtL.js');
+require('../_commonjsHelpers-DM5kGkm_.js');
+require('../_baseFlatten-CpWXMH-6.js');
+require('../_getAllKeys-j8ohSZx1.js');
+require('../isTypedArray-D08u9m1t.js');
+require('../isObjectLike-D54Sylr4.js');
+require('../isSymbol-onvgp5ug.js');
+require('../identity-yZSZ6DPp.js');
+require('../_getTag-BH0Xb8ff.js');
+require('../_baseEach-uMW6M7V5.js');
+require('../_baseFor-D-8hu2dP.js');
+require('../_isIterateeCall-DcMamw6d.js');
+require('../_setToString-DfItZ1r4.js');
+require('../debounce-BN5llZ7Y.js');
+require('../Icon-DMURv2lZ.js');
 require('@jobber/design');
 require('react-popper');
 require('classnames');
-require('../Text-BEqy0ojx.js');
-require('../Typography-KvPMVZyR.js');
-require('../Button-DV8P6VM4.js');
+require('../Text-CJWvewR1.js');
+require('../Typography-DYUPEo3A.js');
+require('../Button-X03o-OsV.js');
 require('react-router-dom');
-require('../Spinner-Bj9GuPzT.js');
-require('../Avatar-BfEbauRV.js');
+require('../Spinner-Cl4eyZlz.js');
+require('../tslib.es6-D1nA6hj6.js');
+require('../useInView-BWRX95_u.js');
+require('../Avatar-B_p8ulLU.js');
 require('color');
-require('../Tooltip-C2mSARH8.js');
+require('../useChildComponent-D3fSD1HY.js');
+require('../Tooltip-BoY5a6uJ.js');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-BgvvHbyP.js');
-require('../useIsMounted-DVmJiLR9.js');
-require('../_polyfill-node.process-1MMgPD6v.js');
+require('../useSafeLayoutEffect-BJHtGge9.js');
+require('../useIsMounted-B2QNmIn3.js');
+require('../_polyfill-node.process-DUypQ5CD.js');
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
-    return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(InternalChipDismissible.InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
+    return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(Chip$1.InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));
 }
 
 // Only need the component to pass in the data as a react children

package/dist/Chips/index.mjs

@@ -1,33 +1,42 @@
 import React from 'react';
-import { a as InternalChip, b as InternalChipButton } from '../InternalChipDismissible-3bZKOK4l.js';
-export { C as Chips } from '../Chips-42yJ2vbw.js';
-import { u as useAssert_2 } from '../useAssert-xvUPWi_D.js';
-import '../useScrollToActive-Dk6VJxd0.js';
-import '../_commonjsHelpers-BKFyl1YN.js';
-import '../_setToString-BMyzTf8M.js';
-import '../_defineProperty-Cre5YT0N.js';
-import '../_getTag-COWweFjC.js';
-import '../isObjectLike-DULN_z8K.js';
-import '../isSymbol-CJTiCj4j.js';
-import '../_baseEach-8fA8W1bR.js';
-import '../debounce-DFMQASje.js';
-import '../Icon-CTO4wvIZ.js';
+import { a as InternalChip } from '../InternalChipDismissible-BBZgLquw.js';
+import { I as InternalChipButton } from '../Chip-D3p5kdQT.js';
+export { C as Chips } from '../Chips-BpG5G0Nk.js';
+import { u as useAssert_2 } from '../useAssert-B3XCvzMe.js';
+import '../useScrollToActive-B5TO-nWe.js';
+import '../_commonjsHelpers-BgTBIXLr.js';
+import '../_baseFlatten-O0cgVqFX.js';
+import '../_getAllKeys-CCSkQ6GB.js';
+import '../isTypedArray-BYJ9R84I.js';
+import '../isObjectLike-C73xmKqw.js';
+import '../isSymbol-lWxnii5_.js';
+import '../identity-Cpwd6G6D.js';
+import '../_getTag-Sx5zkft7.js';
+import '../_baseEach-DotRPJUN.js';
+import '../_baseFor-dR9OH_0S.js';
+import '../_isIterateeCall-CQwBN61n.js';
+import '../_setToString-C9PwN-_B.js';
+import '../debounce-BFEgsSNV.js';
+import '../Icon-BPJYIZWC.js';
 import '@jobber/design';
 import 'react-popper';
 import 'classnames';
-import '../Text-DLaIGPdO.js';
-import '../Typography-DdPGuT7r.js';
-import '../Button-DjIsGUK9.js';
+import '../Text-DfqZm-hl.js';
+import '../Typography-DhGlhWcl.js';
+import '../Button-B_S7hCDq.js';
 import 'react-router-dom';
-import '../Spinner-DwfGkh1X.js';
-import '../Avatar-u57B1DIL.js';
+import '../Spinner-COTKfUIp.js';
+import '../tslib.es6-CeHUynox.js';
+import '../useInView-lNn9gvvm.js';
+import '../Avatar-DoM7yDeY.js';
 import 'color';
-import '../Tooltip-HlS3EKBv.js';
+import '../useChildComponent-BzSjKhIY.js';
+import '../Tooltip-BcPn1-6w.js';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-CU1PXH9Y.js';
-import '../useIsMounted-DIHcFr3m.js';
-import '../_polyfill-node.process-M68YAIX4.js';
+import '../useSafeLayoutEffect-zh3ddhlC.js';
+import '../useIsMounted-CgSxXL6-.js';
+import '../_polyfill-node.process-BFFOZcuv.js';
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));

package/dist/{Chips-42yJ2vbw.js → Chips-BpG5G0Nk.js}

@@ -1,15 +1,40 @@
 import React, { useId } from 'react';
-import { s as styles, a as InternalChip, I as InternalChipDismissible } from './InternalChipDismissible-3bZKOK4l.js';
-import { I as Icon } from './Icon-CTO4wvIZ.js';
+import classnames from 'classnames';
+import { a as styles } from './Chip-D3p5kdQT.js';
+import { a as InternalChip, I as InternalChipDismissible } from './InternalChipDismissible-BBZgLquw.js';
+import { I as Icon } from './Icon-BPJYIZWC.js';
 
-function InternalChipSingleSelect({ children, selected, name = useId(), onChange, onClick, }) {
+const getSuffixProps = (isChipActive, showSelectedSuffix) => {
+    if (isChipActive) {
+        return showSelectedSuffix
+            ? {
+                suffix: (React.createElement(Icon, { size: "small", name: "checkmark", color: "interactiveSubtle" })),
+            }
+            : {};
+    }
+    return {};
+};
+function useInternalChips() {
+    return {
+        getSuffixProps,
+    };
+}
+
+function InternalChipSingleSelect({ children, selected, name = useId(), showSelectedSuffix = true, onChange, onClick, }) {
+    const { getSuffixProps } = useInternalChips();
     return (React.createElement("div", { className: styles.wrapper, "data-testid": "singleselect-chips" }, React.Children.map(children, child => {
         const isSelected = child.props.value === selected;
+        const suffixProps = getSuffixProps(isSelected, showSelectedSuffix);
+        const classes = classnames(styles.input, {
+            [styles.disabled]: child.props.disabled,
+            [styles.invalid]: child.props.invalid,
+            [styles.inactive]: !isSelected,
+        });
         return (React.createElement("label", null,
-            React.createElement("input", { type: "radio", checked: isSelected, className: styles.input, name: name, onClick: handleClick(child.props.value), onKeyUp: handleKeyUp(isSelected, child.props.value), onChange: () => {
+            React.createElement("input", { type: "radio", checked: isSelected, className: classes, name: name, onClick: handleClick(child.props.value), onKeyUp: handleKeyUp(isSelected, child.props.value), onChange: () => {
                     /* No op. onClick handles the change to allow deselecting. */
                 }, disabled: child.props.disabled }),
-            React.createElement(InternalChip, Object.assign({}, child.props, { active: isSelected }))));
+            React.createElement(InternalChip, Object.assign({}, child.props, suffixProps, { active: isSelected, tabIndex: -1 }))));
     })));
     function handleKeyUp(active, value) {
         if (!active)
@@ -33,12 +58,19 @@ function InternalChipSingleSelect({ children, selected, name = useId(), onChange
     }
 }
 
-function InternalChipMultiSelect({ children, selected, onChange, onClick, }) {
+function InternalChipMultiSelect({ children, selected, showSelectedSuffix = true, onChange, onClick, }) {
+    const { getSuffixProps } = useInternalChips();
     return (React.createElement("div", { className: styles.wrapper, "data-testid": "multiselect-chips" }, React.Children.map(children, chip => {
         const isChipActive = isChipSelected(chip.props.value);
+        const suffixProps = getSuffixProps(isChipActive, showSelectedSuffix);
+        const classes = classnames(styles.input, {
+            [styles.disabled]: chip.props.disabled,
+            [styles.invalid]: chip.props.invalid,
+            [styles.inactive]: !isChipActive,
+        });
         return (React.createElement("label", null,
-            React.createElement("input", { type: "checkbox", checked: isChipActive, className: styles.input, onClick: handleClick(chip.props.value), onChange: handleChange(chip.props.value), disabled: chip.props.disabled }),
-            React.createElement(InternalChip, Object.assign({}, chip.props, { active: isChipActive, suffix: checkmarkIcon(isChipActive) }))));
+            React.createElement("input", { type: "checkbox", checked: isChipActive, className: classes, onClick: handleClick(chip.props.value), onChange: handleChange(chip.props.value), disabled: chip.props.disabled }),
+            React.createElement(InternalChip, Object.assign({}, chip.props, { active: isChipActive }, suffixProps, { tabIndex: -1 }))));
     })));
     function isChipSelected(value) {
         return selected.includes(value);
@@ -65,16 +97,6 @@ function InternalChipMultiSelect({ children, selected, onChange, onClick, }) {
         const newVal = values.filter(val => val !== value);
         onChange(newVal);
     }
-    function checkmarkIcon(show) {
-        // Ideally, we should be returning a fragment `<></>` when a function
-        // returns a component / element. However, this one needs to return nothing
-        // to prevent it from randomly rendering a suffix.
-        //
-        // DO NOT COPY!
-        if (!show)
-            return;
-        return React.createElement(Icon, { name: "checkmark" });
-    }
 }
 
 function Chips(props) {

package/dist/{Chips-DmeaWGoa.js → Chips-DcUsxw0c.js}

@@ -1,17 +1,42 @@
 'use strict';
 
 var React = require('react');
-var InternalChipDismissible = require('./InternalChipDismissible-OrwNPz4M.js');
-var Icon = require('./Icon-wS5vpmx3.js');
+var classnames = require('classnames');
+var Chip = require('./Chip-CMURaeyE.js');
+var InternalChipDismissible = require('./InternalChipDismissible-Cgyq5I-4.js');
+var Icon = require('./Icon-DMURv2lZ.js');
 
-function InternalChipSingleSelect({ children, selected, name = React.useId(), onChange, onClick, }) {
-    return (React.createElement("div", { className: InternalChipDismissible.styles.wrapper, "data-testid": "singleselect-chips" }, React.Children.map(children, child => {
+const getSuffixProps = (isChipActive, showSelectedSuffix) => {
+    if (isChipActive) {
+        return showSelectedSuffix
+            ? {
+                suffix: (React.createElement(Icon.Icon, { size: "small", name: "checkmark", color: "interactiveSubtle" })),
+            }
+            : {};
+    }
+    return {};
+};
+function useInternalChips() {
+    return {
+        getSuffixProps,
+    };
+}
+
+function InternalChipSingleSelect({ children, selected, name = React.useId(), showSelectedSuffix = true, onChange, onClick, }) {
+    const { getSuffixProps } = useInternalChips();
+    return (React.createElement("div", { className: Chip.styles$1.wrapper, "data-testid": "singleselect-chips" }, React.Children.map(children, child => {
         const isSelected = child.props.value === selected;
+        const suffixProps = getSuffixProps(isSelected, showSelectedSuffix);
+        const classes = classnames(Chip.styles$1.input, {
+            [Chip.styles$1.disabled]: child.props.disabled,
+            [Chip.styles$1.invalid]: child.props.invalid,
+            [Chip.styles$1.inactive]: !isSelected,
+        });
         return (React.createElement("label", null,
-            React.createElement("input", { type: "radio", checked: isSelected, className: InternalChipDismissible.styles.input, name: name, onClick: handleClick(child.props.value), onKeyUp: handleKeyUp(isSelected, child.props.value), onChange: () => {
+            React.createElement("input", { type: "radio", checked: isSelected, className: classes, name: name, onClick: handleClick(child.props.value), onKeyUp: handleKeyUp(isSelected, child.props.value), onChange: () => {
                     /* No op. onClick handles the change to allow deselecting. */
                 }, disabled: child.props.disabled }),
-            React.createElement(InternalChipDismissible.InternalChip, Object.assign({}, child.props, { active: isSelected }))));
+            React.createElement(InternalChipDismissible.InternalChip, Object.assign({}, child.props, suffixProps, { active: isSelected, tabIndex: -1 }))));
     })));
     function handleKeyUp(active, value) {
         if (!active)
@@ -35,12 +60,19 @@ function InternalChipSingleSelect({ children, selected, name = React.useId(), on
     }
 }
 
-function InternalChipMultiSelect({ children, selected, onChange, onClick, }) {
-    return (React.createElement("div", { className: InternalChipDismissible.styles.wrapper, "data-testid": "multiselect-chips" }, React.Children.map(children, chip => {
+function InternalChipMultiSelect({ children, selected, showSelectedSuffix = true, onChange, onClick, }) {
+    const { getSuffixProps } = useInternalChips();
+    return (React.createElement("div", { className: Chip.styles$1.wrapper, "data-testid": "multiselect-chips" }, React.Children.map(children, chip => {
         const isChipActive = isChipSelected(chip.props.value);
+        const suffixProps = getSuffixProps(isChipActive, showSelectedSuffix);
+        const classes = classnames(Chip.styles$1.input, {
+            [Chip.styles$1.disabled]: chip.props.disabled,
+            [Chip.styles$1.invalid]: chip.props.invalid,
+            [Chip.styles$1.inactive]: !isChipActive,
+        });
         return (React.createElement("label", null,
-            React.createElement("input", { type: "checkbox", checked: isChipActive, className: InternalChipDismissible.styles.input, onClick: handleClick(chip.props.value), onChange: handleChange(chip.props.value), disabled: chip.props.disabled }),
-            React.createElement(InternalChipDismissible.InternalChip, Object.assign({}, chip.props, { active: isChipActive, suffix: checkmarkIcon(isChipActive) }))));
+            React.createElement("input", { type: "checkbox", checked: isChipActive, className: classes, onClick: handleClick(chip.props.value), onChange: handleChange(chip.props.value), disabled: chip.props.disabled }),
+            React.createElement(InternalChipDismissible.InternalChip, Object.assign({}, chip.props, { active: isChipActive }, suffixProps, { tabIndex: -1 }))));
     })));
     function isChipSelected(value) {
         return selected.includes(value);
@@ -67,16 +99,6 @@ function InternalChipMultiSelect({ children, selected, onChange, onClick, }) {
         const newVal = values.filter(val => val !== value);
         onChange(newVal);
     }
-    function checkmarkIcon(show) {
-        // Ideally, we should be returning a fragment `<></>` when a function
-        // returns a component / element. However, this one needs to return nothing
-        // to prevent it from randomly rendering a suffix.
-        //
-        // DO NOT COPY!
-        if (!show)
-            return;
-        return React.createElement(Icon.Icon, { name: "checkmark" });
-    }
 }
 
 function Chips(props) {

package/dist/Combobox/Combobox.types.d.ts

@@ -47,13 +47,37 @@ export interface ComboboxProps {
      */
     readonly loading?: boolean;
 }
+export interface ComboboxCustomActivatorProps {
+    /**
+     * Required to describe the expanded state of the Combobox.
+     * Automatically updates as open state is toggled.
+     */
+    ariaExpanded: boolean;
+    /**
+     * Required to describe the relationship between the toggle-able Combobox Menu and the activator.
+     */
+    ariaControls: string;
+    /**
+     * The aria-label attribute for the Combobox activator.
+     */
+    ariaLabel?: string;
+    /**
+     * Required to describe the interactive element which toggles the Combobox's visibility.
+     */
+    role: "combobox";
+    /**
+     * Method to open the Combobox. Closing is handled by the Combobox itself.
+     */
+    open: () => void;
+}
+export type ComboboxActivatorAccessibility = Omit<ComboboxCustomActivatorProps, "open">;
 export interface ComboboxActivatorProps {
-    readonly children: React.ReactElement;
+    readonly children: React.ReactElement | ((props: ComboboxCustomActivatorProps) => React.ReactElement);
 }
 export interface ComboboxTriggerProps extends Pick<ComboboxContentProps, "selected"> {
     readonly label?: string;
 }
-export interface ComboboxOption {
+export interface ComboboxOptionProps {
     /**
      * A unique identifier for the option.
      */
@@ -65,8 +89,16 @@ export interface ComboboxOption {
     /**
      * An optional component to be displayed before the label.
      */
-    prefix?: React.ReactElement;
+    prefix?: React.ReactNode;
+    /**
+     * Advanced: A custom render prop to completely control how this option is rendered.
+     * The function receives the option's props, and a boolean indicating if the option is selected.
+     */
+    readonly customRender?: (option: Omit<ComboboxOptionProps, "customRender"> & {
+        isSelected: boolean;
+    }) => React.ReactNode;
 }
+export type ComboboxOption = ComboboxOptionProps;
 export interface ComboboxContentProps {
     /**
      * The selected options of the Combobox.
@@ -117,10 +149,6 @@ export interface ComboboxContentProps {
      * Is the Combobox open
      */
     readonly open: boolean;
-    /**
-     * Setter for the open state of the Combobox.
-     */
-    readonly setOpen: (open: boolean) => void;
     /**
      * The full set of options for the Combobox in the shape of data, not elements.
      */
@@ -221,6 +249,11 @@ export interface ComboboxActionProps {
      * Determine if the action is visible for a given item.
      */
     readonly visible?: boolean | ((options: ComboboxActionCallbackOptions) => boolean);
+    /**
+     * Keeps the Combobox open when the action is clicked.
+     * @default false
+     */
+    readonly keepOpenOnClick?: boolean;
 }
 export interface ComboboxActionCallbackOptions {
     readonly searchValue: string;

package/dist/Combobox/ComboboxProvider.d.ts

@@ -1,14 +1,15 @@
-import React, { Dispatch, MutableRefObject, SetStateAction } from "react";
+import React, { MutableRefObject } from "react";
 import { ComboboxOption } from "./Combobox.types";
 export interface ComboboxProviderProps {
     readonly children: React.ReactNode;
     readonly selected: ComboboxOption[];
     readonly selectionHandler: (option: ComboboxOption) => void;
     readonly open: boolean;
-    readonly setOpen: Dispatch<SetStateAction<boolean>>;
     readonly handleClose: () => void;
+    readonly handleOpen: () => void;
     readonly shouldScroll: MutableRefObject<boolean>;
     readonly searchValue: string;
+    readonly label?: string;
 }
 export declare const ComboboxContext: React.Context<Omit<ComboboxProviderProps, "children">>;
 export declare function ComboboxContextProvider({ children, ...props }: ComboboxProviderProps): JSX.Element;

package/dist/Combobox/components/ComboboxAction/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var ComboboxAction = require('../../../ComboboxAction-D0tqfHR5.js');
+var ComboboxAction = require('../../../ComboboxAction-DRYanCOZ.js');
 require('react');
-require('../../../Typography-KvPMVZyR.js');
+require('../../../Typography-DYUPEo3A.js');
 require('classnames');
-require('../../../ComboboxProvider-Bmopsc_X.js');
-require('../../../tslib.es6-Bi0OHwyo.js');
+require('../../../ComboboxProvider-BTlRaM5o.js');
+require('../../../tslib.es6-D1nA6hj6.js');
 
 
 

package/dist/Combobox/components/ComboboxAction/index.mjs

@@ -1,6 +1,6 @@
-export { C as ComboboxAction } from '../../../ComboboxAction-4GHLgOmM.js';
+export { C as ComboboxAction } from '../../../ComboboxAction-CiO33kY8.js';
 import 'react';
-import '../../../Typography-DdPGuT7r.js';
+import '../../../Typography-DhGlhWcl.js';
 import 'classnames';
-import '../../../ComboboxProvider-DoixiYnH.js';
-import '../../../tslib.es6-eq3zexCS.js';
+import '../../../ComboboxProvider-LU3bOsya.js';
+import '../../../tslib.es6-CeHUynox.js';

package/dist/Combobox/components/ComboboxActivator/ComboboxActivator.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ComboboxActivatorProps } from "../../Combobox.types";
-export declare function ComboboxActivator(props: ComboboxActivatorProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function ComboboxActivator(props: ComboboxActivatorProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/dist/Combobox/components/ComboboxActivator/index.cjs

@@ -1,26 +1,27 @@
 'use strict';
 
-var ComboboxActivator = require('../../../ComboboxActivator-DkK2bac3.js');
+var ComboboxActivator = require('../../../ComboboxActivator-Bo4rCXFr.js');
 require('react');
-require('../../../Button-DV8P6VM4.js');
+require('../../../Button-X03o-OsV.js');
 require('classnames');
 require('react-router-dom');
-require('../../../Icon-wS5vpmx3.js');
+require('../../../Icon-DMURv2lZ.js');
 require('@jobber/design');
-require('../../../Typography-KvPMVZyR.js');
-require('../../../Chip-DtGMkBV0.js');
-require('../../../useInView-BpYC1TFb.js');
-require('../../../Avatar-BfEbauRV.js');
+require('../../../Typography-DYUPEo3A.js');
+require('../../../Chip-CMURaeyE.js');
+require('../../../useInView-BWRX95_u.js');
+require('../../../Avatar-B_p8ulLU.js');
 require('color');
-require('../../../useChildComponent-DVrlADIw.js');
-require('../../../Tooltip-C2mSARH8.js');
+require('../../../useChildComponent-D3fSD1HY.js');
+require('../../../Tooltip-BoY5a6uJ.js');
 require('react-dom');
 require('framer-motion');
-require('../../../useSafeLayoutEffect-BgvvHbyP.js');
-require('../../../useIsMounted-DVmJiLR9.js');
+require('../../../useSafeLayoutEffect-BJHtGge9.js');
+require('../../../useIsMounted-B2QNmIn3.js');
 require('react-popper');
-require('../../../tslib.es6-Bi0OHwyo.js');
-require('../../../ComboboxProvider-Bmopsc_X.js');
+require('../../../tslib.es6-D1nA6hj6.js');
+require('../../../ComboboxProvider-BTlRaM5o.js');
+require('../../../constants-D1-obPRE.js');
 
 
 

package/dist/Combobox/components/ComboboxActivator/index.mjs

@@ -1,21 +1,22 @@
-export { C as ComboboxActivator } from '../../../ComboboxActivator-BDdAlJrp.js';
+export { C as ComboboxActivator } from '../../../ComboboxActivator-3cwd5sZw.js';
 import 'react';
-import '../../../Button-DjIsGUK9.js';
+import '../../../Button-B_S7hCDq.js';
 import 'classnames';
 import 'react-router-dom';
-import '../../../Icon-CTO4wvIZ.js';
+import '../../../Icon-BPJYIZWC.js';
 import '@jobber/design';
-import '../../../Typography-DdPGuT7r.js';
-import '../../../Chip-HN-yvMRs.js';
-import '../../../useInView-BbITW8l4.js';
-import '../../../Avatar-u57B1DIL.js';
+import '../../../Typography-DhGlhWcl.js';
+import '../../../Chip-D3p5kdQT.js';
+import '../../../useInView-lNn9gvvm.js';
+import '../../../Avatar-DoM7yDeY.js';
 import 'color';
-import '../../../useChildComponent-BktiyavB.js';
-import '../../../Tooltip-HlS3EKBv.js';
+import '../../../useChildComponent-BzSjKhIY.js';
+import '../../../Tooltip-BcPn1-6w.js';
 import 'react-dom';
 import 'framer-motion';
-import '../../../useSafeLayoutEffect-CU1PXH9Y.js';
-import '../../../useIsMounted-DIHcFr3m.js';
+import '../../../useSafeLayoutEffect-zh3ddhlC.js';
+import '../../../useIsMounted-CgSxXL6-.js';
 import 'react-popper';
-import '../../../tslib.es6-eq3zexCS.js';
-import '../../../ComboboxProvider-DoixiYnH.js';
+import '../../../tslib.es6-CeHUynox.js';
+import '../../../ComboboxProvider-LU3bOsya.js';
+import '../../../constants-DCAch56Z.js';

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var ComboboxContentHeader = require('../../../../ComboboxContentHeader-B27EmVHu.js');
+var ComboboxContentHeader = require('../../../../ComboboxContentHeader-BCbGG2pK.js');
 require('react');
-require('../../../../Typography-KvPMVZyR.js');
+require('../../../../Typography-DYUPEo3A.js');
 require('classnames');
-require('../../../../Button-DV8P6VM4.js');
+require('../../../../Button-X03o-OsV.js');
 require('react-router-dom');
-require('../../../../Icon-wS5vpmx3.js');
+require('../../../../Icon-DMURv2lZ.js');
 require('@jobber/design');
 
 

package/dist/Combobox/components/ComboboxContent/ComboboxContentHeader/index.mjs

@@ -1,8 +1,8 @@
-export { C as ComboboxContentHeader } from '../../../../ComboboxContentHeader-iC18w4jP.js';
+export { C as ComboboxContentHeader } from '../../../../ComboboxContentHeader-DBzWdUG7.js';
 import 'react';
-import '../../../../Typography-DdPGuT7r.js';
+import '../../../../Typography-DhGlhWcl.js';
 import 'classnames';
-import '../../../../Button-DjIsGUK9.js';
+import '../../../../Button-B_S7hCDq.js';
 import 'react-router-dom';
-import '../../../../Icon-CTO4wvIZ.js';
+import '../../../../Icon-BPJYIZWC.js';
 import '@jobber/design';

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var ComboboxContentList = require('../../../../ComboboxContentList-DcfyrDaZ.js');
+var ComboboxContentList = require('../../../../ComboboxContentList-CUuvfmU_.js');
 require('react');
 require('classnames');
-require('../../../../Text-BEqy0ojx.js');
-require('../../../../Typography-KvPMVZyR.js');
-require('../../../../Glimmer-CoTzPZhi.js');
-require('../../../../tslib.es6-Bi0OHwyo.js');
-require('../../../../Content-CaBYhgC3.js');
-require('../../../../Spinner-Bj9GuPzT.js');
-require('../../../../AnimatedPresence-D8VDBhYC.js');
+require('../../../../Text-CJWvewR1.js');
+require('../../../../Typography-DYUPEo3A.js');
+require('../../../../Glimmer-Dp6TA00Z.js');
+require('../../../../tslib.es6-D1nA6hj6.js');
+require('../../../../Content-Bvcrqi5z.js');
+require('../../../../Spinner-Cl4eyZlz.js');
+require('../../../../AnimatedPresence-BnueoqI2.js');
 require('framer-motion');
 require('@jobber/design');
-require('../../../../ComboboxOption-CxxAN5VX.js');
-require('../../../../Icon-wS5vpmx3.js');
-require('../../../../Flex-BT1VFJD1.js');
-require('../../../../ComboboxProvider-Bmopsc_X.js');
-require('../../../../ComboboxLoadMore--tlJYWJj.js');
-require('../../../../useInView-BpYC1TFb.js');
+require('../../../../ComboboxOption-DEICUWcX.js');
+require('../../../../Icon-DMURv2lZ.js');
+require('../../../../Flex-FEWYiEyG.js');
+require('../../../../ComboboxProvider-BTlRaM5o.js');
+require('../../../../ComboboxLoadMore-UBUXI47y.js');
+require('../../../../useInView-BWRX95_u.js');
 
 
 

package/dist/Combobox/components/ComboboxContent/ComboboxContentList/index.mjs

@@ -1,18 +1,18 @@
-export { C as ComboboxContentList } from '../../../../ComboboxContentList-CW42K9FA.js';
+export { C as ComboboxContentList } from '../../../../ComboboxContentList-prs7vZ7A.js';
 import 'react';
 import 'classnames';
-import '../../../../Text-DLaIGPdO.js';
-import '../../../../Typography-DdPGuT7r.js';
-import '../../../../Glimmer-B4wN9RhA.js';
-import '../../../../tslib.es6-eq3zexCS.js';
-import '../../../../Content-CEpXEhkM.js';
-import '../../../../Spinner-DwfGkh1X.js';
-import '../../../../AnimatedPresence-Bo--kbN2.js';
+import '../../../../Text-DfqZm-hl.js';
+import '../../../../Typography-DhGlhWcl.js';
+import '../../../../Glimmer-DDQazCKz.js';
+import '../../../../tslib.es6-CeHUynox.js';
+import '../../../../Content-CZscRWg1.js';
+import '../../../../Spinner-COTKfUIp.js';
+import '../../../../AnimatedPresence-DLT6hZjb.js';
 import 'framer-motion';
 import '@jobber/design';
-import '../../../../ComboboxOption-ENdI1SgL.js';
-import '../../../../Icon-CTO4wvIZ.js';
-import '../../../../Flex-CoImqyEY.js';
-import '../../../../ComboboxProvider-DoixiYnH.js';
-import '../../../../ComboboxLoadMore-DG5KoDHo.js';
-import '../../../../useInView-BbITW8l4.js';
+import '../../../../ComboboxOption-CaSEvlkm.js';
+import '../../../../Icon-BPJYIZWC.js';
+import '../../../../Flex-BuEj3_N5.js';
+import '../../../../ComboboxProvider-LU3bOsya.js';
+import '../../../../ComboboxLoadMore-C21UOOTY.js';
+import '../../../../useInView-lNn9gvvm.js';