@jobber/components 4.66.0 → 4.66.1-fix-hide-h.6

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -0,0 +1,29 @@
+export { I as InternalChipDismissible } from '../../InternalChipDismissible-BdFEixGv.js';
+import 'react';
+import '../../useScrollToActive-CJSHtep6.js';
+import '../../_commonjsHelpers-Dy2IPW0w.js';
+import '../../_setToString-C4orgkN4.js';
+import '../../_defineProperty-83dOR5RH.js';
+import '../../_getTag-3syWrFS1.js';
+import '../../isObjectLike-CcKIYba1.js';
+import '../../isSymbol-BmwHOL7f.js';
+import '../../_baseEach-BGBnrEvT.js';
+import '../../debounce-BBtff9-S.js';
+import '../../Icon-GaU33tZU.js';
+import '@jobber/design';
+import 'react-popper';
+import 'classnames';
+import '../../Text-C3-8gHkD.js';
+import '../../Typography-BD0mo9T9.js';
+import '../../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../../Spinner-Bg1QOlTK.js';
+import '../../useAssert-DPy4bthp.js';
+import '../../_polyfill-node.process-DcZ1HNOw.js';
+import '../../Avatar-kAXMTS3o.js';
+import 'color';
+import '../../Tooltip-C-wkLpWe.js';
+import 'react-dom';
+import 'framer-motion';
+import '../../useSafeLayoutEffect-tr9DHxlf.js';
+import '../../useIsMounted-JfVXqbjM.js';

package/dist/Chips/index.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var React = require('react');
+var InternalChipDismissible = require('../InternalChipDismissible-umLLUm_o.js');
+var Chips = require('../Chips-bTwuX84o.js');
+var useAssert = require('../useAssert-ChYQeQ8b.js');
+require('../useScrollToActive-DGi2_Pva.js');
+require('../_commonjsHelpers-BZy5LDD5.js');
+require('../_setToString-BpMgcoAm.js');
+require('../_defineProperty-BN336VLs.js');
+require('../_getTag-DnTPemdC.js');
+require('../isObjectLike-D1IeOnmx.js');
+require('../isSymbol-Bbb_qQGw.js');
+require('../_baseEach-B1PpjpKL.js');
+require('../debounce-pg3VOrFc.js');
+require('../Icon-fa-Ii8qc.js');
+require('@jobber/design');
+require('react-popper');
+require('classnames');
+require('../Text-CuGgzpie.js');
+require('../Typography-Dcec2MjG.js');
+require('../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../Spinner-b5Q8KXRQ.js');
+require('../Avatar-CRADit7s.js');
+require('color');
+require('../Tooltip-mp-wmNRd.js');
+require('react-dom');
+require('framer-motion');
+require('../useSafeLayoutEffect-DHIY4lnV.js');
+require('../useIsMounted-sXqZBlpo.js');
+require('../_polyfill-node.process-CrU1R5tX.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 }) }));
+}
+
+// Only need the component to pass in the data as a react children
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function Chip(props) {
+    // Throw error when <Chip /> gets used outside of the <Chips />
+    useAssert.useAssert_2(true, "`<Chip>` component can only be used inside `<Chips>`");
+    return React.createElement(React.Fragment, null);
+}
+
+exports.Chips = Chips.Chips;
+exports.Chip = Chip;
+exports.ChipDismissible = ChipDismissible;

package/dist/Chips/index.mjs

@@ -0,0 +1,44 @@
+import React from 'react';
+import { a as InternalChip, b as InternalChipButton } from '../InternalChipDismissible-BdFEixGv.js';
+export { C as Chips } from '../Chips-RLz0PIhY.js';
+import { u as useAssert_2 } from '../useAssert-DPy4bthp.js';
+import '../useScrollToActive-CJSHtep6.js';
+import '../_commonjsHelpers-Dy2IPW0w.js';
+import '../_setToString-C4orgkN4.js';
+import '../_defineProperty-83dOR5RH.js';
+import '../_getTag-3syWrFS1.js';
+import '../isObjectLike-CcKIYba1.js';
+import '../isSymbol-BmwHOL7f.js';
+import '../_baseEach-BGBnrEvT.js';
+import '../debounce-BBtff9-S.js';
+import '../Icon-GaU33tZU.js';
+import '@jobber/design';
+import 'react-popper';
+import 'classnames';
+import '../Text-C3-8gHkD.js';
+import '../Typography-BD0mo9T9.js';
+import '../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../Spinner-Bg1QOlTK.js';
+import '../Avatar-kAXMTS3o.js';
+import 'color';
+import '../Tooltip-C-wkLpWe.js';
+import 'react-dom';
+import 'framer-motion';
+import '../useSafeLayoutEffect-tr9DHxlf.js';
+import '../useIsMounted-JfVXqbjM.js';
+import '../_polyfill-node.process-DcZ1HNOw.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 }) }));
+}
+
+// Only need the component to pass in the data as a react children
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function Chip(props) {
+    // Throw error when <Chip /> gets used outside of the <Chips />
+    useAssert_2(true, "`<Chip>` component can only be used inside `<Chips>`");
+    return React.createElement(React.Fragment, null);
+}
+
+export { Chip, ChipDismissible };

package/dist/Chips-RLz0PIhY.js

@@ -0,0 +1,91 @@
+import React, { useId } from 'react';
+import { s as styles, a as InternalChip, I as InternalChipDismissible } from './InternalChipDismissible-BdFEixGv.js';
+import { I as Icon } from './Icon-GaU33tZU.js';
+
+function InternalChipSingleSelect({ children, selected, name = useId(), onChange, onClick, }) {
+    return (React.createElement("div", { className: styles.wrapper, "data-testid": "singleselect-chips" }, React.Children.map(children, child => {
+        const isSelected = child.props.value === selected;
+        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: () => {
+                    /* No op. onClick handles the change to allow deselecting. */
+                }, disabled: child.props.disabled }),
+            React.createElement(InternalChip, Object.assign({}, child.props, { active: isSelected }))));
+    })));
+    function handleKeyUp(active, value) {
+        if (!active)
+            return;
+        return (event) => {
+            if (event.key === " ") {
+                // Wait for DOM changes before applying the new change.
+                setTimeout(() => handleChange(value), 0);
+            }
+        };
+    }
+    function handleClick(value) {
+        return (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event, value);
+            handleChange(value);
+        };
+    }
+    function handleChange(value) {
+        const newValue = value !== selected ? value : undefined;
+        onChange(newValue);
+    }
+}
+
+function InternalChipMultiSelect({ children, selected, onChange, onClick, }) {
+    return (React.createElement("div", { className: styles.wrapper, "data-testid": "multiselect-chips" }, React.Children.map(children, chip => {
+        const isChipActive = isChipSelected(chip.props.value);
+        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) }))));
+    })));
+    function isChipSelected(value) {
+        return selected.includes(value);
+    }
+    function handleClick(value) {
+        return (event) => onClick === null || onClick === void 0 ? void 0 : onClick(event, value);
+    }
+    function handleChange(value) {
+        return () => {
+            if (isChipSelected(value)) {
+                handleDeselect(value);
+            }
+            else {
+                handleSelect(value);
+            }
+        };
+    }
+    function handleSelect(value) {
+        const newVal = [...selected, value];
+        onChange(newVal);
+    }
+    function handleDeselect(value) {
+        const values = selected;
+        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) {
+    switch (props.type) {
+        case "dismissible":
+            return React.createElement(InternalChipDismissible, Object.assign({}, props));
+        case "multiselect":
+            return React.createElement(InternalChipMultiSelect, Object.assign({}, props));
+        default:
+            return React.createElement(InternalChipSingleSelect, Object.assign({}, props));
+    }
+}
+
+export { Chips as C };

package/dist/Chips-bTwuX84o.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var React = require('react');
+var InternalChipDismissible = require('./InternalChipDismissible-umLLUm_o.js');
+var Icon = require('./Icon-fa-Ii8qc.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 isSelected = child.props.value === selected;
+        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: () => {
+                    /* No op. onClick handles the change to allow deselecting. */
+                }, disabled: child.props.disabled }),
+            React.createElement(InternalChipDismissible.InternalChip, Object.assign({}, child.props, { active: isSelected }))));
+    })));
+    function handleKeyUp(active, value) {
+        if (!active)
+            return;
+        return (event) => {
+            if (event.key === " ") {
+                // Wait for DOM changes before applying the new change.
+                setTimeout(() => handleChange(value), 0);
+            }
+        };
+    }
+    function handleClick(value) {
+        return (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event, value);
+            handleChange(value);
+        };
+    }
+    function handleChange(value) {
+        const newValue = value !== selected ? value : undefined;
+        onChange(newValue);
+    }
+}
+
+function InternalChipMultiSelect({ children, selected, onChange, onClick, }) {
+    return (React.createElement("div", { className: InternalChipDismissible.styles.wrapper, "data-testid": "multiselect-chips" }, React.Children.map(children, chip => {
+        const isChipActive = isChipSelected(chip.props.value);
+        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) }))));
+    })));
+    function isChipSelected(value) {
+        return selected.includes(value);
+    }
+    function handleClick(value) {
+        return (event) => onClick === null || onClick === void 0 ? void 0 : onClick(event, value);
+    }
+    function handleChange(value) {
+        return () => {
+            if (isChipSelected(value)) {
+                handleDeselect(value);
+            }
+            else {
+                handleSelect(value);
+            }
+        };
+    }
+    function handleSelect(value) {
+        const newVal = [...selected, value];
+        onChange(newVal);
+    }
+    function handleDeselect(value) {
+        const values = selected;
+        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) {
+    switch (props.type) {
+        case "dismissible":
+            return React.createElement(InternalChipDismissible.InternalChipDismissible, Object.assign({}, props));
+        case "multiselect":
+            return React.createElement(InternalChipMultiSelect, Object.assign({}, props));
+        default:
+            return React.createElement(InternalChipSingleSelect, Object.assign({}, props));
+    }
+}
+
+exports.Chips = Chips;

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

@@ -26,10 +26,26 @@ export interface ComboboxProps {
      * Callback function invoked upon the Combobox menu closing.
      */
     readonly onClose?: () => void;
+    /**
+     * Debounced callback function invoked on Combobox search input change. Receives the current search value as an argument.
+     */
+    readonly onSearch?: (searchValue: string) => void;
+    /**
+     * The amount of time in ms to debounce the onSearch callback. Defaults to 300ms.
+     */
+    readonly onSearchDebounce?: number;
+    /**
+     * Callback to load more options, this is called when the user scrolls to the bottom of the list.
+     */
+    readonly onLoadMore?: () => void;
     /**
      * The Chip heading for the trigger
      */
     readonly label?: string;
+    /**
+     * Should the Combobox display the loading state.
+     */
+    readonly loading?: boolean;
 }
 export interface ComboboxActivatorProps {
     readonly children: React.ReactElement;
@@ -46,6 +62,10 @@ export interface ComboboxOption {
      * The value to be visually displayed in the Combobox options list.
      */
     label: string;
+    /**
+     * An optional component to be displayed before the label.
+     */
+    prefix?: React.ReactElement;
 }
 export interface ComboboxContentProps {
     /**
@@ -81,6 +101,14 @@ export interface ComboboxContentProps {
      * Setter for the current search term.
      */
     readonly setSearchValue: Dispatch<SetStateAction<string>>;
+    /**
+     * Function called when search input changes.
+     */
+    readonly handleSearchChange: (value: string) => void;
+    /**
+     * Callback to load more options, this is called when the user scrolls to the bottom of the list.
+     */
+    readonly onLoadMore?: () => void;
     /**
      * Reference to the wrapping div element of all the Combobox pieces
      */
@@ -97,6 +125,10 @@ export interface ComboboxContentProps {
      * The full set of options for the Combobox in the shape of data, not elements.
      */
     readonly options: ComboboxOption[];
+    /**
+     * Should loading state be shown.
+     */
+    readonly loading?: boolean;
 }
 export interface ComboboxSearchProps {
     /**
@@ -115,6 +147,10 @@ export interface ComboboxSearchProps {
      * Setter for the search input value.
      */
     setSearchValue: Dispatch<SetStateAction<string>>;
+    /**
+     * Function called when search input changes.
+     */
+    readonly handleSearchChange: (value: string) => void;
 }
 export interface ComboboxHeaderProps {
     /**
@@ -143,10 +179,6 @@ export interface ComboboxListProps {
      * The options to display in the list. May be the full set of the Combobox or could be filtered.
      */
     readonly options: ComboboxOption[];
-    /**
-     * Used to determine if the empty state should be shown and given priority over the options list.
-     */
-    readonly showEmptyState: boolean;
     /**
      * The currently selected options.
      */
@@ -167,15 +199,30 @@ export interface ComboboxListProps {
      * The noun to be used in the empty state message.
      */
     readonly subjectNoun?: string;
+    /**
+     * Should loading state be shown.
+     */
+    readonly loading?: boolean;
+    /**
+     * Callback to load more options, this is called when the user scrolls to the bottom of the list.
+     */
+    readonly onLoadMore?: () => void;
 }
 export interface ComboboxActionProps {
     /**
      * The function to call when the action is clicked.
      */
-    onClick(event: React.MouseEvent<HTMLButtonElement>): void;
+    onClick(event: React.MouseEvent<HTMLButtonElement>, options: ComboboxActionCallbackOptions): void;
     /**
      * The label text of the action.
      */
-    readonly label: string;
+    readonly label: string | ((options: ComboboxActionCallbackOptions) => string);
+    /**
+     * Determine if the action is visible for a given item.
+     */
+    readonly visible?: boolean | ((options: ComboboxActionCallbackOptions) => boolean);
+}
+export interface ComboboxActionCallbackOptions {
+    readonly searchValue: string;
 }
 export {};

package/dist/Combobox/ComboboxProvider.d.ts

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

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ComboboxActionProps } from "../../Combobox.types";
-export declare function ComboboxAction(props: ComboboxActionProps): JSX.Element;
+export declare function ComboboxAction(props: ComboboxActionProps): JSX.Element | null;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var ComboboxAction = require('../../../ComboboxAction-DEhgOzYs.js');
+require('react');
+require('../../../Typography-Dcec2MjG.js');
+require('classnames');
+require('../../../ComboboxProvider-CfnemK-l.js');
+require('../../../tslib.es6-6AwvlbWV.js');
+
+
+
+exports.ComboboxAction = ComboboxAction.ComboboxAction;

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

@@ -0,0 +1,6 @@
+export { C as ComboboxAction } from '../../../ComboboxAction-CRlYsxnV.js';
+import 'react';
+import '../../../Typography-BD0mo9T9.js';
+import 'classnames';
+import '../../../ComboboxProvider-BKMfpEBY.js';
+import '../../../tslib.es6-Bu_PBg9i.js';

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var ComboboxActivator = require('../../../ComboboxActivator-BQxh2GkW.js');
+require('react');
+require('../../../Button-CvQJyw1M.js');
+require('classnames');
+require('react-router-dom');
+require('../../../Icon-fa-Ii8qc.js');
+require('@jobber/design');
+require('../../../Typography-Dcec2MjG.js');
+require('../../../Chip-DiIMUiij.js');
+require('../../../useInView-BC7a7D4f.js');
+require('../../../Avatar-CRADit7s.js');
+require('color');
+require('../../../useChildComponent-D562aXq4.js');
+require('../../../Tooltip-mp-wmNRd.js');
+require('react-dom');
+require('framer-motion');
+require('../../../useSafeLayoutEffect-DHIY4lnV.js');
+require('../../../useIsMounted-sXqZBlpo.js');
+require('react-popper');
+require('../../../tslib.es6-6AwvlbWV.js');
+require('../../../ComboboxProvider-CfnemK-l.js');
+
+
+
+exports.ComboboxActivator = ComboboxActivator.ComboboxActivator;

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

@@ -0,0 +1,21 @@
+export { C as ComboboxActivator } from '../../../ComboboxActivator-DP-DDMTP.js';
+import 'react';
+import '../../../Button-DjFrVgPj.js';
+import 'classnames';
+import 'react-router-dom';
+import '../../../Icon-GaU33tZU.js';
+import '@jobber/design';
+import '../../../Typography-BD0mo9T9.js';
+import '../../../Chip-sEzGnAdo.js';
+import '../../../useInView-BgkV4xmN.js';
+import '../../../Avatar-kAXMTS3o.js';
+import 'color';
+import '../../../useChildComponent-CuuLz2Q6.js';
+import '../../../Tooltip-C-wkLpWe.js';
+import 'react-dom';
+import 'framer-motion';
+import '../../../useSafeLayoutEffect-tr9DHxlf.js';
+import '../../../useIsMounted-JfVXqbjM.js';
+import 'react-popper';
+import '../../../tslib.es6-Bu_PBg9i.js';
+import '../../../ComboboxProvider-BKMfpEBY.js';

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var ComboboxContentHeader = require('../../../../ComboboxContentHeader-CtZwAMyJ.js');
+require('react');
+require('../../../../Typography-Dcec2MjG.js');
+require('classnames');
+require('../../../../Button-CvQJyw1M.js');
+require('react-router-dom');
+require('../../../../Icon-fa-Ii8qc.js');
+require('@jobber/design');
+
+
+
+exports.ComboboxContentHeader = ComboboxContentHeader.ComboboxContentHeader;

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

@@ -0,0 +1,8 @@
+export { C as ComboboxContentHeader } from '../../../../ComboboxContentHeader-BAj0VyGa.js';
+import 'react';
+import '../../../../Typography-BD0mo9T9.js';
+import 'classnames';
+import '../../../../Button-DjFrVgPj.js';
+import 'react-router-dom';
+import '../../../../Icon-GaU33tZU.js';
+import '@jobber/design';

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var ComboboxContentList = require('../../../../ComboboxContentList-BYbeCxp2.js');
+require('react');
+require('classnames');
+require('../../../../Text-CuGgzpie.js');
+require('../../../../Typography-Dcec2MjG.js');
+require('../../../../Glimmer-ZDIXl8XO.js');
+require('../../../../tslib.es6-6AwvlbWV.js');
+require('../../../../Content-DQHuNmbK.js');
+require('../../../../Spinner-b5Q8KXRQ.js');
+require('../../../../AnimatedPresence-_p8QyR9z.js');
+require('framer-motion');
+require('@jobber/design');
+require('../../../../ComboboxOption-BY-tUk0s.js');
+require('../../../../Icon-fa-Ii8qc.js');
+require('../../../../Flex-Xe7j4ihO.js');
+require('../../../../ComboboxProvider-CfnemK-l.js');
+require('../../../../ComboboxLoadMore-CvkW-I1H.js');
+require('../../../../useInView-BC7a7D4f.js');
+
+
+
+exports.ComboboxContentList = ComboboxContentList.ComboboxContentList;

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

@@ -0,0 +1,18 @@
+export { C as ComboboxContentList } from '../../../../ComboboxContentList-aU8fbxsp.js';
+import 'react';
+import 'classnames';
+import '../../../../Text-C3-8gHkD.js';
+import '../../../../Typography-BD0mo9T9.js';
+import '../../../../Glimmer-DJ9psf2S.js';
+import '../../../../tslib.es6-Bu_PBg9i.js';
+import '../../../../Content-D7e26CKa.js';
+import '../../../../Spinner-Bg1QOlTK.js';
+import '../../../../AnimatedPresence-DsD8wMiB.js';
+import 'framer-motion';
+import '@jobber/design';
+import '../../../../ComboboxOption-CX-Z2eLn.js';
+import '../../../../Icon-GaU33tZU.js';
+import '../../../../Flex-DteCYe_w.js';
+import '../../../../ComboboxProvider-BKMfpEBY.js';
+import '../../../../ComboboxLoadMore-BRTLjXUS.js';
+import '../../../../useInView-BgkV4xmN.js';

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

@@ -0,0 +1,10 @@
+'use strict';
+
+var ComboboxContentSearch = require('../../../../ComboboxContentSearch-noFYGH66.js');
+require('react');
+require('../../../../Icon-fa-Ii8qc.js');
+require('@jobber/design');
+
+
+
+exports.ComboboxContentSearch = ComboboxContentSearch.ComboboxContentSearch;

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

@@ -0,0 +1,4 @@
+export { C as ComboboxContentSearch } from '../../../../ComboboxContentSearch-Bhmt-tVj.js';
+import 'react';
+import '../../../../Icon-GaU33tZU.js';
+import '@jobber/design';

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/ComboboxLoadMore.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ComboboxLoadMoreProps {
+    readonly onLoadMore: () => void;
+}
+export declare function ComboboxLoadMore({ onLoadMore }: ComboboxLoadMoreProps): JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var ComboboxLoadMore = require('../../../../ComboboxLoadMore-CvkW-I1H.js');
+require('react');
+require('../../../../useInView-BC7a7D4f.js');
+
+
+
+exports.ComboboxLoadMore = ComboboxLoadMore.ComboboxLoadMore;

package/dist/Combobox/components/ComboboxContent/ComboboxLoadMore/index.d.ts

@@ -0,0 +1 @@
+export { ComboboxLoadMore } from "./ComboboxLoadMore";

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

@@ -0,0 +1,3 @@
+export { C as ComboboxLoadMore } from '../../../../ComboboxLoadMore-BRTLjXUS.js';
+import 'react';
+import '../../../../useInView-BgkV4xmN.js';