@simplybusiness/mobius 4.8.6 → 4.8.8

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

@@ -0,0 +1,91 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextField", {
+    enumerable: true,
+    get: function() {
+        return TextField;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _hooks = require("../../hooks");
+const _ErrorMessage = require("../ErrorMessage");
+const _Label = require("../Label");
+const _adornmentWithClassName = require("./adornmentWithClassName");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { isDisabled, type = "text", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
+    const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)({
+        ...props,
+        "aria-errormessage": errorMessage
+    });
+    const hidden = type === "hidden";
+    const textfieldClasses = {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        "--is-hidden": hidden,
+        [className || ""]: true
+    };
+    const labelClasses = (0, _dedupe.default)({
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid"
+    });
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TextField", textfieldClasses);
+    const inputClasses = (0, _dedupe.default)("mobius", "mobius/TextInput", textfieldClasses);
+    const inputWrapperClasses = (0, _dedupe.default)("mobius/TextFieldInputWrapper", textfieldClasses);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: containerClasses,
+        children: [
+            label && !hidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "mobius/TextFieldInnerContainer",
+                children: [
+                    (0, _adornmentWithClassName.adornmentWithClassName)(prefixOutside, "mobius/TextFieldPrefixOutside"),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: inputWrapperClasses,
+                        children: [
+                            (0, _adornmentWithClassName.adornmentWithClassName)(prefixInside, "mobius/TextFieldPrefixInside"),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                                ...otherProps,
+                                ...inputProps,
+                                ref: ref,
+                                type: type,
+                                className: inputClasses
+                            }),
+                            (0, _adornmentWithClassName.adornmentWithClassName)(suffixInside, "mobius/TextFieldSuffixInside")
+                        ]
+                    }),
+                    (0, _adornmentWithClassName.adornmentWithClassName)(suffixOutside, "mobius/TextFieldSuffixOutside")
+                ]
+            }),
+            children && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/TextFieldChildren",
+                children: children
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                ...errorMessageProps,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+TextField.displayName = "TextField"; //# sourceMappingURL=TextField.js.map
+ //# sourceMappingURL=TextField.js.map
+
+//# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/TextField/TextField.js"],"sourcesContent":["\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"TextField\", {\n    enumerable: true,\n    get: function() {\n        return TextField;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nconst _react = require(\"react\");\nconst _hooks = require(\"../../hooks\");\nconst _ErrorMessage = require(\"../ErrorMessage\");\nconst _Label = require(\"../Label\");\nconst _adornmentWithClassName = require(\"./adornmentWithClassName\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{\n    const { isDisabled, type = \"text\", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;\n    const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)({\n        ...props,\n        \"aria-errormessage\": errorMessage\n    });\n    const hidden = type === \"hidden\";\n    const textfieldClasses = {\n        \"--is-disabled\": isDisabled,\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\",\n        \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n        \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n        \"--is-hidden\": hidden,\n        [className || \"\"]: true\n    };\n    const labelClasses = (0, _dedupe.default)({\n        \"--is-disabled\": isDisabled,\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\"\n    });\n    const containerClasses = (0, _dedupe.default)(\"mobius\", \"mobius/TextField\", textfieldClasses);\n    const inputClasses = (0, _dedupe.default)(\"mobius\", \"mobius/TextInput\", textfieldClasses);\n    const inputWrapperClasses = (0, _dedupe.default)(\"mobius/TextFieldInputWrapper\", textfieldClasses);\n    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n        className: containerClasses,\n        children: [\n            label && !hidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {\n                ...labelProps,\n                className: labelClasses,\n                children: label\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n                className: \"mobius/TextFieldInnerContainer\",\n                children: [\n                    (0, _adornmentWithClassName.adornmentWithClassName)(prefixOutside, \"mobius/TextFieldPrefixOutside\"),\n                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n                        className: inputWrapperClasses,\n                        children: [\n                            (0, _adornmentWithClassName.adornmentWithClassName)(prefixInside, \"mobius/TextFieldPrefixInside\"),\n                            /*#__PURE__*/ (0, _jsxruntime.jsx)(\"input\", {\n                                ...otherProps,\n                                ...inputProps,\n                                ref: ref,\n                                type: type,\n                                className: inputClasses\n                            }),\n                            (0, _adornmentWithClassName.adornmentWithClassName)(suffixInside, \"mobius/TextFieldSuffixInside\")\n                        ]\n                    }),\n                    (0, _adornmentWithClassName.adornmentWithClassName)(suffixOutside, \"mobius/TextFieldSuffixOutside\")\n                ]\n            }),\n            children && /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                className: \"mobius/TextFieldChildren\",\n                children: children\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {\n                ...errorMessageProps,\n                errorMessage: errorMessage\n            })\n        ]\n    });\n});\nTextField.displayName = \"TextField\"; //# sourceMappingURL=TextField.js.map\n\n//# sourceMappingURL=TextField.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","TextField","_jsxruntime","require","_dedupe","_interop_require_default","_react","_hooks","_ErrorMessage","_Label","_adornmentWithClassName","obj","__esModule","default","forwardRef","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","textfieldClasses","labelClasses","containerClasses","inputClasses","inputWrapperClasses","jsxs","jsx","Label","adornmentWithClassName","ErrorMessage","displayName"],"mappings":"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"}

package/dist/cjs/dist/esm/dist/cjs/components/TextField/adornmentWithClassName.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "adornmentWithClassName", {
+    enumerable: true,
+    get: function() {
+        return adornmentWithClassName;
+    }
+});
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = require("react");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const adornmentWithClassName = (component, className)=>{
+    if (!component) return null;
+    return (0, _react.cloneElement)(component, {
+        className: (0, _classnames.default)(component.props.className, className)
+    });
+}; //# sourceMappingURL=adornmentWithClassName.js.map
+ //# sourceMappingURL=adornmentWithClassName.js.map
+
+//# sourceMappingURL=adornmentWithClassName.js.map

package/dist/cjs/dist/esm/dist/cjs/components/TextField/adornmentWithClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/TextField/adornmentWithClassName.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"adornmentWithClassName\", {\n    enumerable: true,\n    get: function() {\n        return adornmentWithClassName;\n    }\n});\nconst _classnames = /*#__PURE__*/ _interop_require_default(require(\"classnames\"));\nconst _react = require(\"react\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst adornmentWithClassName = (component, className)=>{\n    if (!component) return null;\n    return (0, _react.cloneElement)(component, {\n        className: (0, _classnames.default)(component.props.className, className)\n    });\n}; //# sourceMappingURL=adornmentWithClassName.js.map\n\n//# sourceMappingURL=adornmentWithClassName.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","adornmentWithClassName","_classnames","_interop_require_default","require","_react","obj","__esModule","default","component","className","cloneElement","props"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,0BAA0B;IACrDE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAc,WAAW,GAAGC,yBAAyBC,QAAQ;AACnE,MAAMC,SAASD,QAAQ;AACvB,SAASD,yBAAyBG,GAAG;IACjC,OAAOA,OAAOA,IAAIC,UAAU,GAAGD,MAAM;QACjCE,SAASF;IACb;AACJ;AACA,MAAML,yBAAyB,CAACQ,WAAWC;IACvC,IAAI,CAACD,WAAW,OAAO;IACvB,OAAO,AAAC,CAAA,GAAGJ,OAAOM,YAAY,AAAD,EAAGF,WAAW;QACvCC,WAAW,AAAC,CAAA,GAAGR,YAAYM,OAAO,AAAD,EAAGC,UAAUG,KAAK,CAACF,SAAS,EAAEA;IACnE;AACJ,GAAG,kDAAkD;CAErD,kDAAkD"}

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/TextField/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./TextField\"), 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} //# 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,EAAE,iCAAiC;CAEnC,iCAAiC"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Title", {
+    enumerable: true,
+    get: function() {
+        return Title;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Flex = require("../Flex");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Title = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", title, description, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Title", otherProps.className);
+    const headerClasses = (0, _dedupe.default)("mobius", "mobius/TitleHeader");
+    const contentClasses = (0, _dedupe.default)("mobius", "mobius/TitleDescription");
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TitleContainer");
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+            flexDirection: "column",
+            className: containerClasses,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    className: headerClasses,
+                    children: title
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
+                    className: contentClasses,
+                    children: description
+                })
+            ]
+        })
+    });
+});
+Title.displayName = "Title"; //# sourceMappingURL=Title.js.map
+ //# sourceMappingURL=Title.js.map
+
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/Title/Title.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Title\", {\n    enumerable: true,\n    get: function() {\n        return Title;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _react = require(\"react\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nconst _Flex = require(\"../Flex\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst Title = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{\n    const { elementType: Element = \"div\", title, description, ...otherProps } = props;\n    const classes = (0, _dedupe.default)(\"mobius\", \"mobius/Title\", otherProps.className);\n    const headerClasses = (0, _dedupe.default)(\"mobius\", \"mobius/TitleHeader\");\n    const contentClasses = (0, _dedupe.default)(\"mobius\", \"mobius/TitleDescription\");\n    const containerClasses = (0, _dedupe.default)(\"mobius\", \"mobius/TitleContainer\");\n    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {\n        ref: ref,\n        ...otherProps,\n        className: classes,\n        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {\n            flexDirection: \"column\",\n            className: containerClasses,\n            children: [\n                /*#__PURE__*/ (0, _jsxruntime.jsx)(\"p\", {\n                    className: headerClasses,\n                    children: title\n                }),\n                /*#__PURE__*/ (0, _jsxruntime.jsx)(\"p\", {\n                    className: contentClasses,\n                    children: description\n                })\n            ]\n        })\n    });\n});\nTitle.displayName = \"Title\"; //# sourceMappingURL=Title.js.map\n\n//# sourceMappingURL=Title.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Title","_jsxruntime","require","_react","_dedupe","_interop_require_default","_Flex","obj","__esModule","default","forwardRef","props","ref","elementType","Element","title","description","otherProps","classes","className","headerClasses","contentClasses","containerClasses","jsx","children","jsxs","Flex","flexDirection","displayName"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,SAAS;IACpCE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAcC,QAAQ;AAC5B,MAAMC,SAASD,QAAQ;AACvB,MAAME,UAAU,WAAW,GAAGC,yBAAyBH,QAAQ;AAC/D,MAAMI,QAAQJ,QAAQ;AACtB,SAASG,yBAAyBE,GAAG;IACjC,OAAOA,OAAOA,IAAIC,UAAU,GAAGD,MAAM;QACjCE,SAASF;IACb;AACJ;AACA,MAAMP,QAAsB,AAAd,WAAW,GAAI,CAAA,GAAGG,OAAOO,UAAU,AAAD,EAAG,CAACC,OAAOC;IACvD,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,YAAY,GAAGN;IAC5E,MAAMO,UAAU,AAAC,CAAA,GAAGd,QAAQK,OAAO,AAAD,EAAG,UAAU,gBAAgBQ,WAAWE,SAAS;IACnF,MAAMC,gBAAgB,AAAC,CAAA,GAAGhB,QAAQK,OAAO,AAAD,EAAG,UAAU;IACrD,MAAMY,iBAAiB,AAAC,CAAA,GAAGjB,QAAQK,OAAO,AAAD,EAAG,UAAU;IACtD,MAAMa,mBAAmB,AAAC,CAAA,GAAGlB,QAAQK,OAAO,AAAD,EAAG,UAAU;IACxD,OAAqB,AAAd,WAAW,GAAI,CAAA,GAAGR,YAAYsB,GAAG,AAAD,EAAGT,SAAS;QAC/CF,KAAKA;QACL,GAAGK,UAAU;QACbE,WAAWD;QACXM,UAAwB,AAAd,WAAW,GAAI,CAAA,GAAGvB,YAAYwB,IAAI,AAAD,EAAGnB,MAAMoB,IAAI,EAAE;YACtDC,eAAe;YACfR,WAAWG;YACXE,UAAU;gBACN,WAAW,GAAI,CAAA,GAAGvB,YAAYsB,GAAG,AAAD,EAAG,KAAK;oBACpCJ,WAAWC;oBACXI,UAAUT;gBACd;gBACA,WAAW,GAAI,CAAA,GAAGd,YAAYsB,GAAG,AAAD,EAAG,KAAK;oBACpCJ,WAAWE;oBACXG,UAAUR;gBACd;aACH;QACL;IACJ;AACJ;AACAhB,MAAM4B,WAAW,GAAG,SAAS,iCAAiC;CAE9D,iCAAiC"}

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/Title/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Title\"), 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} //# 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,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,EAAE,iCAAiC;CAEnC,iCAAiC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "VisuallyHidden", {
+    enumerable: true,
+    get: function() {
+        return VisuallyHidden;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+function VisuallyHidden(props) {
+    const { className, children, elementType: Component = "div" } = props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        className: className,
+        style: {
+            border: 0,
+            clip: "rect(0 0 0 0)",
+            clipPath: "inset(50%)",
+            height: "1px",
+            margin: "-1px",
+            overflow: "hidden",
+            padding: 0,
+            position: "absolute",
+            width: "1px",
+            whiteSpace: "nowrap"
+        },
+        children: children
+    });
+} //# sourceMappingURL=VisuallyHidden.js.map
+ //# sourceMappingURL=VisuallyHidden.js.map
+
+//# sourceMappingURL=VisuallyHidden.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/VisuallyHidden/VisuallyHidden.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"VisuallyHidden\", {\n    enumerable: true,\n    get: function() {\n        return VisuallyHidden;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nfunction VisuallyHidden(props) {\n    const { className, children, elementType: Component = \"div\" } = props;\n    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {\n        className: className,\n        style: {\n            border: 0,\n            clip: \"rect(0 0 0 0)\",\n            clipPath: \"inset(50%)\",\n            height: \"1px\",\n            margin: \"-1px\",\n            overflow: \"hidden\",\n            padding: 0,\n            position: \"absolute\",\n            width: \"1px\",\n            whiteSpace: \"nowrap\"\n        },\n        children: children\n    });\n} //# sourceMappingURL=VisuallyHidden.js.map\n\n//# sourceMappingURL=VisuallyHidden.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","VisuallyHidden","_jsxruntime","require","props","className","children","elementType","Component","jsx","style","border","clip","clipPath","height","margin","overflow","padding","position","width","whiteSpace"],"mappings":"AAAA;AACAA,OAAOC,cAAc,CAACC,SAAS,cAAc;IACzCC,OAAO;AACX;AACAH,OAAOC,cAAc,CAACC,SAAS,kBAAkB;IAC7CE,YAAY;IACZC,KAAK;QACD,OAAOC;IACX;AACJ;AACA,MAAMC,cAAcC,QAAQ;AAC5B,SAASF,eAAeG,KAAK;IACzB,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAChE,OAAqB,AAAd,WAAW,GAAI,CAAA,GAAGF,YAAYO,GAAG,AAAD,EAAGD,WAAW;QACjDH,WAAWA;QACXK,OAAO;YACHC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,UAAU;YACVC,OAAO;YACPC,YAAY;QAChB;QACAd,UAAUA;IACd;AACJ,EAAE,0CAA0C;CAE5C,0CAA0C"}

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../src/dist/esm/dist/cjs/components/VisuallyHidden/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./VisuallyHidden\"), 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} //# 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,qBAAqBH;AAC1C,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,EAAE,iCAAiC;CAEnC,iCAAiC"}

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Accordion"), exports);
+_export_star(require("./Alert"), exports);
+_export_star(require("./Box"), exports);
+_export_star(require("./Breadcrumbs"), exports);
+_export_star(require("./Button"), exports);
+_export_star(require("./Checkbox"), exports);
+_export_star(require("./Container"), exports);
+_export_star(require("./Divider"), exports);
+_export_star(require("./Drawer"), exports);
+_export_star(require("./DropdownMenu"), exports);
+_export_star(require("./ErrorMessage"), exports);
+_export_star(require("./Fieldset"), exports);
+_export_star(require("./Flex"), exports);
+_export_star(require("./Grid"), exports);
+_export_star(require("./Icon"), exports);
+_export_star(require("./Image"), exports);
+_export_star(require("./Label"), exports);
+_export_star(require("./Link"), exports);
+_export_star(require("./LinkButton"), exports);
+_export_star(require("./List"), exports);
+_export_star(require("./LoadingIndicator"), exports);
+_export_star(require("./Logo"), exports);
+_export_star(require("./Modal"), exports);
+_export_star(require("./NumberField"), exports);
+_export_star(require("./Option"), exports);
+_export_star(require("./PasswordField"), exports);
+_export_star(require("./Popover"), exports);
+_export_star(require("./Progress"), exports);
+_export_star(require("./Radio"), exports);
+_export_star(require("./Segment"), exports);
+_export_star(require("./Select"), exports);
+_export_star(require("./Slider"), exports);
+_export_star(require("./SVG"), exports);
+_export_star(require("./Table"), exports);
+_export_star(require("./Text"), exports);
+_export_star(require("./TextArea"), exports);
+_export_star(require("./TextAreaInput"), exports);
+_export_star(require("./TextField"), exports);
+_export_star(require("./Title"), exports);
+_export_star(require("./VisuallyHidden"), 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/esm/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/dist/esm/dist/cjs/components/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Accordion\"), exports);\n_export_star(require(\"./Alert\"), exports);\n_export_star(require(\"./Box\"), exports);\n_export_star(require(\"./Breadcrumbs\"), exports);\n_export_star(require(\"./Button\"), exports);\n_export_star(require(\"./Checkbox\"), exports);\n_export_star(require(\"./Container\"), exports);\n_export_star(require(\"./Divider\"), exports);\n_export_star(require(\"./Drawer\"), exports);\n_export_star(require(\"./DropdownMenu\"), exports);\n_export_star(require(\"./ErrorMessage\"), exports);\n_export_star(require(\"./Fieldset\"), exports);\n_export_star(require(\"./Flex\"), exports);\n_export_star(require(\"./Grid\"), exports);\n_export_star(require(\"./Icon\"), exports);\n_export_star(require(\"./Image\"), exports);\n_export_star(require(\"./Label\"), exports);\n_export_star(require(\"./Link\"), exports);\n_export_star(require(\"./LinkButton\"), exports);\n_export_star(require(\"./List\"), exports);\n_export_star(require(\"./LoadingIndicator\"), exports);\n_export_star(require(\"./Logo\"), exports);\n_export_star(require(\"./Modal\"), exports);\n_export_star(require(\"./NumberField\"), exports);\n_export_star(require(\"./Option\"), exports);\n_export_star(require(\"./PasswordField\"), exports);\n_export_star(require(\"./Popover\"), exports);\n_export_star(require(\"./Progress\"), exports);\n_export_star(require(\"./Radio\"), exports);\n_export_star(require(\"./Segment\"), exports);\n_export_star(require(\"./Select\"), exports);\n_export_star(require(\"./Slider\"), exports);\n_export_star(require(\"./SVG\"), exports);\n_export_star(require(\"./Table\"), exports);\n_export_star(require(\"./Text\"), exports);\n_export_star(require(\"./TextArea\"), exports);\n_export_star(require(\"./TextAreaInput\"), exports);\n_export_star(require(\"./TextField\"), exports);\n_export_star(require(\"./Title\"), exports);\n_export_star(require(\"./VisuallyHidden\"), 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} //# 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;AACrCE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,UAAUH;AAC/BE,aAAaC,QAAQ,kBAAkBH;AACvCE,aAAaC,QAAQ,aAAaH;AAClCE,aAAaC,QAAQ,eAAeH;AACpCE,aAAaC,QAAQ,gBAAgBH;AACrCE,aAAaC,QAAQ,cAAcH;AACnCE,aAAaC,QAAQ,aAAaH;AAClCE,aAAaC,QAAQ,mBAAmBH;AACxCE,aAAaC,QAAQ,mBAAmBH;AACxCE,aAAaC,QAAQ,eAAeH;AACpCE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,iBAAiBH;AACtCE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,uBAAuBH;AAC5CE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,kBAAkBH;AACvCE,aAAaC,QAAQ,aAAaH;AAClCE,aAAaC,QAAQ,oBAAoBH;AACzCE,aAAaC,QAAQ,cAAcH;AACnCE,aAAaC,QAAQ,eAAeH;AACpCE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,cAAcH;AACnCE,aAAaC,QAAQ,aAAaH;AAClCE,aAAaC,QAAQ,aAAaH;AAClCE,aAAaC,QAAQ,UAAUH;AAC/BE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,WAAWH;AAChCE,aAAaC,QAAQ,eAAeH;AACpCE,aAAaC,QAAQ,oBAAoBH;AACzCE,aAAaC,QAAQ,gBAAgBH;AACrCE,aAAaC,QAAQ,YAAYH;AACjCE,aAAaC,QAAQ,qBAAqBH;AAC1C,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,EAAE,iCAAiC;CAEnC,iCAAiC"}

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

@@ -0,0 +1,162 @@
+"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
+ //# sourceMappingURL=Accordion.js.map
+
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/cjs/dist/cjs/components/Accordion/Accordion.js"],"sourcesContent":["\"use client\";\n\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\nObject.defineProperty(exports, \"Accordion\", {\n    enumerable: true,\n    get: function() {\n        return Accordion;\n    }\n});\nconst _jsxruntime = require(\"react/jsx-runtime\");\nconst _icons = require(\"@simplybusiness/icons\");\nconst _dedupe = /*#__PURE__*/ _interop_require_default(require(\"classnames/dedupe\"));\nconst _react = require(\"react\");\nconst _Flex = require(\"../Flex\");\nconst _Icon = require(\"../Icon\");\nfunction _interop_require_default(obj) {\n    return obj && obj.__esModule ? obj : {\n        default: obj\n    };\n}\nconst AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{\n    const linkClasses = (0, _dedupe.default)(\"mobius/AccordionLink\", {\n        \"--is-open\": ariaExpanded\n    });\n    const iconClasses = (0, _dedupe.default)(\"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__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            className: \"mobius/AccordionHeader\",\n            children: [\n                /*#__PURE__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsx)(\"span\", {\n                            className: \"mobius/AccordionLinkText\",\n                            children: text\n                        }),\n                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {\n                            icon: _icons.chevronDown,\n                            className: iconClasses\n                        })\n                    ]\n                }),\n                headerChildren\n            ]\n        });\n    }\n    return /*#__PURE__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsx)(\"span\", {\n                className: \"mobius/AccordionLinkText\",\n                children: text\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {\n                icon: _icons.chevronDown,\n                className: iconClasses\n            })\n        ]\n    });\n};\nconst Accordion = /*#__PURE__*/ (0, _react.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] = (0, _react.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 = (0, _dedupe.default)(\"mobius\", \"mobius/Accordion\", props.className, {\n        \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n        \"--is-open\": accordionState.open\n    });\n    const contentContainerClasses = (0, _dedupe.default)(\"mobius/AccordionContentContainer\", {\n        \"--is-open\": accordionState.open\n    });\n    const contentClasses = (0, _dedupe.default)(\"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    (0, _react.useEffect)(()=>{\n        setAccordionState({\n            open: startOpen,\n            withAnimation: false\n        });\n    }, [\n        startOpen\n    ]);\n    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(\"div\", {\n        ref: ref,\n        ...rest,\n        className: containerClasses,\n        children: [\n            headerPosition === \"top\" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {\n                text: linkText,\n                toggle: handleChange,\n                ariaExpanded: accordionState.open,\n                headerChildren: headerChildren\n            }),\n            /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                className: contentContainerClasses,\n                \"aria-hidden\": !accordionState.open,\n                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(\"div\", {\n                    className: contentClasses,\n                    children: props.children\n                })\n            }),\n            headerPosition === \"bottom\" && /*#__PURE__*/ (0, _jsxruntime.jsx)(AccordionLink, {\n                text: linkText,\n                toggle: handleChange,\n                ariaExpanded: accordionState.open,\n                headerChildren: headerChildren\n            })\n        ]\n    });\n}); //# sourceMappingURL=Accordion.js.map\n //# sourceMappingURL=Accordion.js.map\n\n//# sourceMappingURL=Accordion.js.map"],"names":["Object","defineProperty","exports","value","enumerable","get","Accordion","_jsxruntime","require","_icons","_dedupe","_interop_require_default","_react","_Flex","_Icon","obj","__esModule","default","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","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/dist/cjs/dist/cjs/components/Accordion/index.js

@@ -0,0 +1,22 @@
+"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
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/cjs/dist/cjs/components/Accordion/index.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n_export_star(require(\"./Accordion\"), 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} //# sourceMappingURL=index.js.map\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,EAAE,iCAAiC;CAClC,iCAAiC;CAElC,iCAAiC"}