@jobber/components 5.1.4 → 5.2.0

package/dist/{RecurringSelect-wkEdcnf_.js → RecurringSelect-icqkLV0d.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var DayOfMonthSelect = require('./DayOfMonthSelect-RUYjxn-f.js');
-var Text = require('./Text-ha-x66Bl.js');
+var DayOfMonthSelect = require('./DayOfMonthSelect-D0ZnG3yT.js');
+var Text = require('./Text-SmbEqyUC.js');
 require('classnames');
-var Option = require('./Option-Cp6YdoWo.js');
-var InputNumber = require('./InputNumber-Bw78za8b.js');
-var InputGroup = require('./InputGroup-DVsBOAwB.js');
-var Content = require('./Content-BXz8eyrE.js');
+var Option = require('./Option-BeGFbi4v.js');
+var InputNumber = require('./InputNumber-C1p9ETGj.js');
+var InputGroup = require('./InputGroup-CooDBDEX.js');
+var Content = require('./Content--9EmEZse.js');
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/Select/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var Option = require('../Option-Cp6YdoWo.js');
+var Option = require('../Option-BeGFbi4v.js');
 require('react');
-require('../FormField-Dvmv1POw.js');
-require('../tslib.es6-Ce99Rq9s.js');
+require('../FormField-1DpY2AiT.js');
+require('../tslib.es6-DP6llR4E.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-Bod4aFn9.js');
-require('react-router-dom');
-require('../Icon-DkziW-2D.js');
-require('@jobber/design');
-require('../Typography-DLWC7ZXM.js');
-require('../Text-ha-x66Bl.js');
-require('../InputValidation-BqQpdPga.js');
 require('framer-motion');
-require('../Spinner-CYMeN0Fh.js');
+require('@jobber/design');
+require('../Button-OdOXqKLy.js');
+require('react-router-dom');
+require('../Icon-BVFuPKYG.js');
+require('../Typography-tP7G8sl-.js');
+require('../Text-SmbEqyUC.js');
+require('../InputValidation-DSKR1KgZ.js');
+require('../Spinner-Bi_Kvgu6.js');
 
 
 

package/dist/Select/index.mjs

@@ -1,15 +1,15 @@
-export { a as Option, S as Select } from '../Option-DyVSD7gk.js';
+export { a as Option, S as Select } from '../Option-iwdfcOS3.js';
 import 'react';
-import '../FormField-B2pEYzXN.js';
-import '../tslib.es6-CdmQTAL_.js';
+import '../FormField-CFgdCz4h.js';
+import '../tslib.es6-BDzB5aw8.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-C0_-w97z.js';
-import 'react-router-dom';
-import '../Icon-CqIXt_h2.js';
-import '@jobber/design';
-import '../Typography-DML6tnyc.js';
-import '../Text-CyhSs2Zc.js';
-import '../InputValidation-DnpnKUpS.js';
 import 'framer-motion';
-import '../Spinner-Cvo7CrDs.js';
+import '@jobber/design';
+import '../Button-C5TFhwBF.js';
+import 'react-router-dom';
+import '../Icon-BtAyqPaM.js';
+import '../Typography-gIq6g6Rc.js';
+import '../Text-pJiGeGnf.js';
+import '../InputValidation-DkbuRaS5.js';
+import '../Spinner-D6Ymf6lg.js';

package/dist/Spinner/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Spinner = require('../Spinner-CYMeN0Fh.js');
+var Spinner = require('../Spinner-Bi_Kvgu6.js');
 require('react');
 require('classnames');
 

package/dist/Spinner/index.mjs

@@ -1,3 +1,3 @@
-export { S as Spinner } from '../Spinner-Cvo7CrDs.js';
+export { S as Spinner } from '../Spinner-D6Ymf6lg.js';
 import 'react';
 import 'classnames';

package/dist/StatusIndicator/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var StatusIndicator = require('../StatusIndicator-B1QdRKuP.js');
+var StatusIndicator = require('../StatusIndicator-DW9SuBRn.js');
 require('react');
 
 

package/dist/StatusIndicator/index.mjs

@@ -1,2 +1,2 @@
-export { S as StatusIndicator } from '../StatusIndicator-PLBErKNm.js';
+export { S as StatusIndicator } from '../StatusIndicator-_oYjHJlT.js';
 import 'react';

package/dist/StatusLabel/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var StatusLabel = require('../StatusLabel-CMMvjdgW.js');
+var StatusLabel = require('../StatusLabel-DuTN_NT-.js');
 require('react');
 require('classnames');
-require('../Typography-DLWC7ZXM.js');
-require('../StatusIndicator-B1QdRKuP.js');
+require('../Typography-tP7G8sl-.js');
+require('../StatusIndicator-DW9SuBRn.js');
 
 
 

package/dist/StatusLabel/index.mjs

@@ -1,5 +1,5 @@
-export { S as StatusLabel } from '../StatusLabel-W5VaUsGB.js';
+export { S as StatusLabel } from '../StatusLabel-D_lkVONP.js';
 import 'react';
 import 'classnames';
-import '../Typography-DML6tnyc.js';
-import '../StatusIndicator-PLBErKNm.js';
+import '../Typography-gIq6g6Rc.js';
+import '../StatusIndicator-_oYjHJlT.js';

package/dist/{StatusLabel-W5VaUsGB.js → StatusLabel-D_lkVONP.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DML6tnyc.js';
-import { S as StatusIndicator } from './StatusIndicator-PLBErKNm.js';
+import { T as Typography } from './Typography-gIq6g6Rc.js';
+import { S as StatusIndicator } from './StatusIndicator-_oYjHJlT.js';
 
 var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
 

package/dist/{StatusLabel-CMMvjdgW.js → StatusLabel-DuTN_NT-.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-DLWC7ZXM.js');
-var StatusIndicator = require('./StatusIndicator-B1QdRKuP.js');
+var Typography = require('./Typography-tP7G8sl-.js');
+var StatusIndicator = require('./StatusIndicator-DW9SuBRn.js');
 
 var styles = {"success":"WBxCEgPiC98-","warning":"ok6hVljkqSE-","critical":"-YTFHnzpkRE-","inactive":"_2F0I59nddP8-","informative":"BQd6Hylvxh0-","statusLabelRow":"MB0ycTR4PHg-","labelTextEndAligned":"_0kNfkSPBETw-","statusIndicatorWrapper":"NYMNxZSup30-"};
 

package/dist/Switch/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Switch = require('../Switch-DyADuCY_.js');
+var Switch = require('../Switch-DHRNYRm6.js');
 require('react');
 require('classnames');
-require('../Typography-DLWC7ZXM.js');
+require('../Typography-tP7G8sl-.js');
 
 
 

package/dist/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from '../Switch-DeFFm66y.js';
+export { S as Switch } from '../Switch-CoJHAVA7.js';
 import 'react';
 import 'classnames';
-import '../Typography-DML6tnyc.js';
+import '../Typography-gIq6g6Rc.js';

package/dist/{Switch-DeFFm66y.js → Switch-CoJHAVA7.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DML6tnyc.js';
+import { T as Typography } from './Typography-gIq6g6Rc.js';
 
 var styles = {"track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-"};
 

package/dist/{Switch-DyADuCY_.js → Switch-DHRNYRm6.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-DLWC7ZXM.js');
+var Typography = require('./Typography-tP7G8sl-.js');
 
 var styles = {"track":"NaSI2jsLI0c-","isChecked":"HbAoDMJhkwY-","toggle":"cc259FtdxeE-","label":"YZ-HIehHOBA-","pip":"_2hxova2FHpM-","disabled":"_6hWvJHjyLlk-"};
 

package/dist/Table/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Body = require('../Body-IDs8IkBI.js');
+var Body = require('../Body-BDm0ETkl.js');
 require('react');
 require('@jobber/formatters');
 require('classnames');

package/dist/Table/index.mjs

@@ -1,4 +1,4 @@
-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-DulfpL3N.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-BakM9ITV.js';
 import 'react';
 import '@jobber/formatters';
 import 'classnames';

package/dist/Tabs/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Tabs = require('../Tabs-N_VVBHqa.js');
+var Tabs = require('../Tabs-DSbVuwwA.js');
 require('react');
 require('classnames');
-require('../Typography-DLWC7ZXM.js');
+require('../Typography-tP7G8sl-.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,4 +1,4 @@
-export { a as Tab, T as Tabs } from '../Tabs-BUTIyiUX.js';
+export { a as Tab, T as Tabs } from '../Tabs-BVAsObuB.js';
 import 'react';
 import 'classnames';
-import '../Typography-DML6tnyc.js';
+import '../Typography-gIq6g6Rc.js';

package/dist/{Tabs-BUTIyiUX.js → Tabs-BVAsObuB.js}

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-DML6tnyc.js';
+import { T as Typography } from './Typography-gIq6g6Rc.js';
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 

package/dist/{Tabs-N_VVBHqa.js → Tabs-DSbVuwwA.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-DLWC7ZXM.js');
+var Typography = require('./Typography-tP7G8sl-.js');
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 

package/dist/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-ha-x66Bl.js');
+var Text = require('../Text-SmbEqyUC.js');
 require('react');
-require('../Typography-DLWC7ZXM.js');
+require('../Typography-tP7G8sl-.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-CyhSs2Zc.js';
+export { T as Text } from '../Text-pJiGeGnf.js';
 import 'react';
-import '../Typography-DML6tnyc.js';
+import '../Typography-gIq6g6Rc.js';
 import 'classnames';

package/dist/{Text-ha-x66Bl.js → Text-SmbEqyUC.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-DLWC7ZXM.js');
+var Typography = require('./Typography-tP7G8sl-.js');
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/{Text-CyhSs2Zc.js → Text-pJiGeGnf.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-DML6tnyc.js';
+import { T as Typography } from './Typography-gIq6g6Rc.js';
 
 function Text({ variation = "default", size = "base", align = "start", children, maxLines = "unlimited", }) {
     const textColors = {

package/dist/Toast/index.cjs

@@ -1,16 +1,101 @@
 'use strict';
 
-var showToast = require('../showToast-Cs6Hi7JB.js');
-require('react');
-require('react-dom/client');
-require('framer-motion');
-require('../Icon-DkziW-2D.js');
+var React = require('react');
+var client = require('react-dom/client');
+var framerMotion = require('framer-motion');
+var Icon = require('../Icon-BVFuPKYG.js');
+var Button = require('../Button-OdOXqKLy.js');
+var Typography = require('../Typography-tP7G8sl-.js');
 require('@jobber/design');
-require('../Button-Bod4aFn9.js');
 require('classnames');
 require('react-router-dom');
-require('../Typography-DLWC7ZXM.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" };
+        }
+    }
+}
 
-exports.showToast = showToast.showToast;
+const targetId = "atlantis-toast-element";
+let target = document.querySelector(`#${targetId}`);
+if (!target) {
+    target = document.createElement("div");
+    target.id = targetId;
+    target.classList.add(styles.wrapper);
+    document.body.appendChild(target);
+}
+const root = client.createRoot(target);
+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 (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/Toast/index.mjs

@@ -1,10 +1,99 @@
-export { s as showToast } from '../showToast-BLO_vX7y.js';
-import 'react';
-import 'react-dom/client';
-import 'framer-motion';
-import '../Icon-CqIXt_h2.js';
+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-BtAyqPaM.js';
+import { B as Button } from '../Button-C5TFhwBF.js';
+import { T as Typography } from '../Typography-gIq6g6Rc.js';
 import '@jobber/design';
-import '../Button-C0_-w97z.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Typography-DML6tnyc.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 target = document.querySelector(`#${targetId}`);
+if (!target) {
+    target = document.createElement("div");
+    target.id = targetId;
+    target.classList.add(styles.wrapper);
+    document.body.appendChild(target);
+}
+const root = createRoot(target);
+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 (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 };

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-B5LpbUNg.js');
+var Tooltip = require('../Tooltip-DSojFIAE.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-G3QLfyzl.js');
-require('../useIsMounted-B8Oz9QnI.js');
+require('../useSafeLayoutEffect-CCMFNvpO.js');
+require('../useIsMounted-hdjJs1tK.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-B6bfrPj2.js';
+export { T as Tooltip } from '../Tooltip-B0q8Xagw.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-DjaPMhn2.js';
-import '../useIsMounted-4L0Wg2jn.js';
+import '../useSafeLayoutEffect-tvCutuXX.js';
+import '../useIsMounted-w5KblljD.js';
 import 'react-popper';

package/dist/{Tooltip-B6bfrPj2.js → Tooltip-B0q8Xagw.js}

@@ -2,8 +2,8 @@ import React, { useRef, useState } from 'react';
 import classnames from 'classnames';
 import ReactDOM from 'react-dom';
 import { motion } from 'framer-motion';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-DjaPMhn2.js';
-import { u as useIsMounted_2 } from './useIsMounted-4L0Wg2jn.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-tvCutuXX.js';
+import { u as useIsMounted_2 } from './useIsMounted-w5KblljD.js';
 import { usePopper } from 'react-popper';
 
 var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-"};
@@ -98,7 +98,7 @@ function Tooltip({ message, children, preferredPlacement = "top", }) {
 }
 function TooltipPortal({ children }) {
     const mounted = useIsMounted_2();
-    if (!mounted) {
+    if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }
     return ReactDOM.createPortal(children, document.body);

package/dist/{Tooltip-B5LpbUNg.js → Tooltip-DSojFIAE.js}

@@ -4,8 +4,8 @@ var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-G3QLfyzl.js');
-var useIsMounted = require('./useIsMounted-B8Oz9QnI.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CCMFNvpO.js');
+var useIsMounted = require('./useIsMounted-hdjJs1tK.js');
 var reactPopper = require('react-popper');
 
 var styles = {"shadowActivator":"q07bkGoq714-","tooltipWrapper":"dkCTRfc3vYk-","tooltip":"yAFP4gRKlTM-","arrow":"j9KgRON7iTU-","top":"DpxWsz9QuIo-","bottom":"_5RblY1rnJOA-","left":"C9MXsqd4wLM-","right":"_2ZZcgQ4fJ-k-","tooltipMessage":"TpdeLUuiQMg-"};
@@ -100,7 +100,7 @@ function Tooltip({ message, children, preferredPlacement = "top", }) {
 }
 function TooltipPortal({ children }) {
     const mounted = useIsMounted.useIsMounted_2();
-    if (!mounted) {
+    if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }
     return ReactDOM.createPortal(children, document.body);

package/dist/Typography/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Typography = require('../Typography-DLWC7ZXM.js');
+var Typography = require('../Typography-tP7G8sl-.js');
 require('react');
 require('classnames');
 

package/dist/Typography/index.mjs

@@ -1,3 +1,3 @@
-export { T as Typography } from '../Typography-DML6tnyc.js';
+export { T as Typography } from '../Typography-gIq6g6Rc.js';
 import 'react';
 import 'classnames';

package/dist/{_baseAssignValue-DBAC3KpX.js → _baseAssignValue-B1ESzH-8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _defineProperty = require('./_defineProperty-U_KziJ5Z.js');
+var _defineProperty = require('./_defineProperty-B5IFq25F.js');
 
 var defineProperty = _defineProperty._defineProperty;
 

package/dist/{_baseAssignValue-DA68Z_3V.js → _baseAssignValue-nSqYnWXD.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './_defineProperty-DxVU8Ksz.js';
+import { _ as _defineProperty } from './_defineProperty-3YJgsTOw.js';
 
 var defineProperty = _defineProperty;
 

package/dist/{_baseEach-BRGylvgO.js → _baseEach-C0EuzQ50.js}

@@ -1,7 +1,7 @@
-import { f as _MapCache, g as _Uint8Array, e as eq_1, h as _getAllKeys, j as _Stack, k as keys_1, c as _baseGet, l as _castPath, d as _isIndex, m as _toKey, n as _isKey, i as identity_1 } from './_defineProperty-DxVU8Ksz.js';
-import { c as _Symbol, i as isObjectLike_1, b as isObject_1 } from './isObjectLike-DiXX2xWy.js';
-import { a as _getTag, d as isBufferExports, f as isTypedArray_1, b as isArray_1, i as isArguments_1, h as isLength_1, c as isArrayLike_1 } from './_getTag-DN26lOQL.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-ZwCII1KZ.js';
+import { f as _MapCache, g as _Uint8Array, e as eq_1, h as _getAllKeys, j as _Stack, k as keys_1, c as _baseGet, l as _castPath, d as _isIndex, m as _toKey, n as _isKey, i as identity_1 } from './_defineProperty-3YJgsTOw.js';
+import { c as _Symbol, i as isObjectLike_1, b as isObject_1 } from './isObjectLike-srkRoDpL.js';
+import { a as _getTag, d as isBufferExports, f as isTypedArray_1, b as isArray_1, i as isArguments_1, h as isLength_1, c as isArrayLike_1 } from './_getTag-BkmsVho5.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DbzqrCSE.js';
 
 /** Used to stand-in for `undefined` hash values. */