@simplybusiness/mobius 4.6.2 → 4.6.4

package/dist/cjs/dist/cjs/utils/jestHTMLDialogPolyfill.js

@@ -0,0 +1,27 @@
+// Workaround for lack of `<dialog>` support in jsdom
+// Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372
+// Fix: https://github.com/jsdom/jsdom/pull/3403
+// This can be removed once `<dialog>` support is introduced in Jest via jsdom
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "jestHTMLDialogPolyfill", {
+    enumerable: true,
+    get: function() {
+        return jestHTMLDialogPolyfill;
+    }
+});
+const jestHTMLDialogPolyfill = ()=>{
+    HTMLDialogElement.prototype.show = jest.fn(function mock() {
+        this.open = true;
+    });
+    HTMLDialogElement.prototype.showModal = jest.fn(function mock() {
+        this.open = true;
+    });
+    HTMLDialogElement.prototype.close = jest.fn(function mock() {
+        this.open = false;
+    });
+}; //# sourceMappingURL=jestHTMLDialogPolyfill.js.map
+
+//# sourceMappingURL=jestHTMLDialogPolyfill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/jestHTMLDialogPolyfill.js"],"sourcesContent":["// Workaround for lack of `<dialog>` support in jsdom\n// Workaround from: https://github.com/jsdom/jsdom/issues/3294#issuecomment-1268330372\n// Fix: https://github.com/jsdom/jsdom/pull/3403\n// This can be removed once `<dialog>` support is introduced in Jest via jsdom\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"jestHTMLDialogPolyfill\", {\n    enumerable: true,\n    get: function() {\n        return jestHTMLDialogPolyfill;\n    }\n});\nconst jestHTMLDialogPolyfill = ()=>{\n    HTMLDialogElement.prototype.show = jest.fn(function mock() {\n        this.open = true;\n    });\n    HTMLDialogElement.prototype.showModal = jest.fn(function mock() {\n        this.open = true;\n    });\n    HTMLDialogElement.prototype.close = jest.fn(function mock() {\n        this.open = false;\n    });\n};\n\n//# sourceMappingURL=jestHTMLDialogPolyfill.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","jestHTMLDialogPolyfill","HTMLDialogElement","prototype","show","jest","fn","mock","open","showModal","close"],"mappings":"AAAA,qDAAqD;AACrD,sFAAsF;AACtF,gDAAgD;AAChD,8EAA8E;AAC9E;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,0BAA0B;IACrDE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMA,yBAAyB;IAC3BC,kBAAkBC,SAAS,CAACC,IAAI,GAAGC,KAAKC,EAAE,CAAC,SAASC;QAChD,IAAI,CAACC,IAAI,GAAG;IAChB;IACAN,kBAAkBC,SAAS,CAACM,SAAS,GAAGJ,KAAKC,EAAE,CAAC,SAASC;QACrD,IAAI,CAACC,IAAI,GAAG;IAChB;IACAN,kBAAkBC,SAAS,CAACO,KAAK,GAAGL,KAAKC,EAAE,CAAC,SAASC;QACjD,IAAI,CAACC,IAAI,GAAG;IAChB;AACJ,GAEA,kDAAkD"}

package/dist/cjs/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
+
+//# sourceMappingURL=jestMockMatchMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/jestMockMatchMedia.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"jestMockMatchMedia\", {\n    enumerable: true,\n    get: function() {\n        return jestMockMatchMedia;\n    }\n});\nconst jestMockMatchMedia = (matches)=>{\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\n//# sourceMappingURL=jestMockMatchMedia.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","jestMockMatchMedia","matches","window","writable","configurable","jest","fn","mockImplementation","query","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,sBAAsB;IACjDE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMA,qBAAqB,CAACC;IACxBP,OAAOC,cAAc,CAACO,QAAQ,cAAc;QACxCC,UAAU;QACVC,cAAc;QACdP,OAAOQ,KAAKC,EAAE,GAAGC,kBAAkB,CAAC,CAACC,QAAS,CAAA;gBACtCP;gBACAQ,OAAOD;gBACPE,UAAU;gBACVC,aAAaN,KAAKC,EAAE;gBACpBM,gBAAgBP,KAAKC,EAAE;gBACvBO,kBAAkBR,KAAKC,EAAE;gBACzBQ,qBAAqBT,KAAKC,EAAE;gBAC5BS,eAAeV,KAAKC,EAAE;YAC1B,CAAA;IACR;AACJ,GAEA,8CAA8C"}

package/dist/cjs/dist/cjs/utils/mergeRefs.js

@@ -0,0 +1,25 @@
+// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "mergeRefs", {
+    enumerable: true,
+    get: function() {
+        return mergeRefs;
+    }
+});
+function mergeRefs(refs) {
+    return (value)=>{
+        refs.forEach((ref)=>{
+            if (typeof ref === "function") {
+                ref(value);
+            } else if (ref != null) {
+                // eslint-disable-next-line no-param-reassign
+                ref.current = value;
+            }
+        });
+    };
+} //# sourceMappingURL=mergeRefs.js.map
+
+//# sourceMappingURL=mergeRefs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/mergeRefs.js"],"sourcesContent":["// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"mergeRefs\", {\n    enumerable: true,\n    get: function() {\n        return mergeRefs;\n    }\n});\nfunction mergeRefs(refs) {\n    return (value)=>{\n        refs.forEach((ref)=>{\n            if (typeof ref === \"function\") {\n                ref(value);\n            } else if (ref != null) {\n                // eslint-disable-next-line no-param-reassign\n                ref.current = value;\n            }\n        });\n    };\n}\n\n//# sourceMappingURL=mergeRefs.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","mergeRefs","refs","forEach","ref","current"],"mappings":"AAAA,iHAAiH;AACjH;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,aAAa;IACxCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,SAASA,UAAUC,IAAI;IACnB,OAAO,CAACJ;QACJI,KAAKC,OAAO,CAAC,CAACC;YACV,IAAI,OAAOA,QAAQ,YAAY;gBAC3BA,IAAIN;YACR,OAAO,IAAIM,OAAO,MAAM;gBACpB,6CAA6C;gBAC7CA,IAAIC,OAAO,GAAGP;YAClB;QACJ;IACJ;AACJ,EAEA,qCAAqC"}

package/dist/cjs/dist/cjs/utils/polyfill-tests.js

@@ -0,0 +1,14 @@
+// Browser support HTML Dialog element
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "supportsDialog", {
+    enumerable: true,
+    get: function() {
+        return supportsDialog;
+    }
+});
+const supportsDialog = ()=>typeof HTMLDialogElement === "function"; //# sourceMappingURL=polyfill-tests.js.map
+
+//# sourceMappingURL=polyfill-tests.js.map

package/dist/cjs/dist/cjs/utils/polyfill-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/polyfill-tests.js"],"sourcesContent":["// Browser support HTML Dialog element\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"supportsDialog\", {\n    enumerable: true,\n    get: function() {\n        return supportsDialog;\n    }\n});\nconst supportsDialog = ()=>typeof HTMLDialogElement === \"function\";\n\n//# sourceMappingURL=polyfill-tests.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","supportsDialog","HTMLDialogElement"],"mappings":"AAAA,sCAAsC;AACtC;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,kBAAkB;IAC7CE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMA,iBAAiB,IAAI,OAAOC,sBAAsB,YAExD,0CAA0C"}

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "sizeClasses", {
+    enumerable: true,
+    get: function() {
+        return sizeClasses;
+    }
+});
+const sizeClasses = (size)=>{
+    if (!size) {
+        return {};
+    }
+    return {
+        "--is-xxs": size === "xxs",
+        "--is-xs": size === "xs",
+        "--is-sm": size === "sm",
+        "--is-md": size === "md",
+        "--is-lg": size === "lg",
+        "--is-xl": size === "xl",
+        "--is-xxl": size === "xxl"
+    };
+}; //# sourceMappingURL=sizeClasses.js.map
+
+//# sourceMappingURL=sizeClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/sizeClasses.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"sizeClasses\", {\n    enumerable: true,\n    get: function() {\n        return sizeClasses;\n    }\n});\nconst sizeClasses = (size)=>{\n    if (!size) {\n        return {};\n    }\n    return {\n        \"--is-xxs\": size === \"xxs\",\n        \"--is-xs\": size === \"xs\",\n        \"--is-sm\": size === \"sm\",\n        \"--is-md\": size === \"md\",\n        \"--is-lg\": size === \"lg\",\n        \"--is-xl\": size === \"xl\",\n        \"--is-xxl\": size === \"xxl\"\n    };\n};\n\n//# sourceMappingURL=sizeClasses.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","sizeClasses","size"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,eAAe;IAC1CE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMA,cAAc,CAACC;IACjB,IAAI,CAACA,MAAM;QACP,OAAO,CAAC;IACZ;IACA,OAAO;QACH,YAAYA,SAAS;QACrB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,WAAWA,SAAS;QACpB,YAAYA,SAAS;IACzB;AACJ,GAEA,uCAAuC"}

package/dist/cjs/dist/cjs/utils/sizeOptions.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "sizeOptions", {
+    enumerable: true,
+    get: function() {
+        return sizeOptions;
+    }
+});
+const sizeOptions = [
+    "",
+    "xxs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "xxl"
+]; //# sourceMappingURL=sizeOptions.js.map
+
+//# sourceMappingURL=sizeOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/sizeOptions.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"sizeOptions\", {\n    enumerable: true,\n    get: function() {\n        return sizeOptions;\n    }\n});\nconst sizeOptions = [\n    \"\",\n    \"xxs\",\n    \"xs\",\n    \"sm\",\n    \"md\",\n    \"lg\",\n    \"xl\",\n    \"xxl\"\n];\n\n//# sourceMappingURL=sizeOptions.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","sizeOptions"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,eAAe;IAC1CE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMA,cAAc;IAChB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH,EAED,uCAAuC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "spaceDelimitedList", {
+    enumerable: true,
+    get: function() {
+        return spaceDelimitedList;
+    }
+});
+function spaceDelimitedList(list) {
+    return list.filter(Boolean).join(" ") || undefined;
+} //# sourceMappingURL=spaceDelimitedList.js.map
+
+//# sourceMappingURL=spaceDelimitedList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dist/cjs/utils/spaceDelimitedList.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"spaceDelimitedList\", {\n    enumerable: true,\n    get: function() {\n        return spaceDelimitedList;\n    }\n});\nfunction spaceDelimitedList(list) {\n    return list.filter(Boolean).join(\" \") || undefined;\n}\n\n//# sourceMappingURL=spaceDelimitedList.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","spaceDelimitedList","list","filter","Boolean","join","undefined"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,sBAAsB;IACjDE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,SAASA,mBAAmBC,IAAI;IAC5B,OAAOA,KAAKC,MAAM,CAACC,SAASC,IAAI,CAAC,QAAQC;AAC7C,EAEA,8CAA8C"}

package/dist/cjs/dist/esm/components/Accordion/Accordion.js

@@ -0,0 +1,160 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Accordion", {
+    enumerable: true,
+    get: function() {
+        return Accordion;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _icons = require("@simplybusiness/icons");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _Flex = require("../Flex");
+const _Icon = require("../Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{
+    const linkClasses = (0, _dedupe.default)("mobius/AccordionLink", {
+        "--is-open": ariaExpanded
+    });
+    const iconClasses = (0, _dedupe.default)("mobius/AccordionLinkIcon", {
+        "--is-open": ariaExpanded
+    });
+    const handleOnClick = ()=>{
+        if (onClick) {
+            onClick();
+        }
+        toggle();
+    };
+    const handleKeyDown = (e)=>{
+        if (e.key === " " || e.key === "Enter") {
+            toggle();
+        }
+    };
+    if (headerChildren) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+            justifyContent: "space-between",
+            alignItems: "center",
+            className: "mobius/AccordionHeader",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: linkClasses,
+                    onClick: handleOnClick,
+                    onKeyDown: handleKeyDown,
+                    role: "button",
+                    tabIndex: 0,
+                    "aria-expanded": !!ariaExpanded,
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "mobius/AccordionLinkText",
+                            children: text
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                            icon: _icons.chevronDown,
+                            className: iconClasses
+                        })
+                    ]
+                }),
+                headerChildren
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: linkClasses,
+        onClick: handleOnClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": !!ariaExpanded,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "mobius/AccordionLinkText",
+                children: text
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                icon: _icons.chevronDown,
+                className: iconClasses
+            })
+        ]
+    });
+};
+const Accordion = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    var _window;
+    const { showText = "See more", hideText = "See less", headerPosition = "top", startOpen = false, onOpen, onClose, onChange = ()=>{}, headerChildren, ...rest } = props;
+    const [accordionState, setAccordionState] = (0, _react.useState)({
+        open: true,
+        withAnimation: false
+    });
+    const prefersReducedMotion = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/Accordion", props.className, {
+        "--should-animate": accordionState.withAnimation && !prefersReducedMotion,
+        "--is-open": accordionState.open
+    });
+    const contentContainerClasses = (0, _dedupe.default)("mobius/AccordionContentContainer", {
+        "--is-open": accordionState.open
+    });
+    const contentClasses = (0, _dedupe.default)("mobius/AccordionContent", {
+        "--is-open": accordionState.open
+    });
+    const linkText = accordionState.open ? hideText : showText;
+    const handleChange = ()=>{
+        // Fire events
+        if (!accordionState.open && onOpen) {
+            onOpen();
+        }
+        if (accordionState.open && onClose) {
+            onClose();
+        }
+        if (onChange) {
+            onChange(!accordionState.open);
+        }
+        setAccordionState({
+            open: !accordionState.open,
+            withAnimation: true
+        });
+    };
+    (0, _react.useEffect)(()=>{
+        setAccordionState({
+            open: startOpen,
+            withAnimation: false
+        });
+    }, [
+        startOpen
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ref: ref,
+        ...rest,
+        className: containerClasses,
+        children: [
+            headerPosition === "top" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: contentContainerClasses,
+                "aria-hidden": !accordionState.open,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: contentClasses,
+                    children: props.children
+                })
+            }),
+            headerPosition === "bottom" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            })
+        ]
+    });
+}); //# sourceMappingURL=Accordion.js.map
+
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/dist/esm/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Accordion/Accordion.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { chevronDown } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nconst AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{\n    const linkClasses = classNames(\"mobius/AccordionLink\", {\n        \"--is-open\": ariaExpanded\n    });\n    const iconClasses = classNames(\"mobius/AccordionLinkIcon\", {\n        \"--is-open\": ariaExpanded\n    });\n    const handleOnClick = ()=>{\n        if (onClick) {\n            onClick();\n        }\n        toggle();\n    };\n    const handleKeyDown = (e)=>{\n        if (e.key === \" \" || e.key === \"Enter\") {\n            toggle();\n        }\n    };\n    if (headerChildren) {\n        return /*#__PURE__*/ _jsxs(Flex, {\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            className: \"mobius/AccordionHeader\",\n            children: [\n                /*#__PURE__*/ _jsxs(\"div\", {\n                    className: linkClasses,\n                    onClick: handleOnClick,\n                    onKeyDown: handleKeyDown,\n                    role: \"button\",\n                    tabIndex: 0,\n                    \"aria-expanded\": !!ariaExpanded,\n                    children: [\n                        /*#__PURE__*/ _jsx(\"span\", {\n                            className: \"mobius/AccordionLinkText\",\n                            children: text\n                        }),\n                        /*#__PURE__*/ _jsx(Icon, {\n                            icon: chevronDown,\n                            className: iconClasses\n                        })\n                    ]\n                }),\n                headerChildren\n            ]\n        });\n    }\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        className: linkClasses,\n        onClick: handleOnClick,\n        onKeyDown: handleKeyDown,\n        role: \"button\",\n        tabIndex: 0,\n        \"aria-expanded\": !!ariaExpanded,\n        children: [\n            /*#__PURE__*/ _jsx(\"span\", {\n                className: \"mobius/AccordionLinkText\",\n                children: text\n            }),\n            /*#__PURE__*/ _jsx(Icon, {\n                icon: chevronDown,\n                className: iconClasses\n            })\n        ]\n    });\n};\nexport const Accordion = /*#__PURE__*/ forwardRef((props, ref)=>{\n    var _window;\n    const { showText = \"See more\", hideText = \"See less\", headerPosition = \"top\", startOpen = false, onOpen, onClose, onChange = ()=>{}, headerChildren, ...rest } = props;\n    const [accordionState, setAccordionState] = useState({\n        open: true,\n        withAnimation: false\n    });\n    const prefersReducedMotion = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    const containerClasses = classNames(\"mobius\", \"mobius/Accordion\", props.className, {\n        \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n        \"--is-open\": accordionState.open\n    });\n    const contentContainerClasses = classNames(\"mobius/AccordionContentContainer\", {\n        \"--is-open\": accordionState.open\n    });\n    const contentClasses = classNames(\"mobius/AccordionContent\", {\n        \"--is-open\": accordionState.open\n    });\n    const linkText = accordionState.open ? hideText : showText;\n    const handleChange = ()=>{\n        // Fire events\n        if (!accordionState.open && onOpen) {\n            onOpen();\n        }\n        if (accordionState.open && onClose) {\n            onClose();\n        }\n        if (onChange) {\n            onChange(!accordionState.open);\n        }\n        setAccordionState({\n            open: !accordionState.open,\n            withAnimation: true\n        });\n    };\n    useEffect(()=>{\n        setAccordionState({\n            open: startOpen,\n            withAnimation: false\n        });\n    }, [\n        startOpen\n    ]);\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        ref: ref,\n        ...rest,\n        className: containerClasses,\n        children: [\n            headerPosition === \"top\" && /*#__PURE__*/ _jsx(AccordionLink, {\n                text: linkText,\n                toggle: handleChange,\n                ariaExpanded: accordionState.open,\n                headerChildren: headerChildren\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: contentContainerClasses,\n                \"aria-hidden\": !accordionState.open,\n                children: /*#__PURE__*/ _jsx(\"div\", {\n                    className: contentClasses,\n                    children: props.children\n                })\n            }),\n            headerPosition === \"bottom\" && /*#__PURE__*/ _jsx(AccordionLink, {\n                text: linkText,\n                toggle: handleChange,\n                ariaExpanded: accordionState.open,\n                headerChildren: headerChildren\n            })\n        ]\n    });\n});\n\n//# sourceMappingURL=Accordion.js.map"],"names":["Accordion","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","classNames","iconClasses","handleOnClick","handleKeyDown","e","key","_jsxs","Flex","justifyContent","alignItems","className","children","onKeyDown","role","tabIndex","_jsx","Icon","icon","chevronDown","forwardRef","props","ref","_window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","useState","open","withAnimation","prefersReducedMotion","window","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","useEffect"],"mappings":"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"}

package/dist/cjs/dist/esm/components/Accordion/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Accordion"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/dist/esm/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Accordion/index.js"],"sourcesContent":["export * from \"./Accordion\";\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;qBAAc;;;;;;;;;;;;;;CAEd,iCAAiC"}

package/dist/cjs/dist/esm/components/Alert/Alert.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Alert", {
+    enumerable: true,
+    get: function() {
+        return Alert;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _icons = require("@simplybusiness/icons");
+const _Icon = require("../Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Alert = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", variant = "info", show = true, header, children, ...otherProps } = props;
+    if (!show) return null;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Alert", {
+        "--info": variant === "info",
+        "--success": variant === "success",
+        "--warning": variant === "warning",
+        "--error": variant === "error",
+        "--has-header": header
+    }, otherProps.className);
+    const icon = {
+        info: _icons.info,
+        success: _icons.success,
+        warning: _icons.warning,
+        error: _icons.error
+    };
+    const headerClasses = (0, _dedupe.default)("mobius", "mobius/AlertHeader");
+    const iconClasses = (0, _dedupe.default)("mobius", "mobius/AlertIcon");
+    const contentClasses = (0, _dedupe.default)("mobius", "mobius/AlertContent");
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(Element, {
+        ref: ref,
+        role: "alert",
+        ...otherProps,
+        className: classes,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: iconClasses,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                    icon: icon[variant]
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    header && /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                        className: headerClasses,
+                        children: header
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: contentClasses,
+                        children: children
+                    })
+                ]
+            })
+        ]
+    });
+});
+Alert.displayName = "Alert";
+ //# sourceMappingURL=Alert.js.map
+
+//# sourceMappingURL=Alert.js.map

package/dist/cjs/dist/esm/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Alert/Alert.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { info, success, warning, error } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\nconst Alert = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { elementType: Element = \"div\", variant = \"info\", show = true, header, children, ...otherProps } = props;\n    if (!show) return null;\n    const classes = classNames(\"mobius\", \"mobius/Alert\", {\n        \"--info\": variant === \"info\",\n        \"--success\": variant === \"success\",\n        \"--warning\": variant === \"warning\",\n        \"--error\": variant === \"error\",\n        \"--has-header\": header\n    }, otherProps.className);\n    const icon = {\n        info,\n        success,\n        warning,\n        error\n    };\n    const headerClasses = classNames(\"mobius\", \"mobius/AlertHeader\");\n    const iconClasses = classNames(\"mobius\", \"mobius/AlertIcon\");\n    const contentClasses = classNames(\"mobius\", \"mobius/AlertContent\");\n    return /*#__PURE__*/ _jsxs(Element, {\n        ref: ref,\n        role: \"alert\",\n        ...otherProps,\n        className: classes,\n        children: [\n            /*#__PURE__*/ _jsx(\"span\", {\n                className: iconClasses,\n                children: /*#__PURE__*/ _jsx(Icon, {\n                    icon: icon[variant]\n                })\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                children: [\n                    header && /*#__PURE__*/ _jsx(\"p\", {\n                        className: headerClasses,\n                        children: header\n                    }),\n                    /*#__PURE__*/ _jsx(\"div\", {\n                        className: contentClasses,\n                        children: children\n                    })\n                ]\n            })\n        ]\n    });\n});\nAlert.displayName = \"Alert\";\nexport { Alert };\n\n//# sourceMappingURL=Alert.js.map"],"names":["Alert","forwardRef","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","classNames","className","icon","info","success","warning","error","headerClasses","iconClasses","contentClasses","_jsxs","role","_jsx","Icon","displayName"],"mappings":";;;;+BAoDSA;;;eAAAA;;;4BApDkC;uBAChB;+DACJ;uBACuB;sBACzB;;;;;;AACrB,MAAMA,QAAQ,WAAW,GAAGC,IAAAA,iBAAU,EAAC,CAACC,OAAOC;IAC3C,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,UAAU,MAAM,EAAEC,OAAO,IAAI,EAAEC,MAAM,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGR;IACzG,IAAI,CAACK,MAAM,OAAO;IAClB,MAAMI,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgB;QACjD,UAAUN,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IACpB,GAAGE,WAAWG,SAAS;IACvB,MAAMC,OAAO;QACTC,MAAAA,WAAI;QACJC,SAAAA,cAAO;QACPC,SAAAA,cAAO;QACPC,OAAAA,YAAK;IACT;IACA,MAAMC,gBAAgBP,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMQ,cAAcR,IAAAA,eAAU,EAAC,UAAU;IACzC,MAAMS,iBAAiBT,IAAAA,eAAU,EAAC,UAAU;IAC5C,OAAO,WAAW,GAAGU,IAAAA,gBAAK,EAACjB,SAAS;QAChCF,KAAKA;QACLoB,MAAM;QACN,GAAGb,UAAU;QACbG,WAAWF;QACXF,UAAU;YACN,WAAW,GAAGe,IAAAA,eAAI,EAAC,QAAQ;gBACvBX,WAAWO;gBACXX,UAAU,WAAW,GAAGe,IAAAA,eAAI,EAACC,UAAI,EAAE;oBAC/BX,MAAMA,IAAI,CAACR,QAAQ;gBACvB;YACJ;YACA,WAAW,GAAGgB,IAAAA,gBAAK,EAAC,OAAO;gBACvBb,UAAU;oBACND,UAAU,WAAW,GAAGgB,IAAAA,eAAI,EAAC,KAAK;wBAC9BX,WAAWM;wBACXV,UAAUD;oBACd;oBACA,WAAW,GAAGgB,IAAAA,eAAI,EAAC,OAAO;wBACtBX,WAAWQ;wBACXZ,UAAUA;oBACd;iBACH;YACL;SACH;IACL;AACJ;AACAT,MAAM0B,WAAW,GAAG;CAGpB,iCAAiC"}

package/dist/cjs/dist/esm/components/Alert/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Alert"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/dist/esm/components/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Alert/index.js"],"sourcesContent":["export * from \"./Alert\";\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;qBAAc;;;;;;;;;;;;;;CAEd,iCAAiC"}

package/dist/cjs/dist/esm/components/Box/Box.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Box", {
+    enumerable: true,
+    get: function() {
+        return Box;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _utils = require("../../utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Box = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", padding, paddingX, paddingInline, paddingInlineStart, paddingInlineEnd, paddingY, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingTop, paddingRight, paddingBottom, paddingLeft, minWidth, minHeight, maxWidth, maxHeight, width, height, style, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Box", otherProps.className);
+    const styleProps = (0, _utils.filterUndefinedProps)({
+        padding: (0, _utils.getSpacingValue)(padding),
+        paddingInline: (0, _utils.getSpacingValue)(paddingInline || paddingX),
+        paddingBlock: (0, _utils.getSpacingValue)(paddingBlock || paddingY),
+        paddingTop: (0, _utils.getSpacingValue)(paddingTop || paddingBlockStart),
+        paddingRight: (0, _utils.getSpacingValue)(paddingRight || paddingInlineEnd),
+        paddingBottom: (0, _utils.getSpacingValue)(paddingBottom || paddingBlockEnd),
+        paddingLeft: (0, _utils.getSpacingValue)(paddingLeft || paddingInlineStart),
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        width,
+        height,
+        ...style
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        style: styleProps,
+        ...otherProps,
+        className: classes
+    });
+});
+Box.displayName = "Box";
+ //# sourceMappingURL=Box.js.map
+
+//# sourceMappingURL=Box.js.map

package/dist/cjs/dist/esm/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Box/Box.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { getSpacingValue, filterUndefinedProps } from \"../../utils\";\nconst Box = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { elementType: Element = \"div\", padding, paddingX, paddingInline, paddingInlineStart, paddingInlineEnd, paddingY, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingTop, paddingRight, paddingBottom, paddingLeft, minWidth, minHeight, maxWidth, maxHeight, width, height, style, ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/Box\", otherProps.className);\n    const styleProps = filterUndefinedProps({\n        padding: getSpacingValue(padding),\n        paddingInline: getSpacingValue(paddingInline || paddingX),\n        paddingBlock: getSpacingValue(paddingBlock || paddingY),\n        paddingTop: getSpacingValue(paddingTop || paddingBlockStart),\n        paddingRight: getSpacingValue(paddingRight || paddingInlineEnd),\n        paddingBottom: getSpacingValue(paddingBottom || paddingBlockEnd),\n        paddingLeft: getSpacingValue(paddingLeft || paddingInlineStart),\n        minWidth,\n        minHeight,\n        maxWidth,\n        maxHeight,\n        width,\n        height,\n        ...style\n    });\n    return /*#__PURE__*/ _jsx(Element, {\n        ref: ref,\n        style: styleProps,\n        ...otherProps,\n        className: classes\n    });\n});\nBox.displayName = \"Box\";\nexport { Box };\n\n//# sourceMappingURL=Box.js.map"],"names":["Box","forwardRef","props","ref","elementType","Element","padding","paddingX","paddingInline","paddingInlineStart","paddingInlineEnd","paddingY","paddingBlock","paddingBlockStart","paddingBlockEnd","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","minHeight","maxWidth","maxHeight","width","height","style","otherProps","classes","classNames","className","styleProps","filterUndefinedProps","getSpacingValue","_jsx","displayName"],"mappings":";;;;+BA+BSA;;;eAAAA;;;4BA/BmB;uBACD;+DACJ;uBAC+B;;;;;;AACtD,MAAMA,MAAM,WAAW,GAAGC,IAAAA,iBAAU,EAAC,CAACC,OAAOC;IACzC,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAEC,QAAQ,EAAEC,YAAY,EAAEC,iBAAiB,EAAEC,eAAe,EAAEC,UAAU,EAAEC,YAAY,EAAEC,aAAa,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGC,YAAY,GAAGxB;IAClT,MAAMyB,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcF,WAAWG,SAAS;IACvE,MAAMC,aAAaC,IAAAA,2BAAoB,EAAC;QACpCzB,SAAS0B,IAAAA,sBAAe,EAAC1B;QACzBE,eAAewB,IAAAA,sBAAe,EAACxB,iBAAiBD;QAChDK,cAAcoB,IAAAA,sBAAe,EAACpB,gBAAgBD;QAC9CI,YAAYiB,IAAAA,sBAAe,EAACjB,cAAcF;QAC1CG,cAAcgB,IAAAA,sBAAe,EAAChB,gBAAgBN;QAC9CO,eAAee,IAAAA,sBAAe,EAACf,iBAAiBH;QAChDI,aAAac,IAAAA,sBAAe,EAACd,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACZ;IACA,OAAO,WAAW,GAAGQ,IAAAA,eAAI,EAAC5B,SAAS;QAC/BF,KAAKA;QACLsB,OAAOK;QACP,GAAGJ,UAAU;QACbG,WAAWF;IACf;AACJ;AACA3B,IAAIkC,WAAW,GAAG;CAGlB,+BAA+B"}

package/dist/cjs/dist/esm/components/Box/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Box"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/dist/esm/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Box/index.js"],"sourcesContent":["export * from \"./Box\";\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;qBAAc;;;;;;;;;;;;;;CAEd,iCAAiC"}

package/dist/cjs/dist/esm/components/Box/types.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=types.js.map
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/dist/esm/components/Box/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Box/types.js"],"sourcesContent":["export { };\n\n//# sourceMappingURL=types.js.map"],"names":[],"mappings":";;;;CAEA,iCAAiC"}