@jobber/components 5.18.1 → 5.19.1

package/dist/index.mjs

@@ -1,163 +1,165 @@
-export { A as AnimatedPresence } from './AnimatedPresence-axmqxwK0.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-Dlr71FEg.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-DI_E5mk4.js';
-export { A as Autocomplete } from './Autocomplete--VHCcyux.js';
-export { A as Avatar } from './Avatar-DZzpGqWA.js';
-export { B as Banner } from './Banner-iVs_fT5w.js';
-export { B as Box } from './Box-BV4iwGBK.js';
-export { B as Button } from './Button-s5Y-PuNu.js';
-export { B as ButtonDismiss } from './ButtonDismiss-BVn1l_gN.js';
-export { C as Card } from './Card-CC2yiF5v.js';
-export { C as Checkbox } from './Checkbox-5Vtzkr44.js';
-export { C as Chip } from './Chip-C0YJHnGB.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-DSVra_0s.js';
+export { A as AnimatedPresence } from './AnimatedPresence-CZSNM-OV.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-DDYXBsQL.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BzwpjtlY.js';
+export { A as Autocomplete } from './Autocomplete-B7jWqucP.js';
+export { A as Avatar } from './Avatar-DhXzrVc4.js';
+export { B as Banner } from './Banner-BeIeWh_V.js';
+export { B as Box } from './Box-Csnbs_01.js';
+export { B as Button } from './Button-BXeRT5ky.js';
+export { B as ButtonDismiss } from './ButtonDismiss-DDA8gKw5.js';
+export { C as Card } from './Card-BFRSfBJ3.js';
+export { C as Checkbox } from './Checkbox-C4Wfo3TP.js';
+export { C as Chip } from './Chip-BISplrp4.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-ClgSKCtC.js';
 import 'react';
 import 'classnames';
-import './useAssert-CHiJvHck.js';
-export { I as Icon } from './Icon-DLLXp2G6.js';
-export { T as Typography } from './Typography-CIsFcfxl.js';
-export { T as Tooltip } from './Tooltip-COIxWXHf.js';
-export { C as Chips } from './Chips-D1b8PfY8.js';
-export { C as Combobox } from './Combobox-hD-jiteU.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-Co9iyhvA.js';
-export { C as ConfirmationModal } from './ConfirmationModal-BvDqRXdR.js';
-export { C as Content } from './Content-C0GmACBy.js';
-export { C as Countdown } from './Countdown-D0aPhp9i.js';
-export { D as DataDump } from './DataDump-C29fWkbq.js';
-export { D as DataList } from './DataList-QQxIc1d4.js';
-export { D as DataTable } from './DataTable-CdF9eDEn.js';
-import './useResizeObserver-DFhp1sUY.js';
+import './useAssert-B0f36eNz.js';
+export { I as Icon } from './Icon-Bo9CBgAB.js';
+export { T as Typography } from './Typography-0PhuctfZ.js';
+export { T as Tooltip } from './Tooltip-B7eNc85E.js';
+export { C as Chips } from './Chips-C_cbK7pr.js';
+export { C as Combobox } from './Combobox-BXZvKNkQ.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-BPIN1IPl.js';
+export { C as ConfirmationModal } from './ConfirmationModal-otu3uwCR.js';
+export { C as Content } from './Content-BKCDpeE7.js';
+export { C as Countdown } from './Countdown-CAmqxsRU.js';
+export { D as DataDump } from './DataDump-DgseSGf4.js';
+export { D as DataList } from './DataList-DS7hU4qf.js';
+export { D as DataTable } from './DataTable-D3w5wOXp.js';
+import './useResizeObserver-m0djJpp4.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-s0Q3ORK3.js';
-export { D as DescriptionList } from './DescriptionList-DS3JIKDO.js';
-export { D as Disclosure } from './Disclosure-C_kvYOjB.js';
-export { D as Divider } from './Divider-BVq4u0Ev.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CAsY05P2.js';
-export { E as Emphasis } from './Emphasis-RMWif_RT.js';
-export { F as FeatureSwitch } from './FeatureSwitch-C5i15WMq.js';
-export { F as Flex } from './Flex-DoUn1YwY.js';
-export { F as Form } from './Form-ChtF6Oi3.js';
-export { F as FormField } from './FormField-D8nr0Xf6.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-MqbYItM4.js';
-export { F as FormatEmail } from './FormatEmail-UFfgVKzJ.js';
-export { F as FormatFile } from './FormatFile-D9qj93f3.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DEOJABUF.js';
-export { F as FormatTime } from './FormatTime-DXwgdYya.js';
-export { G as Gallery } from './Gallery-fCG1tSlA.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BeOYh642.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-hDqUmgfS.js';
-export { H as Heading } from './Heading-U3Nnkyx2.js';
-export { I as InlineLabel } from './InlineLabel-Dy4kOVOu.js';
-export { I as InputAvatar } from './InputAvatar-UuCl8JZ1.js';
-export { I as InputDate } from './InputDate-C9m4_Mi3.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CzuMAJD8.js';
-export { I as InputFile, u as updateFiles } from './InputFile-j7fY4xvU.js';
-export { I as InputGroup } from './InputGroup-BIFjmtXU.js';
-export { I as InputNumber } from './InputNumber-CYzBSLhu.js';
-export { I as InputPassword } from './InputPassword-CfkD_mqp.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-BB-KEdCz.js';
-export { I as InputText } from './InputText-uSxtp1gF.js';
-export { I as InputTime } from './InputTime-C26ckJLo.js';
-export { I as InputValidation } from './InputValidation-BJo1g-b_.js';
-export { L as LightBox } from './LightBox-DNPpIii-.js';
-export { L as Link } from './Link-Bo0fbIkd.js';
-export { L as List, a as ListItem } from './List-DSKQb_0K.js';
-export { M as Markdown } from './Markdown-BE4w1vwl.js';
-export { M as Menu } from './Menu-CRgoMW7E.js';
-export { M as Modal } from './Modal-CGjHZ3-y.js';
-export { M as MultiSelect } from './MultiSelect-bIzJZ51k.js';
-export { P as Page } from './Page-CgzwpkQg.js';
-export { P as Popover } from './Popover-DjKAUUPy.js';
-export { P as ProgressBar } from './ProgressBar-g9ttUEV4.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-nJzbzQ1P.js';
-export { R as RecurringSelect } from './RecurringSelect-BJ9CSBWs.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-COdm25Rr.js';
-export { a as Option, S as Select } from './Option-_MZZCxRG.js';
-export { S as SideDrawer } from './SideDrawer-BrCDeLt_.js';
-export { S as Spinner } from './Spinner-BXr7riat.js';
-export { S as StatusIndicator } from './StatusIndicator-Bctt27JI.js';
-export { S as StatusLabel } from './StatusLabel-2Um_hoRn.js';
-export { S as Switch } from './Switch-DVlFkpMv.js';
-export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-BMHj7_6X.js';
-export { a as Tab, T as Tabs } from './Tabs-CsClDPSk.js';
-export { T as Text } from './Text-Bhipnzf0.js';
+export { D as DatePicker } from './DatePicker-CGpRGytZ.js';
+export { D as DescriptionList } from './DescriptionList-DqgEDeCc.js';
+export { D as Disclosure } from './Disclosure-BVNPlqh7.js';
+export { D as Divider } from './Divider-D2tLLqxD.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-XS2ljqda.js';
+export { E as Emphasis } from './Emphasis-CLKapEhZ.js';
+export { F as FeatureSwitch } from './FeatureSwitch-Bl2XBKZV.js';
+export { F as Flex } from './Flex-EnrDN9BV.js';
+export { F as Form } from './Form-jY3GM23z.js';
+export { F as FormField } from './FormField-DL02wGl2.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-C6unCWAS.js';
+export { F as FormatEmail } from './FormatEmail-CRPLUuGT.js';
+export { F as FormatFile } from './FormatFile-CKeVyG6l.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DMRoy-c5.js';
+export { F as FormatTime } from './FormatTime-CdYMl62Z.js';
+export { G as Gallery } from './Gallery-GOt0X9qy.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-CCSHzLw3.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-LbQ7hG01.js';
+export { H as Heading } from './Heading-D0Pyqmwr.js';
+export { I as InlineLabel } from './InlineLabel-BtrKfYJ5.js';
+export { I as InputAvatar } from './InputAvatar-DF2IRY7D.js';
+export { I as InputDate } from './InputDate-CyHG80D2.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-B5lR1iFY.js';
+export { I as InputFile, u as updateFiles } from './InputFile-CrKgdGQr.js';
+export { I as InputGroup } from './InputGroup-8Cbqme1y.js';
+export { I as InputNumber } from './InputNumber-DEqEtB2K.js';
+export { I as InputPassword } from './InputPassword-DOXiy7iT.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-CuVzUMQS.js';
+export { I as InputText } from './InputText-C11VWG3S.js';
+export { I as InputTime } from './InputTime-DTMmV8gf.js';
+export { I as InputValidation } from './InputValidation--UMik1El.js';
+export { L as LightBox } from './LightBox-CAiz5aSI.js';
+export { L as Link } from './Link-iON2iGeg.js';
+export { L as List, a as ListItem } from './List-Cspy921n.js';
+export { M as Markdown } from './Markdown-DtOLluCd.js';
+export { M as Menu } from './Menu-C4koSCxT.js';
+export { M as Modal } from './Modal-Q7xHEzzz.js';
+export { M as MultiSelect } from './MultiSelect-DSLiATGT.js';
+export { P as Page } from './Page-akxxt5-O.js';
+export { P as Popover } from './Popover-Da81CEer.js';
+export { P as ProgressBar } from './ProgressBar-BsSnth6d.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-WmDKPrNP.js';
+export { R as RecurringSelect } from './RecurringSelect-DhhDLp7y.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-CM1WI3x-.js';
+export { a as Option, S as Select } from './Option-D74_h2VO.js';
+export { S as SideDrawer } from './SideDrawer-BGldMfmK.js';
+export { S as Spinner } from './Spinner-BbhaIsbb.js';
+export { S as StatusIndicator } from './StatusIndicator-PX6Eff64.js';
+export { S as StatusLabel } from './StatusLabel-CAvn1w1x.js';
+export { S as Switch } from './Switch-BXJE-OvM.js';
+export { B as Body, C as Cell, b as CellCurrency, a as CellNumeric, F as Footer, H as Header, R as Row, T as Table } from './Body-D6DsPqOE.js';
+export { a as Tab, T as Tabs } from './Tabs-COae7zmX.js';
+export { T as Text } from './Text-Db6B_C2j.js';
+export { s as showToast } from './showToast-CU4DS8gP.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-B9g-bebS.js';
-import './debounce-g2v7vopm.js';
-import './_commonjsHelpers-VMaESrBh.js';
-import './isObjectLike-CvfQWhj7.js';
-import './isSymbol-CCaZ2F9z.js';
+import './tslib.es6-D72hunBb.js';
+import './debounce--fP-iJ73.js';
+import './_commonjsHelpers-DbmivZO2.js';
+import './isObjectLike-BYt5teJf.js';
+import './isSymbol-ikp_8bS2.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-4CTWMuua.js';
-import './useSafeLayoutEffect-DZrEiG1K.js';
-import './useIsMounted-BBOydLZB.js';
+import './useOnKeyDown-B3JfjcBt.js';
+import './useSafeLayoutEffect-DAutkJok.js';
+import './useIsMounted-DB5fcnH3.js';
 import 'color';
-import './BannerIcon-Cs6LF2eh.js';
+import './BannerIcon-BvnaFS7H.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-DpysuKC8.js';
-import './useChildComponent-BJojWlWk.js';
-import './_polyfill-node.process-DKNimD45.js';
-import './InternalChipDismissible-CA5ombsC.js';
-import './useScrollToActive-DFOjsTpj.js';
-import './_setToString-D1EtoOxb.js';
-import './_defineProperty-DSq7BMZb.js';
-import './_getTag-CvAnlMPG.js';
-import './_baseEach-Dl6DG6BU.js';
-import './ComboboxContent-CsBQQG-8.js';
-import './ComboboxContentSearch-Bg8hRPKI.js';
-import './ComboboxContentList-D-mRsaPH.js';
-import './ComboboxOption-BuMN_s-B.js';
-import './ComboboxLoadMore-DtTVVLn8.js';
-import './ComboboxContentHeader-qY6PH8GZ.js';
-import './useRefocusOnActivator-BIv59K9T.js';
-import './useFocusTrap-DePbJrHO.js';
-import './ComboboxAction-rSy6DHUT.js';
-import './ComboboxTrigger-BrWy6YLh.js';
-import './noop-BTf6SFrE.js';
-import './ComboboxActivator-ZTbVRIXr.js';
+import './useInView-CyybXP5M.js';
+import './useChildComponent-D37743pD.js';
+import './_polyfill-node.process-oE4S80q4.js';
+import './InternalChipDismissible-vanW7iE7.js';
+import './useScrollToActive-CvLawt5P.js';
+import './_setToString-DUpnXhUu.js';
+import './_defineProperty-BudMjQhd.js';
+import './_getTag-DpyJlGHU.js';
+import './_baseEach-0DkezUdz.js';
+import './ComboboxContent-WKSNVtvs.js';
+import './ComboboxContentSearch-Ctt2UkZo.js';
+import './ComboboxContentList-BP_COhRp.js';
+import './ComboboxOption-DgL0R8io.js';
+import './ComboboxLoadMore-ZmHXjU0r.js';
+import './ComboboxContentHeader-5T3nFXIL.js';
+import './useRefocusOnActivator-BXwmhYDU.js';
+import './useFocusTrap-1J9j_7Wo.js';
+import './ComboboxAction-CyiBw53p.js';
+import './ComboboxTrigger-CWv6Q24O.js';
+import './noop-DdQZf6BH.js';
+import './ComboboxActivator-BEX3Lhin.js';
 import '@std-proposal/temporal';
-import './index-CpJ9n-HS.js';
-import './DataList-BOpY6O59.js';
-import './DataListTotalCount-CVL7GS73.js';
-import './DataListLoadingState-BxCsfJfq.js';
-import './DataListContext-rPJZkMKs.js';
-import './useActiveLayout-YlcCY6wt.js';
-import './useResponsiveSizing-BmmcSGj1.js';
-import './DataList.const-C8dbQzNr.js';
-import './DataListLayout-CoV4tY0l.js';
-import './DataListItems-Bx14ufTN.js';
-import './DataListLayoutContext-sGhrTIp4.js';
-import './DataListItem-DWAuI6Y0.js';
-import './DataListItemActions-gwY_l7H3.js';
-import './DataListActions-BXEN1BbV.js';
-import './DataListOverflowFade-wgcQe2mG.js';
-import './DataList.utils-9TImvQgQ.js';
-import './DataListTags-DPOVKjNM.js';
-import './DataListHeaderTile-DwnEATBl.js';
-import './DataListSortingOptions-m8IEt0-i.js';
-import './DataListLayoutContext-ClAUmf64.js';
-import './DataListItemActionsOverflow-DX2ykdxW.js';
-import './DataListActionsMenu-6BiI2aEO.js';
-import './useBatchSelect-DufODMr4.js';
-import './DataListItemClickable-NteOv0Kx.js';
-import './DataListHeader-CdL4I9RC.js';
-import './DataListBulkActions-MK9Ijv_o.js';
-import './DataListFilters-CsK0Cocd.js';
-import './DataListSort-DtMKIfI3.js';
-import './DataListStickyHeader-Cj2bpPOT.js';
-import './DataListSearch-BdeQ2l20.js';
-import './DataListEmptyState-5p9qzHRR.js';
-import './DataListLoadMore-rrendlqK.js';
-import './DataListAction-C1M8Lyhk.js';
-import './DataListLayoutActions--r4SeGFv.js';
-import './DataListStatusBar-DEabo97Y.js';
-import './throttle-CVIvoaFH.js';
-import './_baseAssignValue-BD-ExZSr.js';
-import './useFormFieldFocus-C5gkdivt.js';
+import './index-CeGjvEYV.js';
+import './DataList-Ci7g864m.js';
+import './DataListTotalCount-tZ7iEAWm.js';
+import './DataListLoadingState-Du1mzuk-.js';
+import './DataListContext-CbhlmwG2.js';
+import './useActiveLayout-iJjdHCzg.js';
+import './useResponsiveSizing-spnTFg11.js';
+import './DataList.const-PcHM-F4r.js';
+import './DataListLayout-BlliWjxz.js';
+import './DataListItems-Dk3jVg9n.js';
+import './DataListLayoutContext-BfLmVr3v.js';
+import './DataListItem-Oipg-Z4f.js';
+import './DataListItemActions-Bf1R8f9v.js';
+import './DataListActions-DvAok8ga.js';
+import './DataListOverflowFade-D_7s0eFk.js';
+import './DataList.utils-e0i2aY9x.js';
+import './DataListTags-RpToxwfB.js';
+import './DataListHeaderTile-2B3qCZfD.js';
+import './DataListSortingOptions-BBXd9E0S.js';
+import './DataListLayoutContext-tz50HWfg.js';
+import './DataListItemActionsOverflow--CUj-jZK.js';
+import './DataListActionsMenu-C-bu4hzL.js';
+import './useBatchSelect-yhHbEwJT.js';
+import './DataListItemClickable-D11J6CCX.js';
+import './DataListHeader-y1f5XtEJ.js';
+import './DataListBulkActions-BikNAeld.js';
+import './DataListFilters-DZk7zoBD.js';
+import './DataListSort-KuIbJEsi.js';
+import './DataListStickyHeader-BPgpGdPF.js';
+import './DataListSearch-BATxcftp.js';
+import './DataListEmptyState-BipoFb1s.js';
+import './DataListLoadMore-CAqMJSH7.js';
+import './DataListAction-CmXBHncx.js';
+import './DataListLayoutActions-CtNASp0V.js';
+import './DataListStatusBar-BnN-J6vy.js';
+import './throttle-BaaSfdHd.js';
+import './_baseAssignValue-DOaHHwsq.js';
+import './useFormFieldFocus-CyuKF4yH.js';
 import 'filesize';
-import './InternalGridCell-DfK-ZeY5.js';
+import './InternalGridCell-XIB05epv.js';
 import 'axios';
 import '@jobber/formatters';
+import 'react-dom/client';

package/dist/{isObjectLike-BUdrd69i.js → isObjectLike-BPI4ZGxm.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
 
 /**
  * Checks if `value` is the

package/dist/{isObjectLike-CvfQWhj7.js → isObjectLike-BYt5teJf.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './_commonjsHelpers-VMaESrBh.js';
+import { c as commonjsGlobal } from './_commonjsHelpers-DbmivZO2.js';
 
 /**
  * Checks if `value` is the

package/dist/{isSymbol-CCaZ2F9z.js → isSymbol-ikp_8bS2.js}

@@ -1,4 +1,4 @@
-import { _ as _baseGetTag, a as isObjectLike_1 } from './isObjectLike-CvfQWhj7.js';
+import { _ as _baseGetTag, a as isObjectLike_1 } from './isObjectLike-BYt5teJf.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

package/dist/{isSymbol-y5DmAtoM.js → isSymbol-mB1CiPI-.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isObjectLike$1 = require('./isObjectLike-BUdrd69i.js');
+var isObjectLike$1 = require('./isObjectLike-BPI4ZGxm.js');
 
 var baseGetTag = isObjectLike$1._baseGetTag,
     isObjectLike = isObjectLike$1.isObjectLike_1;

package/dist/{noop-DT48bWlF.js → noop-CSNtCuIk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-D7XtAbBt.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
 
 /**
  * This method returns `undefined`.

package/dist/{noop-BTf6SFrE.js → noop-DdQZf6BH.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-VMaESrBh.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DbmivZO2.js';
 
 /**
  * This method returns `undefined`.

package/dist/showToast-Bs-OWDlx.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var React = require('react');
+var client = require('react-dom/client');
+var framerMotion = require('framer-motion');
+var Icon = require('./Icon-OvormmiS.js');
+var Button = require('./Button-CM8Vh8Wg.js');
+var Typography = require('./Typography-BKerhkE1.js');
+
+var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
+
+function Toast({ message, variation = "success", action, actionLabel, }) {
+    const [visible, setVisible] = React.useState(true);
+    const icon = getIcon();
+    let timer;
+    React.useEffect(() => startTimer(), []);
+    return (React.createElement(framerMotion.AnimatePresence, null, visible && (React.createElement(framerMotion.motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
+            opacity: 0,
+            scale: 0.8,
+            height: 0,
+            transition: { duration: 0.4 },
+        } },
+        React.createElement("div", { className: styles.slice },
+            React.createElement(Icon.Icon, { color: icon.color, name: icon.name }),
+            React.createElement(Typography.Typography, { element: "span", size: "large" }, message),
+            action && (React.createElement(Button.Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            React.createElement("div", { className: styles.button },
+                React.createElement(Button.Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+    function startTimer() {
+        timer = setTimeout(() => handleToastClose(), getTimeout());
+    }
+    function stopTimer() {
+        clearTimeout(timer);
+    }
+    function handleToastClose() {
+        setVisible(false);
+    }
+    function getTimeout() {
+        const min = 5000;
+        const max = 10000;
+        const time = message.length * 200;
+        if (time < min)
+            return min;
+        if (time > max)
+            return max;
+        return time;
+    }
+    function getIcon() {
+        switch (variation) {
+            case "info":
+                return { name: "knot", color: "lightBlue" };
+            case "error":
+                return { name: "alert", color: "red" };
+            default:
+                return { name: "checkmark", color: "green" };
+        }
+    }
+}
+
+const targetId = "atlantis-toast-element";
+let root;
+function showToast(props) {
+    // Ensure target and body is still there when rendering the toast. This is due
+    // to an issue with ReactDOM createRoot assuming document is always there and
+    // Jest taking the document down.
+    if (!globalThis.document)
+        return;
+    let target = globalThis.document.querySelector(`#${targetId}`);
+    if (!target) {
+        target = globalThis.document.createElement("div");
+        target.id = targetId;
+        target.classList.add(styles.wrapper);
+        globalThis.document.body.appendChild(target);
+    }
+    if (target && !root) {
+        root = client.createRoot(target);
+    }
+    if (root && target && globalThis.document.body.contains(target)) {
+        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
+    }
+}
+const ToastContainer = React.forwardRef(ToastInternal);
+function ToasterOven(props) {
+    const toastRef = React.useRef();
+    React.useEffect(() => toastRef.current.add(props));
+    return React.createElement(ToastContainer, { ref: toastRef });
+}
+function ToastInternal(_, ref) {
+    const [toastKey, setToastKey] = React.useState(0);
+    const [toasts, setToasts] = React.useState([]);
+    React.useImperativeHandle(ref, () => ({
+        add: props => {
+            setToastKey(toastKey + 1);
+            setToasts([
+                Object.assign(Object.assign({}, props), { id: toastKey }),
+                ...toasts,
+            ]);
+        },
+    }));
+    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
+}
+
+exports.showToast = showToast;

package/dist/showToast-CU4DS8gP.js

@@ -0,0 +1,101 @@
+import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } from 'react';
+import { createRoot } from 'react-dom/client';
+import { AnimatePresence, motion } from 'framer-motion';
+import { I as Icon } from './Icon-Bo9CBgAB.js';
+import { B as Button } from './Button-BXeRT5ky.js';
+import { T as Typography } from './Typography-0PhuctfZ.js';
+
+var styles = {"wrapper":"FVK4VwhLaVQ-","container":"MUXYGaC7Msg-","toast":"yCRa7jHH33M-","slice":"KiJL-VNZ3Sg-","button":"cExoS0APILs-"};
+
+function Toast({ message, variation = "success", action, actionLabel, }) {
+    const [visible, setVisible] = useState(true);
+    const icon = getIcon();
+    let timer;
+    useEffect(() => startTimer(), []);
+    return (React.createElement(AnimatePresence, null, visible && (React.createElement(motion.div, { className: styles.toast, initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, onMouseEnter: () => stopTimer(), onMouseLeave: () => startTimer(), exit: {
+            opacity: 0,
+            scale: 0.8,
+            height: 0,
+            transition: { duration: 0.4 },
+        } },
+        React.createElement("div", { className: styles.slice },
+            React.createElement(Icon, { color: icon.color, name: icon.name }),
+            React.createElement(Typography, { element: "span", size: "large" }, message),
+            action && (React.createElement(Button, { label: `${actionLabel}`, onClick: action, type: "tertiary" })),
+            React.createElement("div", { className: styles.button },
+                React.createElement(Button, { icon: "remove", ariaLabel: "Hide Notification", onClick: handleToastClose, type: "tertiary", variation: "subtle" })))))));
+    function startTimer() {
+        timer = setTimeout(() => handleToastClose(), getTimeout());
+    }
+    function stopTimer() {
+        clearTimeout(timer);
+    }
+    function handleToastClose() {
+        setVisible(false);
+    }
+    function getTimeout() {
+        const min = 5000;
+        const max = 10000;
+        const time = message.length * 200;
+        if (time < min)
+            return min;
+        if (time > max)
+            return max;
+        return time;
+    }
+    function getIcon() {
+        switch (variation) {
+            case "info":
+                return { name: "knot", color: "lightBlue" };
+            case "error":
+                return { name: "alert", color: "red" };
+            default:
+                return { name: "checkmark", color: "green" };
+        }
+    }
+}
+
+const targetId = "atlantis-toast-element";
+let root;
+function showToast(props) {
+    // Ensure target and body is still there when rendering the toast. This is due
+    // to an issue with ReactDOM createRoot assuming document is always there and
+    // Jest taking the document down.
+    if (!globalThis.document)
+        return;
+    let target = globalThis.document.querySelector(`#${targetId}`);
+    if (!target) {
+        target = globalThis.document.createElement("div");
+        target.id = targetId;
+        target.classList.add(styles.wrapper);
+        globalThis.document.body.appendChild(target);
+    }
+    if (target && !root) {
+        root = createRoot(target);
+    }
+    if (root && target && globalThis.document.body.contains(target)) {
+        root.render(React.createElement(ToasterOven, Object.assign({}, props)));
+    }
+}
+const ToastContainer = forwardRef(ToastInternal);
+function ToasterOven(props) {
+    const toastRef = useRef();
+    useEffect(() => toastRef.current.add(props));
+    return React.createElement(ToastContainer, { ref: toastRef });
+}
+function ToastInternal(_, ref) {
+    const [toastKey, setToastKey] = useState(0);
+    const [toasts, setToasts] = useState([]);
+    useImperativeHandle(ref, () => ({
+        add: props => {
+            setToastKey(toastKey + 1);
+            setToasts([
+                Object.assign(Object.assign({}, props), { id: toastKey }),
+                ...toasts,
+            ]);
+        },
+    }));
+    return (React.createElement("div", { className: styles.container }, toasts.map(toast => (React.createElement(Toast, Object.assign({}, toast, { key: toast.id }))))));
+}
+
+export { showToast as s };