@jobber/components 5.16.2-move-compo.3 → 5.16.2-move-compo.12

package/dist/index.mjs

@@ -1,163 +1,165 @@
-export { A as AnimatedPresence } from './AnimatedPresence-D1MJk8mh.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-Cn3jkysC.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-D9nz5GzQ.js';
-export { A as Autocomplete } from './Autocomplete-DsY9JKQi.js';
-export { A as Avatar } from './Avatar-CAVQAVLJ.js';
-export { B as Banner } from './Banner-Cnn4XapD.js';
-export { B as Box } from './Box-DMGL1uOh.js';
-export { B as Button } from './Button-CSCL2iXv.js';
-export { B as ButtonDismiss } from './ButtonDismiss-86gui4I1.js';
-export { C as Card } from './Card-BPO9snrR.js';
-export { C as Checkbox } from './Checkbox-Ba4cejdj.js';
-export { C as Chip } from './Chip-CZ1qB57M.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-D-S4dTdb.js';
+export { A as AnimatedPresence } from './AnimatedPresence-DW7jliX0.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-BMthbz09.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CBATH7WC.js';
+export { A as Autocomplete } from './Autocomplete-qACsjR6z.js';
+export { A as Avatar } from './Avatar-BFocN3yP.js';
+export { B as Banner } from './Banner-D1UIX504.js';
+export { B as Box } from './Box-CRI7TGpE.js';
+export { B as Button } from './Button-B2lkkRdD.js';
+export { B as ButtonDismiss } from './ButtonDismiss-BUBSDXsb.js';
+export { C as Card } from './Card-D0mRCDxr.js';
+export { C as Checkbox } from './Checkbox-B5Z-4xXU.js';
+export { C as Chip } from './Chip-hG1QTVln.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-N-axh9tI.js';
 import 'react';
 import 'classnames';
-import './useAssert-y9P2XQAA.js';
-export { I as Icon } from './Icon-D21QKn3T.js';
-export { T as Typography } from './Typography-DP25Yo1Y.js';
-export { T as Tooltip } from './Tooltip-CDzfvyBe.js';
-export { C as Chips } from './Chips-DR8qDWVw.js';
-export { C as Combobox } from './Combobox-DfcMgo3Q.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-69MDLBkF.js';
-export { C as ConfirmationModal } from './ConfirmationModal-CdyP9OTT.js';
-export { C as Content } from './Content-D8jMez2S.js';
-export { C as Countdown } from './Countdown-C3yH-_EV.js';
-export { D as DataDump } from './DataDump-Bd92VJ8f.js';
-export { D as DataList } from './DataList-BC_pVKaB.js';
-export { D as DataTable } from './DataTable-CPVNCJKm.js';
-import './useResizeObserver-CLiAqyVi.js';
+import './useAssert-CeOL775u.js';
+export { I as Icon } from './Icon-BX5qZVdt.js';
+export { T as Typography } from './Typography-B3Wr3wnK.js';
+export { T as Tooltip } from './Tooltip-BYh71Bxn.js';
+export { C as Chips } from './Chips-CDKIYaGY.js';
+export { C as Combobox } from './Combobox-DZmWa_Oa.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-CjeE2JPk.js';
+export { C as ConfirmationModal } from './ConfirmationModal-DK3BQ8m0.js';
+export { C as Content } from './Content-DdOFkGYA.js';
+export { C as Countdown } from './Countdown-BR7pcV-v.js';
+export { D as DataDump } from './DataDump-CvQzhCX0.js';
+export { D as DataList } from './DataList-Gx-sAgPt.js';
+export { D as DataTable } from './DataTable-DxjSEJse.js';
+import './useResizeObserver-AbFNzK_y.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-B8YGWyKx.js';
-export { D as DescriptionList } from './DescriptionList-BtdDKEmC.js';
-export { D as Disclosure } from './Disclosure-BdWQSMFC.js';
-export { D as Divider } from './Divider-4PwZGbYs.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-2Zw0411K.js';
-export { E as Emphasis } from './Emphasis-BEbl3guy.js';
-export { F as FeatureSwitch } from './FeatureSwitch-_VO_H5cI.js';
-export { F as Flex } from './Flex-4kaWrwMK.js';
-export { F as Form } from './Form-4wFFDG5v.js';
-export { F as FormField } from './FormField-CGWVdJlD.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-OJGOWuZ7.js';
-export { F as FormatEmail } from './FormatEmail-D6fFrSYb.js';
-export { F as FormatFile } from './FormatFile-CUU6rSR3.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DtH322pi.js';
-export { F as FormatTime } from './FormatTime-C6aop3wT.js';
-export { G as Gallery } from './Gallery-D0W_ELDP.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-Dq9pCD6q.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-DNhcX9OZ.js';
-export { H as Heading } from './Heading-CAj7C4GX.js';
-export { I as InlineLabel } from './InlineLabel-06kFxMz1.js';
-export { I as InputAvatar } from './InputAvatar-DN_3DXtV.js';
-export { I as InputDate } from './InputDate-Cqh_KbuY.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-Ct5vOuk0.js';
-export { I as InputFile, u as updateFiles } from './InputFile-BzhwbtP8.js';
-export { I as InputGroup } from './InputGroup-WG8AXEuh.js';
-export { I as InputNumber } from './InputNumber-B6LcAteS.js';
-export { I as InputPassword } from './InputPassword-CYoDo1y4.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-CR4x7CRv.js';
-export { I as InputText } from './InputText-BIVbqf_O.js';
-export { I as InputTime } from './InputTime-Ccc3tBVg.js';
-export { I as InputValidation } from './InputValidation-nrwHNSGU.js';
-export { L as LightBox } from './LightBox-CAduaLy_.js';
-export { L as Link } from './Link-6-V4YIlA.js';
-export { L as List, a as ListItem } from './List-CTFxEkzW.js';
-export { M as Markdown } from './Markdown-BlaXb3MY.js';
-export { M as Menu } from './Menu-BjzQoZ3G.js';
-export { M as Modal } from './Modal-16G40Ami.js';
-export { M as MultiSelect } from './MultiSelect-D84SKN1Y.js';
-export { P as Page } from './Page-Ir4sL3P0.js';
-export { P as Popover } from './Popover-EtB2FlP3.js';
-export { P as ProgressBar } from './ProgressBar-DfuSlKKN.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-DcJxEsWg.js';
-export { R as RecurringSelect } from './RecurringSelect-Cx9lVZwT.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-l6u9TAOf.js';
-export { a as Option, S as Select } from './Option-0d1kNGEs.js';
-export { S as SideDrawer } from './SideDrawer-DcMSCgZ9.js';
-export { S as Spinner } from './Spinner-B5EjKzhq.js';
-export { S as StatusIndicator } from './StatusIndicator-DRGOPOPU.js';
-export { S as StatusLabel } from './StatusLabel-CwxSZD31.js';
-export { S as Switch } from './Switch-Dw1Wa4g_.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-Yv1WesDu.js';
-export { a as Tab, T as Tabs } from './Tabs-BkNrLwzi.js';
-export { T as Text } from './Text-sXC7JO40.js';
+export { D as DatePicker } from './DatePicker-DCzqq0i9.js';
+export { D as DescriptionList } from './DescriptionList-DYAePtYs.js';
+export { D as Disclosure } from './Disclosure-BliEeQ22.js';
+export { D as Divider } from './Divider-B_Fbq0_d.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CzGWusxI.js';
+export { E as Emphasis } from './Emphasis-BtjpvT2t.js';
+export { F as FeatureSwitch } from './FeatureSwitch-O4i8so2f.js';
+export { F as Flex } from './Flex-C3Y6e2eN.js';
+export { F as Form } from './Form-CMGJek_C.js';
+export { F as FormField } from './FormField-BaFS3O4-.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-DWerV51y.js';
+export { F as FormatEmail } from './FormatEmail-PGJJv1U9.js';
+export { F as FormatFile } from './FormatFile-CilyoZ0t.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-CyxFNWGy.js';
+export { F as FormatTime } from './FormatTime-NXtT934q.js';
+export { G as Gallery } from './Gallery-dcjMeogj.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-yCy6q33q.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-BKeI5-La.js';
+export { H as Heading } from './Heading-D81S88i7.js';
+export { I as InlineLabel } from './InlineLabel-BxVMITbQ.js';
+export { I as InputAvatar } from './InputAvatar-dwDLmiUC.js';
+export { I as InputDate } from './InputDate-DfYz2aUp.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-DKGPmvVz.js';
+export { I as InputFile, u as updateFiles } from './InputFile-BvAuXIEZ.js';
+export { I as InputGroup } from './InputGroup-utykH48Q.js';
+export { I as InputNumber } from './InputNumber-B9LisOWv.js';
+export { I as InputPassword } from './InputPassword-KE8Ubz_A.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-nBfYTyAW.js';
+export { I as InputText } from './InputText-QOce208G.js';
+export { I as InputTime } from './InputTime-BJmaPQty.js';
+export { I as InputValidation } from './InputValidation-CFmCiILu.js';
+export { L as LightBox } from './LightBox-DeFs-kun.js';
+export { L as Link } from './Link-CokC9TEP.js';
+export { L as List, a as ListItem } from './List-D3aFwQbt.js';
+export { M as Markdown } from './Markdown-BX6n-3VC.js';
+export { M as Menu } from './Menu--xfbMObY.js';
+export { M as Modal } from './Modal-DPDe9RXP.js';
+export { M as MultiSelect } from './MultiSelect-DFmoR2ND.js';
+export { P as Page } from './Page-CffJiqaY.js';
+export { P as Popover } from './Popover-C_EJUX4O.js';
+export { P as ProgressBar } from './ProgressBar-D6_FSz44.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-BX4qn9-f.js';
+export { R as RecurringSelect } from './RecurringSelect-CY0MGP77.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-DH8Aec74.js';
+export { a as Option, S as Select } from './Option-yLH_6MZn.js';
+export { S as SideDrawer } from './SideDrawer-DaDsQ7Oe.js';
+export { S as Spinner } from './Spinner-BO1Z3BIg.js';
+export { S as StatusIndicator } from './StatusIndicator-B2svInUe.js';
+export { S as StatusLabel } from './StatusLabel-Cl-tE94L.js';
+export { S as Switch } from './Switch-hCNMAFWm.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-DfT6PD_g.js';
+export { a as Tab, T as Tabs } from './Tabs-CPrIfjU7.js';
+export { T as Text } from './Text-uOs59uh3.js';
+export { s as showToast } from './showToast-Cdjy4fcT.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-D4HanDzD.js';
-import './debounce-C2fgB8l0.js';
-import './_commonjsHelpers-CzvZh53X.js';
-import './isObjectLike-Bh1XSJx6.js';
-import './isSymbol-D4jbWnNg.js';
+import './tslib.es6-avIlUt9o.js';
+import './debounce-C6hHvtMk.js';
+import './_commonjsHelpers-BiIaQBY6.js';
+import './isObjectLike-Bg8KbORO.js';
+import './isSymbol-BWXJbGfY.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CjXDS24M.js';
-import './useSafeLayoutEffect-BndrDAla.js';
-import './useIsMounted-BcVjAbJQ.js';
+import './useOnKeyDown-UalXIlke.js';
+import './useSafeLayoutEffect-F7JoKptg.js';
+import './useIsMounted-BXATWsgp.js';
 import 'color';
-import './BannerIcon-CheVQWHJ.js';
+import './BannerIcon-DQ6_WY0d.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-CkHUqWpm.js';
-import './useChildComponent-Bk6E17fq.js';
-import './_polyfill-node.process-BmYRvG9R.js';
-import './InternalChipDismissible-BRTDnYid.js';
-import './useScrollToActive-DxaztT9M.js';
-import './_setToString-BZ0_qF8C.js';
-import './_defineProperty-BD8gPc1V.js';
-import './_getTag-BnvFurpT.js';
-import './_baseEach-CgKsKOwK.js';
-import './ComboboxContent-CyTBroXd.js';
-import './ComboboxContentSearch-DaRpCmmD.js';
-import './ComboboxContentList-BzuUFI5L.js';
-import './ComboboxOption-DUcam0aT.js';
-import './ComboboxLoadMore-BK9Rx2fV.js';
-import './ComboboxContentHeader-BP1Ce_6O.js';
-import './useRefocusOnActivator-B02xobUu.js';
-import './useFocusTrap-CisWgOGI.js';
-import './ComboboxAction-qsTI_qj8.js';
-import './ComboboxTrigger-BVIL9d3o.js';
-import './noop-UBoI5bXV.js';
-import './ComboboxActivator-D1ip5vVh.js';
+import './useInView-84-2Vh-g.js';
+import './useChildComponent-BRG46HhR.js';
+import './_polyfill-node.process-BpqFRFVe.js';
+import './InternalChipDismissible-Cmf258xi.js';
+import './useScrollToActive-C73ewWjc.js';
+import './_setToString--cGrfeF4.js';
+import './_defineProperty-CBAUFe-x.js';
+import './_getTag-BOHpLTUk.js';
+import './_baseEach-Bhllnp-f.js';
+import './ComboboxContent-KluiWScx.js';
+import './ComboboxContentSearch-CKMmalEH.js';
+import './ComboboxContentList-DBNGL1E_.js';
+import './ComboboxOption-B5DMxk_r.js';
+import './ComboboxLoadMore-D7vrb1lQ.js';
+import './ComboboxContentHeader-B9eWYzrD.js';
+import './useRefocusOnActivator-BVWxO5kd.js';
+import './useFocusTrap-CYYxqyT-.js';
+import './ComboboxAction-C50r6xhR.js';
+import './ComboboxTrigger-DWZucaHQ.js';
+import './noop-DzKcGQzz.js';
+import './ComboboxActivator-CK74cLnt.js';
 import '@std-proposal/temporal';
-import './index-o7j6cYvI.js';
-import './DataList-DeZt2zU9.js';
-import './DataListTotalCount-C4LivSTV.js';
-import './DataListLoadingState-DJL_ikHj.js';
-import './DataListContext-B6Gu9eCg.js';
-import './useActiveLayout-CLyfdqLH.js';
-import './useResponsiveSizing-CMrcpl-N.js';
-import './DataList.const-Cs8Sc4Ux.js';
-import './DataListLayout-BaqSYwCc.js';
-import './DataListItems-D0upPyp4.js';
-import './DataListLayoutContext-Cne_am4Y.js';
-import './DataListItem-Cmpg1B-k.js';
-import './DataListItemActions-CAtpk8lx.js';
-import './DataListActions-mhG33mxM.js';
-import './DataListOverflowFade-Buaof6vU.js';
-import './DataList.utils-BE40OdLW.js';
-import './DataListTags-CKRwz1II.js';
-import './DataListHeaderTile-ycMru3PJ.js';
-import './DataListSortingOptions-MDTWXiLI.js';
-import './DataListLayoutContext-DnhQrESU.js';
-import './DataListItemActionsOverflow-CJWLLref.js';
-import './DataListActionsMenu-DXsl_mMS.js';
-import './useBatchSelect-cbS1Chiy.js';
-import './DataListItemClickable-OYF30jif.js';
-import './DataListHeader-DBpOgbrC.js';
-import './DataListBulkActions-luNsK2NN.js';
-import './DataListFilters-Twdv5eWo.js';
-import './DataListSort-CHYVqpZ9.js';
-import './DataListStickyHeader-DsyQW0g2.js';
-import './DataListSearch-D-C8xE3l.js';
-import './DataListEmptyState-B-rAmAn4.js';
-import './DataListLoadMore-CvzycWJE.js';
-import './DataListAction-CWn6dH21.js';
-import './DataListLayoutActions-Cbkm-9Nb.js';
-import './DataListStatusBar-fx8h8Z1I.js';
-import './throttle-loxYEIhR.js';
-import './_baseAssignValue-BlyGuv7t.js';
-import './useFormFieldFocus-C3J_wC9b.js';
+import './index-B5IhRwfS.js';
+import './DataList-rSP0M7Mz.js';
+import './DataListTotalCount-B7_wJe1_.js';
+import './DataListLoadingState-YOZ5fnOc.js';
+import './DataListContext-eZ07EU6D.js';
+import './useActiveLayout-BYW7Zv28.js';
+import './useResponsiveSizing-EgVFi8_a.js';
+import './DataList.const-C8-pj8xG.js';
+import './DataListLayout-QE_N18Ov.js';
+import './DataListItems-D9wT0nrT.js';
+import './DataListLayoutContext-C9MYL0O-.js';
+import './DataListItem-Co-u6V5Y.js';
+import './DataListItemActions-Dqf30Ipy.js';
+import './DataListActions-waudQF7l.js';
+import './DataListOverflowFade-Cmjtgi0m.js';
+import './DataList.utils-CjHG6Mez.js';
+import './DataListTags-CwVHddyl.js';
+import './DataListHeaderTile-B3ExxdSY.js';
+import './DataListSortingOptions-BB-f-DNQ.js';
+import './DataListLayoutContext-DAsdYCLj.js';
+import './DataListItemActionsOverflow-Dn_A-MB7.js';
+import './DataListActionsMenu-CMsZugAi.js';
+import './useBatchSelect-CiU1oYt0.js';
+import './DataListItemClickable-DWwZZ_RU.js';
+import './DataListHeader-BqP4VOoI.js';
+import './DataListBulkActions-DW1AHK5b.js';
+import './DataListFilters-CATo47J3.js';
+import './DataListSort-D-AXgREM.js';
+import './DataListStickyHeader-BUCJC-a2.js';
+import './DataListSearch-z6QgyAxy.js';
+import './DataListEmptyState-DigHeWOs.js';
+import './DataListLoadMore-8QmFA_Kl.js';
+import './DataListAction-DMx2jEk6.js';
+import './DataListLayoutActions-CM5K_jvY.js';
+import './DataListStatusBar-t3727roV.js';
+import './throttle-CjqfSJxA.js';
+import './_baseAssignValue-CzcBEame.js';
+import './useFormFieldFocus-CFBHK2oY.js';
 import 'filesize';
-import './InternalGridCell-DqonalQN.js';
+import './InternalGridCell-BuJvm583.js';
 import 'axios';
 import '@jobber/formatters';
+import 'react-dom/client';

package/dist/{isObjectLike-Bh1XSJx6.js → isObjectLike-Bg8KbORO.js}

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

package/dist/{isObjectLike-DP92uyxK.js → isObjectLike-D0gm2UIp.js}

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

package/dist/{isSymbol-D4jbWnNg.js → isSymbol-BWXJbGfY.js}

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

package/dist/{isSymbol-Cd4Jt4FA.js → isSymbol-DZwKu_RH.js}

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

package/dist/{noop-DVoHMFRO.js → noop-BlKnRDq4.js}

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

package/dist/{noop-UBoI5bXV.js → noop-DzKcGQzz.js}

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

package/dist/showToast-Cdjy4fcT.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-BX5qZVdt.js';
+import { B as Button } from './Button-B2lkkRdD.js';
+import { T as Typography } from './Typography-B3Wr3wnK.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 };

package/dist/showToast-eqjPbcRd.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-DSKUdvZp.js');
+var Button = require('./Button-BkAv-fJN.js');
+var Typography = require('./Typography-BMES21OA.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;