@jobber/components 5.7.9 → 5.9.0

package/dist/{RecurringSelect-DZG8tWYi.js → RecurringSelect-DSGku0IO.js}

@@ -1,11 +1,11 @@
 import React from 'react';
-import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-Ckcjf0Gl.js';
-import { T as Text } from './Text-BSomPpTK.js';
+import { D as DurationPeriod, c as DayOfMonthSelect, b as MonthlyDayOfWeekSelect, a as WeeklySelect, i as isMonthly, M as MonthlySelect, t as typeInitialStateMap } from './DayOfMonthSelect-DiMAUsu2.js';
+import { T as Text } from './Text-ZjdPK0z3.js';
 import 'classnames';
-import { S as Select, a as SelectOption } from './Option-BwuFhah8.js';
-import { I as InputNumber } from './InputNumber-DSg6N-Mu.js';
-import { I as InputGroup } from './InputGroup-BPwnMxI2.js';
-import { C as Content } from './Content-DHikDP00.js';
+import { S as Select, a as SelectOption } from './Option-BG0mJl5e.js';
+import { I as InputNumber } from './InputNumber-Cjsgs6Do.js';
+import { I as InputGroup } from './InputGroup-sDnq8mF5.js';
+import { C as Content } from './Content-CeP7OIgD.js';
 
 function CurrentRecurrenceComponent({ recurrenceRule, disabled = false, onChange, }) {
     switch (recurrenceRule.type) {

package/dist/Select/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var Option = require('../Option-D9ak2Wi6.js');
+var Option = require('../Option-BeJ5l1Jw.js');
 require('react');
-require('../FormField-By7R-UlN.js');
-require('../tslib.es6-DaRgRDX0.js');
+require('../FormField-BYlWKpLv.js');
+require('../tslib.es6-bTZo_tu6.js');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-BoaaUxj3.js');
+require('../Button-JvyTYV5X.js');
 require('react-router-dom');
-require('../Icon-ClDwR3Mk.js');
-require('../Typography-CBxKTiWq.js');
-require('../Text-CpRov3Uz.js');
-require('../useFormFieldFocus-lQNjG3PU.js');
-require('../InputValidation-Cx0iF8F9.js');
-require('../Spinner-dO858Pfl.js');
+require('../Icon-DT5jb3j1.js');
+require('../Typography-CVJEvEOt.js');
+require('../Text-BCqBdHBX.js');
+require('../useFormFieldFocus-D3rQ2KPg.js');
+require('../InputValidation-B_SiGaSb.js');
+require('../Spinner-DZ-9u_ix.js');
 
 
 

package/dist/Select/index.mjs

@@ -1,16 +1,16 @@
-export { a as Option, S as Select } from '../Option-BwuFhah8.js';
+export { a as Option, S as Select } from '../Option-BG0mJl5e.js';
 import 'react';
-import '../FormField-DlQAheLH.js';
-import '../tslib.es6-SlSt5Hp3.js';
+import '../FormField-DMoipQx7.js';
+import '../tslib.es6-CjZgS3x_.js';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-Due34V4A.js';
+import '../Button-B8SWkG_r.js';
 import 'react-router-dom';
-import '../Icon-B-mgLrmA.js';
-import '../Typography-GHnDOI8V.js';
-import '../Text-BSomPpTK.js';
-import '../useFormFieldFocus-BWRdp2pX.js';
-import '../InputValidation-agaTtd5Q.js';
-import '../Spinner-BJ0aNFF7.js';
+import '../Icon-C5a2rKDn.js';
+import '../Typography-DPvvnhdJ.js';
+import '../Text-ZjdPK0z3.js';
+import '../useFormFieldFocus-9tJo0CZi.js';
+import '../InputValidation-C-CQTM5R.js';
+import '../Spinner-B2nZ092U.js';

package/dist/SideDrawer/SideDrawer.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import type { PropsWithChildren } from "react";
+import { SideDrawerActions } from "./SideDrawerActions";
+import { SideDrawerTitle } from "./SideDrawerTitle";
+import { SideDrawerToolbar } from "./SideDrawerToolbar";
+import { SideDrawerBackButton } from "./SideDrawerBackButton";
+import { SideDrawerFooter } from "./SideDrawerFooter";
+interface SideDrawerProps extends PropsWithChildren {
+    /**
+     * Whether or not the drawer is open.
+     */
+    readonly open: boolean;
+    /**
+     * Callback function to close the drawer.
+     */
+    readonly onRequestClose: () => void;
+    /**
+     * Change the appearance of the drawer.
+     */
+    readonly variation?: "base" | "subtle";
+}
+export declare function SideDrawer({ children, onRequestClose, open, variation, }: SideDrawerProps): React.ReactPortal | null;
+export declare namespace SideDrawer {
+    var Title: typeof SideDrawerTitle;
+    var Toolbar: typeof SideDrawerToolbar;
+    var Actions: typeof SideDrawerActions;
+    var BackButton: typeof SideDrawerBackButton;
+    var Footer: typeof SideDrawerFooter;
+}
+export {};

package/dist/SideDrawer/SideDrawerActions.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+import React from "react";
+export declare function SideDrawerActions({ children }: PropsWithChildren): React.ReactPortal | null;

package/dist/SideDrawer/SideDrawerBackButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ButtonProps } from "../Button";
+export declare function SideDrawerBackButton({ onClick, }: Pick<ButtonProps, "onClick">): React.ReactPortal | null;

package/dist/SideDrawer/SideDrawerContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface SideDrawerContextValue {
+    readonly actionPortal?: HTMLElement | null;
+    readonly titlePortal?: HTMLElement | null;
+    readonly toolbarPortal?: HTMLElement | null;
+    readonly backPortal?: HTMLElement | null;
+    readonly footerPortal?: HTMLElement | null;
+}
+declare const SideDrawerContext: import("react").Context<SideDrawerContextValue>;
+declare function useSideDrawerContext(): SideDrawerContextValue;
+export { SideDrawerContext, useSideDrawerContext };

package/dist/SideDrawer/SideDrawerFooter.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+import React from "react";
+export declare function SideDrawerFooter({ children }: PropsWithChildren): React.ReactPortal | null;

package/dist/SideDrawer/SideDrawerTitle.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { PropsWithChildren } from "react";
+export declare function SideDrawerTitle({ children }: Required<PropsWithChildren>): React.ReactPortal | null;

package/dist/SideDrawer/SideDrawerToolbar.d.ts

@@ -0,0 +1,2 @@
+import type { PropsWithChildren } from "react";
+export declare function SideDrawerToolbar({ children }: PropsWithChildren): import("react").ReactPortal | null;

package/dist/SideDrawer/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var SideDrawer = require('../SideDrawer-C4JGK5DR.js');
+require('react');
+require('react-dom');
+require('framer-motion');
+require('@jobber/design');
+require('../useRefocusOnActivator-BmIUdoxU.js');
+require('../useFocusTrap-Bjr9iBsJ.js');
+require('classnames');
+require('../useInView-C3_BqnZk.js');
+require('../Heading-DoLEoxtf.js');
+require('../Typography-CVJEvEOt.js');
+require('../Button-JvyTYV5X.js');
+require('react-router-dom');
+require('../Icon-DT5jb3j1.js');
+require('../Flex-BQqMUahF.js');
+
+
+
+exports.SideDrawer = SideDrawer.SideDrawer;

package/dist/SideDrawer/index.d.ts

@@ -0,0 +1 @@
+export * from "./SideDrawer";

package/dist/SideDrawer/index.mjs

@@ -0,0 +1,15 @@
+export { S as SideDrawer } from '../SideDrawer-BKG18DG4.js';
+import 'react';
+import 'react-dom';
+import 'framer-motion';
+import '@jobber/design';
+import '../useRefocusOnActivator-DKmnJsR4.js';
+import '../useFocusTrap-WBrWJBGI.js';
+import 'classnames';
+import '../useInView-DVmYM6QD.js';
+import '../Heading-CjF0hBSe.js';
+import '../Typography-DPvvnhdJ.js';
+import '../Button-B8SWkG_r.js';
+import 'react-router-dom';
+import '../Icon-C5a2rKDn.js';
+import '../Flex-CjRbbevF.js';

package/dist/SideDrawer-BKG18DG4.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-DKmnJsR4.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-WBrWJBGI.js';
+import classnames from 'classnames';
+import { u as useInView_2 } from './useInView-DVmYM6QD.js';
+import { H as Heading } from './Heading-CjF0hBSe.js';
+import { B as Button } from './Button-B8SWkG_r.js';
+import { F as Flex } from './Flex-CjRbbevF.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/SideDrawer-C4JGK5DR.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+var framerMotion = require('framer-motion');
+var design = require('@jobber/design');
+var useRefocusOnActivator = require('./useRefocusOnActivator-BmIUdoxU.js');
+var useFocusTrap = require('./useFocusTrap-Bjr9iBsJ.js');
+var classnames = require('classnames');
+var useInView = require('./useInView-C3_BqnZk.js');
+var Heading = require('./Heading-DoLEoxtf.js');
+var Button = require('./Button-JvyTYV5X.js');
+var Flex = require('./Flex-BQqMUahF.js');
+
+const SideDrawerContext = React.createContext({});
+function useSideDrawerContext() {
+    const context = React.useContext(SideDrawerContext);
+    return context;
+}
+
+function SideDrawerActions({ children }) {
+    const { actionPortal } = useSideDrawerContext();
+    if (!actionPortal)
+        return null;
+    return ReactDOM.createPortal(React.createElement(React.Fragment, null, children), actionPortal);
+}
+
+function SideDrawerTitle({ children }) {
+    const { titlePortal } = useSideDrawerContext();
+    if (!titlePortal)
+        return null;
+    if (typeof children === "string") {
+        return ReactDOM.createPortal(React.createElement(Heading.Heading, { level: 2 }, children), titlePortal);
+    }
+    return ReactDOM.createPortal(children, titlePortal);
+}
+
+function SideDrawerToolbar({ children }) {
+    const { toolbarPortal } = useSideDrawerContext();
+    if (!toolbarPortal)
+        return null;
+    return ReactDOM.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 ReactDOM.createPortal(React.createElement(Button.Button, { ariaLabel: "Back", icon: "longArrowLeft", variation: "subtle", type: "tertiary", onClick: onClick }), backPortal);
+}
+
+function SideDrawerFooter({ children }) {
+    const { footerPortal } = useSideDrawerContext();
+    if (!footerPortal)
+        return null;
+    return ReactDOM.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] = React.useState(null);
+    const toolbar = useSlotID();
+    const title = useSlotID("title");
+    const actions = useSlotID();
+    const backButton = useSlotID("back");
+    const footer = useSlotID();
+    useRefocusOnActivator.useRefocusOnActivator_2(open);
+    const sideDrawerRef = useFocusTrap.useFocusTrap_2(open);
+    const [headerShadowRef, noHeaderShadow] = useInView.useInView_2();
+    const [footerShadowRef, noFooterShadow] = useInView.useInView_2();
+    const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
+    if (!container)
+        return null;
+    return ReactDOM.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(framerMotion.AnimatePresence, { initial: false }, open && (React.createElement(framerMotion.motion.div, { className: styles.drawer, ref: setRef, variants: variants, initial: "hidden", animate: "visible", exit: "hidden", transition: {
+                duration: design.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.Flex, { template: ["grow", "shrink"] },
+                        React.createElement(Flex.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.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 = React.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;
+
+exports.SideDrawer = SideDrawer;

package/dist/Spinner/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Spinner = require('../Spinner-dO858Pfl.js');
+var Spinner = require('../Spinner-DZ-9u_ix.js');
 require('react');
 require('classnames');
 

package/dist/Spinner/index.mjs

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

package/dist/StatusIndicator/index.cjs

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

package/dist/StatusIndicator/index.mjs

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

package/dist/StatusLabel/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var StatusLabel = require('../StatusLabel-CJDl4uYf.js');
+var StatusLabel = require('../StatusLabel-DgXBPx39.js');
 require('react');
 require('classnames');
-require('../Typography-CBxKTiWq.js');
-require('../StatusIndicator-C8NHSEr2.js');
+require('../Typography-CVJEvEOt.js');
+require('../StatusIndicator-BXrBu7y3.js');
 
 
 

package/dist/StatusLabel/index.mjs

@@ -1,5 +1,5 @@
-export { S as StatusLabel } from '../StatusLabel-CRaZIYo6.js';
+export { S as StatusLabel } from '../StatusLabel-BT1EBR8G.js';
 import 'react';
 import 'classnames';
-import '../Typography-GHnDOI8V.js';
-import '../StatusIndicator-DES-OLJu.js';
+import '../Typography-DPvvnhdJ.js';
+import '../StatusIndicator-C_xUa6Pj.js';

package/dist/{StatusLabel-CRaZIYo6.js → StatusLabel-BT1EBR8G.js}

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

package/dist/{StatusLabel-CJDl4uYf.js → StatusLabel-DgXBPx39.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-CBxKTiWq.js');
-var StatusIndicator = require('./StatusIndicator-C8NHSEr2.js');
+var Typography = require('./Typography-CVJEvEOt.js');
+var StatusIndicator = require('./StatusIndicator-BXrBu7y3.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-B2W8TZ0v.js');
+var Switch = require('../Switch-OED7SLDW.js');
 require('react');
 require('classnames');
-require('../Typography-CBxKTiWq.js');
+require('../Typography-CVJEvEOt.js');
 
 
 

package/dist/Switch/index.mjs

@@ -1,4 +1,4 @@
-export { S as Switch } from '../Switch-BvQ5RaAs.js';
+export { S as Switch } from '../Switch-BSuyfro-.js';
 import 'react';
 import 'classnames';
-import '../Typography-GHnDOI8V.js';
+import '../Typography-DPvvnhdJ.js';

package/dist/{Switch-BvQ5RaAs.js → Switch-BSuyfro-.js}

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

package/dist/{Switch-B2W8TZ0v.js → Switch-OED7SLDW.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Typography = require('./Typography-CBxKTiWq.js');
+var Typography = require('./Typography-CVJEvEOt.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-B8bK9Q88.js');
+var Body = require('../Body-Dx0y6ZZ4.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-DqRq5Loj.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-Br9V3-hb.js';
 import 'react';
 import '@jobber/formatters';
 import 'classnames';

package/dist/Tabs/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var Tabs = require('../Tabs-yzER3tf2.js');
+var Tabs = require('../Tabs-BfBfnMwT.js');
 require('react');
 require('classnames');
-require('../Typography-CBxKTiWq.js');
+require('../Typography-CVJEvEOt.js');
 
 
 

package/dist/Tabs/index.mjs

@@ -1,4 +1,4 @@
-export { a as Tab, T as Tabs } from '../Tabs-C6hPGCXk.js';
+export { a as Tab, T as Tabs } from '../Tabs-Kw1DYyxP.js';
 import 'react';
 import 'classnames';
-import '../Typography-GHnDOI8V.js';
+import '../Typography-DPvvnhdJ.js';

package/dist/{Tabs-yzER3tf2.js → Tabs-BfBfnMwT.js}

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

package/dist/{Tabs-C6hPGCXk.js → Tabs-Kw1DYyxP.js}

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