@jobber/components 4.90.5 → 4.90.6

package/dist/ComboboxContent-u1C3PXKH.js

@@ -1,143 +0,0 @@
-import React, { useContext, useRef, useEffect } from 'react';
-import classnames from 'classnames';
-import ReactDOM from 'react-dom';
-import { C as ComboboxContentSearch } from './ComboboxContentSearch-DX-BiYTa.js';
-import { C as ComboboxContentList } from './ComboboxContentList-nxCsc_XU.js';
-import { C as ComboboxContentHeader } from './ComboboxContentHeader-BF43vAXl.js';
-import { a as ComboboxContext } from './ComboboxProvider-GdvooWYJ.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BAub7L-i.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-D0gOZaSx.js';
-import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-07RktdgP.js';
-
-var styles = {"content":"m1w5vdUZ6rQ-","hidden":"Zlkv2HA096A-","actions":"YQry-Rd6zfQ-","actionPadding":"TcpqL34s4lI-"};
-
-function useComboboxContent(open, selected) {
-    const { shouldScroll } = useContext(ComboboxContext);
-    const optionsListRef = useRef(null);
-    useEffect(() => {
-        var _a;
-        if (open && shouldScroll.current && optionsListRef.current) {
-            const firstSelected = Array.from((_a = optionsListRef === null || optionsListRef === void 0 ? void 0 : optionsListRef.current) === null || _a === void 0 ? void 0 : _a.children).find(child => {
-                if (child instanceof HTMLElement) {
-                    return child.dataset.selected === "true";
-                }
-            });
-            scrollToFirstSelected(firstSelected, shouldScroll);
-        }
-    }, [open, selected]);
-    return {
-        optionsListRef,
-    };
-}
-function scrollToFirstSelected(firstSelected, shouldScroll) {
-    if (firstSelected) {
-        firstSelected.scrollIntoView({
-            block: "nearest",
-        });
-        shouldScroll.current = false;
-    }
-}
-
-// eslint-disable-next-line max-statements
-function useComboboxAccessibility(selectionCallback, filteredOptions, optionsListRef, open, wrapperRef) {
-    const { handleClose } = useContext(ComboboxContext);
-    const hasOptionsVisible = open && filteredOptions.length > 0;
-    const focusedIndex = useRef(null);
-    useRefocusOnActivator_2(open);
-    const popperRef = useFocusTrap_2(open);
-    const { styles: popperStyles, attributes, update, } = usePopper(wrapperRef.current, popperRef.current, {
-        modifiers: [
-            {
-                name: "flip",
-                options: {
-                    fallbackPlacements: ["top-start"],
-                },
-            },
-        ],
-        placement: "bottom-start",
-    });
-    useEffect(() => {
-        focusedIndex.current = null;
-        if (open) {
-            update === null || update === void 0 ? void 0 : update();
-        }
-    }, [open, filteredOptions.length]);
-    useEffect(() => {
-        var _a;
-        if (open) {
-            (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("keydown", handleContentKeydown);
-        }
-        return () => {
-            var _a;
-            (_a = popperRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("keydown", handleContentKeydown);
-        };
-    }, [open, optionsListRef, filteredOptions]);
-    useOnKeyDown_2(() => {
-        if (open) {
-            handleClose();
-        }
-    }, "Escape");
-    function handleContentKeydown(event) {
-        var _a;
-        if (!hasOptionsVisible)
-            return;
-        if (event.key === "Enter" || event.key === " ") {
-            const activeElementInList = (_a = optionsListRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement);
-            if (!activeElementInList)
-                return;
-            handleKeyboardSelection(event);
-        }
-        if (event.key === "ArrowDown") {
-            handleKeyboardNavigation(event, 1);
-        }
-        if (event.key === "ArrowUp") {
-            handleKeyboardNavigation(event, -1);
-        }
-    }
-    function handleKeyboardNavigation(event, indexChange) {
-        var _a;
-        const newIndex = focusedIndex.current === null ? 0 : focusedIndex.current + indexChange;
-        if (newIndex < 0 || newIndex >= filteredOptions.length)
-            return;
-        const optionElement = (_a = optionsListRef.current) === null || _a === void 0 ? void 0 : _a.children[newIndex];
-        optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
-        focusedIndex.current = newIndex;
-        event.preventDefault();
-        event.stopPropagation();
-    }
-    function handleKeyboardSelection(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (focusedIndex.current !== null) {
-            selectionCallback(filteredOptions[focusedIndex.current]);
-        }
-    }
-    return {
-        popperRef,
-        popperStyles,
-        attributes,
-    };
-}
-
-function ComboboxContent(props) {
-    const optionsExist = props.options.length > 0;
-    const { optionsListRef } = useComboboxContent(props.open, props.selected);
-    const { popperRef, popperStyles, attributes } = useComboboxAccessibility(props.handleSelection, props.options, optionsListRef, props.open, props.wrapperRef);
-    const template = (React.createElement("div", Object.assign({ ref: popperRef, id: "ATL-Combobox-Content", "data-testid": "ATL-Combobox-Content", tabIndex: 0, className: classnames(styles.content, { [styles.hidden]: !props.open }), style: popperStyles.popper }, attributes.popper),
-        React.createElement(ComboboxContentSearch, { open: props.open, placeholder: props.subjectNoun, searchValue: props.searchValue, setSearchValue: props.setSearchValue, handleSearchChange: props.handleSearchChange }),
-        props.multiselect && (optionsExist || props.selected.length > 0) && (React.createElement(ComboboxContentHeader, { hasOptionsVisible: optionsExist, subjectNoun: props.subjectNoun, selectedCount: props.selected.length, onClearAll: () => {
-                props.selectedStateSetter([]);
-            }, onSelectAll: () => {
-                props.selectedStateSetter(props.options);
-            } })),
-        React.createElement(ComboboxContentList, { multiselect: props.multiselect, options: props.options, selected: props.selected, optionsListRef: optionsListRef, searchValue: props.searchValue, subjectNoun: props.subjectNoun, loading: props.loading, onLoadMore: props.onLoadMore }),
-        props.actionElements && (React.createElement("div", { className: styles.actions, role: "group" }, props.actionElements.map((child, index, childrenArray) => (React.createElement("div", { key: index, className: classnames({
-                [styles.actionPadding]: index === childrenArray.length - 1,
-            }) }, child)))))));
-    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
-        ? ReactDOM.createPortal(template, document.body)
-        : template;
-}
-
-export { ComboboxContent as C };

package/dist/ComboboxContentHeader-BF43vAXl.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { T as Typography } from './Typography-DscVWtp8.js';
-import { B as Button } from './Button-BH4Hhr2S.js';
-
-var styles = {"header":"Q-mwo-g5Fi8-"};
-
-function ComboboxContentHeader(props) {
-    const hasSelected = props.selectedCount > 0;
-    const actionLabel = hasSelected ? "Clear" : "Select all";
-    const label = getLabel(hasSelected, props.selectedCount, props.subjectNoun);
-    const handleSelectAll = hasSelected ? props.onClearAll : props.onSelectAll;
-    const showAction = hasSelected || props.hasOptionsVisible;
-    return (React.createElement("div", { className: styles.header, "data-testid": "ATL-Combobox-Header" },
-        React.createElement(Typography, { textColor: "heading", fontWeight: "semiBold" }, label),
-        showAction && (React.createElement(Button, { size: "small", label: actionLabel, type: "tertiary", onClick: handleSelectAll }))));
-}
-function getLabel(hasSelected, count, subjectNoun) {
-    if (hasSelected) {
-        return `${count} selected`;
-    }
-    if (subjectNoun) {
-        return `Select ${subjectNoun}`;
-    }
-    return "Select";
-}
-
-export { ComboboxContentHeader as C };

package/dist/ComboboxContentHeader-Cirx9k9L.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Typography = require('./Typography-BiJhpsiL.js');
-var Button = require('./Button-BPYGeGx2.js');
-
-var styles = {"header":"Q-mwo-g5Fi8-"};
-
-function ComboboxContentHeader(props) {
-    const hasSelected = props.selectedCount > 0;
-    const actionLabel = hasSelected ? "Clear" : "Select all";
-    const label = getLabel(hasSelected, props.selectedCount, props.subjectNoun);
-    const handleSelectAll = hasSelected ? props.onClearAll : props.onSelectAll;
-    const showAction = hasSelected || props.hasOptionsVisible;
-    return (React.createElement("div", { className: styles.header, "data-testid": "ATL-Combobox-Header" },
-        React.createElement(Typography.Typography, { textColor: "heading", fontWeight: "semiBold" }, label),
-        showAction && (React.createElement(Button.Button, { size: "small", label: actionLabel, type: "tertiary", onClick: handleSelectAll }))));
-}
-function getLabel(hasSelected, count, subjectNoun) {
-    if (hasSelected) {
-        return `${count} selected`;
-    }
-    if (subjectNoun) {
-        return `Select ${subjectNoun}`;
-    }
-    return "Select";
-}
-
-exports.ComboboxContentHeader = ComboboxContentHeader;

package/dist/ComboboxContentList-DFv7m0NQ.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var Text = require('./Text-BKFV1Z0j.js');
-var Glimmer = require('./Glimmer-CG9tFCHs.js');
-var Spinner = require('./Spinner-CjTb3xIl.js');
-var AnimatedPresence = require('./AnimatedPresence-BWePg1sL.js');
-var ComboboxOption = require('./ComboboxOption-DSzlMoup.js');
-var ComboboxLoadMore = require('./ComboboxLoadMore-CUK0n3WY.js');
-
-var styles = {"container":"SgMzjOcdE-E-","optionsList":"TwoTCjgcssc-","filterMessage":"_8T5M7MGwCRE-","emptyStateMessage":"_4y5NXkNeIQM-","scrollTop":"T6E3VwBGoQM-","scrollNone":"_6HQzxMQkXnE-","scrollBottom":"_5YsJZyMDkbA-","loadingContainer":"A6z4OI58xoE-","hasOptions":"QqHBSf52fPk-"};
-
-function ComboboxContentList(props) {
-    const optionsExist = props.options.length > 0;
-    const hasSearchTerm = props.searchValue.length > 0;
-    const { listScrollState } = useScrollState(props.optionsListRef, props.options);
-    return (React.createElement("div", { className: classnames(styles.container, styles[listScrollState]) },
-        optionsExist && (React.createElement("ul", { className: styles.optionsList, role: "listbox", "aria-multiselectable": props.multiselect, ref: props.optionsListRef },
-            props.options.map(option => {
-                return (React.createElement(ComboboxOption.ComboboxOption, { key: option.id, id: option.id, label: option.label, prefix: option.prefix }));
-            }),
-            React.createElement("div", { className: classnames([styles.loadingContainer, styles.hasOptions]) },
-                React.createElement(AnimatedPresence.AnimatedPresence, { transition: "fromBottom" }, Boolean(props.loading && optionsExist) && (React.createElement(Spinner.Spinner, { size: "small" })))),
-            props.onLoadMore && (React.createElement(ComboboxLoadMore.ComboboxLoadMore, { onLoadMore: props.onLoadMore })))),
-        props.loading && !optionsExist && (React.createElement(React.Fragment, null, Array.from({ length: 5 }).map((_, index) => (React.createElement("div", { className: styles.loadingContainer, key: index },
-            React.createElement(Glimmer.Glimmer, { shape: "rectangle", size: "small" })))))),
-        hasSearchTerm && !props.loading && !optionsExist && (React.createElement("div", { className: styles.filterMessage },
-            React.createElement(Text.Text, { variation: "subdued" },
-                "No results for ",
-                `“${props.searchValue}”`))),
-        !hasSearchTerm && !props.loading && !optionsExist && (React.createElement("div", { className: styles.emptyStateMessage },
-            React.createElement(Text.Text, { variation: "subdued" }, getZeroIndexStateText(props.subjectNoun))))));
-}
-function getZeroIndexStateText(subjectNoun) {
-    if (subjectNoun) {
-        return `You don't have any ${subjectNoun} yet`;
-    }
-    return "No options yet";
-}
-function useScrollState(optionsListRef, options) {
-    const [listScrollState, setlistScrollState] = React.useState("");
-    React.useEffect(() => {
-        const handleScroll = () => {
-            if (optionsListRef.current) {
-                const { scrollTop, clientHeight, scrollHeight } = optionsListRef.current;
-                if (scrollHeight === clientHeight) {
-                    setlistScrollState("scrollNone");
-                }
-                else if (scrollTop === 0) {
-                    setlistScrollState("scrollTop");
-                }
-                else if (scrollTop + clientHeight >= scrollHeight) {
-                    setlistScrollState("scrollBottom");
-                }
-                else {
-                    setlistScrollState("");
-                }
-            }
-        };
-        if (options.length === 0) {
-            handleScroll();
-        }
-        if (optionsListRef.current) {
-            optionsListRef.current.addEventListener("scroll", handleScroll);
-            handleScroll();
-        }
-        return () => {
-            if (optionsListRef.current) {
-                optionsListRef.current.removeEventListener("scroll", handleScroll);
-            }
-        };
-    }, [options]);
-    return { listScrollState };
-}
-
-exports.ComboboxContentList = ComboboxContentList;

package/dist/ComboboxContentList-nxCsc_XU.js

@@ -1,75 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import classnames from 'classnames';
-import { T as Text } from './Text-CfxmOdM-.js';
-import { G as Glimmer } from './Glimmer-IWgpoHGI.js';
-import { S as Spinner } from './Spinner-DGO8_Jsa.js';
-import { A as AnimatedPresence } from './AnimatedPresence-CzXm0q2a.js';
-import { C as ComboboxOption } from './ComboboxOption-BMg1O_Br.js';
-import { C as ComboboxLoadMore } from './ComboboxLoadMore-t_s_eVDp.js';
-
-var styles = {"container":"SgMzjOcdE-E-","optionsList":"TwoTCjgcssc-","filterMessage":"_8T5M7MGwCRE-","emptyStateMessage":"_4y5NXkNeIQM-","scrollTop":"T6E3VwBGoQM-","scrollNone":"_6HQzxMQkXnE-","scrollBottom":"_5YsJZyMDkbA-","loadingContainer":"A6z4OI58xoE-","hasOptions":"QqHBSf52fPk-"};
-
-function ComboboxContentList(props) {
-    const optionsExist = props.options.length > 0;
-    const hasSearchTerm = props.searchValue.length > 0;
-    const { listScrollState } = useScrollState(props.optionsListRef, props.options);
-    return (React.createElement("div", { className: classnames(styles.container, styles[listScrollState]) },
-        optionsExist && (React.createElement("ul", { className: styles.optionsList, role: "listbox", "aria-multiselectable": props.multiselect, ref: props.optionsListRef },
-            props.options.map(option => {
-                return (React.createElement(ComboboxOption, { key: option.id, id: option.id, label: option.label, prefix: option.prefix }));
-            }),
-            React.createElement("div", { className: classnames([styles.loadingContainer, styles.hasOptions]) },
-                React.createElement(AnimatedPresence, { transition: "fromBottom" }, Boolean(props.loading && optionsExist) && (React.createElement(Spinner, { size: "small" })))),
-            props.onLoadMore && (React.createElement(ComboboxLoadMore, { onLoadMore: props.onLoadMore })))),
-        props.loading && !optionsExist && (React.createElement(React.Fragment, null, Array.from({ length: 5 }).map((_, index) => (React.createElement("div", { className: styles.loadingContainer, key: index },
-            React.createElement(Glimmer, { shape: "rectangle", size: "small" })))))),
-        hasSearchTerm && !props.loading && !optionsExist && (React.createElement("div", { className: styles.filterMessage },
-            React.createElement(Text, { variation: "subdued" },
-                "No results for ",
-                `“${props.searchValue}”`))),
-        !hasSearchTerm && !props.loading && !optionsExist && (React.createElement("div", { className: styles.emptyStateMessage },
-            React.createElement(Text, { variation: "subdued" }, getZeroIndexStateText(props.subjectNoun))))));
-}
-function getZeroIndexStateText(subjectNoun) {
-    if (subjectNoun) {
-        return `You don't have any ${subjectNoun} yet`;
-    }
-    return "No options yet";
-}
-function useScrollState(optionsListRef, options) {
-    const [listScrollState, setlistScrollState] = useState("");
-    useEffect(() => {
-        const handleScroll = () => {
-            if (optionsListRef.current) {
-                const { scrollTop, clientHeight, scrollHeight } = optionsListRef.current;
-                if (scrollHeight === clientHeight) {
-                    setlistScrollState("scrollNone");
-                }
-                else if (scrollTop === 0) {
-                    setlistScrollState("scrollTop");
-                }
-                else if (scrollTop + clientHeight >= scrollHeight) {
-                    setlistScrollState("scrollBottom");
-                }
-                else {
-                    setlistScrollState("");
-                }
-            }
-        };
-        if (options.length === 0) {
-            handleScroll();
-        }
-        if (optionsListRef.current) {
-            optionsListRef.current.addEventListener("scroll", handleScroll);
-            handleScroll();
-        }
-        return () => {
-            if (optionsListRef.current) {
-                optionsListRef.current.removeEventListener("scroll", handleScroll);
-            }
-        };
-    }, [options]);
-    return { listScrollState };
-}
-
-export { ComboboxContentList as C };

package/dist/ComboboxContentSearch-C2RHQNXR.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Icon = require('./Icon-C05AQvkv.js');
-
-var styles = {"search":"MIyb-oFZg9w-","searchInput":"WZPK91I4aJs-","clearSearch":"_7loHrVUe-Rk-"};
-
-function ComboboxContentSearch(props) {
-    const searchRef = React.useRef(null);
-    React.useEffect(() => {
-        if (props.open) {
-            setTimeout(() => {
-                var _a;
-                (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-        }
-    }, [props.open]);
-    return (React.createElement("div", { className: styles.search },
-        React.createElement("input", { type: "search", ref: searchRef, className: styles.searchInput, placeholder: props.placeholder ? `Search ${props.placeholder}` : "Search", onChange: (event) => handleSearch(event), value: props.searchValue }),
-        props.searchValue && (React.createElement("button", { className: styles.clearSearch, onClick: clearSearch, type: "button", "data-testid": "ATL-Combobox-Content-Search-Clear", "aria-label": "Clear search" },
-            React.createElement(Icon.Icon, { name: "remove", size: "small" })))));
-    function clearSearch() {
-        var _a;
-        props.setSearchValue("");
-        props.handleSearchChange("");
-        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function handleSearch(event) {
-        props.setSearchValue(event.currentTarget.value);
-        props.handleSearchChange(event.currentTarget.value);
-    }
-}
-
-exports.ComboboxContentSearch = ComboboxContentSearch;

package/dist/ComboboxContentSearch-DX-BiYTa.js

@@ -1,32 +0,0 @@
-import React, { useRef, useEffect } from 'react';
-import { I as Icon } from './Icon-Dic5myD3.js';
-
-var styles = {"search":"MIyb-oFZg9w-","searchInput":"WZPK91I4aJs-","clearSearch":"_7loHrVUe-Rk-"};
-
-function ComboboxContentSearch(props) {
-    const searchRef = useRef(null);
-    useEffect(() => {
-        if (props.open) {
-            setTimeout(() => {
-                var _a;
-                (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-        }
-    }, [props.open]);
-    return (React.createElement("div", { className: styles.search },
-        React.createElement("input", { type: "search", ref: searchRef, className: styles.searchInput, placeholder: props.placeholder ? `Search ${props.placeholder}` : "Search", onChange: (event) => handleSearch(event), value: props.searchValue }),
-        props.searchValue && (React.createElement("button", { className: styles.clearSearch, onClick: clearSearch, type: "button", "data-testid": "ATL-Combobox-Content-Search-Clear", "aria-label": "Clear search" },
-            React.createElement(Icon, { name: "remove", size: "small" })))));
-    function clearSearch() {
-        var _a;
-        props.setSearchValue("");
-        props.handleSearchChange("");
-        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function handleSearch(event) {
-        props.setSearchValue(event.currentTarget.value);
-        props.handleSearchChange(event.currentTarget.value);
-    }
-}
-
-export { ComboboxContentSearch as C };

package/dist/ComboboxLoadMore-CUK0n3WY.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useInView = require('./useInView-DGjydyXL.js');
-
-var styles = {"trigger":"_3s8-RC5Ky3s-"};
-
-function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView.useInView_2();
-    React.useEffect(() => {
-        isInView && onLoadMore();
-    }, [isInView]);
-    return (React.createElement("div", { "data-testid": "ATL-Combobox-Loadmore-Trigger", ref: inViewRef, className: styles.trigger }));
-}
-
-exports.ComboboxLoadMore = ComboboxLoadMore;

package/dist/ComboboxLoadMore-t_s_eVDp.js

@@ -1,14 +0,0 @@
-import React, { useEffect } from 'react';
-import { u as useInView_2 } from './useInView-CjeNEvX0.js';
-
-var styles = {"trigger":"_3s8-RC5Ky3s-"};
-
-function ComboboxLoadMore({ onLoadMore }) {
-    const [inViewRef, isInView] = useInView_2();
-    useEffect(() => {
-        isInView && onLoadMore();
-    }, [isInView]);
-    return (React.createElement("div", { "data-testid": "ATL-Combobox-Loadmore-Trigger", ref: inViewRef, className: styles.trigger }));
-}
-
-export { ComboboxLoadMore as C };

package/dist/ComboboxOption-BMg1O_Br.js

@@ -1,20 +0,0 @@
-import React, { useContext } from 'react';
-import classnames from 'classnames';
-import { I as Icon } from './Icon-Dic5myD3.js';
-import { F as Flex } from './Flex-Bfl-vL64.js';
-import { a as ComboboxContext } from './ComboboxProvider-GdvooWYJ.js';
-
-var styles = {"option":"_5QdRGmaNHvc-"};
-
-function ComboboxOption(props) {
-    const { selected, selectionHandler } = useContext(ComboboxContext);
-    const isSelected = selected.some(selection => selection.id.toString() === props.id.toString());
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: () => selectionHandler &&
-            selectionHandler({ id: props.id, label: props.label }), className: classnames(styles.option) },
-        React.createElement(Flex, { template: props.prefix ? ["shrink", "grow"] : ["grow"] },
-            props.prefix,
-            props.label),
-        React.createElement("div", null, isSelected && React.createElement(Icon, { name: "checkmark", color: "blue" }))));
-}
-
-export { ComboboxOption as C };

package/dist/ComboboxOption-DSzlMoup.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-var classnames = require('classnames');
-var Icon = require('./Icon-C05AQvkv.js');
-var Flex = require('./Flex-Dh0WNozY.js');
-var ComboboxProvider = require('./ComboboxProvider-ku2HdEkO.js');
-
-var styles = {"option":"_5QdRGmaNHvc-"};
-
-function ComboboxOption(props) {
-    const { selected, selectionHandler } = React.useContext(ComboboxProvider.ComboboxContext);
-    const isSelected = selected.some(selection => selection.id.toString() === props.id.toString());
-    return (React.createElement("li", { key: props.id, tabIndex: -1, "data-selected": isSelected, role: "option", "aria-selected": isSelected, onClick: () => selectionHandler &&
-            selectionHandler({ id: props.id, label: props.label }), className: classnames(styles.option) },
-        React.createElement(Flex.Flex, { template: props.prefix ? ["shrink", "grow"] : ["grow"] },
-            props.prefix,
-            props.label),
-        React.createElement("div", null, isSelected && React.createElement(Icon.Icon, { name: "checkmark", color: "blue" }))));
-}
-
-exports.ComboboxOption = ComboboxOption;

package/dist/ComboboxProvider-GdvooWYJ.js

@@ -1,10 +0,0 @@
-import { _ as __rest } from './tslib.es6-5nrZ19JS.js';
-import React from 'react';
-
-const ComboboxContext = React.createContext({});
-function ComboboxContextProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(ComboboxContext.Provider, { value: props }, children));
-}
-
-export { ComboboxContextProvider as C, ComboboxContext as a };

package/dist/ComboboxProvider-ku2HdEkO.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-BBH1pS30.js');
-var React = require('react');
-
-const ComboboxContext = React.createContext({});
-function ComboboxContextProvider(_a) {
-    var { children } = _a, props = tslib_es6.__rest(_a, ["children"]);
-    return (React.createElement(ComboboxContext.Provider, { value: props }, children));
-}
-
-exports.ComboboxContext = ComboboxContext;
-exports.ComboboxContextProvider = ComboboxContextProvider;

package/dist/ComboboxTrigger-1KuifQvl.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Chip = require('./Chip-Br7-JkgN.js');
-require('./tslib.es6-BBH1pS30.js');
-var Icon = require('./Icon-C05AQvkv.js');
-var ComboboxProvider = require('./ComboboxProvider-ku2HdEkO.js');
-
-function ComboboxTrigger({ label = "Select", selected, }) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxProvider.ComboboxContext);
-    const hasSelection = selected.length;
-    const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip.Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: () => {
-            if (open) {
-                handleClose();
-            }
-            else {
-                setOpen(true);
-            }
-        }, role: "combobox" }, !hasSelection && (React.createElement(Chip.Chip.Suffix, null,
-        React.createElement(Icon.Icon, { name: "add", size: "small" })))));
-}
-
-exports.ComboboxTrigger = ComboboxTrigger;

package/dist/ComboboxTrigger-CvcB6ptJ.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { C as Chip } from './Chip-CGMUQ-V-.js';
-import './tslib.es6-5nrZ19JS.js';
-import { I as Icon } from './Icon-Dic5myD3.js';
-import { a as ComboboxContext } from './ComboboxProvider-GdvooWYJ.js';
-
-function ComboboxTrigger({ label = "Select", selected, }) {
-    const { handleClose, open, setOpen } = React.useContext(ComboboxContext);
-    const hasSelection = selected.length;
-    const selectedLabel = selected.map(option => option.label).join(", ");
-    return (React.createElement(Chip, { variation: hasSelection ? "base" : "subtle", label: hasSelection ? selectedLabel : "", ariaLabel: label, heading: label, onClick: () => {
-            if (open) {
-                handleClose();
-            }
-            else {
-                setOpen(true);
-            }
-        }, role: "combobox" }, !hasSelection && (React.createElement(Chip.Suffix, null,
-        React.createElement(Icon, { name: "add", size: "small" })))));
-}
-
-export { ComboboxTrigger as C };

package/dist/ConfirmationModal/index.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-var ConfirmationModal = require('../ConfirmationModal-AtuPSZb4.js');
-require('react');
-require('../useOnKeyDown-W2x-4HSi.js');
-require('../Modal-Cgz6UlsK.js');
-require('react-dom');
-require('classnames');
-require('framer-motion');
-require('../useRefocusOnActivator-BnM3unqN.js');
-require('../useFocusTrap-B-xOQ79p.js');
-require('../Heading-Y2BrFvzY.js');
-require('../Typography-BiJhpsiL.js');
-require('../useAtlantisConfig-Ckfr55qY.js');
-require('../useSafeLayoutEffect-juh5vdFE.js');
-require('../Button-BPYGeGx2.js');
-require('react-router-dom');
-require('../Icon-C05AQvkv.js');
-require('@jobber/design');
-require('../ButtonDismiss-BajTLHia.js');
-require('../Content-D5eJgx6J.js');
-require('../Markdown-BhG7kPFl.js');
-require('../Text-BKFV1Z0j.js');
-require('../Emphasis-ZgoNe2R5.js');
-require('../index-dKBcvdAq.js');
-require('../_commonjsHelpers-BHq9dk6I.js');
-require('../_polyfill-node.process-7AsFqJce.js');
-
-
-
-exports.ConfirmationModal = ConfirmationModal.ConfirmationModal;

package/dist/ConfirmationModal/index.mjs

@@ -1,25 +0,0 @@
-export { C as ConfirmationModal } from '../ConfirmationModal-DrQ-Nm1m.js';
-import 'react';
-import '../useOnKeyDown-07RktdgP.js';
-import '../Modal-DQHFlXp5.js';
-import 'react-dom';
-import 'classnames';
-import 'framer-motion';
-import '../useRefocusOnActivator-BAub7L-i.js';
-import '../useFocusTrap-D0gOZaSx.js';
-import '../Heading-D_ylbFzI.js';
-import '../Typography-DscVWtp8.js';
-import '../useAtlantisConfig-DC3Ppo_R.js';
-import '../useSafeLayoutEffect-BW_VIS6-.js';
-import '../Button-BH4Hhr2S.js';
-import 'react-router-dom';
-import '../Icon-Dic5myD3.js';
-import '@jobber/design';
-import '../ButtonDismiss-Dwe1QljB.js';
-import '../Content-CobtdYug.js';
-import '../Markdown-BfxzpIEM.js';
-import '../Text-CfxmOdM-.js';
-import '../Emphasis-DIJAlzt-.js';
-import '../index-BE4KkyL_.js';
-import '../_commonjsHelpers-Dw5gAsMR.js';
-import '../_polyfill-node.process-B3Zw2Wh0.js';