@simplybusiness/mobius 3.0.0

package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/* eslint-disable no-restricted-syntax */
+import { render, screen } from "@testing-library/react";
+import { LoadingIndicator } from ".";
+const CLASS_NAME = "mobius/LoadingIndicator";
+describe("Test for LoadingIndicator", () => {
+    it("should render the LoadingIndicator component", () => {
+        const { container } = render(_jsx(LoadingIndicator, {}));
+        expect(container).toBeTruthy();
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsx(LoadingIndicator, { "data-testid": "test" }));
+            expect(screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsx(LoadingIndicator, { "data-testid": "test" }));
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(LoadingIndicator, { "data-testid": "test", className: "my-class" }));
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=LoadingIndicator.test.js.map

package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.test.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/LoadingIndicator.test.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAErC,MAAM,UAAU,GAAG,yBAAyB,CAAC;AAE7C,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC;QACnD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CAAC,KAAC,gBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,gBAAgB,mBAAa,MAAM,GAAG,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CAAC,KAAC,gBAAgB,mBAAa,MAAM,EAAC,SAAS,EAAC,UAAU,GAAG,CAAC,CAAC;YACrE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/LoadingIndicator/index.js

@@ -0,0 +1,2 @@
+export * from "./LoadingIndicator";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/LoadingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/Modal/Content.js

@@ -0,0 +1,30 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Children, isValidElement, cloneElement, forwardRef, } from "react";
+import clsx from "clsx";
+const Content = forwardRef((_a, ref) => {
+    var { children, onClose, closeLabel } = _a, otherProps = __rest(_a, ["children", "onClose", "closeLabel"]);
+    const classes = clsx("mobius/ModalContent");
+    return (_jsx("div", Object.assign({ ref: ref }, otherProps, { className: classes }, { children: Children.map(children, child => {
+            if (isValidElement(child)) {
+                return cloneElement(child, {
+                    onClose,
+                    closeLabel,
+                });
+            }
+            return child;
+        }) })));
+});
+Content.displayName = "Content";
+export { Content };
+//# sourceMappingURL=Content.js.map

package/dist/esm/components/Modal/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/Modal/Content.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EAIZ,UAAU,GACX,MAAM,OAAO,CAAC;AAEf,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EAA8D,EAC9D,GAAW,EACX,EAAE;QAFF,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,OAA+B,EAA1B,UAAU,cAA9C,qCAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAE5C,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,gBAC9C,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC9B,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,YAAY,CAAC,KAAK,EAAE;oBACzB,OAAO;oBACP,UAAU;iBACJ,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Modal/Header.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { cross } from "@simplybusiness/icons";
+import { Button } from "../Button";
+import { Icon } from "../Icon";
+const Header = forwardRef((_a, ref) => {
+    var { children, onClose, closeLabel } = _a, otherProps = __rest(_a, ["children", "onClose", "closeLabel"]);
+    const classes = clsx("mobius/ModalHeader");
+    const closeClasses = clsx("mobius/ModalClose");
+    return (_jsxs("header", Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [children, _jsxs(Button, Object.assign({ "aria-label": "Close", variant: "basic", onPress: onClose, className: closeClasses }, { children: [_jsx(Icon, { icon: cross }), " ", closeLabel] }))] })));
+});
+Header.displayName = "Header";
+export { Header };
+//# sourceMappingURL=Header.js.map

package/dist/esm/components/Modal/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Modal/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAa/B,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAA6D,EAC7D,GAAc,EACd,EAAE;QAFF,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,OAA8B,EAAzB,UAAU,cAA9C,qCAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAE/C,OAAO,CACL,gCAAQ,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBACjD,QAAQ,EACT,MAAC,MAAM,gCACM,OAAO,EAClB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,YAAY,iBAEvB,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,GAAI,OAAE,UAAU,KAC1B,KACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/Modal/Modal.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Children, isValidElement, cloneElement, useEffect, } from "react";
+import ReactModal from "react-modal";
+import clsx from "clsx";
+import { sizeClasses } from "../../utils/sizeClasses";
+const Modal = ({ isOpen, onClose, children, className, closeLabel, size = "md", appElement = "body", preventCloseOnEsc, animation, shouldFocusAfterRender = true, parentSelector, }) => {
+    const noPreference = window.matchMedia("(prefers-reduced-motion: no-preference)");
+    const shouldAnimate = noPreference.matches && !!animation;
+    const modalClasses = clsx("mobius", "mobius/Modal", Object.assign({ "--slide-up": animation === "slideUp", "--fade": animation === "fade", "--has-reduced-motion": !noPreference.matches, "--is-fullscreen": size === "fullscreen" }, (size !== "fullscreen" && sizeClasses(size))), className);
+    const overlayClasses = clsx("mobius/ModalOverlay", {
+        "--fade": shouldAnimate,
+    });
+    useEffect(() => {
+        // https://reactcommunity.org/react-modal/accessibility/
+        if (process.env.NODE_ENV !== "test") {
+            ReactModal.setAppElement(appElement);
+        }
+    }, [appElement]);
+    return (_jsx(ReactModal, Object.assign({ isOpen: isOpen, onRequestClose: onClose, className: {
+            base: modalClasses,
+            afterOpen: "",
+            beforeClose: "--is-closing",
+        }, portalClassName: "mobius/ModalPortal", overlayClassName: {
+            base: overlayClasses,
+            afterOpen: "",
+            beforeClose: "--is-closing",
+        }, bodyOpenClassName: "mobius/Modal--is-open", ariaHideApp: process.env.NODE_ENV !== "test", shouldCloseOnEsc: !preventCloseOnEsc, closeTimeoutMS: shouldAnimate ? 300 : 0, shouldFocusAfterRender: shouldFocusAfterRender, parentSelector: parentSelector }, { children: Children.map(children, child => {
+            if (isValidElement(child)) {
+                return cloneElement(child, {
+                    onClose,
+                    closeLabel,
+                });
+            }
+            return child;
+        }) })));
+};
+Modal.displayName = "Modal";
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/esm/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,GAEV,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAmBtD,MAAM,KAAK,GAAG,CAAC,EACb,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,MAAM,EACnB,iBAAiB,EACjB,SAAS,EACT,sBAAsB,GAAG,IAAI,EAC7B,cAAc,GACH,EAAE,EAAE;IACf,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CACpC,yCAAyC,CAC1C,CAAC;IACF,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC;IAE1D,MAAM,YAAY,GAAG,IAAI,CACvB,QAAQ,EACR,cAAc,kBAEZ,YAAY,EAAE,SAAS,KAAK,SAAS,EACrC,QAAQ,EAAE,SAAS,KAAK,MAAM,EAC9B,sBAAsB,EAAE,CAAC,YAAY,CAAC,OAAO,EAC7C,iBAAiB,EAAE,IAAI,KAAK,YAAY,IACrC,CAAC,IAAI,KAAK,YAAY,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC,GAEjD,SAAS,CACV,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE;QACjD,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,wDAAwD;QACxD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;YACnC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,KAAC,UAAU,kBACT,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE;YACT,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,cAAc;SAC5B,EACD,eAAe,EAAC,oBAAoB,EACpC,gBAAgB,EAAE;YAChB,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,cAAc;SAC5B,EACD,iBAAiB,EAAC,uBAAuB,EACzC,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAC5C,gBAAgB,EAAE,CAAC,iBAAiB,EACpC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EACvC,sBAAsB,EAAE,sBAAsB,EAC9C,cAAc,EAAE,cAAc,gBAE7B,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC9B,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,YAAY,CAAC,KAAK,EAAE;oBACzB,OAAO;oBACP,UAAU;iBACJ,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/Modal/Modal.test.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { fireEvent, render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Modal } from ".";
+const MODAL_CLASS_NAME = "mobius/Modal";
+const OVERLAY_CLASS_NAME = "mobius/ModalOverlay";
+const BODY_CLASS_NAME = "mobius/Modal--is-open";
+const MODAL_CLOSE_CLASS_NAME = "mobius/ModalClose";
+const mockMatchMedia = (matches) => {
+    Object.defineProperty(window, "matchMedia", {
+        writable: true,
+        configurable: true,
+        value: jest.fn().mockImplementation(query => ({
+            matches,
+            media: query,
+            onchange: null,
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            addEventListener: jest.fn(),
+            removeEventListener: jest.fn(),
+            dispatchEvent: jest.fn(),
+        })),
+    });
+};
+describe("Modal", () => {
+    beforeEach(() => {
+        mockMatchMedia(true);
+    });
+    it("should render without errors", () => {
+        const { container } = render(_jsx(Modal, { isOpen: true, onClose: () => { } }));
+        expect(container).toBeTruthy();
+    });
+    it("should render with default class names", () => {
+        render(_jsx(Modal, Object.assign({ isOpen: true, onClose: () => { } }, { children: _jsx(Modal.Header, {}) })));
+        const dialog = screen.getByRole("dialog");
+        const closeButton = screen.getByLabelText("Close");
+        expect(dialog).toHaveClass(MODAL_CLASS_NAME);
+        expect(dialog.parentElement).toHaveClass(OVERLAY_CLASS_NAME);
+        expect(document.body).toHaveClass(BODY_CLASS_NAME);
+        expect(closeButton).toHaveClass(MODAL_CLOSE_CLASS_NAME);
+    });
+    it("should render with custom class name", () => {
+        render(_jsx(Modal, Object.assign({ className: "my-test-modal", isOpen: true, onClose: () => { } }, { children: _jsx(Modal.Header, {}) })));
+        const dialog = screen.getByRole("dialog");
+        const closeButton = screen.getByLabelText("Close");
+        expect(dialog).toHaveClass(MODAL_CLASS_NAME);
+        expect(dialog).toHaveClass("my-test-modal");
+        expect(dialog.parentElement).toHaveClass(OVERLAY_CLASS_NAME);
+        expect(document.body).toHaveClass(BODY_CLASS_NAME);
+        expect(closeButton).toHaveClass(MODAL_CLOSE_CLASS_NAME);
+    });
+    describe("given the size prop is set", () => {
+        it.each(["fullscreen", "xs", "sm", "md", "lg", "xl", "xxl"])("to %s, it should render with --is-%s class name", size => {
+            render(_jsx(Modal, { isOpen: true, onClose: () => { }, size: size }));
+            const dialog = screen.getByRole("dialog");
+            expect(dialog).toHaveClass(`--is-${size}`);
+        });
+    });
+    describe("given the animation prop is set to slideUp", () => {
+        it("should render with appropriate class name", () => {
+            render(_jsx(Modal, { isOpen: true, onClose: () => { }, animation: "slideUp" }));
+            const dialog = screen.getByRole("dialog");
+            expect(dialog).toHaveClass("--slide-up");
+            expect(dialog.parentElement).toHaveClass("--fade");
+        });
+    });
+    describe("given the animation prop is set to fade", () => {
+        it("should render with appropriate class name", () => {
+            render(_jsx(Modal, { isOpen: true, onClose: () => { }, animation: "fade" }));
+            const dialog = screen.getByRole("dialog");
+            expect(dialog).toHaveClass("--fade");
+            expect(dialog.parentElement).toHaveClass("--fade");
+        });
+    });
+    describe("given the user has reduced motion preference enabled", () => {
+        beforeEach(() => {
+            mockMatchMedia(false);
+        });
+        afterEach(() => {
+            jest.resetAllMocks();
+        });
+        it("renders with appropriate class name", () => {
+            render(_jsx(Modal, { isOpen: true, onClose: () => { } }));
+            const dialog = screen.getByRole("dialog");
+            expect(dialog).toHaveClass("--has-reduced-motion");
+        });
+    });
+    describe("pressing ESC key", () => {
+        it("should close the modal", async () => {
+            const content = "Sample content";
+            let modalOpen = true;
+            const onClose = () => {
+                modalOpen = false;
+            };
+            render(_jsx(Modal, Object.assign({ isOpen: modalOpen, onClose: onClose }, { children: content })));
+            const modalContent = screen.getByText(content);
+            expect(modalContent).toBeInTheDocument();
+            await userEvent.keyboard("[Escape]");
+            expect(modalOpen).toBe(false);
+        });
+    });
+    describe("pressing close button", () => {
+        it("should close the modal", async () => {
+            const content = "Sample content";
+            let modalOpen = true;
+            const onClose = () => {
+                modalOpen = false;
+            };
+            render(_jsxs(Modal, Object.assign({ isOpen: modalOpen, onClose: onClose }, { children: [_jsx(Modal.Header, {}), content] })));
+            const modalContent = screen.getByText(content);
+            expect(modalContent).toBeInTheDocument();
+            const closeButton = screen.getByLabelText("Close");
+            await fireEvent.click(closeButton);
+            expect(modalOpen).toBe(false);
+        });
+    });
+    describe("closeLabel prop", () => {
+        describe("given the label is defined", () => {
+            it("should render the label", () => {
+                const closeLabel = "Leave";
+                render(_jsxs(Modal, Object.assign({ isOpen: true, onClose: () => { }, closeLabel: closeLabel }, { children: [_jsx(Modal.Header, {}), "Sample content"] })));
+                const closeButton = screen.getByText(closeLabel);
+                expect(closeButton).toBeInTheDocument();
+            });
+        });
+        describe("given the label is not defined", () => {
+            it("should render the default close button", () => {
+                render(_jsx(Modal, Object.assign({ isOpen: true, onClose: () => { } }, { children: _jsx(Modal.Header, {}) })));
+                const closeButton = screen.getByLabelText("Close");
+                expect(closeButton).toBeInTheDocument();
+            });
+        });
+    });
+});
+//# sourceMappingURL=Modal.test.js.map

package/dist/esm/components/Modal/Modal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Modal/index.js

@@ -0,0 +1,10 @@
+import { Modal as ModalComponent } from "./Modal";
+import { Header, } from "./Header";
+import { Content, } from "./Content";
+const Modal = Object.assign(ModalComponent, {
+    Header,
+    Content,
+});
+Modal.displayName = "Modal";
+export { Modal };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAA6B,MAAM,SAAS,CAAC;AAC7E,OAAO,EACL,MAAM,GAGP,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,OAAO,GAGR,MAAM,WAAW,CAAC;AAEnB,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC1C,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/NumberField/NumberField.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useRef } from "react";
+import { useNumberField, } from "@react-aria/numberfield";
+import { useNumberFieldState } from "@react-stately/numberfield";
+import { useHover } from "@react-aria/interactions";
+import { useLocale } from "@react-aria/i18n";
+import clsx from "clsx";
+import { mergeProps, useSlotId } from "@react-aria/utils";
+import { useFocusRing } from "@react-aria/focus";
+import { Label } from "../Label";
+import { NumberFieldButton } from "./NumberFieldButton";
+import { ErrorMessage } from "../ErrorMessage";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { Icon } from "../Icon";
+const NumberField = forwardRef((props, ref) => {
+    const { isDisabled, isRequired, label, className, errorMessage, validationState, } = props;
+    const { locale } = useLocale();
+    const inputRef = useRef(null);
+    const state = useNumberFieldState(Object.assign(Object.assign({}, props), { locale }));
+    const { inputProps, incrementButtonProps, decrementButtonProps, groupProps, labelProps, } = useNumberField(props, state, inputRef);
+    const { hoverProps, isHovered } = useHover(props);
+    const { focusProps, isFocusVisible } = useFocusRing({
+        within: true,
+        isTextInput: true,
+    });
+    const classes = clsx("mobius/NumberField", className, {
+        "--is-disabled": isDisabled,
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    });
+    const inputClasses = clsx("mobius/NumberFieldInput", className, {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    });
+    const labelClasses = clsx("mobius/NumberFieldLabel", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled,
+    });
+    const errorMessageId = useSlotId([Boolean(errorMessage), validationState]);
+    const describedBy = spaceDelimitedList([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    return (_jsxs("div", Object.assign({ className: classes }, { children: [_jsx(Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label })), _jsxs("div", Object.assign({ className: "mobius/NumberFieldInputGroup" }, groupProps, hoverProps, { children: [_jsx("input", Object.assign({}, mergeProps(inputProps, focusProps), { className: inputClasses, "aria-describedby": describedBy, ref: inputRef || ref })), _jsx(NumberFieldButton, Object.assign({ type: "button", className: "mobius/NumberFieldButtonPlus" }, incrementButtonProps, { disabled: isDisabled || state.canIncrement === false }, { children: _jsx(Icon, { name: "chevronUp" }) })), _jsx(NumberFieldButton, Object.assign({ type: "button", className: "mobius/NumberFieldButtonMinus" }, decrementButtonProps, { disabled: isDisabled || state.canDecrement === false }, { children: _jsx(Icon, { name: "chevronDown" }) }))] })), errorMessage && (_jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] })));
+});
+NumberField.displayName = "NumberField";
+export { NumberField };
+//# sourceMappingURL=NumberField.js.map

package/dist/esm/components/NumberField/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/NumberField/NumberField.test.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { SSRProvider } from "@react-aria/ssr";
+import userEvent from "@testing-library/user-event";
+import { NumberField } from ".";
+describe("NumberField", () => {
+    it("should render without errors", () => {
+        render(_jsx(NumberField, { label: "NumberField" }));
+    });
+    it("should match snapshot", () => {
+        const { asFragment } = render(_jsx(SSRProvider, { children: _jsx(NumberField, { label: "NumberField" }) }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it("should render with label", () => {
+        const { getByText } = render(_jsx(NumberField, { label: "Sample label" }));
+        expect(getByText("Sample label")).toBeInTheDocument();
+    });
+    it("should render with error message", () => {
+        const { getByLabelText } = render(_jsx(NumberField, { label: "Number", errorMessage: "Sample error message" }));
+        expect(getByLabelText("Number")).toHaveAccessibleDescription("Sample error message");
+    });
+    it("should render with disabled state", () => {
+        const { getByLabelText } = render(_jsx(NumberField, { label: "Number", isDisabled: true }));
+        expect(getByLabelText("Number")).toBeDisabled();
+    });
+    it("should render with custom class name", () => {
+        const { getByLabelText } = render(_jsx(NumberField, { label: "Number", className: "sample-class" }));
+        expect(getByLabelText("Number")).toHaveClass("sample-class");
+    });
+    it("should disable the decrement button when at minimum value", () => {
+        const { getByLabelText } = render(_jsx(NumberField, { label: "Number", minValue: 10, value: 10 }));
+        expect(getByLabelText("Decrease Number")).toBeDisabled();
+    });
+    it("should disable the increment button when at maximum value", () => {
+        const { getByLabelText } = render(_jsx(NumberField, { label: "Number", maxValue: 10, value: 10 }));
+        expect(getByLabelText("Increase Number")).toBeDisabled();
+    });
+    describe("disabled", () => {
+        it("should disable the input when disabled", () => {
+            const { getByLabelText } = render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(getByLabelText("Number")).toBeDisabled();
+        });
+        it("should disable the increment button when disabled", () => {
+            const { getByLabelText } = render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(getByLabelText("Increase Number")).toBeDisabled();
+        });
+        it("should disable the decrement button when disabled", () => {
+            const { getByLabelText } = render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(getByLabelText("Decrease Number")).toBeDisabled();
+        });
+    });
+    it("should reformat on blur", async () => {
+        const { getByLabelText } = render(_jsx(NumberField, { label: "Number", formatOptions: {
+                style: "percent",
+            } }));
+        await userEvent.tab();
+        await userEvent.type(getByLabelText("Number"), "42");
+        await userEvent.tab();
+        expect(getByLabelText("Number")).toHaveValue("42%");
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10, isRequired: true }));
+            expect(screen.getByLabelText("Number")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10, isRequired: true }));
+            expect(screen.getByLabelText("Number")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10, isRequired: false }));
+            expect(screen.getByLabelText("Number")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            render(_jsx(NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(screen.getByLabelText("Number")).not.toHaveClass("--is-required");
+            expect(screen.getByLabelText("Number")).not.toHaveClass("--is-optional");
+        });
+    });
+});
+//# sourceMappingURL=NumberField.test.js.map

package/dist/esm/components/NumberField/NumberField.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.test.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.test.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/NumberField/NumberFieldButton.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useButton } from "@react-aria/button";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import clsx from "clsx";
+import { useRef } from "react";
+export function NumberFieldButton(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    const ref = useRef(null);
+    const { buttonProps } = useButton(props, ref);
+    const { hoverProps, isHovered } = useHover(Object.assign(Object.assign({}, props), { allowFocusWhenDisabled: false }));
+    const { focusProps, isFocusVisible } = useFocusRing({ within: true });
+    const classes = clsx("mobius/NumberFieldButton", className, {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-disabled": buttonProps.disabled,
+    });
+    return (_jsx("button", Object.assign({ type: "button", className: classes }, buttonProps, hoverProps, focusProps, { tabIndex: props.excludeFromTabOrder ? -1 : undefined, ref: ref }, { children: children })));
+}
+//# sourceMappingURL=NumberFieldButton.js.map

package/dist/esm/components/NumberField/NumberFieldButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldButton.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberFieldButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,iBAAiB,CAAC,EAAsC;QAAtC,EAAE,QAAQ,EAAE,SAAS,OAAiB,EAAZ,KAAK,cAA/B,yBAAiC,CAAF;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE9C,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,iCACrC,KAAK,KACR,sBAAsB,EAAE,KAAK,IAC7B,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,IAAI,CAAC,0BAA0B,EAAE,SAAS,EAAE;QAC1D,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;QAC9B,eAAe,EAAE,WAAW,CAAC,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,IACd,WAAW,EACX,UAAU,EACV,UAAU,IACd,QAAQ,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACF,CACV,CAAC;AACJ,CAAC"}

package/dist/esm/components/NumberField/index.js

@@ -0,0 +1,2 @@
+export * from "./NumberField";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/NumberField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NumberField/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/esm/components/Option/Option.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+const Option = forwardRef((props, ref) => {
+    const { isDisabled } = props, rest = __rest(props, ["isDisabled"]);
+    const mappedProps = Object.assign(Object.assign({}, rest), { disabled: isDisabled });
+    return _jsx("option", Object.assign({}, mappedProps, { ref: ref }));
+});
+Option.displayName = "Option";
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/esm/components/Option/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../src/components/Option/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAWvD,MAAM,MAAM,GACV,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EAAE,UAAU,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/B,cAAuB,CAAQ,CAAC;IACtC,MAAM,WAAW,mCACZ,IAAI,KACP,QAAQ,EAAE,UAAU,GACrB,CAAC;IACF,OAAO,iCAAY,WAAW,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/Option/index.js

@@ -0,0 +1,2 @@
+export * from "./Option";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Option/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/PasswordField/PasswordField.js

@@ -0,0 +1,31 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, useState, useRef } from "react";
+import { mergeRefs } from "../../utils/mergeRefs";
+import { TextField, } from "../TextField";
+import { ShowHideButton } from "./ShowHideButton";
+export const PasswordField = forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    const [show, setShow] = useState(false);
+    const type = show ? "text" : "password";
+    const classNames = clsx("mobius/PasswordField", className);
+    const localRef = useRef();
+    const handleShowHideButtonClick = () => {
+        var _a;
+        setShow(oldShow => !oldShow);
+        (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    return (_jsx(TextField, Object.assign({ ref: mergeRefs([localRef, ref]), type: type, className: classNames }, props, { children: _jsx(ShowHideButton, { onClick: handleShowHideButtonClick, show: show }) })));
+});
+//# sourceMappingURL=PasswordField.js.map

package/dist/esm/components/PasswordField/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EACL,SAAS,GAIV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAA2C,EAAE,GAAiB,EAAE,EAAE;QAAlE,EAAE,SAAS,OAAgC,EAA3B,KAAK,cAArB,aAAuB,CAAF;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IACxC,MAAM,UAAU,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,EAAwB,CAAC;IAEhD,MAAM,yBAAyB,GAAG,GAAG,EAAE;;QACrC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAC7B,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,IACjB,KAAK,cAET,KAAC,cAAc,IAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,IAAI,GAAI,IACxD,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}