@jobber/components 5.15.2-fix-input-.0 → 5.15.2-fix-input-.1

package/dist/index.mjs

@@ -1,163 +1,165 @@
-export { A as AnimatedPresence } from './AnimatedPresence-drpQIFB_.js';
-export { A as AnimatedSwitcher } from './AnimatedSwitcher-xEKRk73a.js';
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-CwJm0HiS.js';
-export { A as Autocomplete } from './Autocomplete-BGHNQJCj.js';
-export { A as Avatar } from './Avatar-GMOU8Kh0.js';
-export { B as Banner } from './Banner-H1PLZ6TO.js';
-export { B as Box } from './Box-rSmz0teL.js';
-export { B as Button } from './Button-C0mVjCcE.js';
-export { B as ButtonDismiss } from './ButtonDismiss-FcbQV8t8.js';
-export { C as Card } from './Card-0NduW4Ia.js';
-export { C as Checkbox } from './Checkbox-Vt2JmL6d.js';
-export { C as Chip } from './Chip-Ddo_zTo0.js';
-export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-Dye6qhTL.js';
+export { A as AnimatedPresence } from './AnimatedPresence-CwiG3gdv.js';
+export { A as AnimatedSwitcher } from './AnimatedSwitcher-CGTVtt0O.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from './AtlantisContext-BbIScHXq.js';
+export { A as Autocomplete } from './Autocomplete-COdqIWba.js';
+export { A as Avatar } from './Avatar-CYZYjMNH.js';
+export { B as Banner } from './Banner-CnbAWnhi.js';
+export { B as Box } from './Box-sYxnhyo3.js';
+export { B as Button } from './Button-CrF27_3V.js';
+export { B as ButtonDismiss } from './ButtonDismiss-y_5OEnRo.js';
+export { C as Card } from './Card-D4S5-fKX.js';
+export { C as Checkbox } from './Checkbox-DuZx2fms.js';
+export { C as Chip } from './Chip-BO0vYGYI.js';
+export { a as ChipDismissible, C as ChipSelectable } from './ChipDismissible-ocg9H44X.js';
 import 'react';
 import 'classnames';
-import './useAssert-DWfQjI7g.js';
-export { I as Icon } from './Icon-PQT92gxC.js';
-export { T as Typography } from './Typography-DIMCVCvt.js';
-export { T as Tooltip } from './Tooltip-DV7uXXNR.js';
-export { C as Chips } from './Chips-D26qbhNs.js';
-export { C as Combobox } from './Combobox-C-YucHg-.js';
-export { C as ComboboxContextProvider } from './ComboboxProvider-DWrrJBMY.js';
-export { C as ConfirmationModal } from './ConfirmationModal-DNkXjMQN.js';
-export { C as Content } from './Content-y5ws5cSy.js';
-export { C as Countdown } from './Countdown-B-E0ebEh.js';
-export { D as DataDump } from './DataDump-BRBmEhH5.js';
-export { D as DataList } from './DataList-DoNbRUyR.js';
-export { D as DataTable } from './DataTable-nUHafDtL.js';
-import './useResizeObserver-DsH803nL.js';
+import './useAssert-BMGGWAJ_.js';
+export { I as Icon } from './Icon-DCjQNyg7.js';
+export { T as Typography } from './Typography-aKemJWma.js';
+export { T as Tooltip } from './Tooltip-DiP3uXUo.js';
+export { C as Chips } from './Chips-BbMwFKym.js';
+export { C as Combobox } from './Combobox-Bwvp6AA8.js';
+export { C as ComboboxContextProvider } from './ComboboxProvider-Cej7FKOm.js';
+export { C as ConfirmationModal } from './ConfirmationModal-C3XsM3mD.js';
+export { C as Content } from './Content-CTwMXrYI.js';
+export { C as Countdown } from './Countdown-CBa5uqJ-.js';
+export { D as DataDump } from './DataDump-CMdm7bYU.js';
+export { D as DataList } from './DataList-C8eGqrzB.js';
+export { D as DataTable } from './DataTable-sJZeVAda.js';
+import './useResizeObserver-q_kRu-In.js';
 export { createColumnHelper } from '@tanstack/react-table';
-export { D as DatePicker } from './DatePicker-C69NcVoN.js';
-export { D as DescriptionList } from './DescriptionList-zENE7jYF.js';
-export { D as Disclosure } from './Disclosure-B-uZwX9P.js';
-export { D as Divider } from './Divider-BnehRt4-.js';
-export { D as Drawer, a as DrawerGrid } from './DrawerGrid-C9wlnfvl.js';
-export { E as Emphasis } from './Emphasis-CbdHOPtQ.js';
-export { F as FeatureSwitch } from './FeatureSwitch-DsQN2Ybw.js';
-export { F as Flex } from './Flex-C1wv-8mM.js';
-export { F as Form } from './Form-DpEKppWa.js';
-export { F as FormField } from './FormField-D4mx2KFg.js';
-export { F as FormatDate, s as strFormatDate } from './FormatDate-B-03DXbw.js';
-export { F as FormatEmail } from './FormatEmail-D33qGhJ8.js';
-export { F as FormatFile } from './FormatFile-BJra6Ht3.js';
-export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-B1wxhPSl.js';
-export { F as FormatTime } from './FormatTime--QW8-Zn9.js';
-export { G as Gallery } from './Gallery-CpVSwqUm.js';
-export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-BNYhTPbO.js';
-export { G as GRID_TEST_ID, a as Grid } from './Grid-Cuc76Ygc.js';
-export { H as Heading } from './Heading-Dx_zvABK.js';
-export { I as InlineLabel } from './InlineLabel-JfxWpnA-.js';
-export { I as InputAvatar } from './InputAvatar-Ddhl8o1A.js';
-export { I as InputDate } from './InputDate-GZjuXRV5.js';
-export { I as InputEmail, v as validationMessage } from './InputEmail-CnGiNTde.js';
-export { I as InputFile, u as updateFiles } from './InputFile-CGRNYF1G.js';
-export { I as InputGroup } from './InputGroup-BpE5IiPB.js';
-export { I as InputNumber } from './InputNumber-cvl0ixPC.js';
-export { I as InputPassword } from './InputPassword-Cx1XWHOV.js';
-export { I as InputPhoneNumber } from './InputPhoneNumber-TeFyjWn4.js';
-export { I as InputText } from './InputText-C7R-l8v9.js';
-export { I as InputTime } from './InputTime-BoXdG6S9.js';
-export { I as InputValidation } from './InputValidation-Jh_7dzRI.js';
-export { L as LightBox } from './LightBox-BGivrA-P.js';
-export { L as Link } from './Link-D4rWVA92.js';
-export { L as List, a as ListItem } from './List-C1Xo9RnS.js';
-export { M as Markdown } from './Markdown-C9NIE7v2.js';
-export { M as Menu } from './Menu-oEF1TuVE.js';
-export { M as Modal } from './Modal-Ba17BxU8.js';
-export { M as MultiSelect } from './MultiSelect-CDCig1UA.js';
-export { P as Page } from './Page-nNlmGQif.js';
-export { P as Popover } from './Popover-BqDdAn6K.js';
-export { P as ProgressBar } from './ProgressBar-DpM0GtvO.js';
-export { R as RadioGroup, a as RadioOption } from './RadioGroup-VNlcd3jJ.js';
-export { R as RecurringSelect } from './RecurringSelect-Cqr-zeBD.js';
-export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-BaWLLC5v.js';
-export { a as Option, S as Select } from './Option-vEX7CBes.js';
-export { S as SideDrawer } from './SideDrawer-BowydjrK.js';
-export { S as Spinner } from './Spinner-Dvn56859.js';
-export { S as StatusIndicator } from './StatusIndicator-DDKlep7a.js';
-export { S as StatusLabel } from './StatusLabel-B5d9gc3Y.js';
-export { S as Switch } from './Switch-wB2DSaXm.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-DdEalAyw.js';
-export { a as Tab, T as Tabs } from './Tabs-BZKXtFsO.js';
-export { T as Text } from './Text-CEMqEWry.js';
+export { D as DatePicker } from './DatePicker-DhqnapMZ.js';
+export { D as DescriptionList } from './DescriptionList-xYaU71sD.js';
+export { D as Disclosure } from './Disclosure-H7dk0G90.js';
+export { D as Divider } from './Divider-XoOGQySD.js';
+export { D as Drawer, a as DrawerGrid } from './DrawerGrid-DKRJSTIc.js';
+export { E as Emphasis } from './Emphasis-Bsf5_rJz.js';
+export { F as FeatureSwitch } from './FeatureSwitch-DlbSCW5s.js';
+export { F as Flex } from './Flex-Be2PSnFd.js';
+export { F as Form } from './Form-C4ptpufb.js';
+export { F as FormField } from './FormField-RKxWszYS.js';
+export { F as FormatDate, s as strFormatDate } from './FormatDate-qklDzoUn.js';
+export { F as FormatEmail } from './FormatEmail-nJnHZ2md.js';
+export { F as FormatFile } from './FormatFile-DcK4lEL6.js';
+export { F as FormatRelativeDateTime } from './FormatRelativeDateTime-DLmKs07H.js';
+export { F as FormatTime } from './FormatTime-Cckr1Kv4.js';
+export { G as Gallery } from './Gallery-CIgutJh1.js';
+export { a as GLIMMER_TEST_ID, G as Glimmer } from './Glimmer-h_7GNQDa.js';
+export { G as GRID_TEST_ID, a as Grid } from './Grid-D8YbThhM.js';
+export { H as Heading } from './Heading-CjC0WuEP.js';
+export { I as InlineLabel } from './InlineLabel-DctON-mN.js';
+export { I as InputAvatar } from './InputAvatar-BcNl3-Yx.js';
+export { I as InputDate } from './InputDate-hPGmeKW3.js';
+export { I as InputEmail, v as validationMessage } from './InputEmail-BojrSJa0.js';
+export { I as InputFile, u as updateFiles } from './InputFile-jkc_DXGk.js';
+export { I as InputGroup } from './InputGroup-z2bAc9Ux.js';
+export { I as InputNumber } from './InputNumber-DYznTxrf.js';
+export { I as InputPassword } from './InputPassword-DiFp42Z3.js';
+export { I as InputPhoneNumber } from './InputPhoneNumber-CAESowRK.js';
+export { I as InputText } from './InputText-OoRujV10.js';
+export { I as InputTime } from './InputTime-C2DwRdTC.js';
+export { I as InputValidation } from './InputValidation-DwGxdivr.js';
+export { L as LightBox } from './LightBox-BcmIxP5J.js';
+export { L as Link } from './Link-BzQph0lT.js';
+export { L as List, a as ListItem } from './List-CPv__ykL.js';
+export { M as Markdown } from './Markdown-FHtyTe_1.js';
+export { M as Menu } from './Menu-ChW1H6pH.js';
+export { M as Modal } from './Modal-QnS_j0KT.js';
+export { M as MultiSelect } from './MultiSelect-iHQiaNiP.js';
+export { P as Page } from './Page-deDCMbA5.js';
+export { P as Popover } from './Popover-uFoS_Ynn.js';
+export { P as ProgressBar } from './ProgressBar-CRrPFQIX.js';
+export { R as RadioGroup, a as RadioOption } from './RadioGroup-DH_qmrP0.js';
+export { R as RecurringSelect } from './RecurringSelect-BqUqSaB4.js';
+export { D as DurationPeriod, W as WeekDay } from './DayOfMonthSelect-Dksjh1_j.js';
+export { a as Option, S as Select } from './Option-BaGRpAFH.js';
+export { S as SideDrawer } from './SideDrawer-g7gsChzy.js';
+export { S as Spinner } from './Spinner-sUKaGqey.js';
+export { S as StatusIndicator } from './StatusIndicator-CF6k4Wsh.js';
+export { S as StatusLabel } from './StatusLabel-KN1l4zLX.js';
+export { S as Switch } from './Switch-kJNzq77k.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-CnNhlLvO.js';
+export { a as Tab, T as Tabs } from './Tabs-KbVlbEsV.js';
+export { T as Text } from './Text-BWu90K4v.js';
+export { T as Toast, s as showToast } from './showToast-BcQI46jE.js';
 import 'framer-motion';
 import '@jobber/design';
-import './tslib.es6-DRGKoNsn.js';
-import './debounce-D-aEAxVb.js';
-import './_commonjsHelpers-BKuahENp.js';
-import './isObjectLike-DumvTMPF.js';
-import './isSymbol-CIegJ9Yh.js';
+import './tslib.es6-C6H-pUSl.js';
+import './debounce-5cuuKTv9.js';
+import './_commonjsHelpers-kmZfvu5v.js';
+import './isObjectLike-B-qhhkEY.js';
+import './isSymbol-DVySjdYm.js';
 import 'react-dom';
 import 'react-popper';
-import './useOnKeyDown-BN-F3VgW.js';
-import './useSafeLayoutEffect-DcN-0oKV.js';
-import './useIsMounted-yjKfYsRV.js';
+import './useOnKeyDown-DWx7sMlM.js';
+import './useSafeLayoutEffect-CbhRL_RA.js';
+import './useIsMounted-Dpr67DHO.js';
 import 'color';
-import './BannerIcon-BxwbLv3F.js';
+import './BannerIcon-BXUGviFF.js';
 import 'react-router-dom';
 import 'react-hook-form';
-import './useInView-D7uPm8dg.js';
-import './useChildComponent-lU-0cys3.js';
-import './_polyfill-node.process-Da0Yqo_a.js';
-import './InternalChipDismissible-DJyeQ-p0.js';
-import './useScrollToActive-BzRsunEZ.js';
-import './_setToString-DTWVPQ4R.js';
-import './_defineProperty-DW52pK-p.js';
-import './_getTag-BolOdE0J.js';
-import './_baseEach-JwC8N54V.js';
-import './ComboboxContent-BoFIUG_v.js';
-import './ComboboxContentSearch-CMd6U5Bj.js';
-import './ComboboxContentList-BAWhQsR-.js';
-import './ComboboxOption-DcZkAWaj.js';
-import './ComboboxLoadMore-Dc2kxsbD.js';
-import './ComboboxContentHeader-C6-zEKJR.js';
-import './useRefocusOnActivator-CFT2Bp7b.js';
-import './useFocusTrap-BpPM4wqW.js';
-import './ComboboxAction-ChfBzgX0.js';
-import './ComboboxTrigger-D060xXSG.js';
-import './noop-BRI2A10x.js';
-import './ComboboxActivator-xTePN6j6.js';
+import './useInView-z1a0KZfG.js';
+import './useChildComponent-B7a1G9UH.js';
+import './_polyfill-node.process-BLBPD9oh.js';
+import './InternalChipDismissible-Rjb9_Cp7.js';
+import './useScrollToActive-BPe7GeXt.js';
+import './_setToString-C8GzPvlu.js';
+import './_defineProperty-C32lM1yl.js';
+import './_getTag-CaSspT3n.js';
+import './_baseEach-BQc6iztY.js';
+import './ComboboxContent-D-JLC3S-.js';
+import './ComboboxContentSearch-TjZYKlKf.js';
+import './ComboboxContentList-Bf4wcDmf.js';
+import './ComboboxOption-DyEge5-u.js';
+import './ComboboxLoadMore-Bf05b103.js';
+import './ComboboxContentHeader-wwlACSga.js';
+import './useRefocusOnActivator-CLCDw3f0.js';
+import './useFocusTrap-D_JYeF_C.js';
+import './ComboboxAction-DzcsIYzs.js';
+import './ComboboxTrigger-D1IqQ2Zo.js';
+import './noop-DH5OVaTB.js';
+import './ComboboxActivator-zyNCrGRS.js';
 import '@std-proposal/temporal';
-import './index-DOVgHGhr.js';
-import './DataList-B04oF-6x.js';
-import './DataListTotalCount-V6tcMs_m.js';
-import './DataListLoadingState-CMM5cHAg.js';
-import './DataListContext-BP7zA04e.js';
-import './useActiveLayout-D0sCjByi.js';
-import './useResponsiveSizing-VlX9RBF2.js';
-import './DataList.const-D3kNIzOo.js';
-import './DataListLayout-Dh8rQyA7.js';
-import './DataListItems-vyHXGKET.js';
-import './DataListLayoutContext-BsCPHlSl.js';
-import './DataListItem-DtbaYg6o.js';
-import './DataListItemActions-BRXKZQ2N.js';
-import './DataListActions-Dlnv6WJW.js';
-import './DataListOverflowFade-B3DpBWQU.js';
-import './DataList.utils-DPtaZlAD.js';
-import './DataListTags-DybWohQA.js';
-import './DataListHeaderTile-C7B_6Q_q.js';
-import './DataListSortingOptions-DvnwxrQx.js';
-import './DataListLayoutContext-DliVcI5u.js';
-import './DataListItemActionsOverflow-Er9rG7-K.js';
-import './DataListActionsMenu-BZQW94sZ.js';
-import './useBatchSelect-od89q5uY.js';
-import './DataListItemClickable-zbahnVE-.js';
-import './DataListHeader-CXkdobba.js';
-import './DataListBulkActions-DqqeQMae.js';
-import './DataListFilters-CXRMKclU.js';
-import './DataListSort-ErxVY9Xm.js';
-import './DataListStickyHeader-0asYD9lx.js';
-import './DataListSearch-Bm3PwVc-.js';
-import './DataListEmptyState-laKjrxDn.js';
-import './DataListLoadMore-BacSP4RQ.js';
-import './DataListAction-clfolS6B.js';
-import './DataListLayoutActions-DISPyTnP.js';
-import './DataListStatusBar-mAXDz_vI.js';
-import './throttle-yKnk5y-a.js';
-import './_baseAssignValue-DVTQJJHI.js';
-import './useFormFieldFocus-Bx9IXlkw.js';
+import './index-BbJ3eeRf.js';
+import './DataList-DnwI3SrE.js';
+import './DataListTotalCount-eWR0Z2qd.js';
+import './DataListLoadingState-Bpdm0PIN.js';
+import './DataListContext-Cu2_QqiV.js';
+import './useActiveLayout-C5GrajRM.js';
+import './useResponsiveSizing-DHgGpIKg.js';
+import './DataList.const-DPct399x.js';
+import './DataListLayout-CcUBfvRl.js';
+import './DataListItems-bk6wYsAg.js';
+import './DataListLayoutContext-_7dKyp9Q.js';
+import './DataListItem-DK1QKi7y.js';
+import './DataListItemActions-B8wdIqRk.js';
+import './DataListActions-Bv-x1bxV.js';
+import './DataListOverflowFade-BDMt9r8Y.js';
+import './DataList.utils-aMg16ns3.js';
+import './DataListTags-ChmMM5Av.js';
+import './DataListHeaderTile-C762VBbk.js';
+import './DataListSortingOptions-BgJadM3y.js';
+import './DataListLayoutContext-BYRob9Yp.js';
+import './DataListItemActionsOverflow-K6hMiqgi.js';
+import './DataListActionsMenu-BsvT6lE9.js';
+import './useBatchSelect-Dsq1Z28t.js';
+import './DataListItemClickable-C9uBN6Do.js';
+import './DataListHeader-Btu73BY5.js';
+import './DataListBulkActions-BK5M7PSc.js';
+import './DataListFilters-CATu8VIH.js';
+import './DataListSort-Dl_8W73y.js';
+import './DataListStickyHeader-L_fMGUOq.js';
+import './DataListSearch-DFHadT72.js';
+import './DataListEmptyState-CjPK6DDk.js';
+import './DataListLoadMore-aVHrWWyu.js';
+import './DataListAction-CvnUlngU.js';
+import './DataListLayoutActions-BMPTsPcJ.js';
+import './DataListStatusBar-OWccZRZa.js';
+import './throttle-BgwT_gmu.js';
+import './_baseAssignValue-BdwKYuBT.js';
+import './useFormFieldFocus-BgBYN1_J.js';
 import 'filesize';
-import './InternalGridCell-cm8AX8d2.js';
+import './InternalGridCell-DNvKIEOO.js';
 import 'axios';
 import '@jobber/formatters';
+import 'react-dom/client';

package/dist/{isObjectLike-DumvTMPF.js → isObjectLike-B-qhhkEY.js}

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

package/dist/{isObjectLike-3BW3Z_02.js → isObjectLike-Cx2Cq9iK.js}

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

package/dist/{isSymbol-CIegJ9Yh.js → isSymbol-DVySjdYm.js}

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

package/dist/{isSymbol-BzrnEHGD.js → isSymbol-Dvg9FrXF.js}

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

package/dist/{noop-DtfdX9P0.js → noop-DDmeDPCt.js}

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

package/dist/{noop-BRI2A10x.js → noop-DH5OVaTB.js}

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

package/dist/showToast-BawFmmtY.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var React = require('react');
+var client = require('react-dom/client');
+var framerMotion = require('framer-motion');
+var Icon = require('./Icon-BtU-wg5K.js');
+var Button = require('./Button-mmk-2Vu6.js');
+var Typography = require('./Typography-BD7qrCaS.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.Toast = Toast;
+exports.showToast = showToast;

package/dist/showToast-BcQI46jE.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-DCjQNyg7.js';
+import { B as Button } from './Button-CrF27_3V.js';
+import { T as Typography } from './Typography-aKemJWma.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 { Toast as T, showToast as s };