@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Modal/Modal.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_modal_1 = __importDefault(require("react-modal"));
+const clsx_1 = __importDefault(require("clsx"));
+const sizeClasses_1 = require("../../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 = (0, clsx_1.default)("mobius", "mobius/Modal", Object.assign({ "--slide-up": animation === "slideUp", "--fade": animation === "fade", "--has-reduced-motion": !noPreference.matches, "--is-fullscreen": size === "fullscreen" }, (size !== "fullscreen" && (0, sizeClasses_1.sizeClasses)(size))), className);
+    const overlayClasses = (0, clsx_1.default)("mobius/ModalOverlay", {
+        "--fade": shouldAnimate,
+    });
+    (0, react_1.useEffect)(() => {
+        // https://reactcommunity.org/react-modal/accessibility/
+        if (process.env.NODE_ENV !== "test") {
+            react_modal_1.default.setAppElement(appElement);
+        }
+    }, [appElement]);
+    return ((0, jsx_runtime_1.jsx)(react_modal_1.default, 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: react_1.Children.map(children, child => {
+            if ((0, react_1.isValidElement)(child)) {
+                return (0, react_1.cloneElement)(child, {
+                    onClose,
+                    closeLabel,
+                });
+            }
+            return child;
+        }) })));
+};
+exports.Modal = Modal;
+Modal.displayName = "Modal";
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAMe;AACf,8DAAqC;AACrC,gDAAwB;AAExB,yDAAsD;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,IAAA,cAAI,EACvB,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,IAAA,yBAAW,EAAC,IAAI,CAAC,CAAC,GAEjD,SAAS,CACV,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,qBAAqB,EAAE;QACjD,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,wDAAwD;QACxD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;YACnC,qBAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL,uBAAC,qBAAU,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,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC9B,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;gBACzB,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;oBACzB,OAAO;oBACP,UAAU;iBACJ,CAAC,CAAC;aACX;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,IACS,CACd,CAAC;AACJ,CAAC,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/components/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,140 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+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 } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { } }));
+        expect(container).toBeTruthy();
+    });
+    it("should render with default class names", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, Object.assign({ isOpen: true, onClose: () => { } }, { children: (0, jsx_runtime_1.jsx)(_1.Modal.Header, {}) })));
+        const dialog = react_1.screen.getByRole("dialog");
+        const closeButton = react_1.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", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, Object.assign({ className: "my-test-modal", isOpen: true, onClose: () => { } }, { children: (0, jsx_runtime_1.jsx)(_1.Modal.Header, {}) })));
+        const dialog = react_1.screen.getByRole("dialog");
+        const closeButton = react_1.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 => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, size: size }));
+            const dialog = react_1.screen.getByRole("dialog");
+            expect(dialog).toHaveClass(`--is-${size}`);
+        });
+    });
+    describe("given the animation prop is set to slideUp", () => {
+        it("should render with appropriate class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, animation: "slideUp" }));
+            const dialog = react_1.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", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { }, animation: "fade" }));
+            const dialog = react_1.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", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, { isOpen: true, onClose: () => { } }));
+            const dialog = react_1.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;
+            };
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, Object.assign({ isOpen: modalOpen, onClose: onClose }, { children: content })));
+            const modalContent = react_1.screen.getByText(content);
+            expect(modalContent).toBeInTheDocument();
+            await user_event_1.default.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;
+            };
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({ isOpen: modalOpen, onClose: onClose }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), content] })));
+            const modalContent = react_1.screen.getByText(content);
+            expect(modalContent).toBeInTheDocument();
+            const closeButton = react_1.screen.getByLabelText("Close");
+            await react_1.fireEvent.click(closeButton);
+            expect(modalOpen).toBe(false);
+        });
+    });
+    describe("closeLabel prop", () => {
+        describe("given the label is defined", () => {
+            it("should render the label", () => {
+                const closeLabel = "Leave";
+                (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({ isOpen: true, onClose: () => { }, closeLabel: closeLabel }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, {}), "Sample content"] })));
+                const closeButton = react_1.screen.getByText(closeLabel);
+                expect(closeButton).toBeInTheDocument();
+            });
+        });
+        describe("given the label is not defined", () => {
+            it("should render the default close button", () => {
+                (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Modal, Object.assign({ isOpen: true, onClose: () => { } }, { children: (0, jsx_runtime_1.jsx)(_1.Modal.Header, {}) })));
+                const closeButton = react_1.screen.getByLabelText("Close");
+                expect(closeButton).toBeInTheDocument();
+            });
+        });
+    });
+});
+//# sourceMappingURL=Modal.test.js.map

package/dist/cjs/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":";;;;;;AAAA,kDAAmE;AACnE,6EAAoD;AACpD,wBAAyC;AAEzC,MAAM,gBAAgB,GAAG,cAAc,CAAC;AACxC,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;AACjD,MAAM,eAAe,GAAG,uBAAuB,CAAC;AAChD,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAEnD,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC1C,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE;QAC1C,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,IAAI;QAClB,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAC5C,OAAO;YACP,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,IAAI;YACd,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;YACtB,cAAc,EAAE,IAAI,CAAC,EAAE,EAAE;YACzB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC3B,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,aAAa,EAAE,IAAI,CAAC,EAAE,EAAE;SACzB,CAAC,CAAC;KACJ,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE;QACd,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;QAClE,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,IAAA,cAAM,EACJ,uBAAC,QAAK,kBAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,gBAC7B,uBAAC,QAAK,CAAC,MAAM,KAAG,IACV,CACT,CAAC;QAEF,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EACJ,uBAAC,QAAK,kBAAC,SAAS,EAAC,eAAe,EAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,gBACvD,uBAAC,QAAK,CAAC,MAAM,KAAG,IACV,CACT,CAAC;QAEF,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEnD,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACnD,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAC1C,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAC1D,iDAAiD,EACjD,IAAI,CAAC,EAAE;YACL,IAAA,cAAM,EACJ,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,IAAI,EAAE,IAAqB,GAAI,CACjE,CAAC;YAEF,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;QAC7C,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAC1D,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC,CAAC;YAEhE,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACzC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACvD,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACnD,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAC,MAAM,GAAG,CAAC,CAAC;YAE7D,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACrC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;QACpE,UAAU,CAAC,GAAG,EAAE;YACd,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,IAAA,cAAM,EAAC,uBAAC,QAAK,IAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAC;YAE5C,MAAM,MAAM,GAAG,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAChC,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;YACtC,MAAM,OAAO,GAAG,gBAAgB,CAAC;YACjC,IAAI,SAAS,GAAG,IAAI,CAAC;YACrB,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,SAAS,GAAG,KAAK,CAAC;YACpB,CAAC,CAAC;YAEF,IAAA,cAAM,EACJ,uBAAC,QAAK,kBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,gBACvC,OAAO,IACF,CACT,CAAC;YAEF,MAAM,YAAY,GAAG,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC/C,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACzC,MAAM,oBAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;YACtC,MAAM,OAAO,GAAG,gBAAgB,CAAC;YACjC,IAAI,SAAS,GAAG,IAAI,CAAC;YACrB,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,SAAS,GAAG,KAAK,CAAC;YACpB,CAAC,CAAC;YAEF,IAAA,cAAM,EACJ,wBAAC,QAAK,kBAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,iBACxC,uBAAC,QAAK,CAAC,MAAM,KAAG,EACf,OAAO,KACF,CACT,CAAC;YAEF,MAAM,YAAY,GAAG,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC/C,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAC;YACzC,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACnD,MAAM,iBAAS,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACnC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;YAC1C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;gBACjC,MAAM,UAAU,GAAG,OAAO,CAAC;gBAE3B,IAAA,cAAM,EACJ,wBAAC,QAAK,kBAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,UAAU,EAAE,UAAU,iBACrD,uBAAC,QAAK,CAAC,MAAM,KAAG,uBAEV,CACT,CAAC;gBAEF,MAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;gBACjD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;YAC9C,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;gBAChD,IAAA,cAAM,EACJ,uBAAC,QAAK,kBAAC,MAAM,QAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,gBAC7B,uBAAC,QAAK,CAAC,MAAM,KAAG,IACV,CACT,CAAC;gBAEF,MAAM,WAAW,GAAG,cAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBACnD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Modal/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ModalProps, ModalSizeType } from "./Modal";
+import { HeaderProps as ModalHeaderProps, HeaderElementType as ModalHeaderElementType } from "./Header";
+import { ContentProps as ModalContentProps, DivElementType as ModalContentDivElementType } from "./Content";
+declare const Modal: {
+    ({ isOpen, onClose, children, className, closeLabel, size, appElement, preventCloseOnEsc, animation, shouldFocusAfterRender, parentSelector, }: ModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Header: import("react").ForwardRefExoticComponent<Pick<ModalHeaderProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & import("react").RefAttributes<HTMLElement>>;
+    Content: import("react").ForwardRefExoticComponent<Pick<ModalContentProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Modal };
+export type { ModalProps, ModalHeaderProps, ModalHeaderElementType, ModalContentProps, ModalContentDivElementType, ModalSizeType, };

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
+const Modal_1 = require("./Modal");
+const Header_1 = require("./Header");
+const Content_1 = require("./Content");
+const Modal = Object.assign(Modal_1.Modal, {
+    Header: Header_1.Header,
+    Content: Content_1.Content,
+});
+exports.Modal = Modal;
+Modal.displayName = "Modal";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;AAAA,mCAA6E;AAC7E,qCAIkB;AAClB,uCAImB;AAEnB,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,aAAc,EAAE;IAC1C,MAAM,EAAN,eAAM;IACN,OAAO,EAAP,iBAAO;CACR,CAAC,CAAC;AAGM,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/cjs/components/NumberField/NumberField.d.ts

@@ -0,0 +1,22 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { type AriaNumberFieldProps } from "@react-aria/numberfield";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type NumberFieldElementType = HTMLInputElement;
+export interface NumberFieldProps extends DOMProps, AriaNumberFieldProps, RefAttributes<NumberFieldElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    value?: AriaNumberFieldProps["value"];
+    defaultValue?: AriaNumberFieldProps["defaultValue"];
+    minValue?: AriaNumberFieldProps["minValue"];
+    maxValue?: AriaNumberFieldProps["maxValue"];
+    step?: AriaNumberFieldProps["step"];
+    label?: string;
+    "aria-describedby"?: string;
+    validationState?: "valid" | "invalid" | undefined;
+    errorMessage?: string;
+}
+export declare type NumberFieldRef = Ref<NumberFieldElementType>;
+declare const NumberField: ForwardedRefComponent<NumberFieldProps, NumberFieldElementType>;
+export { NumberField };

package/dist/cjs/components/NumberField/NumberField.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberField = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const numberfield_1 = require("@react-aria/numberfield");
+const numberfield_2 = require("@react-stately/numberfield");
+const interactions_1 = require("@react-aria/interactions");
+const i18n_1 = require("@react-aria/i18n");
+const clsx_1 = __importDefault(require("clsx"));
+const utils_1 = require("@react-aria/utils");
+const focus_1 = require("@react-aria/focus");
+const Label_1 = require("../Label");
+const NumberFieldButton_1 = require("./NumberFieldButton");
+const ErrorMessage_1 = require("../ErrorMessage");
+const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
+const Icon_1 = require("../Icon");
+const NumberField = (0, react_1.forwardRef)((props, ref) => {
+    const { isDisabled, isRequired, label, className, errorMessage, validationState, } = props;
+    const { locale } = (0, i18n_1.useLocale)();
+    const inputRef = (0, react_1.useRef)(null);
+    const state = (0, numberfield_2.useNumberFieldState)(Object.assign(Object.assign({}, props), { locale }));
+    const { inputProps, incrementButtonProps, decrementButtonProps, groupProps, labelProps, } = (0, numberfield_1.useNumberField)(props, state, inputRef);
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)(props);
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)({
+        within: true,
+        isTextInput: true,
+    });
+    const classes = (0, clsx_1.default)("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 = (0, clsx_1.default)("mobius/NumberFieldInput", className, {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    });
+    const labelClasses = (0, clsx_1.default)("mobius/NumberFieldLabel", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled,
+    });
+    const errorMessageId = (0, utils_1.useSlotId)([Boolean(errorMessage), validationState]);
+    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mobius/NumberFieldInputGroup" }, groupProps, hoverProps, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, (0, utils_1.mergeProps)(inputProps, focusProps), { className: inputClasses, "aria-describedby": describedBy, ref: inputRef || ref })), (0, jsx_runtime_1.jsx)(NumberFieldButton_1.NumberFieldButton, Object.assign({ type: "button", className: "mobius/NumberFieldButtonPlus" }, incrementButtonProps, { disabled: isDisabled || state.canIncrement === false }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "chevronUp" }) })), (0, jsx_runtime_1.jsx)(NumberFieldButton_1.NumberFieldButton, Object.assign({ type: "button", className: "mobius/NumberFieldButtonMinus" }, decrementButtonProps, { disabled: isDisabled || state.canDecrement === false }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "chevronDown" }) }))] })), errorMessage && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] })));
+});
+exports.NumberField = NumberField;
+NumberField.displayName = "NumberField";
+//# sourceMappingURL=NumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAE1E,yDAGiC;AACjC,4DAAiE;AACjE,2DAAoD;AACpD,2CAA6C;AAC7C,gDAAwB;AACxB,6CAA0D;AAC1D,6CAAiD;AAEjD,oCAAiC;AACjC,2DAAwD;AACxD,kDAA+C;AAC/C,uEAAoE;AACpE,kCAA+B;AAyB/B,MAAM,WAAW,GAGb,IAAA,kBAAU,EAAC,CAAC,KAAuB,EAAE,GAAmB,EAAE,EAAE;IAC9D,MAAM,EACJ,UAAU,EACV,UAAU,EACV,KAAK,EACL,SAAS,EACT,YAAY,EACZ,eAAe,GAChB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gBAAS,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,IAAA,iCAAmB,kCAAM,KAAK,KAAE,MAAM,IAAG,CAAC;IAExD,MAAM,EACJ,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,UAAU,GACX,GAAG,IAAA,4BAAc,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAE3C,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC;QAClD,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,oBAAoB,EAAE,SAAS,EAAE;QACpD,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;QAC9B,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;KAChE,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,yBAAyB,EAAE,SAAS,EAAE;QAC9D,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;QAC9B,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;KAChE,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,yBAAyB,EAAE;QACnD,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,UAAU;KAC5B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,iBAAS,EAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAA,uCAAkB,EAAC;QACrC,cAAc;QACd,KAAK,CAAC,kBAAkB,CAAC;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,OAAO,iBACrB,uBAAC,aAAK,oBAAK,UAAU,IAAE,SAAS,EAAE,YAAY,gBAC3C,KAAK,IACA,EACR,+CACE,SAAS,EAAC,8BAA8B,IACpC,UAAU,EACV,UAAU,eAEd,kDACM,IAAA,kBAAU,EAAC,UAAU,EAAE,UAAU,CAAC,IACtC,SAAS,EAAE,YAAY,sBACL,WAAW,EAC7B,GAAG,EAAE,QAAQ,IAAI,GAAG,IACpB,EACF,uBAAC,qCAAiB,kBAChB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8BAA8B,IACpC,oBAAoB,IACxB,QAAQ,EAAE,UAAU,IAAI,KAAK,CAAC,YAAY,KAAK,KAAK,gBAEpD,uBAAC,WAAI,IAAC,IAAI,EAAC,WAAW,GAAG,IACP,EACpB,uBAAC,qCAAiB,kBAChB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+BAA+B,IACrC,oBAAoB,IACxB,QAAQ,EAAE,UAAU,IAAI,KAAK,CAAC,YAAY,KAAK,KAAK,gBAEpD,uBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,GAAG,IACT,KAChB,EACL,YAAY,IAAI,CACf,uBAAC,2BAAY,IAAC,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,CACjE,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,kCAAW;AADpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/cjs/components/NumberField/NumberField.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const ssr_1 = require("@react-aria/ssr");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+describe("NumberField", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "NumberField" }));
+    });
+    it("should match snapshot", () => {
+        const { asFragment } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ssr_1.SSRProvider, { children: (0, jsx_runtime_1.jsx)(_1.NumberField, { label: "NumberField" }) }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+    it("should render with label", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Sample label" }));
+        expect(getByText("Sample label")).toBeInTheDocument();
+    });
+    it("should render with error message", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", errorMessage: "Sample error message" }));
+        expect(getByLabelText("Number")).toHaveAccessibleDescription("Sample error message");
+    });
+    it("should render with disabled state", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true }));
+        expect(getByLabelText("Number")).toBeDisabled();
+    });
+    it("should render with custom class name", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", className: "sample-class" }));
+        expect(getByLabelText("Number")).toHaveClass("sample-class");
+    });
+    it("should disable the decrement button when at minimum value", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", minValue: 10, value: 10 }));
+        expect(getByLabelText("Decrease Number")).toBeDisabled();
+    });
+    it("should disable the increment button when at maximum value", () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", maxValue: 10, value: 10 }));
+        expect(getByLabelText("Increase Number")).toBeDisabled();
+    });
+    describe("disabled", () => {
+        it("should disable the input when disabled", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(getByLabelText("Number")).toBeDisabled();
+        });
+        it("should disable the increment button when disabled", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(getByLabelText("Increase Number")).toBeDisabled();
+        });
+        it("should disable the decrement button when disabled", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(getByLabelText("Decrease Number")).toBeDisabled();
+        });
+    });
+    it("should reformat on blur", async () => {
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", formatOptions: {
+                style: "percent",
+            } }));
+        await user_event_1.default.tab();
+        await user_event_1.default.type(getByLabelText("Number"), "42");
+        await user_event_1.default.tab();
+        expect(getByLabelText("Number")).toHaveValue("42%");
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10, isRequired: true }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10, isRequired: true }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10, isRequired: false }));
+            expect(react_1.screen.getByLabelText("Number")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.NumberField, { label: "Number", isDisabled: true, value: 10 }));
+            expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Number")).not.toHaveClass("--is-optional");
+        });
+    });
+});
+//# sourceMappingURL=NumberField.test.js.map

package/dist/cjs/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":";;;;;;AAAA,kDAAwD;AACxD,yCAA8C;AAC9C,6EAAoD;AACpD,wBAAgC;AAEhC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,cAAW,IAAC,KAAK,EAAC,aAAa,GAAG,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,cAAM,EAC3B,uBAAC,iBAAW,cACV,uBAAC,cAAW,IAAC,KAAK,EAAC,aAAa,GAAG,GACvB,CACf,CAAC;QAEF,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,cAAW,IAAC,KAAK,EAAC,cAAc,GAAG,CAAC,CAAC;QAEnE,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,YAAY,EAAC,sBAAsB,GAAG,CACnE,CAAC;QAEF,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAC1D,sBAAsB,CACvB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,SAAG,CAC1C,CAAC;QAEF,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,GAAG,CACxD,CAAC;QAEF,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACxD,CAAC;QAEF,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACnE,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACxD,CAAC;QAEF,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACxB,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YAChD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,GAAI,CACrD,CAAC;YAEF,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;QAClD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,GAAI,CACrD,CAAC;YAEF,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,GAAI,CACrD,CAAC;YAEF,MAAM,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,cAAW,IACV,KAAK,EAAC,QAAQ,EACd,aAAa,EAAE;gBACb,KAAK,EAAE,SAAS;aACjB,GACD,CACH,CAAC;QACF,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,oBAAS,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC;QACrD,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QAC1B,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC1C,IAAA,cAAM,EAAC,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,EAAE,UAAU,SAAG,CAAC,CAAC;YACxE,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CACrD,eAAe,EACf,MAAM,CACP,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;YAC1D,IAAA,cAAM,EAAC,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,EAAE,UAAU,SAAG,CAAC,CAAC;YACxE,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;YAC3D,IAAA,cAAM,EACJ,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,GAAI,CACxE,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;YACxE,IAAA,cAAM,EAAC,uBAAC,cAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,UAAU,QAAC,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;YAC7D,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;YACzE,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/components/NumberField/NumberFieldButton.d.ts

@@ -0,0 +1 @@
+export declare function NumberFieldButton({ children, className, ...props }: any): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberFieldButton = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const button_1 = require("@react-aria/button");
+const focus_1 = require("@react-aria/focus");
+const interactions_1 = require("@react-aria/interactions");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+function NumberFieldButton(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    const ref = (0, react_1.useRef)(null);
+    const { buttonProps } = (0, button_1.useButton)(props, ref);
+    const { hoverProps, isHovered } = (0, interactions_1.useHover)(Object.assign(Object.assign({}, props), { allowFocusWhenDisabled: false }));
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)({ within: true });
+    const classes = (0, clsx_1.default)("mobius/NumberFieldButton", className, {
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-disabled": buttonProps.disabled,
+    });
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: classes }, buttonProps, hoverProps, focusProps, { tabIndex: props.excludeFromTabOrder ? -1 : undefined, ref: ref }, { children: children })));
+}
+exports.NumberFieldButton = NumberFieldButton;
+//# sourceMappingURL=NumberFieldButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFieldButton.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberFieldButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,+CAA+C;AAC/C,6CAAiD;AACjD,2DAAoD;AACpD,gDAAwB;AACxB,iCAA+B;AAE/B,SAAgB,iBAAiB,CAAC,EAAsC;QAAtC,EAAE,QAAQ,EAAE,SAAS,OAAiB,EAAZ,KAAK,cAA/B,yBAAiC,CAAF;IAC/D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACzB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAS,EAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE9C,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,uBAAQ,kCACrC,KAAK,KACR,sBAAsB,EAAE,KAAK,IAC7B,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,0BAA0B,EAAE,SAAS,EAAE;QAC1D,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,cAAc;QAC9B,eAAe,EAAE,WAAW,CAAC,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,iDACE,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;AA7BD,8CA6BC"}

package/dist/cjs/components/NumberField/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NumberField"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/Option/Option.d.ts

@@ -0,0 +1,10 @@
+import { RefAttributes, Ref } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface OptionProps extends RefAttributes<HTMLOptionElement> {
+    value?: string;
+    children?: string;
+    isDisabled?: boolean;
+}
+export declare type OptionRef = Ref<HTMLOptionElement>;
+declare const Option: ForwardedRefComponent<OptionProps, HTMLOptionElement>;
+export { Option };

package/dist/cjs/components/Option/Option.js

@@ -0,0 +1,24 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Option = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const Option = (0, react_1.forwardRef)((props, ref) => {
+    const { isDisabled } = props, rest = __rest(props, ["isDisabled"]);
+    const mappedProps = Object.assign(Object.assign({}, rest), { disabled: isDisabled });
+    return (0, jsx_runtime_1.jsx)("option", Object.assign({}, mappedProps, { ref: ref }));
+});
+exports.Option = Option;
+Option.displayName = "Option";
+//# sourceMappingURL=Option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../src/components/Option/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAAuD;AAWvD,MAAM,MAAM,GACV,IAAA,kBAAU,EAAC,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,mDAAY,WAAW,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAGI,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/cjs/components/Option/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Option"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/PasswordField/PasswordField.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type TextFieldProps, type TextFieldRef } from "../TextField";
+export interface PasswordFieldProps extends TextFieldProps {
+}
+export declare type PasswordFieldRef = TextFieldRef;
+export declare const PasswordField: import("react").ForwardRefExoticComponent<Pick<PasswordFieldProps, "type" | "key" | "id" | "name" | "value" | "label" | "pattern" | "className" | "children" | "inputMode" | "description" | "autoComplete" | "autoFocus" | "maxLength" | "minLength" | "defaultValue" | "placeholder" | "aria-activedescendant" | "aria-autocomplete" | "aria-describedby" | "aria-details" | "aria-errormessage" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onFocus" | "onBlur" | "onChange" | "onBeforeInput" | "onInput" | "onKeyDown" | "onKeyUp" | "onSelect" | "excludeFromTabOrder" | "isDisabled" | "errorMessage" | "onFocusChange" | "isRequired" | "isReadOnly" | "validationState" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "inputElementType"> & import("react").RefAttributes<HTMLInputElement>>;