@simplybusiness/mobius 4.6.5 → 4.8.0

package/dist/cjs/dist/cjs/dist/esm/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,104 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+    enumerable: true,
+    get: function() {
+        return CheckboxGroup;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Label = require("../Label");
+const _ErrorMessage = require("../ErrorMessage");
+const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CheckboxGroup = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", onChange, className, errorMessage, children, defaultValue = [], isReadOnly, ...rest } = props;
+    const [selected, setSelected] = (0, _react.useState)(defaultValue);
+    const checkboxGroupClasses = (0, _dedupe.default)("mobius", "mobius/CheckboxGroup", className, {
+        "--is-horizontal": orientation === "horizontal",
+        "--is-vertical": orientation === "vertical",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
+    });
+    const labelClasses = (0, _dedupe.default)({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled
+    });
+    const errorMessageId = (0, _react.useId)();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const labelId = (0, _react.useId)();
+    const handleChange = (event)=>{
+        const { target: { value, checked } } = event;
+        if (!checked) {
+            setSelected(selected.filter((item)=>item !== value));
+        }
+        if (checked) {
+            setSelected([
+                ...selected,
+                value
+            ]);
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        if (onChange) {
+            onChange(selected);
+        }
+    }, [
+        selected,
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ...rest,
+        "aria-labelledby": props["aria-labelledby"] || labelId,
+        ref: ref,
+        className: checkboxGroupClasses,
+        role: "group",
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                elementType: "span",
+                id: labelId,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/CheckboxWrapper",
+                children: _react.Children.map(children, (child)=>{
+                    if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
+                        return /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                            orientation,
+                            isDisabled,
+                            isRequired,
+                            isReadOnly,
+                            validationState,
+                            defaultSelected: selected.includes(child.props.value),
+                            onChange: handleChange,
+                            "aria-describedby": describedBy
+                        });
+                    }
+                    return child;
+                })
+            }),
+            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+}); //# sourceMappingURL=CheckboxGroup.js.map
+ //# sourceMappingURL=CheckboxGroup.js.map
+
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/cjs/dist/cjs/dist/esm/components/Checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Checkbox/CheckboxGroup.js"],"sourcesContent":["\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"CheckboxGroup\", {\n    enumerable: true,\n    get: function() {\n        return CheckboxGroup;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _react = require(\"react\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nconst _Label = require(\"../Label\");\nconst _ErrorMessage = require(\"../ErrorMessage\");\nconst _spaceDelimitedList = require(\"../../utils/spaceDelimitedList\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst CheckboxGroup = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{\n    const { label, isDisabled = false, isRequired, validationState, orientation = \"vertical\", onChange, className, errorMessage, children, defaultValue = [], isReadOnly, ...rest } = props;\n    const [selected, setSelected] = (0, _react.useState)(defaultValue);\n    const checkboxGroupClasses = (0, _dedupe.default)(\"mobius\", \"mobius/CheckboxGroup\", className, {\n        \"--is-horizontal\": orientation === \"horizontal\",\n        \"--is-vertical\": orientation === \"vertical\",\n        \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n        \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired\n    });\n    const labelClasses = (0, _dedupe.default)({\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\",\n        \"--is-disabled\": isDisabled\n    });\n    const errorMessageId = (0, _react.useId)();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([\n        shouldErrorMessageShow,\n        props[\"aria-describedby\"]\n    ]);\n    const labelId = (0, _react.useId)();\n    const handleChange = (event)=>{\n        const { target: { value, checked } } = event;\n        if (!checked) {\n            setSelected(selected.filter((item)=>item !== value));\n        }\n        if (checked) {\n            setSelected([\n                ...selected,\n                value\n            ]);\n        }\n    };\n    (0, _react.useEffect)(()=>{\n        if (onChange) {\n            onChange(selected);\n        }\n    }, [\n        selected,\n        onChange\n    ]);\n    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n        ...rest,\n        \"aria-labelledby\": props[\"aria-labelledby\"] || labelId,\n        ref: ref,\n        className: checkboxGroupClasses,\n        role: \"group\",\n        children: [\n            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {\n                elementType: \"span\",\n                id: labelId,\n                className: labelClasses,\n                children: label\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                className: \"mobius/CheckboxWrapper\",\n                children: _react.Children.map(children, (child)=>{\n                    if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {\n                        return /*#__PURE__*/ (0, _react.cloneElement)(child, {\n                            orientation,\n                            isDisabled,\n                            isRequired,\n                            isReadOnly,\n                            validationState,\n                            defaultSelected: selected.includes(child.props.value),\n                            onChange: handleChange,\n                            \"aria-describedby\": describedBy\n                        });\n                    }\n                    return child;\n                })\n            }),\n            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {\n                id: errorMessageId,\n                errorMessage: errorMessage\n            })\n        ]\n    });\n}); //# sourceMappingURL=CheckboxGroup.js.map\n\n//# sourceMappingURL=CheckboxGroup.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","CheckboxGroup","_jsxruntime","require","_react","_dedupe","_interop_require_default","_Label","_ErrorMessage","_spaceDelimitedList","obj","__esModule","default","forwardRef","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","useState","checkboxGroupClasses","labelClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","handleChange","event","target","checked","filter","item","useEffect","jsxs","role","jsx","Label","elementType","id","Children","map","child","isValidElement","cloneElement","defaultSelected","includes","ErrorMessage"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Checkbox"), exports);
+_export_star(require("./CheckboxGroup"), exports);
+_export_star(require("./types"), 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
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Checkbox/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Checkbox\"), exports);\n_export_star(require(\"./CheckboxGroup\"), exports);\n_export_star(require(\"./types\"), exports);\nfunction _export_star(from, to) {\n    Object.keys(from).forEach(function(k) {\n        if (k !== \"default\" && !Object.prototype.hasOwnProperty.call(to, k)) {\n            Object.defineProperty(to, k, {\n                enumerable: true,\n                get: function() {\n                    return from[k];\n                }\n            });\n        }\n    });\n    return from;\n}\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","exports","value","_export_star","require","from","to","keys","forEach","k","prototype","hasOwnProperty","call","enumerable","get"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAC,aAAaC,QAAQ,eAAeH;AACpCE,aAAaC,QAAQ,oBAAoBH;AACzCE,aAAaC,QAAQ,YAAYH;AACjC,SAASE,aAAaE,IAAI,EAAEC,EAAE;IAC1BP,OAAOQ,IAAI,CAACF,MAAMG,OAAO,CAAC,SAASC,CAAC;QAChC,IAAIA,MAAM,aAAa,CAACV,OAAOW,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,IAAIG,IAAI;YACjEV,OAAOC,cAAc,CAACM,IAAIG,GAAG;gBACzBI,YAAY;gBACZC,KAAK;oBACD,OAAOT,IAAI,CAACI,EAAE;gBAClB;YACJ;QACJ;IACJ;IACA,OAAOJ;AACX,EACC,iCAAiC;CAElC,iCAAiC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Checkbox/types.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n //# sourceMappingURL=types.js.map\n\n//# sourceMappingURL=types.js.map"],"names":["Object","defineProperty","exports","value"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX,IACC,iCAAiC;CAElC,iCAAiC"}

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Container", {
+    enumerable: true,
+    get: function() {
+        return Container;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Container = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Container", otherProps.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+Container.displayName = "Container"; //# sourceMappingURL=Container.js.map
+ //# sourceMappingURL=Container.js.map
+
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Container/Container.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Container\", {\n    enumerable: true,\n    get: function() {\n        return Container;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _react = require(\"react\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst Container = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{\n    const { elementType: Element = \"div\", ...otherProps } = props;\n    const classes = (0, _dedupe.default)(\"mobius\", \"mobius/Container\", otherProps.className);\n    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {\n        ref: ref,\n        ...otherProps,\n        className: classes\n    });\n});\nContainer.displayName = \"Container\";\n //# sourceMappingURL=Container.js.map\n\n//# sourceMappingURL=Container.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Container","_jsxruntime","require","_react","_dedupe","_interop_require_default","obj","__esModule","default","forwardRef","props","ref","elementType","Element","otherProps","classes","className","jsx","displayName"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,aAAa;IACxCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAcC,QAAQ;AAC5B,MAAMC,SAASD,QAAQ;AACvB,MAAME,UAAU,WAAW,GAAGC,yBAAyBH,QAAQ;AAC/D,SAASG,yBAAyBC,GAAG;IACjC,OAAOA,OAAOA,IAAIC,UAAU,GAAGD,MAAM;QACjCE,SAASF;IACb;AACJ;AACA,MAAMN,YAA0B,AAAd,WAAW,GAAI,CAAA,GAAGG,OAAOM,UAAU,AAAD,EAAG,CAACC,OAAOC;IAC3D,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,UAAU,AAAC,CAAA,GAAGX,QAAQI,OAAO,AAAD,EAAG,UAAU,oBAAoBM,WAAWE,SAAS;IACvF,OAAqB,AAAd,WAAW,GAAI,CAAA,GAAGf,YAAYgB,GAAG,AAAD,EAAGJ,SAAS;QAC/CF,KAAKA;QACL,GAAGG,UAAU;QACbE,WAAWD;IACf;AACJ;AACAf,UAAUkB,WAAW,GAAG,aACvB,qCAAqC;CAEtC,qCAAqC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Container"), 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
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Container/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Container\"), exports);\nfunction _export_star(from, to) {\n    Object.keys(from).forEach(function(k) {\n        if (k !== \"default\" && !Object.prototype.hasOwnProperty.call(to, k)) {\n            Object.defineProperty(to, k, {\n                enumerable: true,\n                get: function() {\n                    return from[k];\n                }\n            });\n        }\n    });\n    return from;\n}\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","exports","value","_export_star","require","from","to","keys","forEach","k","prototype","hasOwnProperty","call","enumerable","get"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAC,aAAaC,QAAQ,gBAAgBH;AACrC,SAASE,aAAaE,IAAI,EAAEC,EAAE;IAC1BP,OAAOQ,IAAI,CAACF,MAAMG,OAAO,CAAC,SAASC,CAAC;QAChC,IAAIA,MAAM,aAAa,CAACV,OAAOW,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,IAAIG,IAAI;YACjEV,OAAOC,cAAc,CAACM,IAAIG,GAAG;gBACzBI,YAAY;gBACZC,KAAK;oBACD,OAAOT,IAAI,CAACI,EAAE;gBAClB;YACJ;QACJ;IACJ;IACA,OAAOJ;AACX,EACC,iCAAiC;CAElC,iCAAiC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Divider", {
+    enumerable: true,
+    get: function() {
+        return Divider;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Divider = ({ "aria-orientation": ariaOrientation = "horizontal", className, ...rest })=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/Divider", className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: classes,
+        role: "separator",
+        "aria-orientation": ariaOrientation,
+        ...rest,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "mobius/DividerInner"
+        })
+    });
+};
+Divider.displayName = "Divider"; //# sourceMappingURL=Divider.js.map
+ //# sourceMappingURL=Divider.js.map
+
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Divider/Divider.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Divider\", {\n    enumerable: true,\n    get: function() {\n        return Divider;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst Divider = ({ \"aria-orientation\": ariaOrientation = \"horizontal\", className, ...rest })=>{\n    const classes = (0, _dedupe.default)(\"mobius\", \"mobius/Divider\", className);\n    return /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n        className: classes,\n        role: \"separator\",\n        \"aria-orientation\": ariaOrientation,\n        ...rest,\n        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n            className: \"mobius/DividerInner\"\n        })\n    });\n};\nDivider.displayName = \"Divider\";\n //# sourceMappingURL=Divider.js.map\n\n//# sourceMappingURL=Divider.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Divider","_jsxruntime","require","_dedupe","_interop_require_default","obj","__esModule","default","ariaOrientation","className","rest","classes","jsx","role","children","displayName"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,WAAW;IACtCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAcC,QAAQ;AAC5B,MAAMC,UAAU,WAAW,GAAGC,yBAAyBF,QAAQ;AAC/D,SAASE,yBAAyBC,GAAG;IACjC,OAAOA,OAAOA,IAAIC,UAAU,GAAGD,MAAM;QACjCE,SAASF;IACb;AACJ;AACA,MAAML,UAAU,CAAC,EAAE,oBAAoBQ,kBAAkB,YAAY,EAAEC,SAAS,EAAE,GAAGC,MAAM;IACvF,MAAMC,UAAU,AAAC,CAAA,GAAGR,QAAQI,OAAO,AAAD,EAAG,UAAU,kBAAkBE;IACjE,OAAqB,AAAd,WAAW,GAAI,CAAA,GAAGR,YAAYW,GAAG,AAAD,EAAG,OAAO;QAC7CH,WAAWE;QACXE,MAAM;QACN,oBAAoBL;QACpB,GAAGE,IAAI;QACPI,UAAwB,AAAd,WAAW,GAAI,CAAA,GAAGb,YAAYW,GAAG,AAAD,EAAG,OAAO;YAChDH,WAAW;QACf;IACJ;AACJ;AACAT,QAAQe,WAAW,GAAG,WACrB,mCAAmC;CAEpC,mCAAmC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Divider"), 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
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Divider/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Divider\"), exports);\nfunction _export_star(from, to) {\n    Object.keys(from).forEach(function(k) {\n        if (k !== \"default\" && !Object.prototype.hasOwnProperty.call(to, k)) {\n            Object.defineProperty(to, k, {\n                enumerable: true,\n                get: function() {\n                    return from[k];\n                }\n            });\n        }\n    });\n    return from;\n}\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","exports","value","_export_star","require","from","to","keys","forEach","k","prototype","hasOwnProperty","call","enumerable","get"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAC,aAAaC,QAAQ,cAAcH;AACnC,SAASE,aAAaE,IAAI,EAAEC,EAAE;IAC1BP,OAAOQ,IAAI,CAACF,MAAMG,OAAO,CAAC,SAASC,CAAC;QAChC,IAAIA,MAAM,aAAa,CAACV,OAAOW,SAAS,CAACC,cAAc,CAACC,IAAI,CAACN,IAAIG,IAAI;YACjEV,OAAOC,cAAc,CAACM,IAAIG,GAAG;gBACzBI,YAAY;gBACZC,KAAK;oBACD,OAAOT,IAAI,CAACI,EAAE;gBAClB;YACJ;QACJ;IACJ;IACA,OAAOJ;AACX,EACC,iCAAiC;CAElC,iCAAiC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Content", {
+    enumerable: true,
+    get: function() {
+        return Content;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const Content = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        ref: ref,
+        ...otherProps,
+        className: "mobius/DrawerContent",
+        children: _react.Children.map(children, (child)=>{
+            if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
+                return /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                    onClose
+                });
+            }
+            return child;
+        })
+    }));
+Content.displayName = "Content"; //# sourceMappingURL=Content.js.map
+ //# sourceMappingURL=Content.js.map
+
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Drawer/Content.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Content\", {\n    enumerable: true,\n    get: function() {\n        return Content;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _react = require(\"react\");\nconst Content = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n        ref: ref,\n        ...otherProps,\n        className: \"mobius/DrawerContent\",\n        children: _react.Children.map(children, (child)=>{\n            if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {\n                return /*#__PURE__*/ (0, _react.cloneElement)(child, {\n                    onClose\n                });\n            }\n            return child;\n        })\n    }));\nContent.displayName = \"Content\";\n //# sourceMappingURL=Content.js.map\n\n//# sourceMappingURL=Content.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Content","_jsxruntime","require","_react","forwardRef","children","onClose","closeLabel","_","otherProps","ref","jsx","className","Children","map","child","isValidElement","cloneElement","displayName"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,WAAW;IACtCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAcC,QAAQ;AAC5B,MAAMC,SAASD,QAAQ;AACvB,MAAMF,UAAwB,AAAd,WAAW,GAAI,CAAA,GAAGG,OAAOC,UAAU,AAAD,EAAG,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,YAAYC,CAAC,EAAE,GAAGC,YAAY,EAAEC,MAAoB,AAAd,WAAW,GAAI,CAAA,GAAGT,YAAYU,GAAG,AAAD,EAAG,OAAO;QACnJD,KAAKA;QACL,GAAGD,UAAU;QACbG,WAAW;QACXP,UAAUF,OAAOU,QAAQ,CAACC,GAAG,CAACT,UAAU,CAACU;YACrC,IAAkB,AAAd,WAAW,GAAI,CAAA,GAAGZ,OAAOa,cAAc,AAAD,EAAGD,QAAQ;gBACjD,OAAqB,AAAd,WAAW,GAAI,CAAA,GAAGZ,OAAOc,YAAY,AAAD,EAAGF,OAAO;oBACjDT;gBACJ;YACJ;YACA,OAAOS;QACX;IACJ;AACJf,QAAQkB,WAAW,GAAG,WACrB,mCAAmC;CAEpC,mCAAmC"}

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

@@ -0,0 +1,171 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Drawer", {
+    enumerable: true,
+    get: function() {
+        return Drawer;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _useBodyScrollLock = require("../../hooks/useBodyScrollLock");
+const _polyfilltests = require("../../utils/polyfill-tests");
+const _VisuallyHidden = require("../VisuallyHidden");
+const _utils = require("../../utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const TRANSITION_CLASS_NAME = "--transition";
+const Drawer = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children } = props;
+    const hasOpened = (0, _react.useRef)(false);
+    const modalRef = (0, _react.useRef)(null);
+    const hasDialogSupport = (0, _polyfilltests.supportsDialog)();
+    // Fire onOpen once
+    if (onOpen && !hasOpened.current) {
+        onOpen();
+        hasOpened.current = true;
+    }
+    (0, _useBodyScrollLock.useBodyScrollLock)({
+        enabled: isOpen
+    });
+    // Add close handler, to enable closing transitions
+    const handleClose = (0, _react.useCallback)((event)=>{
+        if (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        const doClose = ()=>{
+            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 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();
+        }
+    }, [
+        onClose,
+        hasDialogSupport
+    ]);
+    const modalClasses = (0, _dedupe.default)("mobius", "mobius/Drawer", `--${direction}`, className, {
+        "--should-transition": hasDialogSupport
+    });
+    // Add polyfill for HTML Dialog in old browsers
+    (0, _react.useEffect)(()=>{
+        async function toggleModal() {
+            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 Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("dialog-polyfill")));
+                try {
+                    dialogPolyfill.registerDialog(modalRef.current);
+                } catch (error) {
+                    // In iOS 15 <= 15.2 this intermittently fails with
+                    // TypeError: null is not an object (evaluating 'element.showModal')
+                    // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️
+                    console.error("Failed to load dialog-polyfill", error);
+                }
+            }
+            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 (!isOpen && ((_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.open)) {
+                handleClose();
+            }
+        }
+        toggleModal();
+    }, [
+        isOpen,
+        onOpen,
+        handleClose,
+        hasDialogSupport
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("dialog", {
+        ref: (0, _utils.mergeRefs)([
+            modalRef,
+            ref
+        ]),
+        onCancel: handleClose,
+        className: modalClasses,
+        "aria-describedby": "screen-reader-announce",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    id: "screen-reader-announce",
+                    children: announce
+                })
+            }),
+            _react.Children.map(children, (child)=>{
+                if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
+                    return /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                        onClose: handleClose,
+                        closeLabel
+                    });
+                }
+                return child;
+            })
+        ]
+    });
+});
+Drawer.displayName = "Drawer"; //# sourceMappingURL=Drawer.js.map
+ //# sourceMappingURL=Drawer.js.map
+
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Drawer/Drawer.js"],"sourcesContent":["\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Drawer\", {\n    enumerable: true,\n    get: function() {\n        return Drawer;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nconst _react = require(\"react\");\nconst _useBodyScrollLock = require(\"../../hooks/useBodyScrollLock\");\nconst _polyfilltests = require(\"../../utils/polyfill-tests\");\nconst _VisuallyHidden = require(\"../VisuallyHidden\");\nconst _utils = require(\"../../utils\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nfunction _getRequireWildcardCache(nodeInterop) {\n    if (typeof WeakMap !== \"function\") return null;\n    var cacheBabelInterop = new WeakMap();\n    var cacheNodeInterop = new WeakMap();\n    return (_getRequireWildcardCache = function(nodeInterop) {\n        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;\n    })(nodeInterop);\n}\nfunction _interop_require_wildcard(obj, nodeInterop) {\n    if (!nodeInterop && obj && obj.__esModule) {\n        return obj;\n    }\n    if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") {\n        return {\n            default: obj\n        };\n    }\n    var cache = _getRequireWildcardCache(nodeInterop);\n    if (cache && cache.has(obj)) {\n        return cache.get(obj);\n    }\n    var newObj = {\n        __proto__: null\n    };\n    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n    for(var key in obj){\n        if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) {\n            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n            if (desc && (desc.get || desc.set)) {\n                Object.defineProperty(newObj, key, desc);\n            } else {\n                newObj[key] = obj[key];\n            }\n        }\n    }\n    newObj.default = obj;\n    if (cache) {\n        cache.set(obj, newObj);\n    }\n    return newObj;\n}\nconst TRANSITION_CLASS_NAME = \"--transition\";\nconst Drawer = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{\n    const { isOpen, className, closeLabel, direction, announce = \"Drawer opened on screen\", onOpen, onClose, children } = props;\n    const hasOpened = (0, _react.useRef)(false);\n    const modalRef = (0, _react.useRef)(null);\n    const hasDialogSupport = (0, _polyfilltests.supportsDialog)();\n    // Fire onOpen once\n    if (onOpen && !hasOpened.current) {\n        onOpen();\n        hasOpened.current = true;\n    }\n    (0, _useBodyScrollLock.useBodyScrollLock)({\n        enabled: isOpen\n    });\n    // Add close handler, to enable closing transitions\n    const handleClose = (0, _react.useCallback)((event)=>{\n        if (event) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n        const doClose = ()=>{\n            var _modalRef_current;\n            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.close();\n            onClose === null || onClose === void 0 ? void 0 : onClose();\n        };\n        // Delay close to allow backdrop exit transition\n        if (hasDialogSupport) {\n            var _modalRef_current, _modalRef_current1;\n            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.classList.remove(TRANSITION_CLASS_NAME);\n            (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.addEventListener(\"transitionend\", ()=>{\n                doClose();\n            }, {\n                once: true\n            });\n        } else {\n            doClose();\n        }\n    }, [\n        onClose,\n        hasDialogSupport\n    ]);\n    const modalClasses = (0, _dedupe.default)(\"mobius\", \"mobius/Drawer\", `--${direction}`, className, {\n        \"--should-transition\": hasDialogSupport\n    });\n    // Add polyfill for HTML Dialog in old browsers\n    (0, _react.useEffect)(()=>{\n        async function toggleModal() {\n            var _modalRef_current, _modalRef_current1;\n            if (!hasDialogSupport && typeof window !== \"undefined\" && modalRef.current !== null) {\n                // eslint-disable-next-line import/no-extraneous-dependencies\n                const { default: dialogPolyfill } = await Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(\"dialog-polyfill\")));\n                try {\n                    dialogPolyfill.registerDialog(modalRef.current);\n                } catch (error) {\n                    // In iOS 15 <= 15.2 this intermittently fails with\n                    // TypeError: null is not an object (evaluating 'element.showModal')\n                    // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️\n                    console.error(\"Failed to load dialog-polyfill\", error);\n                }\n            }\n            if (isOpen && !((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open)) {\n                var _modalRef_current2, _modalRef_current3;\n                (_modalRef_current2 = modalRef.current) === null || _modalRef_current2 === void 0 ? void 0 : _modalRef_current2.showModal();\n                (_modalRef_current3 = modalRef.current) === null || _modalRef_current3 === void 0 ? void 0 : _modalRef_current3.classList.add(TRANSITION_CLASS_NAME);\n                onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n            } else if (!isOpen && ((_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.open)) {\n                handleClose();\n            }\n        }\n        toggleModal();\n    }, [\n        isOpen,\n        onOpen,\n        handleClose,\n        hasDialogSupport\n    ]);\n    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"dialog\", {\n        ref: (0, _utils.mergeRefs)([\n            modalRef,\n            ref\n        ]),\n        onCancel: handleClose,\n        className: modalClasses,\n        \"aria-describedby\": \"screen-reader-announce\",\n        children: [\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {\n                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                    id: \"screen-reader-announce\",\n                    children: announce\n                })\n            }),\n            _react.Children.map(children, (child)=>{\n                if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {\n                    return /*#__PURE__*/ (0, _react.cloneElement)(child, {\n                        onClose: handleClose,\n                        closeLabel\n                    });\n                }\n                return child;\n            })\n        ]\n    });\n});\nDrawer.displayName = \"Drawer\";\n //# sourceMappingURL=Drawer.js.map\n\n//# sourceMappingURL=Drawer.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Drawer","_jsxruntime","require","_dedupe","_interop_require_default","_react","_useBodyScrollLock","_polyfilltests","_VisuallyHidden","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_interop_require_wildcard","cache","has","newObj","__proto__","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TRANSITION_CLASS_NAME","forwardRef","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","useRef","modalRef","hasDialogSupport","supportsDialog","current","useBodyScrollLock","enabled","handleClose","useCallback","event","preventDefault","stopPropagation","doClose","_modalRef_current","close","_modalRef_current1","classList","remove","addEventListener","once","modalClasses","useEffect","toggleModal","window","dialogPolyfill","Promise","resolve","then","registerDialog","error","console","open","_modalRef_current2","_modalRef_current3","showModal","add","jsxs","mergeRefs","onCancel","jsx","VisuallyHidden","id","Children","map","child","isValidElement","cloneElement","displayName"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Header", {
+    enumerable: true,
+    get: function() {
+        return Header;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _icons = require("@simplybusiness/icons");
+const _Button = require("../Button");
+const _Icon = require("../Icon");
+const Header = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("header", {
+        ref: ref,
+        ...otherProps,
+        className: "mobius/DrawerHeader",
+        children: [
+            children,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.Button, {
+                "aria-label": "Close",
+                variant: "basic",
+                onPress: onClose,
+                className: "mobius/DrawerClose",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                        icon: _icons.cross
+                    }),
+                    " ",
+                    closeLabel
+                ]
+            })
+        ]
+    }));
+Header.displayName = "Header"; //# sourceMappingURL=Header.js.map
+ //# sourceMappingURL=Header.js.map
+
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Drawer/Header.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Header\", {\n    enumerable: true,\n    get: function() {\n        return Header;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _react = require(\"react\");\nconst _icons = require(\"@simplybusiness/icons\");\nconst _Button = require(\"../Button\");\nconst _Icon = require(\"../Icon\");\nconst Header = /*#__PURE__*/ (0, _react.forwardRef)(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(\"header\", {\n        ref: ref,\n        ...otherProps,\n        className: \"mobius/DrawerHeader\",\n        children: [\n            children,\n            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.Button, {\n                \"aria-label\": \"Close\",\n                variant: \"basic\",\n                onPress: onClose,\n                className: \"mobius/DrawerClose\",\n                children: [\n                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {\n                        icon: _icons.cross\n                    }),\n                    \" \",\n                    closeLabel\n                ]\n            })\n        ]\n    }));\nHeader.displayName = \"Header\";\n //# sourceMappingURL=Header.js.map\n\n//# sourceMappingURL=Header.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Header","_jsxruntime","require","_react","_icons","_Button","_Icon","forwardRef","children","onClose","closeLabel","otherProps","ref","jsxs","className","Button","variant","onPress","jsx","Icon","icon","cross","displayName"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,UAAU;IACrCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAcC,QAAQ;AAC5B,MAAMC,SAASD,QAAQ;AACvB,MAAME,SAASF,QAAQ;AACvB,MAAMG,UAAUH,QAAQ;AACxB,MAAMI,QAAQJ,QAAQ;AACtB,MAAMF,SAAuB,AAAd,WAAW,GAAI,CAAA,GAAGG,OAAOI,UAAU,AAAD,EAAG,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAY,EAAEC,MAAoB,AAAd,WAAW,GAAI,CAAA,GAAGX,YAAYY,IAAI,AAAD,EAAG,UAAU;QACnJD,KAAKA;QACL,GAAGD,UAAU;QACbG,WAAW;QACXN,UAAU;YACNA;YACA,WAAW,GAAI,CAAA,GAAGP,YAAYY,IAAI,AAAD,EAAGR,QAAQU,MAAM,EAAE;gBAChD,cAAc;gBACdC,SAAS;gBACTC,SAASR;gBACTK,WAAW;gBACXN,UAAU;oBACN,WAAW,GAAI,CAAA,GAAGP,YAAYiB,GAAG,AAAD,EAAGZ,MAAMa,IAAI,EAAE;wBAC3CC,MAAMhB,OAAOiB,KAAK;oBACtB;oBACA;oBACAX;iBACH;YACL;SACH;IACL;AACJV,OAAOsB,WAAW,GAAG,UACpB,kCAAkC;CAEnC,kCAAkC"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Drawer", {
+    enumerable: true,
+    get: function() {
+        return Drawer;
+    }
+});
+const _Content = require("./Content");
+const _Drawer = require("./Drawer");
+const _Header = require("./Header");
+const Drawer = Object.assign(_Drawer.Drawer, {
+    Header: _Header.Header,
+    Content: _Content.Content
+});
+Drawer.displayName = "Drawer"; //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/cjs/dist/esm/components/Drawer/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Drawer\", {\n    enumerable: true,\n    get: function() {\n        return Drawer;\n    }\n});\nconst _Content = require(\"./Content\");\nconst _Drawer = require(\"./Drawer\");\nconst _Header = require(\"./Header\");\nconst Drawer = Object.assign(_Drawer.Drawer, {\n    Header: _Header.Header,\n    Content: _Content.Content\n});\nDrawer.displayName = \"Drawer\";\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Drawer","_Content","require","_Drawer","_Header","assign","Header","Content","displayName"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,UAAU;IACrCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,WAAWC,QAAQ;AACzB,MAAMC,UAAUD,QAAQ;AACxB,MAAME,UAAUF,QAAQ;AACxB,MAAMF,SAASN,OAAOW,MAAM,CAACF,QAAQH,MAAM,EAAE;IACzCM,QAAQF,QAAQE,MAAM;IACtBC,SAASN,SAASM,OAAO;AAC7B;AACAP,OAAOQ,WAAW,GAAG,UACpB,iCAAiC;CAElC,iCAAiC"}

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

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