@jobber/components 5.29.2-add-script-e2e1a6f.2 → 5.29.2-revert-199-78fe420.4

package/dist/{InputTime-3PwhkjBx.js → InputTime-CC0ErE-1.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ZJbGhpOp.js');
+var tslib_es6 = require('./tslib.es6-DKelZsAm.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
-var debounce = require('./debounce-CHcZMUao.js');
-var FormField = require('./FormField-BKDdbjx6.js');
+var debounce = require('./debounce-Df-cZImX.js');
+var FormField = require('./FormField-MdcxASoX.js');
 
 function civilTimeToHTMLTime(civilTime) {
     if (civilTime == undefined) {

package/dist/{InputTime-BzgWIBve.js → InputTime-DQ1HkMd_.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-4eP-EfR_.js';
+import { _ as __rest } from './tslib.es6-DtrTWWe_.js';
 import React, { useState, useCallback, useEffect, useRef } from 'react';
 import { CivilTime } from '@std-proposal/temporal';
-import { a as debounce } from './debounce-DF_LKYFy.js';
-import { F as FormField } from './FormField-DXyBfK3t.js';
+import { a as debounce } from './debounce-mESVipxt.js';
+import { F as FormField } from './FormField-BJXLRNLb.js';
 
 function civilTimeToHTMLTime(civilTime) {
     if (civilTime == undefined) {

package/dist/InputValidation/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var InputValidation = require('../InputValidation-B6Bb4le0.js');
+var InputValidation = require('../InputValidation-Bx4pzWa0.js');
 require('react');
 require('framer-motion');
-require('../Text-CPScbDZd.js');
-require('../Typography-DAXwqHRm.js');
+require('../Text-DkYiSrDd.js');
+require('../Typography-CmgHADsR.js');
 require('classnames');
-require('../Icon-DO0V7eGt.js');
+require('../Icon-jl5oWVlC.js');
 require('@jobber/design');
 
 

package/dist/InputValidation/index.mjs

@@ -1,8 +1,8 @@
-export { I as InputValidation } from '../InputValidation-DN1r2ik4.js';
+export { I as InputValidation } from '../InputValidation-CLLl0nhS.js';
 import 'react';
 import 'framer-motion';
-import '../Text-Bn4rJ59m.js';
-import '../Typography-VJW0YB9l.js';
+import '../Text-CQTF9SRh.js';
+import '../Typography-BFUXw1xl.js';
 import 'classnames';
-import '../Icon-CTlAFUDL.js';
+import '../Icon-Bb93ZyxD.js';
 import '@jobber/design';

package/dist/{InputValidation-B6Bb4le0.js → InputValidation-Bx4pzWa0.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var Text = require('./Text-CPScbDZd.js');
-var Icon = require('./Icon-DO0V7eGt.js');
+var Text = require('./Text-DkYiSrDd.js');
+var Icon = require('./Icon-jl5oWVlC.js');
 
 var styles = {"hasValidationMessage":"sc-bFJieXBA-","message":"xybhC5Y6mk4-","spinning":"jFBJf5JUNfI-"};
 

package/dist/{InputValidation-DN1r2ik4.js → InputValidation-CLLl0nhS.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { T as Text } from './Text-Bn4rJ59m.js';
-import { I as Icon } from './Icon-CTlAFUDL.js';
+import { T as Text } from './Text-CQTF9SRh.js';
+import { I as Icon } from './Icon-Bb93ZyxD.js';
 
 var styles = {"hasValidationMessage":"sc-bFJieXBA-","message":"xybhC5Y6mk4-","spinning":"jFBJf5JUNfI-"};
 

package/dist/InternalChipDismissible-CILXn3JI.js

@@ -0,0 +1,157 @@
+'use strict';
+
+var React = require('react');
+var useScrollToActive = require('./useScrollToActive-DnAIztF2.js');
+require('./isObjectLike-BqptMoqO.js');
+require('@jobber/design');
+require('react-popper');
+var debounce = require('./debounce-Df-cZImX.js');
+var classnames = require('classnames');
+var Text = require('./Text-DkYiSrDd.js');
+var Button = require('./Button-BE1b44j0.js');
+var Spinner = require('./Spinner-ByNYoUwy.js');
+var useAssert = require('./useAssert-Di-a2Rhg.js');
+var Icon = require('./Icon-jl5oWVlC.js');
+var Avatar = require('./Avatar-EPONl-CS.js');
+var Typography = require('./Typography-CmgHADsR.js');
+var Tooltip = require('./Tooltip-D1wj_1jd.js');
+
+var styles$1 = {"wrapper":"zn6onyiQVmA-","chip":"PEnZzMEgbhU-","hasPrefix":"dtysUhwYdG4-","hasSuffix":"xGaMCAYsdwA-","clickable":"SNT7gGV-h-o-","input":"W4D98cvEth4-","active":"_0hEzaTXK9M0-","invalid":"JApS2787BU8-","disabled":"Kg0c8WVgMpg-","button":"_0-ZWexS4Gfg-","icon":"DQPnZP4UZpw-","spinning":"_233cNMGKLQo-"};
+
+function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
+    const buttonRef = React.useRef();
+    return (React.createElement("div", { ref: buttonRef, className: styles$1.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": true, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+        React.createElement(Icon.Icon, { name: icon, color: getColor() })));
+    function handleKeyUp(event) {
+        if (document.activeElement === buttonRef.current &&
+            (event.key === " " || event.key === "Enter")) {
+            event.stopPropagation();
+            buttonRef.current.click();
+        }
+    }
+    function handleKeyDown(event) {
+        if (document.activeElement === buttonRef.current && event.key === " ") {
+            // Don't scroll down
+            event.preventDefault();
+        }
+    }
+    function getColor() {
+        if (disabled)
+            return "disabled";
+        if (invalid)
+            return "critical";
+        return "greyBlue";
+    }
+    function handleClick(event) {
+        event.stopPropagation();
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }
+}
+
+function InternalChipAffix({ affix, active, invalid, disabled, }) {
+    assertProps();
+    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Avatar.Avatar) {
+        return React.createElement(Avatar.Avatar, Object.assign({}, affix.props, { size: "small" }));
+    }
+    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon) {
+        return renderChipIcon(affix);
+    }
+    if ((affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton) {
+        return React.createElement(InternalChipButton, Object.assign({}, affix.props));
+    }
+    return React.createElement(React.Fragment, null);
+    function renderChipIcon(icon) {
+        const color = getIconColor();
+        return (React.createElement("div", { className: styles$1.icon }, React.cloneElement(icon, Object.assign({ size: "base" }, (color && { color: color })))));
+    }
+    function getIconColor() {
+        if (disabled && !active)
+            return "disabled";
+        if (invalid && !disabled)
+            return "critical";
+        if (active)
+            return "white";
+        return;
+    }
+    function assertProps() {
+        const isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar.Avatar || false;
+        const isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon || false;
+        const isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
+        useAssert.useAssert_2(!!affix && !(isAvatar || isIcon || isChipButton), `Prefix prop only accepts "<Avatar />" or "<Icon />" component. You have "${affix === null || affix === void 0 ? void 0 : affix.type}".`);
+    }
+}
+
+function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
+    const [truncateRef, setTruncateRef] = React.useState();
+    const isClickable = onClick && !disabled;
+    const classNames = classnames(styles$1.chip, {
+        [styles$1.clickable]: isClickable,
+        [styles$1.active]: active,
+        [styles$1.disabled]: disabled,
+        [styles$1.invalid]: invalid,
+        [styles$1.hasPrefix]: prefix,
+        [styles$1.hasSuffix]: suffix,
+    });
+    const affixProps = { active, invalid, disabled };
+    const Tag = onClick ? "button" : "div";
+    const chip = (React.createElement(Tag, Object.assign({ className: classNames }, (isClickable && { onClick, disabled }), { onKeyDown: onKeyDown, "data-testid": "chip-wrapper", "aria-label": ariaLabel, tabIndex: tabIndex, role: tabIndex !== undefined ? "option" : undefined }),
+        React.createElement(InternalChipAffix, Object.assign({ affix: prefix }, affixProps)),
+        React.createElement(Typography.Typography, { element: "span", numberOfLines: 1, size: "base" },
+            React.createElement("span", { ref: setTruncateRef }, label)),
+        React.createElement(InternalChipAffix, Object.assign({ affix: suffix }, affixProps))));
+    return isTruncated() ? React.createElement(Tooltip.Tooltip, { message: label }, chip) : chip;
+    function isTruncated() {
+        var _a;
+        const truncateParentHeight = ((_a = truncateRef === null || truncateRef === void 0 ? void 0 : truncateRef.parentElement) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+        const truncateChildHeight = (truncateRef === null || truncateRef === void 0 ? void 0 : truncateRef.offsetHeight) || 0;
+        return truncateChildHeight >= truncateParentHeight * 2;
+    }
+}
+
+var styles = {"wrapper":"sCNIjluCskc-","input":"MFUlz1WQLdk-","menu":"V9eYJdjPAeY-","menuList":"LdytkOeCU9c-","menuListOption":"y7Cz2u8BuNE-","loadingIndicator":"_-7bmao8Q9As-","activeOption":"iCwWdcmtInc-","spinning":"c88tg50FoHI-"};
+
+function InternalChipDismissibleInput(props) {
+    const { activator = React.createElement(Button.Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, } = props;
+    const { activeIndex, allOptions, hasAvailableOptions, inputRef, menuId, menuOpen, searchValue, generateDescendantId, handleBlur, handleOpenMenu, handleSearchChange, handleCancelBlur, handleEnableBlur, handleSetActiveOnMouseOver, handleKeyDown, handleSelectOption, handleDebouncedSearch, } = useScrollToActive.useInternalChipDismissibleInput(props);
+    const menuRef = useScrollToActive.useScrollToActive(activeIndex);
+    const { ref: visibleChildRef, isInView } = useScrollToActive.useInView();
+    const { styles: popperStyles, attributes, update, setPositionedElementRef, } = useScrollToActive.useRepositionMenu(attachTo);
+    React.useEffect(() => {
+        if (menuOpen && update)
+            update();
+    }, [allOptions]);
+    React.useEffect(() => {
+        handleDebouncedSearch();
+        return handleDebouncedSearch.cancel;
+    }, [searchValue]);
+    React.useEffect(() => {
+        isInView && onLoadMore && onLoadMore(searchValue);
+    }, [isInView]);
+    if (!menuOpen) {
+        return React.cloneElement(activator, { onClick: handleOpenMenu });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: debounce.debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
+        (hasAvailableOptions || isLoadingMore) && (React.createElement("div", Object.assign({ ref: setPositionedElementRef, className: styles.menu, style: popperStyles.popper }, attributes.popper),
+            React.createElement("div", { ref: menuRef, role: "listbox", id: menuId, className: styles.menuList, "data-testid": "chip-menu" },
+                allOptions.map((option, i) => (React.createElement("button", { key: option.value, role: "option", type: "button", id: generateDescendantId(i), className: classnames(styles.menuListOption, {
+                        [styles.activeOption]: activeIndex === i,
+                    }), onClick: () => handleSelectOption(option), onMouseEnter: handleSetActiveOnMouseOver(i), onMouseDown: handleCancelBlur, onMouseUp: handleEnableBlur },
+                    React.createElement("span", { "aria-hidden": true }, option.prefix),
+                    React.createElement(Text.Text, null, option.label)))),
+                React.createElement("div", { ref: visibleChildRef }),
+                isLoadingMore && (React.createElement("div", { className: styles.loadingIndicator },
+                    React.createElement(Spinner.Spinner, { size: "small", inline: true }))))))));
+}
+
+function InternalChipDismissible(props) {
+    const { availableChipOptions, ref: wrapperRef, sortedVisibleChipOptions, handleChipAdd, handleChipClick, handleChipKeyDown, handleChipRemove, handleCustomAdd, handleWrapperKeyDown, } = useScrollToActive.useInternalChipDismissible(props);
+    return (React.createElement("div", { ref: wrapperRef, className: styles.wrapper, "data-testid": "dismissible-chips", onKeyDown: handleWrapperKeyDown, role: "listbox" },
+        sortedVisibleChipOptions.map(chip => (React.createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.label}. Press delete or backspace to remove ${chip.label}`, tabIndex: 0, suffix: React.createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
+        React.createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
+}
+
+exports.InternalChip = InternalChip;
+exports.InternalChipButton = InternalChipButton;
+exports.InternalChipDismissible = InternalChipDismissible;
+exports.styles = styles$1;

package/dist/InternalChipDismissible-DSNUJdyt.js

@@ -0,0 +1,152 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { a as useInternalChipDismissibleInput, d as useScrollToActive, b as useInView, c as useRepositionMenu, u as useInternalChipDismissible } from './useScrollToActive-BLqGx8bB.js';
+import './isObjectLike-DjqKwM2_.js';
+import '@jobber/design';
+import 'react-popper';
+import { a as debounce } from './debounce-mESVipxt.js';
+import classnames from 'classnames';
+import { T as Text } from './Text-CQTF9SRh.js';
+import { B as Button } from './Button-D8CfcD4u.js';
+import { S as Spinner } from './Spinner-CIBNT902.js';
+import { u as useAssert_2 } from './useAssert-BiNKbIW1.js';
+import { I as Icon } from './Icon-Bb93ZyxD.js';
+import { A as Avatar } from './Avatar-CAnIkkOd.js';
+import { T as Typography } from './Typography-BFUXw1xl.js';
+import { T as Tooltip } from './Tooltip-BNOffajT.js';
+
+var styles$1 = {"wrapper":"zn6onyiQVmA-","chip":"PEnZzMEgbhU-","hasPrefix":"dtysUhwYdG4-","hasSuffix":"xGaMCAYsdwA-","clickable":"SNT7gGV-h-o-","input":"W4D98cvEth4-","active":"_0hEzaTXK9M0-","invalid":"JApS2787BU8-","disabled":"Kg0c8WVgMpg-","button":"_0-ZWexS4Gfg-","icon":"DQPnZP4UZpw-","spinning":"_233cNMGKLQo-"};
+
+function InternalChipButton({ icon, invalid, disabled, label, onClick, }) {
+    const buttonRef = useRef();
+    return (React.createElement("div", { ref: buttonRef, className: styles$1.button, tabIndex: 0, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, onClick: handleClick, role: "button", "aria-label": `Remove ${label}`, "aria-hidden": true, "aria-disabled": disabled, "data-testid": "remove-chip-button" },
+        React.createElement(Icon, { name: icon, color: getColor() })));
+    function handleKeyUp(event) {
+        if (document.activeElement === buttonRef.current &&
+            (event.key === " " || event.key === "Enter")) {
+            event.stopPropagation();
+            buttonRef.current.click();
+        }
+    }
+    function handleKeyDown(event) {
+        if (document.activeElement === buttonRef.current && event.key === " ") {
+            // Don't scroll down
+            event.preventDefault();
+        }
+    }
+    function getColor() {
+        if (disabled)
+            return "disabled";
+        if (invalid)
+            return "critical";
+        return "greyBlue";
+    }
+    function handleClick(event) {
+        event.stopPropagation();
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }
+}
+
+function InternalChipAffix({ affix, active, invalid, disabled, }) {
+    assertProps();
+    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Avatar) {
+        return React.createElement(Avatar, Object.assign({}, affix.props, { size: "small" }));
+    }
+    if ((affix === null || affix === void 0 ? void 0 : affix.type) === Icon) {
+        return renderChipIcon(affix);
+    }
+    if ((affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton) {
+        return React.createElement(InternalChipButton, Object.assign({}, affix.props));
+    }
+    return React.createElement(React.Fragment, null);
+    function renderChipIcon(icon) {
+        const color = getIconColor();
+        return (React.createElement("div", { className: styles$1.icon }, React.cloneElement(icon, Object.assign({ size: "base" }, (color && { color: color })))));
+    }
+    function getIconColor() {
+        if (disabled && !active)
+            return "disabled";
+        if (invalid && !disabled)
+            return "critical";
+        if (active)
+            return "white";
+        return;
+    }
+    function assertProps() {
+        const isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar || false;
+        const isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon || false;
+        const isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
+        useAssert_2(!!affix && !(isAvatar || isIcon || isChipButton), `Prefix prop only accepts "<Avatar />" or "<Icon />" component. You have "${affix === null || affix === void 0 ? void 0 : affix.type}".`);
+    }
+}
+
+function InternalChip({ label, active = false, disabled = false, invalid = false, prefix, suffix, tabIndex, ariaLabel, onClick, onKeyDown, }) {
+    const [truncateRef, setTruncateRef] = useState();
+    const isClickable = onClick && !disabled;
+    const classNames = classnames(styles$1.chip, {
+        [styles$1.clickable]: isClickable,
+        [styles$1.active]: active,
+        [styles$1.disabled]: disabled,
+        [styles$1.invalid]: invalid,
+        [styles$1.hasPrefix]: prefix,
+        [styles$1.hasSuffix]: suffix,
+    });
+    const affixProps = { active, invalid, disabled };
+    const Tag = onClick ? "button" : "div";
+    const chip = (React.createElement(Tag, Object.assign({ className: classNames }, (isClickable && { onClick, disabled }), { onKeyDown: onKeyDown, "data-testid": "chip-wrapper", "aria-label": ariaLabel, tabIndex: tabIndex, role: tabIndex !== undefined ? "option" : undefined }),
+        React.createElement(InternalChipAffix, Object.assign({ affix: prefix }, affixProps)),
+        React.createElement(Typography, { element: "span", numberOfLines: 1, size: "base" },
+            React.createElement("span", { ref: setTruncateRef }, label)),
+        React.createElement(InternalChipAffix, Object.assign({ affix: suffix }, affixProps))));
+    return isTruncated() ? React.createElement(Tooltip, { message: label }, chip) : chip;
+    function isTruncated() {
+        var _a;
+        const truncateParentHeight = ((_a = truncateRef === null || truncateRef === void 0 ? void 0 : truncateRef.parentElement) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+        const truncateChildHeight = (truncateRef === null || truncateRef === void 0 ? void 0 : truncateRef.offsetHeight) || 0;
+        return truncateChildHeight >= truncateParentHeight * 2;
+    }
+}
+
+var styles = {"wrapper":"sCNIjluCskc-","input":"MFUlz1WQLdk-","menu":"V9eYJdjPAeY-","menuList":"LdytkOeCU9c-","menuListOption":"y7Cz2u8BuNE-","loadingIndicator":"_-7bmao8Q9As-","activeOption":"iCwWdcmtInc-","spinning":"c88tg50FoHI-"};
+
+function InternalChipDismissibleInput(props) {
+    const { activator = React.createElement(Button, { icon: "add", type: "secondary", ariaLabel: "Add" }), attachTo, isLoadingMore = false, onLoadMore, } = props;
+    const { activeIndex, allOptions, hasAvailableOptions, inputRef, menuId, menuOpen, searchValue, generateDescendantId, handleBlur, handleOpenMenu, handleSearchChange, handleCancelBlur, handleEnableBlur, handleSetActiveOnMouseOver, handleKeyDown, handleSelectOption, handleDebouncedSearch, } = useInternalChipDismissibleInput(props);
+    const menuRef = useScrollToActive(activeIndex);
+    const { ref: visibleChildRef, isInView } = useInView();
+    const { styles: popperStyles, attributes, update, setPositionedElementRef, } = useRepositionMenu(attachTo);
+    useEffect(() => {
+        if (menuOpen && update)
+            update();
+    }, [allOptions]);
+    useEffect(() => {
+        handleDebouncedSearch();
+        return handleDebouncedSearch.cancel;
+    }, [searchValue]);
+    useEffect(() => {
+        isInView && onLoadMore && onLoadMore(searchValue);
+    }, [isInView]);
+    if (!menuOpen) {
+        return React.cloneElement(activator, { onClick: handleOpenMenu });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { ref: inputRef, className: styles.input, type: "text", role: "combobox", "aria-label": "Press up and down arrow to cycle through the options or type to narrow down the results", "aria-autocomplete": "list", "aria-owns": menuId, "aria-expanded": hasAvailableOptions, "aria-activedescendant": generateDescendantId(activeIndex), value: searchValue, onChange: handleSearchChange, onKeyDown: handleKeyDown, onBlur: debounce(handleBlur, 200), onFocus: handleOpenMenu, autoFocus: true }),
+        (hasAvailableOptions || isLoadingMore) && (React.createElement("div", Object.assign({ ref: setPositionedElementRef, className: styles.menu, style: popperStyles.popper }, attributes.popper),
+            React.createElement("div", { ref: menuRef, role: "listbox", id: menuId, className: styles.menuList, "data-testid": "chip-menu" },
+                allOptions.map((option, i) => (React.createElement("button", { key: option.value, role: "option", type: "button", id: generateDescendantId(i), className: classnames(styles.menuListOption, {
+                        [styles.activeOption]: activeIndex === i,
+                    }), onClick: () => handleSelectOption(option), onMouseEnter: handleSetActiveOnMouseOver(i), onMouseDown: handleCancelBlur, onMouseUp: handleEnableBlur },
+                    React.createElement("span", { "aria-hidden": true }, option.prefix),
+                    React.createElement(Text, null, option.label)))),
+                React.createElement("div", { ref: visibleChildRef }),
+                isLoadingMore && (React.createElement("div", { className: styles.loadingIndicator },
+                    React.createElement(Spinner, { size: "small", inline: true }))))))));
+}
+
+function InternalChipDismissible(props) {
+    const { availableChipOptions, ref: wrapperRef, sortedVisibleChipOptions, handleChipAdd, handleChipClick, handleChipKeyDown, handleChipRemove, handleCustomAdd, handleWrapperKeyDown, } = useInternalChipDismissible(props);
+    return (React.createElement("div", { ref: wrapperRef, className: styles.wrapper, "data-testid": "dismissible-chips", onKeyDown: handleWrapperKeyDown, role: "listbox" },
+        sortedVisibleChipOptions.map(chip => (React.createElement(InternalChip, Object.assign({ key: chip.value }, chip, { onKeyDown: handleChipKeyDown(chip.value), onClick: handleChipClick(chip.value), ariaLabel: `${chip.label}. Press delete or backspace to remove ${chip.label}`, tabIndex: 0, suffix: React.createElement(InternalChipButton, { icon: "remove", invalid: chip.invalid, disabled: chip.disabled, label: chip.label, onClick: handleChipRemove(chip.value) }) })))),
+        React.createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
+}
+
+export { InternalChipDismissible as I, InternalChip as a, InternalChipButton as b, styles$1 as s };

package/dist/LightBox/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var LightBox = require('../LightBox-CP9yddmj.js');
+var LightBox = require('../LightBox-csDbnjrV.js');
 require('react');
 require('framer-motion');
 require('react-dom');
-require('../debounce-CHcZMUao.js');
-require('../_commonjsHelpers-BpaR5fz2.js');
-require('../isObjectLike-BMOisu0G.js');
-require('../isSymbol-D_hUvKVS.js');
-require('../useRefocusOnActivator-BLM37Akn.js');
-require('../useOnKeyDown-RyCyjJoR.js');
-require('../useFocusTrap-McClWUzz.js');
-require('../useIsMounted-DuvWkaPW.js');
-require('../useSafeLayoutEffect-BAa2BdCj.js');
-require('../ButtonDismiss-iASPLaYy.js');
-require('../Button-D7_eYi50.js');
+require('../debounce-Df-cZImX.js');
+require('../_commonjsHelpers-C528IjME.js');
+require('../isObjectLike-BqptMoqO.js');
+require('../isSymbol-hPyNlEB2.js');
+require('../useRefocusOnActivator-CtZQI053.js');
+require('../useOnKeyDown-NlHc9wzq.js');
+require('../useFocusTrap-B1Ks1Y9e.js');
+require('../useIsMounted-DJSeDMiH.js');
+require('../useSafeLayoutEffect-7KyUm5A2.js');
+require('../ButtonDismiss-Dp7sM888.js');
+require('../Button-BE1b44j0.js');
 require('classnames');
 require('react-router-dom');
-require('../Icon-DO0V7eGt.js');
+require('../Icon-jl5oWVlC.js');
 require('@jobber/design');
-require('../Typography-DAXwqHRm.js');
+require('../Typography-CmgHADsR.js');
 
 
 

package/dist/LightBox/index.mjs

@@ -1,20 +1,20 @@
-export { L as LightBox } from '../LightBox-BByZNQZn.js';
+export { L as LightBox } from '../LightBox-D30gRhYC.js';
 import 'react';
 import 'framer-motion';
 import 'react-dom';
-import '../debounce-DF_LKYFy.js';
-import '../_commonjsHelpers-B5EAIpKO.js';
-import '../isObjectLike-4WgwR78Y.js';
-import '../isSymbol-BmXSFcZC.js';
-import '../useRefocusOnActivator-DW6jezma.js';
-import '../useOnKeyDown-CsoUVYR7.js';
-import '../useFocusTrap-CE6qpcBO.js';
-import '../useIsMounted-W7RlBJd6.js';
-import '../useSafeLayoutEffect-B64Bm-Vw.js';
-import '../ButtonDismiss-xpRCtb8v.js';
-import '../Button-BIaO-XYd.js';
+import '../debounce-mESVipxt.js';
+import '../_commonjsHelpers-BPv2QZjX.js';
+import '../isObjectLike-DjqKwM2_.js';
+import '../isSymbol-B7xS3k0b.js';
+import '../useRefocusOnActivator-DOJb1AuK.js';
+import '../useOnKeyDown-B1Wfbt3p.js';
+import '../useFocusTrap-CjnibKPe.js';
+import '../useIsMounted-BXYdu4NR.js';
+import '../useSafeLayoutEffect-BflxGPqg.js';
+import '../ButtonDismiss-ByZ2rPI9.js';
+import '../Button-D8CfcD4u.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-CTlAFUDL.js';
+import '../Icon-Bb93ZyxD.js';
 import '@jobber/design';
-import '../Typography-VJW0YB9l.js';
+import '../Typography-BFUXw1xl.js';

package/dist/{LightBox-BByZNQZn.js → LightBox-D30gRhYC.js}

@@ -1,13 +1,13 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import ReactDOM from 'react-dom';
-import { a as debounce } from './debounce-DF_LKYFy.js';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DW6jezma.js';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-CsoUVYR7.js';
-import { u as useFocusTrap_2 } from './useFocusTrap-CE6qpcBO.js';
-import { u as useIsMounted_2 } from './useIsMounted-W7RlBJd6.js';
-import { B as ButtonDismiss } from './ButtonDismiss-xpRCtb8v.js';
-import { B as Button } from './Button-BIaO-XYd.js';
+import { a as debounce } from './debounce-mESVipxt.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DOJb1AuK.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-B1Wfbt3p.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-CjnibKPe.js';
+import { u as useIsMounted_2 } from './useIsMounted-BXYdu4NR.js';
+import { B as ButtonDismiss } from './ButtonDismiss-ByZ2rPI9.js';
+import { B as Button } from './Button-D8CfcD4u.js';
 
 var styles = {"next":"_3JgBCebdbNU-","prev":"JJOBEL7d-10-","lightboxWrapper":"fAep1A-0xIU-","toolbar":"AfUUWErd5S4-","title":"ysUYbBTaORk-","imagesWrapper":"GSOVtN1Y3IU-","overlay":"-V917BdNqSs-","image":"sjwUjzb3a5c-","spinning":"ovrk5UAx5V4-"};
 

package/dist/{LightBox-CP9yddmj.js → LightBox-csDbnjrV.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
-var debounce = require('./debounce-CHcZMUao.js');
-var useRefocusOnActivator = require('./useRefocusOnActivator-BLM37Akn.js');
-var useOnKeyDown = require('./useOnKeyDown-RyCyjJoR.js');
-var useFocusTrap = require('./useFocusTrap-McClWUzz.js');
-var useIsMounted = require('./useIsMounted-DuvWkaPW.js');
-var ButtonDismiss = require('./ButtonDismiss-iASPLaYy.js');
-var Button = require('./Button-D7_eYi50.js');
+var debounce = require('./debounce-Df-cZImX.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-CtZQI053.js');
+var useOnKeyDown = require('./useOnKeyDown-NlHc9wzq.js');
+var useFocusTrap = require('./useFocusTrap-B1Ks1Y9e.js');
+var useIsMounted = require('./useIsMounted-DJSeDMiH.js');
+var ButtonDismiss = require('./ButtonDismiss-Dp7sM888.js');
+var Button = require('./Button-BE1b44j0.js');
 
 var styles = {"next":"_3JgBCebdbNU-","prev":"JJOBEL7d-10-","lightboxWrapper":"fAep1A-0xIU-","toolbar":"AfUUWErd5S4-","title":"ysUYbBTaORk-","imagesWrapper":"GSOVtN1Y3IU-","overlay":"-V917BdNqSs-","image":"sjwUjzb3a5c-","spinning":"ovrk5UAx5V4-"};
 

package/dist/Link/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Link = require('../Link-DTwp4SQe.js');
+var Link = require('../Link-DIwxFayB.js');
 require('react');
 
 

package/dist/Link/index.mjs

@@ -1,2 +1,2 @@
-export { L as Link } from '../Link-CHL05z2Y.js';
+export { L as Link } from '../Link-BiGtm4wr.js';
 import 'react';

package/dist/List/index.cjs

@@ -1,28 +1,28 @@
 'use strict';
 
-var List = require('../List-BgV2b2WX.js');
+var List = require('../List-CXfqIG9s.js');
 require('react');
 require('classnames');
-require('../_baseEach-BSt52Ej5.js');
-require('../identity-OON_iXIh.js');
-require('../isTypedArray-Ctn8PJon.js');
-require('../isObjectLike-BMOisu0G.js');
-require('../_commonjsHelpers-BpaR5fz2.js');
-require('../_getAllKeys-C_lf5Ss6.js');
-require('../isSymbol-D_hUvKVS.js');
-require('../_getTag-C4nna7Gn.js');
-require('../_baseFor-CpV1KT_w.js');
-require('../_baseAssignValue-C3P9KgzC.js');
-require('../Icon-DO0V7eGt.js');
+require('../_baseEach-J3iHBfUB.js');
+require('../identity-6EJybiTU.js');
+require('../isTypedArray-B8HoK-jN.js');
+require('../isObjectLike-BqptMoqO.js');
+require('../_commonjsHelpers-C528IjME.js');
+require('../_getAllKeys--zM0xycO.js');
+require('../isSymbol-hPyNlEB2.js');
+require('../_getTag-DgOFRY52.js');
+require('../_baseFor-CUesEta9.js');
+require('../_baseAssignValue-C2mCSyTC.js');
+require('../Icon-jl5oWVlC.js');
 require('@jobber/design');
-require('../Text-CPScbDZd.js');
-require('../Typography-DAXwqHRm.js');
-require('../Heading-RfDdRxvW.js');
-require('../Markdown-Dif4-AJZ.js');
-require('../Emphasis-DBWZSvLS.js');
-require('../Content-DaUSHy6Z.js');
-require('../index-DE3YSszV.js');
-require('../_polyfill-node.process-CetWAA68.js');
+require('../Text-DkYiSrDd.js');
+require('../Typography-CmgHADsR.js');
+require('../Heading-CyWLCkEa.js');
+require('../Markdown-BbBdc68v.js');
+require('../Emphasis-BdBhtc5u.js');
+require('../Content-BIcpxjc0.js');
+require('../index-BnUz-Y0Q.js');
+require('../_polyfill-node.process-DfdtVyHU.js');
 
 
 

package/dist/List/index.mjs

@@ -1,23 +1,23 @@
-export { L as List, a as ListItem } from '../List-C1_1XxLM.js';
+export { L as List, a as ListItem } from '../List-Op9Nfuda.js';
 import 'react';
 import 'classnames';
-import '../_baseEach-C3jJYkIf.js';
-import '../identity-C7MxL4Ow.js';
-import '../isTypedArray-i_7zc3u-.js';
-import '../isObjectLike-4WgwR78Y.js';
-import '../_commonjsHelpers-B5EAIpKO.js';
-import '../_getAllKeys-C65BZeRD.js';
-import '../isSymbol-BmXSFcZC.js';
-import '../_getTag-U4BVW4WM.js';
-import '../_baseFor-TzpcGXsP.js';
-import '../_baseAssignValue-BiNSs7AB.js';
-import '../Icon-CTlAFUDL.js';
+import '../_baseEach-EE2PeXsY.js';
+import '../identity-WMAbqLwX.js';
+import '../isTypedArray-vVsmcBy2.js';
+import '../isObjectLike-DjqKwM2_.js';
+import '../_commonjsHelpers-BPv2QZjX.js';
+import '../_getAllKeys-DBmRKzT5.js';
+import '../isSymbol-B7xS3k0b.js';
+import '../_getTag-DuCbOdkr.js';
+import '../_baseFor-BdL_tMLS.js';
+import '../_baseAssignValue-x65_PYH-.js';
+import '../Icon-Bb93ZyxD.js';
 import '@jobber/design';
-import '../Text-Bn4rJ59m.js';
-import '../Typography-VJW0YB9l.js';
-import '../Heading-CDjhBt6y.js';
-import '../Markdown-Be-_e4sc.js';
-import '../Emphasis-CB-7jixa.js';
-import '../Content-CCRK9k5r.js';
-import '../index-CBXEHeFX.js';
-import '../_polyfill-node.process-mMeBZDT9.js';
+import '../Text-CQTF9SRh.js';
+import '../Typography-BFUXw1xl.js';
+import '../Heading-BAM8KQCq.js';
+import '../Markdown-C1lB35IZ.js';
+import '../Emphasis-BPSaQ2Kn.js';
+import '../Content-t_rZ8RpR.js';
+import '../index-DvCpP-h4.js';
+import '../_polyfill-node.process-CIncfRDG.js';