@jobber/components 5.8.0 → 5.9.1-fix-dynami.5

package/dist/SideDrawer-Cd6dDgRF.js

@@ -0,0 +1,130 @@
+import React, { createContext, useContext, useState, useId } from 'react';
+import { createPortal } from 'react-dom';
+import { AnimatePresence, motion } from 'framer-motion';
+import { tokens } from '@jobber/design';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CudxJSWR.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-CwkZBisI.js';
+import classnames from 'classnames';
+import { u as useInView_2 } from './useInView-CqV_sJgt.js';
+import { H as Heading } from './Heading-CdjtdN_u.js';
+import { B as Button } from './Button-ByyUuJVo.js';
+import { F as Flex } from './Flex-uFmkWGK1.js';
+
+const SideDrawerContext = createContext({});
+function useSideDrawerContext() {
+    const context = useContext(SideDrawerContext);
+    return context;
+}
+
+function SideDrawerActions({ children }) {
+    const { actionPortal } = useSideDrawerContext();
+    if (!actionPortal)
+        return null;
+    return createPortal(React.createElement(React.Fragment, null, children), actionPortal);
+}
+
+function SideDrawerTitle({ children }) {
+    const { titlePortal } = useSideDrawerContext();
+    if (!titlePortal)
+        return null;
+    if (typeof children === "string") {
+        return createPortal(React.createElement(Heading, { level: 2 }, children), titlePortal);
+    }
+    return createPortal(children, titlePortal);
+}
+
+function SideDrawerToolbar({ children }) {
+    const { toolbarPortal } = useSideDrawerContext();
+    if (!toolbarPortal)
+        return null;
+    return createPortal(children, toolbarPortal);
+}
+
+var styles = {"drawer":"f-MKdBvCQXQ-","container":"ZMrzd2xJCtQ-","subtle":"j-us8-p4bfY-","header":"di7wVz6Zdy8-","footer":"UXAxYfbJy1Q-","hasShadow":"-Os-3OnRHg0-","headerActions":"sUo3MflQPVI-","hideWhenEmpty":"zbd79OKr6-M-","overlay":"zUQipP8Y6Tk-","content":"ngWetY6itkw-"};
+
+function SideDrawerBackButton({ onClick, }) {
+    const { backPortal } = useSideDrawerContext();
+    if (!backPortal)
+        return null;
+    return createPortal(React.createElement(Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+}
+
+function SideDrawerFooter({ children }) {
+    const { footerPortal } = useSideDrawerContext();
+    if (!footerPortal)
+        return null;
+    return createPortal(React.createElement(React.Fragment, null, children), footerPortal);
+}
+
+const variants = {
+    hidden: { x: "100%" },
+    visible: { x: 0, transitionEnd: { x: 0 } },
+};
+// eslint-disable-next-line max-statements
+function SideDrawer({ children, onRequestClose, open, variation = "base", }) {
+    var _a;
+    const [ref, setRef] = useState(null);
+    const toolbar = useSlotID();
+    const title = useSlotID("title");
+    const actions = useSlotID();
+    const backButton = useSlotID("back");
+    const footer = useSlotID();
+    useRefocusOnActivator_2(open);
+    const sideDrawerRef = useFocusTrap_2(open);
+    const [headerShadowRef, noHeaderShadow] = useInView_2();
+    const [footerShadowRef, noFooterShadow] = useInView_2();
+    const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
+    if (!container)
+        return null;
+    return createPortal(React.createElement(SideDrawerContext.Provider, { value: {
+            actionPortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(actions.selector),
+            titlePortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(title.selector),
+            toolbarPortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(toolbar.selector),
+            backPortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(backButton.selector),
+            footerPortal: ref === null || ref === void 0 ? void 0 : ref.querySelector(footer.selector),
+        } },
+        open && (React.createElement("button", { className: styles.overlay, "aria-label": "Close", onClick: onRequestClose, type: "button" })),
+        React.createElement(AnimatePresence, { initial: false }, open && (React.createElement(motion.div, { className: styles.drawer, ref: setRef, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: {
+                duration: tokens["timing-base"] / 1000,
+            } },
+            React.createElement("div", { ref: sideDrawerRef, role: "dialog", className: classnames(styles.container, styles.hasShadow, {
+                    [styles.subtle]: variation === "subtle",
+                }), tabIndex: 0, onKeyUp: handleKeyUp },
+                React.createElement("div", { ref: headerShadowRef }),
+                React.createElement("div", { className: classnames(styles.header, {
+                        [styles.hasShadow]: headerShadowRef.current && !noHeaderShadow,
+                    }) },
+                    React.createElement(Flex, { template: ["grow", "shrink"] },
+                        React.createElement(Flex, { template: ["shrink", "grow"], gap: "none" },
+                            React.createElement("div", Object.assign({}, backButton.attr)),
+                            React.createElement("div", Object.assign({}, title.attr))),
+                        React.createElement("div", { className: styles.headerActions },
+                            React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, actions.attr)),
+                            React.createElement(Button, { ariaLabel: "Close", icon: "cross", onClick: onRequestClose, type: "tertiary", variation: "subtle" }))),
+                    React.createElement("div", Object.assign({ className: styles.hideWhenEmpty }, toolbar.attr))),
+                React.createElement("div", { className: styles.content }, children),
+                React.createElement("div", Object.assign({ className: classnames(styles.footer, styles.hideWhenEmpty, {
+                        [styles.hasShadow]: footerShadowRef.current && !noFooterShadow,
+                    }) }, footer.attr)),
+                React.createElement("div", { ref: footerShadowRef })))))), container);
+    function handleKeyUp(event) {
+        if (event.key === "Escape") {
+            onRequestClose();
+        }
+    }
+}
+function useSlotID(prefix) {
+    const id = useId();
+    const prefixedId = prefix ? `${prefix}-${id}` : id;
+    const attrKey = "data-side-drawer-slot";
+    const selector = `[${attrKey}="${prefixedId}"]`;
+    const attr = { [attrKey]: prefixedId };
+    return { id: prefixedId, selector, attr };
+}
+SideDrawer.Title = SideDrawerTitle;
+SideDrawer.Toolbar = SideDrawerToolbar;
+SideDrawer.Actions = SideDrawerActions;
+SideDrawer.BackButton = SideDrawerBackButton;
+SideDrawer.Footer = SideDrawerFooter;
+
+export { SideDrawer as S };

package/dist/Spinner/index.cjs

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

package/dist/Spinner/index.mjs

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

package/dist/StatusIndicator/index.cjs

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

package/dist/StatusIndicator/index.mjs

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

package/dist/StatusLabel/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var StatusLabel = require('../StatusLabel-BjvQwBK_.js');
+var StatusLabel = require('../StatusLabel-AoQ5fSb0.js');
 require('react');
 require('classnames');
-require('../Typography-CGjnDRkN.js');
-require('../StatusIndicator-DrqeV5xu.js');
+require('../Typography-Bih9ytcJ.js');
+require('../StatusIndicator-D9l-Qe6c.js');
 
 
 

package/dist/StatusLabel/index.mjs

@@ -1,5 +1,5 @@
-export { S as StatusLabel } from '../StatusLabel-CXg1nt6i.js';
+export { S as StatusLabel } from '../StatusLabel-D_m_ia79.js';
 import 'react';
 import 'classnames';
-import '../Typography-BtVFRuRk.js';
-import '../StatusIndicator-DXXpSI36.js';
+import '../Typography-Bde_E5zp.js';
+import '../StatusIndicator-BHmc1lNx.js';

package/dist/{StatusLabel-BjvQwBK_.js → StatusLabel-AoQ5fSb0.js}

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

package/dist/{StatusLabel-CXg1nt6i.js → StatusLabel-D_m_ia79.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-BtVFRuRk.js';
-import { S as StatusIndicator } from './StatusIndicator-DXXpSI36.js';
+import { T as Typography } from './Typography-Bde_E5zp.js';
+import { S as StatusIndicator } from './StatusIndicator-BHmc1lNx.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-D1z5yQtO.js');
+var Switch = require('../Switch-BXawU4_n.js');
 require('react');
 require('classnames');
-require('../Typography-CGjnDRkN.js');
+require('../Typography-Bih9ytcJ.js');
 
 
 

package/dist/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from '../Switch-CAb0yz8E.js';
+export { S as Switch } from '../Switch-D2shiqaq.js';
 import 'react';
 import 'classnames';
-import '../Typography-BtVFRuRk.js';
+import '../Typography-Bde_E5zp.js';

package/dist/{Switch-D1z5yQtO.js → Switch-BXawU4_n.js}

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

package/dist/{Switch-CAb0yz8E.js → Switch-D2shiqaq.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-BtVFRuRk.js';
+import { T as Typography } from './Typography-Bde_E5zp.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-BfVlmGr5.js');
+var Body = require('../Body-BB8msCNG.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-BhMTSzI2.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-BkZ3WcLl.js';
 import 'react';
 import '@jobber/formatters';
 import 'classnames';

package/dist/Tabs/hooks/useTabsOverflow.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from "react";
+interface UseTabsOverflow {
+    overflowRight: boolean;
+    overflowLeft: boolean;
+    tabRow: MutableRefObject<HTMLUListElement>;
+}
+export declare function useTabsOverflow(): UseTabsOverflow;
+export {};

package/dist/Tabs/index.cjs

@@ -1,9 +1,14 @@
 'use strict';
 
-var Tabs = require('../Tabs-DkS2qAZm.js');
+var Tabs = require('../Tabs-CP18l0y9.js');
 require('react');
 require('classnames');
-require('../Typography-CGjnDRkN.js');
+require('../throttle-Dvpa8a2-.js');
+require('../_commonjsHelpers-DeB0IlKK.js');
+require('../debounce-BbRqpkz3.js');
+require('../isObjectLike-CBAYw0f9.js');
+require('../isSymbol-ekv3oHdD.js');
+require('../Typography-Bih9ytcJ.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,4 +1,9 @@
-export { a as Tab, T as Tabs } from '../Tabs-Cnovccmw.js';
+export { a as Tab, T as Tabs } from '../Tabs-BDH-MdZI.js';
 import 'react';
 import 'classnames';
-import '../Typography-BtVFRuRk.js';
+import '../throttle-WEGJOyhJ.js';
+import '../_commonjsHelpers-ERLQa0oQ.js';
+import '../debounce-rvfAztY-.js';
+import '../isObjectLike-19nmwuIP.js';
+import '../isSymbol-ChoRuKx9.js';
+import '../Typography-Bde_E5zp.js';

package/dist/{Tabs-Cnovccmw.js → Tabs-BDH-MdZI.js}

@@ -1,52 +1,68 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { T as Typography } from './Typography-BtVFRuRk.js';
+import { t as throttle } from './throttle-WEGJOyhJ.js';
+import { T as Typography } from './Typography-Bde_E5zp.js';
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 
-function Tabs({ children, defaultTab = 0, onTabChange }) {
-    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
-    const [activeTab, setActiveTab] = useState(activeTabInitialValue);
+function useTabsOverflow() {
     const [overflowRight, setOverflowRight] = useState(false);
     const [overflowLeft, setOverflowLeft] = useState(false);
     const tabRow = useRef();
-    const overflowClassNames = classnames(styles.overflow, {
-        [styles.overflowRight]: overflowRight,
-        [styles.overflowLeft]: overflowLeft,
-    });
-    const activateTab = (index) => {
-        return () => {
-            setActiveTab(index);
-            if (onTabChange) {
-                onTabChange(index);
-            }
-        };
-    };
-    const activeTabProps = React.Children.toArray(children)[activeTab].props;
     const handleOverflowing = () => {
         if (tabRow.current) {
             const scrollWidth = tabRow.current.scrollWidth;
             const clientWidth = tabRow.current.clientWidth;
             const maxScroll = scrollWidth - clientWidth;
             const scrollPos = tabRow.current.scrollLeft;
-            if (scrollWidth > clientWidth) {
-                setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
-                setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
-            }
+            setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
+            setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
         }
     };
+    const throttledHandleOverflowing = useCallback(throttle(handleOverflowing, 100), []);
     useEffect(() => {
+        var _a;
         handleOverflowing();
-        tabRow.current &&
-            tabRow.current.addEventListener("scroll", handleOverflowing);
+        (_a = tabRow === null || tabRow === void 0 ? void 0 : tabRow.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", throttledHandleOverflowing);
         return () => {
-            window.removeEventListener("scroll", handleOverflowing);
+            var _a;
+            (_a = tabRow === null || tabRow === void 0 ? void 0 : tabRow.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", throttledHandleOverflowing);
         };
     });
+    return {
+        overflowRight,
+        overflowLeft,
+        tabRow,
+    };
+}
+
+function Tabs({ children, defaultTab = 0, onTabChange }) {
+    var _a;
+    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
+    const [activeTab, setActiveTab] = useState(activeTabInitialValue);
+    const { overflowRight, overflowLeft, tabRow } = useTabsOverflow();
+    const overflowClassNames = classnames(styles.overflow, {
+        [styles.overflowRight]: overflowRight,
+        [styles.overflowLeft]: overflowLeft,
+    });
+    const activateTab = (index) => {
+        return () => {
+            setActiveTab(index);
+            if (onTabChange) {
+                onTabChange(index);
+            }
+        };
+    };
+    const activeTabProps = (_a = React.Children.toArray(children)[activeTab]) === null || _a === void 0 ? void 0 : _a.props;
+    useEffect(() => {
+        if (activeTab > React.Children.count(children) - 1) {
+            setActiveTab(activeTabInitialValue);
+        }
+    }, [React.Children.count(children)]);
     return (React.createElement("div", { className: styles.tabs },
         React.createElement("div", { className: overflowClassNames },
             React.createElement("ul", { role: "tablist", className: styles.tabRow, ref: tabRow }, React.Children.map(children, (tab, index) => (React.createElement(InternalTab, { label: tab.props.label, selected: activeTab === index, activateTab: activateTab(index), onClick: tab.props.onClick }))))),
-        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps.label }, activeTabProps.children)));
+        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.label }, activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.children)));
 }
 function Tab({ label }) {
     return React.createElement(React.Fragment, null, label);

package/dist/{Tabs-DkS2qAZm.js → Tabs-CP18l0y9.js}

@@ -2,53 +2,69 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-CGjnDRkN.js');
+var throttle = require('./throttle-Dvpa8a2-.js');
+var Typography = require('./Typography-Bih9ytcJ.js');
 
 var styles = {"tabs":"-kxlqXO5UN0-","overflow":"qI4lWMSNH40-","overflowRight":"xohIah5wcoE-","overflowLeft":"qnY4S9sz-8g-","tabRow":"wdW31G8Trag-","tab":"MO7CXQ8xJXo-","selected":"kqof65gyv7g-","tabContent":"AimQioztR1U-"};
 
-function Tabs({ children, defaultTab = 0, onTabChange }) {
-    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
-    const [activeTab, setActiveTab] = React.useState(activeTabInitialValue);
+function useTabsOverflow() {
     const [overflowRight, setOverflowRight] = React.useState(false);
     const [overflowLeft, setOverflowLeft] = React.useState(false);
     const tabRow = React.useRef();
-    const overflowClassNames = classnames(styles.overflow, {
-        [styles.overflowRight]: overflowRight,
-        [styles.overflowLeft]: overflowLeft,
-    });
-    const activateTab = (index) => {
-        return () => {
-            setActiveTab(index);
-            if (onTabChange) {
-                onTabChange(index);
-            }
-        };
-    };
-    const activeTabProps = React.Children.toArray(children)[activeTab].props;
     const handleOverflowing = () => {
         if (tabRow.current) {
             const scrollWidth = tabRow.current.scrollWidth;
             const clientWidth = tabRow.current.clientWidth;
             const maxScroll = scrollWidth - clientWidth;
             const scrollPos = tabRow.current.scrollLeft;
-            if (scrollWidth > clientWidth) {
-                setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
-                setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
-            }
+            setOverflowRight(scrollPos >= 0 && scrollPos != maxScroll);
+            setOverflowLeft(scrollPos > 0 && scrollPos < scrollWidth);
         }
     };
+    const throttledHandleOverflowing = React.useCallback(throttle.throttle(handleOverflowing, 100), []);
     React.useEffect(() => {
+        var _a;
         handleOverflowing();
-        tabRow.current &&
-            tabRow.current.addEventListener("scroll", handleOverflowing);
+        (_a = tabRow === null || tabRow === void 0 ? void 0 : tabRow.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", throttledHandleOverflowing);
         return () => {
-            window.removeEventListener("scroll", handleOverflowing);
+            var _a;
+            (_a = tabRow === null || tabRow === void 0 ? void 0 : tabRow.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", throttledHandleOverflowing);
         };
     });
+    return {
+        overflowRight,
+        overflowLeft,
+        tabRow,
+    };
+}
+
+function Tabs({ children, defaultTab = 0, onTabChange }) {
+    var _a;
+    const activeTabInitialValue = defaultTab < React.Children.count(children) ? defaultTab : 0;
+    const [activeTab, setActiveTab] = React.useState(activeTabInitialValue);
+    const { overflowRight, overflowLeft, tabRow } = useTabsOverflow();
+    const overflowClassNames = classnames(styles.overflow, {
+        [styles.overflowRight]: overflowRight,
+        [styles.overflowLeft]: overflowLeft,
+    });
+    const activateTab = (index) => {
+        return () => {
+            setActiveTab(index);
+            if (onTabChange) {
+                onTabChange(index);
+            }
+        };
+    };
+    const activeTabProps = (_a = React.Children.toArray(children)[activeTab]) === null || _a === void 0 ? void 0 : _a.props;
+    React.useEffect(() => {
+        if (activeTab > React.Children.count(children) - 1) {
+            setActiveTab(activeTabInitialValue);
+        }
+    }, [React.Children.count(children)]);
     return (React.createElement("div", { className: styles.tabs },
         React.createElement("div", { className: overflowClassNames },
             React.createElement("ul", { role: "tablist", className: styles.tabRow, ref: tabRow }, React.Children.map(children, (tab, index) => (React.createElement(InternalTab, { label: tab.props.label, selected: activeTab === index, activateTab: activateTab(index), onClick: tab.props.onClick }))))),
-        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps.label }, activeTabProps.children)));
+        React.createElement("section", { role: "tabpanel", className: styles.tabContent, "aria-label": activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.label }, activeTabProps === null || activeTabProps === void 0 ? void 0 : activeTabProps.children)));
 }
 function Tab({ label }) {
     return React.createElement(React.Fragment, null, label);

package/dist/Text/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Text = require('../Text-DrEbJ-f7.js');
+var Text = require('../Text-BcWAOMDe.js');
 require('react');
-require('../Typography-CGjnDRkN.js');
+require('../Typography-Bih9ytcJ.js');
 require('classnames');
 
 

package/dist/Text/index.mjs

@@ -1,4 +1,4 @@
-export { T as Text } from '../Text-jAK9RUhf.js';
+export { T as Text } from '../Text-u4LsZTq1.js';
 import 'react';
-import '../Typography-BtVFRuRk.js';
+import '../Typography-Bde_E5zp.js';
 import 'classnames';

package/dist/{Text-DrEbJ-f7.js → Text-BcWAOMDe.js}

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

package/dist/{Text-jAK9RUhf.js → Text-u4LsZTq1.js}

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

package/dist/Toast/index.cjs

@@ -3,9 +3,9 @@
 var React = require('react');
 var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
-var Icon = require('../Icon-CaLv-8kG.js');
-var Button = require('../Button-BHR__Xp1.js');
-var Typography = require('../Typography-CGjnDRkN.js');
+var Icon = require('../Icon-CmFdUTnQ.js');
+var Button = require('../Button-Blb9tzce.js');
+var Typography = require('../Typography-Bih9ytcJ.js');
 require('@jobber/design');
 require('classnames');
 require('react-router-dom');

package/dist/Toast/index.mjs

@@ -1,9 +1,9 @@
 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-DJo4AfvY.js';
-import { B as Button } from '../Button-I8bsy701.js';
-import { T as Typography } from '../Typography-BtVFRuRk.js';
+import { I as Icon } from '../Icon-Biobm0tj.js';
+import { B as Button } from '../Button-ByyUuJVo.js';
+import { T as Typography } from '../Typography-Bde_E5zp.js';
 import '@jobber/design';
 import 'classnames';
 import 'react-router-dom';

package/dist/Tooltip/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Tooltip = require('../Tooltip-Dn2njaLf.js');
+var Tooltip = require('../Tooltip-DgtA_NMm.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('framer-motion');
-require('../useSafeLayoutEffect-BSmzEmJM.js');
-require('../useIsMounted-CawLImYr.js');
+require('../useSafeLayoutEffect-4bNSDDaa.js');
+require('../useIsMounted-Bu4QiNI1.js');
 require('react-popper');
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
-export { T as Tooltip } from '../Tooltip-BzL7ceh5.js';
+export { T as Tooltip } from '../Tooltip-BEVGy3O8.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'framer-motion';
-import '../useSafeLayoutEffect-C6EJg59K.js';
-import '../useIsMounted-BuitoiPb.js';
+import '../useSafeLayoutEffect-CZI8_ZIA.js';
+import '../useIsMounted-BXf2vnzY.js';
 import 'react-popper';

package/dist/{Tooltip-BzL7ceh5.js → Tooltip-BEVGy3O8.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-C6EJg59K.js';
-import { u as useIsMounted_2 } from './useIsMounted-BuitoiPb.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-CZI8_ZIA.js';
+import { u as useIsMounted_2 } from './useIsMounted-BXf2vnzY.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-"};

package/dist/{Tooltip-Dn2njaLf.js → Tooltip-DgtA_NMm.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-BSmzEmJM.js');
-var useIsMounted = require('./useIsMounted-CawLImYr.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-4bNSDDaa.js');
+var useIsMounted = require('./useIsMounted-Bu4QiNI1.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-"};

package/dist/Typography/index.cjs

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

package/dist/Typography/index.mjs

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