@jobber/components 6.20.7 → 6.21.0

package/dist/InputDate/index.cjs

@@ -8,7 +8,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('../Button-cjs.js');
 var DatePicker = require('../DatePicker-cjs.js');
 var InputText_index = require('../InputText/index.cjs');
 require('../_commonjsHelpers-cjs.js');
@@ -22,13 +22,13 @@ require('../keysIn-cjs.js');
 require('../_baseAssignValue-cjs.js');
 require('../_baseFlatten-cjs.js');
 require('../_setToString-cjs.js');
-require('../Button-cjs.js');
 require('../Icon-cjs.js');
-require('../Typography-cjs.js');
 require('../Text-cjs.js');
+require('../Typography-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('react-router-dom');
 require('../index-cjs.js');
 require('react-dom');
 require('react-popper');

package/dist/InputDate/index.mjs

@@ -6,7 +6,7 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import '../Button-es.js';
 import { D as DatePicker } from '../DatePicker-es.js';
 import { InputText } from '../InputText/index.mjs';
 import '../_commonjsHelpers-es.js';
@@ -20,13 +20,13 @@ import '../keysIn-es.js';
 import '../_baseAssignValue-es.js';
 import '../_baseFlatten-es.js';
 import '../_setToString-es.js';
-import '../Button-es.js';
 import '../Icon-es.js';
-import '../Typography-es.js';
 import '../Text-es.js';
+import '../Typography-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import 'react-router-dom';
 import '../index-es.js';
 import 'react-dom';
 import 'react-popper';

package/dist/InputEmail/index.cjs

@@ -8,13 +8,13 @@ require('@jobber/design');
 require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
-require('../tslib.es6-cjs.js');
 require('react-hook-form');
 
 

package/dist/InputEmail/index.mjs

@@ -6,11 +6,11 @@ import '@jobber/design';
 import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-import '../tslib.es6-es.js';
 import 'react-hook-form';

package/dist/InputEmail-cjs.js

@@ -7,7 +7,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('./Button-cjs.js');
 
 const validationMessage = "Please enter a valid email";
 function InputEmail(props) {

package/dist/InputEmail-es.js

@@ -5,7 +5,7 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import './Button-es.js';
 
 const validationMessage = "Please enter a valid email";
 function InputEmail(props) {

package/dist/InputNumber/index.cjs

@@ -8,13 +8,13 @@ require('@jobber/design');
 require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
-require('../tslib.es6-cjs.js');
 require('react-hook-form');
 
 

package/dist/InputNumber/index.mjs

@@ -6,11 +6,11 @@ import '@jobber/design';
 import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-import '../tslib.es6-es.js';
 import 'react-hook-form';

package/dist/InputNumber-cjs.js

@@ -7,7 +7,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('./Button-cjs.js');
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputNumber-es.js

@@ -5,7 +5,7 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import './Button-es.js';
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputPassword/index.cjs

@@ -8,13 +8,13 @@ require('@jobber/design');
 require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
-require('../tslib.es6-cjs.js');
 require('react-hook-form');
 
 

package/dist/InputPassword/index.mjs

@@ -6,11 +6,11 @@ import '@jobber/design';
 import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-import '../tslib.es6-es.js';
 import 'react-hook-form';

package/dist/InputPassword-cjs.js

@@ -7,7 +7,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('./Button-cjs.js');
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPassword-es.js

@@ -5,7 +5,7 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import './Button-es.js';
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPhoneNumber-cjs.js

@@ -7,7 +7,7 @@ var FormField = require('./FormField-cjs.js');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('./Button-cjs.js');
 
 var styles = {"mask":"_78-Lxj78xPg-","hiddenValue":"GoiXVXaU1Qs-","spinning":"T3VvmDmzs-4-"};
 

package/dist/InputPhoneNumber-es.js

@@ -5,7 +5,7 @@ import { k as FormField } from './FormField-es.js';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import './Button-es.js';
 
 var styles = {"mask":"_78-Lxj78xPg-","hiddenValue":"GoiXVXaU1Qs-","spinning":"T3VvmDmzs-4-"};
 

package/dist/InputText/index.cjs

@@ -8,15 +8,15 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
-var omit = require('../omit-cjs.js');
 require('../Button-cjs.js');
+var omit = require('../omit-cjs.js');
 require('../Icon-cjs.js');
-require('../Typography-cjs.js');
 require('../Text-cjs.js');
+require('../Typography-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
+require('react-router-dom');
 require('../_commonjsHelpers-cjs.js');
 require('../_baseGet-cjs.js');
 require('../isTypedArray-cjs.js');

package/dist/InputText/index.mjs

@@ -6,15 +6,15 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
-import { o as omit } from '../omit-es.js';
 import '../Button-es.js';
+import { o as omit } from '../omit-es.js';
 import '../Icon-es.js';
-import '../Typography-es.js';
 import '../Text-es.js';
+import '../Typography-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
+import 'react-router-dom';
 import '../_commonjsHelpers-es.js';
 import '../_baseGet-es.js';
 import '../isTypedArray-es.js';

package/dist/InputTime-cjs.js

@@ -8,7 +8,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('./Button-cjs.js');
 
 const DEBOUNCE_TIME = 300;
 function useTimePredict({ value, handleChange }) {

package/dist/InputTime-es.js

@@ -6,7 +6,7 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import './Button-es.js';
 
 const DEBOUNCE_TIME = 300;
 function useTimePredict({ value, handleChange }) {

package/dist/LightBox/LightBox.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from "react";
 interface PresentedImage {
     title?: string;
     caption?: string;
@@ -32,6 +33,12 @@ interface LightBoxProps {
      * that has the index of the image the user was on when LightBox was closed.
      */
     onRequestClose(options: RequestCloseOptions): void;
+    /**
+     * Sets the box-sizing for the thumbnails in the lightbox. This is a solution for a problem where
+     * tailwind was setting the box-sizing to `border-box` and causing issues with the lightbox.
+     * @default "content-box"
+     */
+    readonly boxSizing?: CSSProperties["boxSizing"];
 }
-export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps): JSX.Element;
+export declare function LightBox({ boxSizing, open, images, imageIndex, onRequestClose, }: LightBoxProps): JSX.Element;
 export {};

package/dist/LightBox/index.cjs

@@ -18,6 +18,7 @@ require('../isSymbol-cjs.js');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');

package/dist/LightBox/index.mjs

@@ -16,6 +16,7 @@ import '../isSymbol-es.js';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Typography-es.js';

package/dist/LightBox-cjs.js

@@ -103,7 +103,7 @@ const imageTransition = {
 // https://github.com/framer/motion/issues/1769
 const BUTTON_DEBOUNCE_DELAY = 250;
 const MOVEMENT_DEBOUNCE_DELAY = 1000;
-function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
+function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onRequestClose, }) {
     const [currentImageIndex, setCurrentImageIndex] = React.useState(imageIndex);
     const [direction, setDirection] = React.useState(0);
     const [mouseIsStationary, setMouseIsStationary] = React.useState(true);
@@ -169,7 +169,9 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
                 images[currentImageIndex].title && (React.createElement("div", { className: styles.title },
                     React.createElement(Heading.Heading, { level: 4 }, images[currentImageIndex].title))),
                 images[currentImageIndex].caption && (React.createElement(Text.Text, { size: "large" }, images[currentImageIndex].caption))))),
-        images.length > 1 && (React.createElement("div", { className: styles.thumbnailBar, "data-testid": "ATL-Thumbnail-Bar" }, images.map((image, index) => (React.createElement("div", { key: index, className: classnames(styles.thumbnail, {
+        images.length > 1 && (React.createElement("div", { className: styles.thumbnailBar, style: {
+                "--lightbox--box-sizing": boxSizing,
+            }, "data-testid": "ATL-Thumbnail-Bar" }, images.map((image, index) => (React.createElement("div", { key: index, className: classnames(styles.thumbnail, {
                 [styles.selected]: index === currentImageIndex,
             }), onClick: () => handleThumbnailClick(index), ref: index === currentImageIndex ? selectedThumbnailRef : null },
             React.createElement("img", { key: index, src: image.url, alt: image.alt || image.title || "", className: styles.thumbnailImage }))))))))));

package/dist/LightBox-es.js

@@ -101,7 +101,7 @@ const imageTransition = {
 // https://github.com/framer/motion/issues/1769
 const BUTTON_DEBOUNCE_DELAY = 250;
 const MOVEMENT_DEBOUNCE_DELAY = 1000;
-function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
+function LightBox({ boxSizing = "content-box", open, images, imageIndex = 0, onRequestClose, }) {
     const [currentImageIndex, setCurrentImageIndex] = useState(imageIndex);
     const [direction, setDirection] = useState(0);
     const [mouseIsStationary, setMouseIsStationary] = useState(true);
@@ -167,7 +167,9 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
                 images[currentImageIndex].title && (React.createElement("div", { className: styles.title },
                     React.createElement(Heading, { level: 4 }, images[currentImageIndex].title))),
                 images[currentImageIndex].caption && (React.createElement(Text, { size: "large" }, images[currentImageIndex].caption))))),
-        images.length > 1 && (React.createElement("div", { className: styles.thumbnailBar, "data-testid": "ATL-Thumbnail-Bar" }, images.map((image, index) => (React.createElement("div", { key: index, className: classnames(styles.thumbnail, {
+        images.length > 1 && (React.createElement("div", { className: styles.thumbnailBar, style: {
+                "--lightbox--box-sizing": boxSizing,
+            }, "data-testid": "ATL-Thumbnail-Bar" }, images.map((image, index) => (React.createElement("div", { key: index, className: classnames(styles.thumbnail, {
                 [styles.selected]: index === currentImageIndex,
             }), onClick: () => handleThumbnailClick(index), ref: index === currentImageIndex ? selectedThumbnailRef : null },
             React.createElement("img", { key: index, src: image.url, alt: image.alt || image.title || "", className: styles.thumbnailImage }))))))))));

package/dist/Menu/index.cjs

@@ -13,6 +13,7 @@ require('react-dom');
 require('../useFocusTrap-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');

package/dist/Menu/index.mjs

@@ -11,6 +11,7 @@ import 'react-dom';
 import '../useFocusTrap-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Typography-es.js';

package/dist/Modal/index.cjs

@@ -12,6 +12,7 @@ require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../ButtonDismiss-cjs.js');

package/dist/Modal/index.mjs

@@ -10,6 +10,7 @@ import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../ButtonDismiss-es.js';

package/dist/Option-cjs.js

@@ -7,7 +7,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('classnames');
-require('react-router-dom');
+require('./Button-cjs.js');
 
 function Select(props) {
     return React.createElement(FormField.FormField, Object.assign({ type: "select" }, props));

package/dist/Option-es.js

@@ -5,7 +5,7 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import 'classnames';
-import 'react-router-dom';
+import './Button-es.js';
 
 function Select(props) {
     return React.createElement(FormField, Object.assign({ type: "select" }, props));

package/dist/Page/index.cjs

@@ -19,6 +19,7 @@ require('../index-cjs.js');
 require('../_polyfill-node.process-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Menu-cjs.js');

package/dist/Page/index.mjs

@@ -17,6 +17,7 @@ import '../index-es.js';
 import '../_polyfill-node.process-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Menu-es.js';

package/dist/Popover/index.cjs

@@ -9,6 +9,7 @@ require('react-dom');
 require('../ButtonDismiss-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Typography-cjs.js');

package/dist/Popover/index.mjs

@@ -7,6 +7,7 @@ import 'react-dom';
 import '../ButtonDismiss-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Typography-es.js';

package/dist/RecurringSelect/index.cjs

@@ -12,11 +12,11 @@ require('framer-motion');
 require('@jobber/design');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
-require('../tslib.es6-cjs.js');
 require('react-hook-form');
 require('../InputNumber-cjs.js');
 require('../InputGroup-cjs.js');

package/dist/RecurringSelect/index.mjs

@@ -10,11 +10,11 @@ import 'framer-motion';
 import '@jobber/design';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-import '../tslib.es6-es.js';
 import 'react-hook-form';
 import '../InputNumber-es.js';
 import '../InputGroup-es.js';

package/dist/Select/index.cjs

@@ -8,13 +8,13 @@ require('@jobber/design');
 require('classnames');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
 require('../Spinner-cjs.js');
-require('../tslib.es6-cjs.js');
 require('react-hook-form');
 
 

package/dist/Select/index.mjs

@@ -6,11 +6,11 @@ import '@jobber/design';
 import 'classnames';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
 import '../Spinner-es.js';
-import '../tslib.es6-es.js';
 import 'react-hook-form';

package/dist/SideDrawer/index.cjs

@@ -15,6 +15,7 @@ require('../Heading-cjs.js');
 require('../Typography-cjs.js');
 require('../Button-cjs.js');
 require('react-router-dom');
+require('../tslib.es6-cjs.js');
 require('../Icon-cjs.js');
 require('../Flex-cjs.js');
 

package/dist/SideDrawer/index.mjs

@@ -13,5 +13,6 @@ import '../Heading-es.js';
 import '../Typography-es.js';
 import '../Button-es.js';
 import 'react-router-dom';
+import '../tslib.es6-es.js';
 import '../Icon-es.js';
 import '../Flex-es.js';

package/dist/Toast/index.cjs

@@ -7,8 +7,9 @@ require('framer-motion');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../Button-cjs.js');
-require('classnames');
 require('react-router-dom');
+require('classnames');
+require('../tslib.es6-cjs.js');
 require('../Typography-cjs.js');
 
 

package/dist/Toast/index.mjs

@@ -5,6 +5,7 @@ import 'framer-motion';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../Button-es.js';
-import 'classnames';
 import 'react-router-dom';
+import 'classnames';
+import '../tslib.es6-es.js';
 import '../Typography-es.js';

package/dist/Typography/Typography.d.ts

@@ -7,7 +7,7 @@ import emphasis from "./css/Emphasis.module.css";
 import alignment from "./css/TextAlignment.module.css";
 import fontFamilies from "./css/FontFamilies.module.css";
 import { UnderlineStyle, UnderlineStyleWithColor } from "./types";
-interface TypographyProps {
+export interface TypographyProps {
     readonly id?: string;
     /**
      * @default "p"
@@ -45,4 +45,3 @@ interface TypographyProps {
 }
 export type TypographyOptions = Omit<TypographyProps, "children">;
 export declare function Typography({ id, children, element: Tag, size, align, fontWeight, textCase, textColor, emphasisType, numberOfLines, fontFamily, underline, }: TypographyProps): JSX.Element;
-export {};

package/dist/index.cjs

@@ -197,6 +197,8 @@ exports.Avatar = Avatar.Avatar;
 exports.Banner = Banner.Banner;
 exports.Box = Box.Box;
 exports.Button = Button.Button;
+exports.useButton = Button.useButton;
+exports.useButtonStyles = Button.useButtonStyles;
 exports.ButtonDismiss = ButtonDismiss.ButtonDismiss;
 exports.Card = Card.Card;
 exports.Checkbox = Checkbox_index.Checkbox;

package/dist/index.mjs

@@ -16,7 +16,7 @@ import 'react-dom';
 export { A as Avatar } from './Avatar-es.js';
 export { B as Banner } from './Banner-es.js';
 export { B as Box } from './Box-es.js';
-export { B as Button } from './Button-es.js';
+export { B as Button, a as useButton, u as useButtonStyles } from './Button-es.js';
 export { B as ButtonDismiss } from './ButtonDismiss-es.js';
 export { C as Card } from './Card-es.js';
 export { Checkbox } from './Checkbox/index.mjs';

package/dist/showToast-cjs.js

@@ -5,6 +5,7 @@ var client = require('react-dom/client');
 var framerMotion = require('framer-motion');
 var Icon = require('./Icon-cjs.js');
 var Button = require('./Button-cjs.js');
+require('classnames');
 var Typography = require('./Typography-cjs.js');
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};

package/dist/showToast-es.js

@@ -3,6 +3,7 @@ import { createRoot } from 'react-dom/client';
 import { AnimatePresence, motion } from 'framer-motion';
 import { I as Icon } from './Icon-es.js';
 import { B as Button } from './Button-es.js';
+import 'classnames';
 import { T as Typography } from './Typography-es.js';
 
 var styles = {"wrapper":"_0Tvq24WjeX8-","container":"GznHKPkdb1s-","toast":"W8zgWZqmIlk-","slice":"ol3srk7PviM-","button":"ibhpdUt9YLo-","spinning":"_5Wy5Wra20Vk-"};