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

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-BBw8IvW7.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-gqNQvVdj.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-Q2fDlMAV.js';
+export { A as Autocomplete } from './Autocomplete-CMPp07R9.js';
+export { A as Avatar } from './Avatar-BLVD-dhw.js';
+export { B as Banner } from './Banner-CmvhI-Pr.js';
+export { B as Box } from './Box-apXOtu7F.js';
+export { B as Button } from './Button-BnzDfPWw.js';
+export { B as ButtonDismiss } from './ButtonDismiss-CApiAJ17.js';
+export { C as Card } from './Card-B-6Hkry6.js';
+export { C as Checkbox } from './Checkbox-DuDAKHQD.js';
+export { C as Chip } from './Chip-D_ZRrybI.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-mOg__rkv.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-mVztIl2Z.js';
+export { I as Icon } from './Icon-ht6oW0aE.js';
+export { T as Typography } from './Typography-BG4K8WT6.js';
+export { T as Tooltip } from './Tooltip-DUhPDulH.js';
+export { C as Chips } from './Chips-L33brAzY.js';
+export { C as Combobox } from './Combobox-Bj9SK-eR.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-C_Zwvh4B.js';
+export { C as ConfirmationModal } from './ConfirmationModal-k7jTG9K7.js';
+export { C as Content } from './Content-uB-TpfOS.js';
+export { C as Countdown } from './Countdown-BQW0QSDK.js';
+export { D as DataDump } from './DataDump-BVgWTyBc.js';
+export { D as DataList } from './DataList-BXPuiZmt.js';
+export { D as DataTable } from './DataTable-l45VNp0o.js';
+import './useResizeObserver-CaSY_JzZ.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-ClC5XsUW.js';
+export { D as DescriptionList } from './DescriptionList-hebfWR6k.js';
+export { D as Disclosure } from './Disclosure-Jl67sA8L.js';
+export { D as Divider } from './Divider-DoDWQqcG.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-CS2Kcj8J.js';
+export { E as Emphasis } from './Emphasis-CMLHRtpJ.js';
+export { F as FeatureSwitch } from './FeatureSwitch-BBxR9YDB.js';
+export { F as Flex } from './Flex-DwapVyQP.js';
+export { F as Form } from './Form-CL5Rpx8P.js';
+export { F as FormField } from './FormField-tRzi4Qzw.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-CnTcay2T.js';
+export { F as FormatEmail } from './FormatEmail-CyaBpWqp.js';
+export { F as FormatFile } from './FormatFile-BrBJkzOd.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-CKxQ_etT.js';
+export { F as FormatTime } from './FormatTime-DF97yesM.js';
+export { G as Gallery } from './Gallery-Bh89oZSo.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-JEd0rIbv.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-CmaVOxZv.js';
+export { H as Heading } from './Heading-BSYC6vwp.js';
+export { I as InlineLabel } from './InlineLabel-DwMHPt60.js';
+export { I as InputAvatar } from './InputAvatar-CAE22Q9J.js';
+export { I as InputDate } from './InputDate-ChH0HEhv.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-BAeSSXY2.js';
+export { I as InputFile, u as updateFiles } from './InputFile-CCnlv39V.js';
+export { I as InputGroup } from './InputGroup-W7hqDxy1.js';
+export { I as InputNumber } from './InputNumber-ClsQn9kk.js';
+export { I as InputPassword } from './InputPassword-RXc4vbcG.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-BKjOUlBU.js';
+export { I as InputText } from './InputText-DzK582Wj.js';
+export { I as InputTime } from './InputTime-DwafBiA4.js';
+export { I as InputValidation } from './InputValidation-DHd2JLi-.js';
+export { L as LightBox } from './LightBox-Z0guoHUF.js';
+export { L as Link } from './Link-D1VhHFv9.js';
+export { L as List, a as ListItem } from './List-BfkCqrq8.js';
+export { M as Markdown } from './Markdown-CGBCCM66.js';
+export { M as Menu } from './Menu-Bycnfdpe.js';
+export { M as Modal } from './Modal-B1yC8tFy.js';
+export { M as MultiSelect } from './MultiSelect-PuBXTtpn.js';
+export { P as Page } from './Page-D1cvYPrn.js';
+export { P as Popover } from './Popover-BXhoiH4E.js';
+export { P as ProgressBar } from './ProgressBar-PV5kXuH7.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-DRFF3Ze-.js';
+export { R as RecurringSelect } from './RecurringSelect-Dcux1hYA.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BWJ4_bw9.js';
+export { a as Option, S as Select } from './Option-DpDzgtjX.js';
+export { S as SideDrawer } from './SideDrawer-CcR8Sgrv.js';
+export { S as Spinner } from './Spinner-DwIkeutM.js';
+export { S as StatusIndicator } from './StatusIndicator-CXjTOR9O.js';
+export { S as StatusLabel } from './StatusLabel-D3P_Bsj3.js';
+export { S as Switch } from './Switch-r-7vDAmi.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-CfG_U3TU.js';
+export { a as Tab, T as Tabs } from './Tabs-2kh83dMZ.js';
+export { T as Text } from './Text-D_Lx4Bih.js';
+export { s as showToast } from './showToast-DiB6Zimq.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-BO0Y6gjF.js';
+import './debounce-Bop3VuA2.js';
+import './_commonjsHelpers-Bf5bG6eX.js';
+import './isObjectLike-i8YarwgG.js';
+import './isSymbol-CXiYxS8L.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-CjXDS24M.js';
-import './useSafeLayoutEffect-BndrDAla.js';
-import './useIsMounted-BcVjAbJQ.js';
+import './useOnKeyDown-Dkkbt61B.js';
+import './useSafeLayoutEffect-D2gTeEQK.js';
+import './useIsMounted-BWEV5UZQ.js';
 import 'color';
-import './BannerIcon-CheVQWHJ.js';
+import './BannerIcon-2u5zLw7p.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-dxwHRbwZ.js';
+import './useChildComponent-swa6jEZD.js';
+import './_polyfill-node.process-CwWS2mnc.js';
+import './InternalChipDismissible-D6e-kXZj.js';
+import './useScrollToActive-DS-O4-x1.js';
+import './_setToString-lgYyI5rZ.js';
+import './_defineProperty-C80YYIFU.js';
+import './_getTag-DlE3Kez-.js';
+import './_baseEach-B9lcu-gt.js';
+import './ComboboxContent--ibO0xdS.js';
+import './ComboboxContentSearch-BdcxdTbn.js';
+import './ComboboxContentList-DCts6Mix.js';
+import './ComboboxOption-D7TrqZ-c.js';
+import './ComboboxLoadMore-jyIQokQQ.js';
+import './ComboboxContentHeader-0sTmN0fF.js';
+import './useRefocusOnActivator-Bxo0op3o.js';
+import './useFocusTrap-DnhuoFZZ.js';
+import './ComboboxAction-D8-n-HyB.js';
+import './ComboboxTrigger-G5FllCHP.js';
+import './noop-CcKOr0sW.js';
+import './ComboboxActivator-Dt3NYEyh.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-Dkosamlp.js';
+import './DataList-C9nvAaqG.js';
+import './DataListTotalCount-CU3Nzclq.js';
+import './DataListLoadingState-CE_Cf524.js';
+import './DataListContext-rCsEA0x0.js';
+import './useActiveLayout-BgbzsplQ.js';
+import './useResponsiveSizing-Cb9NPi8z.js';
+import './DataList.const-jUTkZwZo.js';
+import './DataListLayout-BvLlMH-h.js';
+import './DataListItems-DExdM3gS.js';
+import './DataListLayoutContext-9c-xEZ7d.js';
+import './DataListItem-Bgcx3ZP-.js';
+import './DataListItemActions-DP_9-wu3.js';
+import './DataListActions-BkxIwmie.js';
+import './DataListOverflowFade-Pz0pWDw1.js';
+import './DataList.utils-KdFVMXT3.js';
+import './DataListTags-JncszqSR.js';
+import './DataListHeaderTile-BZl8MdFo.js';
+import './DataListSortingOptions-BfXL0hHj.js';
+import './DataListLayoutContext-DCSOBLTq.js';
+import './DataListItemActionsOverflow-DeUzZNtY.js';
+import './DataListActionsMenu-BiAco5Hm.js';
+import './useBatchSelect-B00q1b-A.js';
+import './DataListItemClickable-BcK7Zc5g.js';
+import './DataListHeader-a8F_YnO3.js';
+import './DataListBulkActions-hLfEaY6N.js';
+import './DataListFilters-DVmA8nuY.js';
+import './DataListSort-pTjXP1wd.js';
+import './DataListStickyHeader-Ct27qO0W.js';
+import './DataListSearch-COuHijtK.js';
+import './DataListEmptyState-DIGC7UMI.js';
+import './DataListLoadMore-BZwFOn1h.js';
+import './DataListAction-YfDlRdj8.js';
+import './DataListLayoutActions-D6NHa0Pa.js';
+import './DataListStatusBar-C-oO9sBT.js';
+import './throttle-gdLW85qR.js';
+import './_baseAssignValue-DwYX-g3i.js';
+import './useFormFieldFocus-0F4Ik_x3.js';
 import 'filesize';
-import './InternalGridCell-DqonalQN.js';
+import './InternalGridCell-CcbrMJkO.js';
 import 'axios';
 import '@jobber/formatters';
+import 'react-dom/client';

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

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

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

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

package/dist/{isSymbol-D4jbWnNg.js → isSymbol-CXiYxS8L.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-i8YarwgG.js';
 
 var baseGetTag = _baseGetTag,
     isObjectLike = isObjectLike_1;

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

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

package/dist/{noop-DVoHMFRO.js → noop-C8-fGP2X.js}

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

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

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

package/dist/showToast-B6p-j-WW.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-DiVG_CNA.js');
+var Button = require('./Button-BxbZFDe_.js');
+var Typography = require('./Typography-HkJVBhkq.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-DiB6Zimq.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-ht6oW0aE.js';
+import { B as Button } from './Button-BnzDfPWw.js';
+import { T as Typography } from './Typography-BG4K8WT6.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 };