@simplybusiness/mobius 4.2.8 → 4.3.1

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

@@ -0,0 +1,2 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+export type ForwardedRefComponent<T, RT> = ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<RT>>;

package/dist/cjs/types/dom.d.ts

@@ -0,0 +1,3 @@
+export interface DOMProps {
+    id?: string | undefined;
+}

package/dist/cjs/types/events.d.ts

@@ -0,0 +1,45 @@
+import type { ClipboardEvent, CompositionEvent, FocusEvent, KeyboardEvent } from "react";
+export interface KeyboardEvents {
+    /** Event called when the value changes (mandatory for controlled components) */
+    onKeyUp?: (e: KeyboardEvent) => void;
+    /** Event called when the value changes (mandatory for controlled components) */
+    onKeyDown?: (e: KeyboardEvent) => void;
+}
+export interface ClipboardEvents {
+    /** Fired when the user initiates a copy action through the browser's user interface. */
+    onCopy?: (e: ClipboardEvent) => void;
+    /** Fired when the user initiates a cut action through the browser's user interface. */
+    onCut?: (e: ClipboardEvent) => void;
+    /** Fired when the user initiates a paste action through the browser's user interface. */
+    onPaste?: (e: ClipboardEvent) => void;
+}
+export interface CompositionEvents {
+    /** Fired when a text composition system such as an input method editor completes or cancels the current composition session. */
+    onCompositionEnd?: (e: CompositionEvent) => void;
+    /** Fired when a text composition system such as an input method editor starts a new composition session. */
+    onCompositionStart?: (e: CompositionEvent) => void;
+    /** Fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor. */
+    onCompositionUpdate?: (e: CompositionEvent) => void;
+}
+export interface FocusEvents {
+    /** Fired when an element has lost focus. */
+    onBlur?: (e: FocusEvent) => void;
+    /** Fired when an element has gained focus. */
+    onFocus?: (e: FocusEvent) => void;
+}
+export interface InputEvents {
+    /** Event called when the value changes (mandatory for controlled components) */
+    onChange?: (value: string) => void;
+}
+export type HTMLElementEvent<T extends HTMLElement> = Event & {
+    target: T;
+};
+export type ValidationState = "valid" | "invalid";
+export interface Validation {
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** Whether the input value is invalid. */
+    isInvalid?: boolean;
+    /** @deprecated Use `isInvalid` instead. */
+    validationState?: ValidationState;
+}

package/dist/cjs/types/icon.d.ts

@@ -0,0 +1,9 @@
+export type IconDefinition = {
+    iconName: string;
+    width: number;
+    height: number;
+    svgPathData: string;
+    iconType: "stroke" | "fill";
+    strokeWidth?: number;
+    fill?: string | undefined;
+};

package/dist/cjs/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components";
+export * from "./dom";
+export * from "./events";
+export * from "./icon";
+export * from "./size";

package/dist/cjs/types/size.d.ts

@@ -0,0 +1 @@
+export type SizeType = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";

package/dist/cjs/utils/StoryContainer.d.ts

@@ -0,0 +1 @@
+export declare const StoryContainer: (props: Record<string, unknown>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/utils/changeCSS.d.ts

@@ -0,0 +1 @@
+export declare const changeCSS: (cssUrl: string) => void;

package/dist/cjs/utils/excludeControls.d.ts

@@ -0,0 +1 @@
+export declare const excludeControls: (...args: string[]) => {};

package/dist/cjs/utils/excludeControls.test.d.ts

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

package/dist/cjs/utils/excludeControls.test.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const excludeControls_1 = require("./excludeControls");
+describe("excludeControls", () => {
+    describe("given a list of props", () => {
+        it("returns an object where each prop has an entry with disabled params", () => {
+            const props = ["className", "elementType"];
+            const actual = (0, excludeControls_1.excludeControls)(...props);
+            const expected = {
+                elementType: {
+                    table: {
+                        disable: true,
+                    },
+                },
+                className: {
+                    table: {
+                        disable: true,
+                    },
+                },
+            };
+            expect(actual).toEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=excludeControls.test.js.map

package/dist/cjs/utils/excludeControls.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excludeControls.test.js","sourceRoot":"","sources":["../../../src/utils/excludeControls.test.ts"],"names":[],"mappings":";;AAAA,uDAAoD;AAEpD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;YAC7E,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;YAE3C,MAAM,MAAM,GAAG,IAAA,iCAAe,EAAC,GAAG,KAAK,CAAC,CAAC;YAEzC,MAAM,QAAQ,GAAG;gBACf,WAAW,EAAE;oBACX,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;qBACd;iBACF;gBACD,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,OAAO,EAAE,IAAI;qBACd;iBACF;aACF,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./changeCSS";
+export * from "./excludeControls";
+export * from "./jestHTMLDialogPolyfill";
+export * from "./mergeRefs";
+export * from "./polyfill-tests";
+export * from "./sizeClasses";
+export * from "./spaceDelimitedList";
+export * from "./StoryContainer";

package/dist/cjs/utils/index.js

@@ -9,7 +9,6 @@ _export_star(require("./mergeRefs"), exports);
 _export_star(require("./polyfill-tests"), exports);
 _export_star(require("./sizeClasses"), exports);
 _export_star(require("./spaceDelimitedList"), exports);
-_export_star(require("./StoryContainer"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./changeCSS\";\nexport * from \"./excludeControls\";\nexport * from \"./jestHTMLDialogPolyfill\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./spaceDelimitedList\";\nexport * from \"./StoryContainer\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./changeCSS\";\nexport * from \"./excludeControls\";\nexport * from \"./jestHTMLDialogPolyfill\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./spaceDelimitedList\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}

package/dist/cjs/utils/jestHTMLDialogPolyfill.d.ts

@@ -0,0 +1 @@
+export declare const jestHTMLDialogPolyfill: () => void;

package/dist/cjs/utils/jestMockMatchMedia.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "jestMockMatchMedia", {
+    enumerable: true,
+    get: function() {
+        return jestMockMatchMedia;
+    }
+});
+const jestMockMatchMedia = (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()
+            }))
+    });
+};
+
+//# sourceMappingURL=jestMockMatchMedia.js.map

package/dist/cjs/utils/jestMockMatchMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/jestMockMatchMedia.ts"],"sourcesContent":["export const jestMockMatchMedia = (matches: boolean) => {\n  Object.defineProperty(window, \"matchMedia\", {\n    writable: true,\n    configurable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(),\n      removeListener: jest.fn(),\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  });\n};\n"],"names":["jestMockMatchMedia","matches","Object","defineProperty","window","writable","configurable","value","jest","fn","mockImplementation","query","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,qBAAqB,CAACC;IACjCC,OAAOC,cAAc,CAACC,QAAQ,cAAc;QAC1CC,UAAU;QACVC,cAAc;QACdC,OAAOC,KAAKC,EAAE,GAAGC,kBAAkB,CAACC,CAAAA,QAAU,CAAA;gBAC5CV;gBACAW,OAAOD;gBACPE,UAAU;gBACVC,aAAaN,KAAKC,EAAE;gBACpBM,gBAAgBP,KAAKC,EAAE;gBACvBO,kBAAkBR,KAAKC,EAAE;gBACzBQ,qBAAqBT,KAAKC,EAAE;gBAC5BS,eAAeV,KAAKC,EAAE;YACxB,CAAA;IACF;AACF"}

package/dist/cjs/utils/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import type { MutableRefObject, LegacyRef, RefCallback } from "react";
+export declare function mergeRefs<T = any>(refs: Array<MutableRefObject<T> | LegacyRef<T>>): RefCallback<T>;

package/dist/cjs/utils/polyfill-tests.d.ts

@@ -0,0 +1 @@
+export declare const supportsDialog: () => boolean;

package/dist/cjs/utils/sizeClasses.d.ts

@@ -0,0 +1,16 @@
+import { SizeType } from "../types/size";
+export declare const sizeClasses: (size: SizeType | undefined) => {
+    "--is-xs"?: undefined;
+    "--is-sm"?: undefined;
+    "--is-md"?: undefined;
+    "--is-lg"?: undefined;
+    "--is-xl"?: undefined;
+    "--is-xxl"?: undefined;
+} | {
+    "--is-xs": boolean;
+    "--is-sm": boolean;
+    "--is-md": boolean;
+    "--is-lg": boolean;
+    "--is-xl": boolean;
+    "--is-xxl": boolean;
+};

package/dist/cjs/utils/sizeClasses.test.d.ts

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

package/dist/cjs/utils/sizeClasses.test.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const sizeClasses_1 = require("./sizeClasses");
+describe("sizeClasses", () => {
+    describe("given the size is set", () => {
+        it.each(["xs", "sm", "md", "lg", "xl", "xxl"])("it should return CSS modifier-like class name --is-%s", size => {
+            const input = (0, sizeClasses_1.sizeClasses)(size);
+            expect(input).toEqual(expect.objectContaining({
+                [`--is-${size}`]: true,
+            }));
+        });
+    });
+    describe("given the size is not set", () => {
+        it("should return null", () => {
+            const input = undefined;
+            expect((0, sizeClasses_1.sizeClasses)(input)).toEqual({});
+        });
+    });
+});
+//# sourceMappingURL=sizeClasses.test.js.map

package/dist/cjs/utils/sizeClasses.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeClasses.test.js","sourceRoot":"","sources":["../../../src/utils/sizeClasses.test.ts"],"names":[],"mappings":";;AAAA,+CAA4C;AAG5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACrC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAC5C,uDAAuD,EACvD,IAAI,CAAC,EAAE;YACL,MAAM,KAAK,GAAG,IAAA,yBAAW,EAAC,IAAgB,CAAC,CAAC;YAE5C,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CACnB,MAAM,CAAC,gBAAgB,CAAC;gBACtB,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,IAAI;aACvB,CAAC,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACzC,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;YAC5B,MAAM,KAAK,GAAG,SAAS,CAAC;YAExB,MAAM,CAAC,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/utils/spaceDelimitedList.d.ts

@@ -0,0 +1 @@
+export declare function spaceDelimitedList(list: (string | null | undefined)[]): string | undefined;

package/dist/cjs/utils/spaceDelimitedList.test.d.ts

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

package/dist/cjs/utils/spaceDelimitedList.test.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const spaceDelimitedList_1 = require("./spaceDelimitedList");
+describe("spaceDelimitedList", () => {
+    it("returns undefined when given an empty list", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([])).toBeUndefined();
+    });
+    it("returns a string when given a non-empty list", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)(["a", "b", "c"])).toBe("a b c");
+    });
+    it("returns a string when given a list with a single element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)(["a"])).toBe("a");
+    });
+    it("returns a undefined when given a list with a single null element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([null])).toBeUndefined();
+    });
+    it("returns a undefined when given a list with a single undefined element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([undefined])).toBeUndefined();
+    });
+    it("returns a undefined when given a list with a single empty string element", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)([""])).toBeUndefined();
+    });
+    it("Removes any null or undefined values", () => {
+        expect((0, spaceDelimitedList_1.spaceDelimitedList)(["a", null, "b", undefined, "c"])).toBe("a b c");
+    });
+});
+//# sourceMappingURL=spaceDelimitedList.test.js.map

package/dist/cjs/utils/spaceDelimitedList.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spaceDelimitedList.test.js","sourceRoot":"","sources":["../../../src/utils/spaceDelimitedList.test.ts"],"names":[],"mappings":";;AAAA,6DAA0D;AAE1D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,IAAA,uCAAkB,EAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC1E,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC/E,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;QAClF,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,IAAA,uCAAkB,EAAC,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/Drawer/Drawer.js

@@ -6,11 +6,12 @@ import { useBodyScrollLock } from "../../hooks/useBodyScrollLock";
 import { supportsDialog } from "../../utils/polyfill-tests";
 import { VisuallyHidden } from "../VisuallyHidden";
 import { mergeRefs } from "../../utils";
+const TRANSITION_CLASS_NAME = "--transition";
 const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children } = props;
     const hasOpened = useRef(false);
     const modalRef = useRef(null);
-    const dialog = modalRef.current;
+    const hasDialogSupport = supportsDialog();
     // Fire onOpen once
     if (onOpen && !hasOpened.current) {
         onOpen();
@@ -19,43 +20,51 @@ const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
     useBodyScrollLock({
         enabled: isOpen
     });
-    // Add close handler, to enable closing animations
+    // Add close handler, to enable closing transitions
     const handleClose = useCallback((event)=>{
         if (event) {
             event.preventDefault();
             event.stopPropagation();
         }
         const doClose = ()=>{
-            dialog.close();
+            var _modalRef_current;
+            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.close();
             onClose === null || onClose === void 0 ? void 0 : onClose();
         };
-        // Delay close to allow exit animation
-        dialog === null || dialog === void 0 ? void 0 : dialog.classList.add("close");
-        dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("animationend", ()=>{
-            dialog.classList.remove("close");
+        // Delay close to allow backdrop exit transition
+        if (hasDialogSupport) {
+            var _modalRef_current, _modalRef_current1;
+            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.classList.remove(TRANSITION_CLASS_NAME);
+            (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.addEventListener("transitionend", ()=>{
+                doClose();
+            }, {
+                once: true
+            });
+        } else {
             doClose();
-        }, {
-            once: true
-        });
+        }
     }, [
         onClose,
-        dialog
+        hasDialogSupport
     ]);
-    const modalClasses = classNames("mobius", "mobius/Drawer", `--${direction}`, className);
+    const modalClasses = classNames("mobius", "mobius/Drawer", `--${direction}`, className, {
+        "--should-transition": hasDialogSupport
+    });
     // Add polyfill for HTML Dialog in old browsers
     useEffect(()=>{
         async function toggleModal() {
-            var _modalRef_current;
-            if (!supportsDialog() && typeof window !== "undefined") {
+            var _modalRef_current, _modalRef_current1;
+            if (!hasDialogSupport && typeof window !== "undefined" && modalRef.current !== null) {
                 // eslint-disable-next-line import/no-extraneous-dependencies
                 const { default: dialogPolyfill } = await import("dialog-polyfill");
                 dialogPolyfill.registerDialog(modalRef.current);
             }
-            if (isOpen) {
-                var _modalRef_current1;
-                (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.showModal();
+            if (isOpen && !((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open)) {
+                var _modalRef_current2, _modalRef_current3;
+                (_modalRef_current2 = modalRef.current) === null || _modalRef_current2 === void 0 ? void 0 : _modalRef_current2.showModal();
+                (_modalRef_current3 = modalRef.current) === null || _modalRef_current3 === void 0 ? void 0 : _modalRef_current3.classList.add(TRANSITION_CLASS_NAME);
                 onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-            } else if ((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open) {
+            } else if (!isOpen && ((_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.open)) {
                 handleClose();
             }
         }
@@ -63,7 +72,8 @@ const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
     }, [
         isOpen,
         onOpen,
-        handleClose
+        handleClose,
+        hasDialogSupport
     ]);
     return /*#__PURE__*/ _jsxs("dialog", {
         ref: mergeRefs([

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  Children,\n  Ref,\n  SyntheticEvent,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement>(null);\n  const dialog = modalRef.current as HTMLDialogElement;\n\n  // Fire onOpen once\n  if (onOpen && !hasOpened.current) {\n    onOpen();\n    hasOpened.current = true;\n  }\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  // Add close handler, to enable closing animations\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      const doClose = () => {\n        dialog.close();\n        onClose?.();\n      };\n\n      // Delay close to allow exit animation\n      dialog?.classList.add(\"close\");\n      dialog?.addEventListener(\n        \"animationend\",\n        () => {\n          dialog.classList.remove(\"close\");\n          doClose();\n        },\n        { once: true },\n      );\n    },\n    [onClose, dialog],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n  );\n\n  // Add polyfill for HTML Dialog in old browsers\n  useEffect(() => {\n    async function toggleModal() {\n      if (!supportsDialog() && typeof window !== \"undefined\") {\n        // eslint-disable-next-line import/no-extraneous-dependencies\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n        dialogPolyfill.registerDialog(modalRef.current as HTMLDialogElement);\n      }\n\n      if (isOpen) {\n        modalRef.current?.showModal();\n        onOpen?.();\n      } else if (modalRef.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleModal();\n  }, [isOpen, onOpen, handleClose]);\n\n  return (\n    <dialog\n      ref={mergeRefs([modalRef, ref])}\n      onCancel={handleClose}\n      className={modalClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose: handleClose,\n            closeLabel,\n          } as any);\n        }\n\n        return child;\n      })}\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","useCallback","useEffect","useRef","useBodyScrollLock","supportsDialog","VisuallyHidden","mergeRefs","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","modalRef","dialog","current","enabled","handleClose","event","preventDefault","stopPropagation","doClose","close","classList","add","addEventListener","remove","once","modalClasses","toggleModal","window","default","dialogPolyfill","registerDialog","showModal","open","onCancel","aria-describedby","div","id","map","child","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SACEC,QAAQ,EAGRC,YAAY,EACZC,UAAU,EACVC,cAAc,EACdC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,QAAQ;AACf,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,SAAS,QAAQ,cAAc;AAKxC,MAAMC,uBAAST,WAAW,CAACU,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,YAAYhB,OAAgB;IAClC,MAAMiB,WAAWjB,OAA0B;IAC3C,MAAMkB,SAASD,SAASE,OAAO;IAE/B,mBAAmB;IACnB,IAAIN,UAAU,CAACG,UAAUG,OAAO,EAAE;QAChCN;QACAG,UAAUG,OAAO,GAAG;IACtB;IAEAlB,kBAAkB;QAAEmB,SAASZ;IAAO;IAEpC,kDAAkD;IAClD,MAAMa,cAAcvB,YAClB,CAACwB;QACC,IAAIA,OAAO;YACTA,MAAMC,cAAc;YACpBD,MAAME,eAAe;QACvB;QAEA,MAAMC,UAAU;YACdP,OAAOQ,KAAK;YACZZ,oBAAAA,8BAAAA;QACF;QAEA,sCAAsC;QACtCI,mBAAAA,6BAAAA,OAAQS,SAAS,CAACC,GAAG,CAAC;QACtBV,mBAAAA,6BAAAA,OAAQW,gBAAgB,CACtB,gBACA;YACEX,OAAOS,SAAS,CAACG,MAAM,CAAC;YACxBL;QACF,GACA;YAAEM,MAAM;QAAK;IAEjB,GACA;QAACjB;QAASI;KAAO;IAGnB,MAAMc,eAAevC,WACnB,UACA,iBACA,CAAC,EAAE,EAAEkB,UAAU,CAAC,EAChBF;IAGF,+CAA+C;IAC/CV,UAAU;QACR,eAAekC;gBAUFhB;YATX,IAAI,CAACf,oBAAoB,OAAOgC,WAAW,aAAa;gBACtD,6DAA6D;gBAC7D,MAAM,EAAEC,SAASC,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC;gBACjDA,eAAeC,cAAc,CAACpB,SAASE,OAAO;YAChD;YAEA,IAAIX,QAAQ;oBACVS;iBAAAA,qBAAAA,SAASE,OAAO,cAAhBF,yCAAAA,mBAAkBqB,SAAS;gBAC3BzB,mBAAAA,6BAAAA;YACF,OAAO,KAAII,oBAAAA,SAASE,OAAO,cAAhBF,wCAAAA,kBAAkBsB,IAAI,EAAE;gBACjClB;YACF;QACF;QAEAY;IACF,GAAG;QAACzB;QAAQK;QAAQQ;KAAY;IAEhC,qBACE,MAACH;QACCX,KAAKH,UAAU;YAACa;YAAUV;SAAI;QAC9BiC,UAAUnB;QACVZ,WAAWuB;QACXS,oBAAiB;;0BAEjB,KAACtC;0BACC,cAAA,KAACuC;oBAAIC,IAAG;8BAA0B/B;;;YAEnClB,SAASkD,GAAG,CAAC7B,UAAU8B,CAAAA;gBACtB,kBAAIhD,eAAegD,QAAQ;oBACzB,qBAAOlD,aAAakD,OAAO;wBACzB/B,SAASO;wBACTX;oBACF;gBACF;gBAEA,OAAOmC;YACT;;;AAGN;AAEAxC,OAAOyC,WAAW,GAAG;AACrB,SAASzC,MAAM,GAAG"}
+{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  Children,\n  Ref,\n  SyntheticEvent,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement | null>(null);\n  const hasDialogSupport = supportsDialog();\n\n  // Fire onOpen once\n  if (onOpen && !hasOpened.current) {\n    onOpen();\n    hasOpened.current = true;\n  }\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      const doClose = () => {\n        modalRef.current?.close();\n        onClose?.();\n      };\n\n      // Delay close to allow backdrop exit transition\n      if (hasDialogSupport) {\n        modalRef.current?.classList.remove(TRANSITION_CLASS_NAME);\n        modalRef.current?.addEventListener(\n          \"transitionend\",\n          () => {\n            doClose();\n          },\n          { once: true },\n        );\n      } else {\n        doClose();\n      }\n    },\n    [onClose, hasDialogSupport],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n    {\n      \"--should-transition\": hasDialogSupport,\n    },\n  );\n\n  // Add polyfill for HTML Dialog in old browsers\n  useEffect(() => {\n    async function toggleModal() {\n      if (\n        !hasDialogSupport &&\n        typeof window !== \"undefined\" &&\n        modalRef.current !== null\n      ) {\n        // eslint-disable-next-line import/no-extraneous-dependencies\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n        dialogPolyfill.registerDialog(modalRef.current);\n      }\n\n      if (isOpen && !modalRef.current?.open) {\n        modalRef.current?.showModal();\n        modalRef.current?.classList.add(TRANSITION_CLASS_NAME);\n        onOpen?.();\n      } else if (!isOpen && modalRef.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleModal();\n  }, [isOpen, onOpen, handleClose, hasDialogSupport]);\n\n  return (\n    <dialog\n      ref={mergeRefs([modalRef, ref])}\n      onCancel={handleClose}\n      className={modalClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose: handleClose,\n            closeLabel,\n          } as any);\n        }\n\n        return child;\n      })}\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","useCallback","useEffect","useRef","useBodyScrollLock","supportsDialog","VisuallyHidden","mergeRefs","TRANSITION_CLASS_NAME","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","modalRef","hasDialogSupport","current","enabled","handleClose","event","preventDefault","stopPropagation","doClose","close","classList","remove","addEventListener","once","modalClasses","toggleModal","window","default","dialogPolyfill","registerDialog","open","showModal","add","dialog","onCancel","aria-describedby","div","id","map","child","displayName"],"mappings":"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"}

package/dist/esm/components/Drawer/DrawerContext.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+export const DrawerContext = /*#__PURE__*/ createContext({
+    closeDrawer: ()=>{},
+    closeLabel: ""
+});
+
+//# sourceMappingURL=DrawerContext.js.map

package/dist/esm/components/Drawer/DrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Drawer/DrawerContext.tsx"],"sourcesContent":["import { SyntheticEvent, createContext } from \"react\";\nimport { DrawerProps } from \"./types\";\n\nexport interface DrawerContextProps extends Pick<DrawerProps, \"closeLabel\"> {\n  closeDrawer: (event?: SyntheticEvent<HTMLElement, Event>) => void;\n}\n\nexport const DrawerContext = createContext<DrawerContextProps>({\n  closeDrawer: () => {},\n  closeLabel: \"\",\n});\n"],"names":["createContext","DrawerContext","closeDrawer","closeLabel"],"mappings":"AAAA,SAAyBA,aAAa,QAAQ,QAAQ;AAOtD,OAAO,MAAMC,8BAAgBD,cAAkC;IAC7DE,aAAa,KAAO;IACpBC,YAAY;AACd,GAAG"}

package/dist/esm/components/Drawer/useDrawer.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { DrawerContext } from "./DrawerContext";
+export const useDrawer = ()=>{
+    const { closeDrawer, closeLabel } = useContext(DrawerContext);
+    return {
+        closeDrawer,
+        closeLabel
+    };
+};
+
+//# sourceMappingURL=useDrawer.js.map

package/dist/esm/components/Drawer/useDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Drawer/useDrawer.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawerContext } from \"./DrawerContext\";\n\nexport const useDrawer = () => {\n  const { closeDrawer, closeLabel } = useContext(DrawerContext);\n\n  return {\n    closeDrawer,\n    closeLabel,\n  };\n};\n"],"names":["useContext","DrawerContext","useDrawer","closeDrawer","closeLabel"],"mappings":"AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,YAAY;IACvB,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGJ,WAAWC;IAE/C,OAAO;QACLE;QACAC;IACF;AACF,EAAE"}

package/dist/esm/components/Flex/propUtils.test.js

@@ -0,0 +1,97 @@
+import { withoutUndefinedValues, buildFlexStyles, splitProps, } from "./propUtils";
+describe("withoutUndefinedValues", () => {
+    it("returns object without undefined values", () => {
+        const props = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+            e: undefined,
+            f: undefined,
+        };
+        const actual = withoutUndefinedValues(props);
+        const expected = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+        };
+        expect(actual).toStrictEqual(expected);
+    });
+});
+describe("buildFlexStyles", () => {
+    describe("given a list of props", () => {
+        it("returns a specified list of flex props", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const expectedProps = Object.assign(Object.assign({}, props), { display: "flex" });
+            const actual = buildFlexStyles(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+    describe("given a list of partially defined props", () => {
+        it("returns flex props that are defined", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: undefined,
+                flexGrow: "1",
+                flex: undefined,
+                justifyContent: "start",
+                alignItems: undefined,
+                alignContent: "center",
+                gap: undefined,
+                rowGap: "20px",
+                columnGap: undefined,
+            };
+            const expectedProps = {
+                flexDirection: "row",
+                flexGrow: "1",
+                justifyContent: "start",
+                alignContent: "center",
+                rowGap: "20px",
+                display: "flex",
+            };
+            const actual = buildFlexStyles(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+});
+describe("splitProps", () => {
+    describe("given a list of props", () => {
+        it("returns an array with two items: 1) specified flex props; 2) all other props", () => {
+            const flexProps = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const otherProps = {
+                a: 1,
+                b: "Two",
+                c: [],
+                d: {},
+            };
+            const props = Object.assign(Object.assign({}, flexProps), otherProps);
+            const actual = splitProps(props);
+            const expected = [flexProps, otherProps];
+            expect(actual).toStrictEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=propUtils.test.js.map

package/dist/esm/components/Flex/propUtils.test.js.map

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

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

@@ -1,13 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
 import { Children, cloneElement, forwardRef, isValidElement } from "react";
-const Content = /*#__PURE__*/ forwardRef((// eslint-disable-next-line @typescript-eslint/no-unused-vars
-{ children, onClose, closeLabel, ...otherProps }, ref)=>{
-    const classes = classNames("mobius/ModalContent");
-    return /*#__PURE__*/ _jsx("div", {
+const Content = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ _jsx("div", {
         ref: ref,
         ...otherProps,
-        className: classes,
+        className: "mobius/ModalContent",
         children: Children.map(children, (child)=>{
             if (/*#__PURE__*/ isValidElement(child)) {
                 return /*#__PURE__*/ cloneElement(child, {
@@ -16,8 +12,7 @@ const Content = /*#__PURE__*/ forwardRef((// eslint-disable-next-line @typescrip
             }
             return child;
         })
-    });
-});
+    }));
 Content.displayName = "Content";
 export { Content };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/Content.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport {\n  Children,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps extends DOMProps, RefAttributes<DivElementType> {\n  children?: ReactNode;\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Content = forwardRef(\n  (\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    { children, onClose, closeLabel, ...otherProps }: ContentProps,\n    ref: DivRef,\n  ) => {\n    const classes = classNames(\"mobius/ModalContent\");\n\n    return (\n      <div ref={ref} {...otherProps} className={classes}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              onClose,\n            } as any);\n          }\n\n          return child;\n        })}\n      </div>\n    );\n  },\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","Content","children","onClose","closeLabel","otherProps","ref","classes","div","className","map","child","displayName"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAC3C,SACEC,QAAQ,EAIRC,YAAY,EACZC,UAAU,EACVC,cAAc,QACT,QAAQ;AAWf,MAAMC,wBAAUF,WACd,CACE,6DAA6D;AAC7D,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAA0B,EAC9DC;IAEA,MAAMC,UAAUX,WAAW;IAE3B,qBACE,KAACY;QAAIF,KAAKA;QAAM,GAAGD,UAAU;QAAEI,WAAWF;kBACvCV,SAASa,GAAG,CAACR,UAAUS,CAAAA;YACtB,kBAAIX,eAAeW,QAAQ;gBACzB,qBAAOb,aAAaa,OAAO;oBACzBR;gBACF;YACF;YAEA,OAAOQ;QACT;;AAGN;AAGFV,QAAQW,WAAW,GAAG;AACtB,SAASX,OAAO,GAAG"}
+{"version":3,"sources":["../../../../src/components/Modal/Content.tsx"],"sourcesContent":["import {\n  Children,\n  PropsWithChildren,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps\n  extends DOMProps,\n    RefAttributes<DivElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Content = forwardRef(\n  (\n    { children, onClose, closeLabel: _, ...otherProps }: ContentProps,\n    ref: DivRef,\n  ) => (\n    <div ref={ref} {...otherProps} className=\"mobius/ModalContent\">\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose,\n          } as any);\n        }\n\n        return child;\n      })}\n    </div>\n  ),\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["Children","cloneElement","forwardRef","isValidElement","Content","children","onClose","closeLabel","_","otherProps","ref","div","className","map","child","displayName"],"mappings":";AAAA,SACEA,QAAQ,EAIRC,YAAY,EACZC,UAAU,EACVC,cAAc,QACT,QAAQ;AAaf,MAAMC,wBAAUF,WACd,CACE,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,YAAYC,CAAC,EAAE,GAAGC,YAA0B,EACjEC,oBAEA,KAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCZ,SAASa,GAAG,CAACR,UAAUS,CAAAA;YACtB,kBAAIX,eAAeW,QAAQ;gBACzB,qBAAOb,aAAaa,OAAO;oBACzBR;gBACF;YACF;YAEA,OAAOQ;QACT;;AAKNV,QAAQW,WAAW,GAAG;AACtB,SAASX,OAAO,GAAG"}

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

@@ -1,23 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
 import { cross } from "@simplybusiness/icons";
 import { Button } from "../Button";
 import { Icon } from "../Icon";
-const Header = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel, ...otherProps }, ref)=>{
-    const classes = classNames("mobius/ModalHeader");
-    const closeClasses = classNames("mobius/ModalClose");
-    return /*#__PURE__*/ _jsxs("header", {
+const Header = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ _jsxs("header", {
         ref: ref,
         ...otherProps,
-        className: classes,
+        className: "mobius/ModalHeader",
         children: [
             children,
             /*#__PURE__*/ _jsxs(Button, {
                 "aria-label": "Close",
                 variant: "basic",
                 onPress: onClose,
-                className: closeClasses,
+                className: "mobius/ModalClose",
                 children: [
                     /*#__PURE__*/ _jsx(Icon, {
                         icon: cross
@@ -27,8 +23,7 @@ const Header = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel, ...oth
                 ]
             })
         ]
-    });
-});
+    }));
 Header.displayName = "Header";
 export { Header };