@simplybusiness/mobius 4.8.0 → 4.8.1

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

@@ -1,88 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, forwardRef, cloneElement, isValidElement, useId, useState, useEffect } from "react";
-import classNames from "classnames/dedupe";
-import { Label } from "../Label";
-import { ErrorMessage } from "../ErrorMessage";
-import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
-export const CheckboxGroup = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", onChange, className, errorMessage, children, defaultValue = [], isReadOnly, ...rest } = props;
-    const [selected, setSelected] = useState(defaultValue);
-    const checkboxGroupClasses = classNames("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 = classNames({
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled
-    });
-    const errorMessageId = useId();
-    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
-    const describedBy = spaceDelimitedList([
-        shouldErrorMessageShow,
-        props["aria-describedby"]
-    ]);
-    const labelId = useId();
-    const handleChange = (event)=>{
-        const { target: { value, checked } } = event;
-        if (!checked) {
-            setSelected(selected.filter((item)=>item !== value));
-        }
-        if (checked) {
-            setSelected([
-                ...selected,
-                value
-            ]);
-        }
-    };
-    useEffect(()=>{
-        if (onChange) {
-            onChange(selected);
-        }
-    }, [
-        selected,
-        onChange
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        ...rest,
-        "aria-labelledby": props["aria-labelledby"] || labelId,
-        ref: ref,
-        className: checkboxGroupClasses,
-        role: "group",
-        children: [
-            label && /*#__PURE__*/ _jsx(Label, {
-                elementType: "span",
-                id: labelId,
-                className: labelClasses,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: "mobius/CheckboxWrapper",
-                children: Children.map(children, (child)=>{
-                    if (/*#__PURE__*/ isValidElement(child)) {
-                        return /*#__PURE__*/ cloneElement(child, {
-                            orientation,
-                            isDisabled,
-                            isRequired,
-                            isReadOnly,
-                            validationState,
-                            defaultSelected: selected.includes(child.props.value),
-                            onChange: handleChange,
-                            "aria-describedby": describedBy
-                        });
-                    }
-                    return child;
-                })
-            }),
-            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {
-                id: errorMessageId,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-}); //# sourceMappingURL=CheckboxGroup.js.map
-
-//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Checkbox/CheckboxGroup.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Children, forwardRef, cloneElement, isValidElement, useId, useState, useEffect } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { Label } from \"../Label\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nexport const CheckboxGroup = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { label, isDisabled = false, isRequired, validationState, orientation = \"vertical\", onChange, className, errorMessage, children, defaultValue = [], isReadOnly, ...rest } = props;\n    const [selected, setSelected] = useState(defaultValue);\n    const checkboxGroupClasses = classNames(\"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 = classNames({\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\",\n        \"--is-disabled\": isDisabled\n    });\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n        shouldErrorMessageShow,\n        props[\"aria-describedby\"]\n    ]);\n    const labelId = 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    useEffect(()=>{\n        if (onChange) {\n            onChange(selected);\n        }\n    }, [\n        selected,\n        onChange\n    ]);\n    return /*#__PURE__*/ _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__*/ _jsx(Label, {\n                elementType: \"span\",\n                id: labelId,\n                className: labelClasses,\n                children: label\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"mobius/CheckboxWrapper\",\n                children: Children.map(children, (child)=>{\n                    if (/*#__PURE__*/ isValidElement(child)) {\n                        return /*#__PURE__*/ 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__*/ _jsx(ErrorMessage, {\n                id: errorMessageId,\n                errorMessage: errorMessage\n            })\n        ]\n    });\n});\n\n//# sourceMappingURL=CheckboxGroup.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","Children","forwardRef","cloneElement","isValidElement","useId","useState","useEffect","classNames","Label","ErrorMessage","spaceDelimitedList","CheckboxGroup","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","checkboxGroupClasses","labelClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","handleChange","event","target","value","checked","filter","item","role","elementType","id","map","child","defaultSelected","includes"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,SAASC,QAAQ,EAAEC,UAAU,EAAEC,YAAY,EAAEC,cAAc,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AACvG,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,OAAO,MAAMC,gBAAgB,WAAW,GAAGV,WAAW,CAACW,OAAOC;IAC1D,MAAM,EAAEC,KAAK,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEC,cAAc,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,eAAe,EAAE,EAAEC,UAAU,EAAE,GAAGC,MAAM,GAAGb;IAClL,MAAM,CAACc,UAAUC,YAAY,GAAGtB,SAASkB;IACzC,MAAMK,uBAAuBrB,WAAW,UAAU,wBAAwBa,WAAW;QACjF,mBAAmBF,gBAAgB;QACnC,iBAAiBA,gBAAgB;QACjC,iBAAiB,OAAOF,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACzD;IACA,MAAMa,eAAetB,WAAW;QAC5B,cAAcU,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBF;IACrB;IACA,MAAMe,iBAAiB1B;IACvB,MAAM2B,yBAAyBV,eAAeS,iBAAiBE;IAC/D,MAAMC,cAAcvB,mBAAmB;QACnCqB;QACAnB,KAAK,CAAC,mBAAmB;KAC5B;IACD,MAAMsB,UAAU9B;IAChB,MAAM+B,eAAe,CAACC;QAClB,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAAE,GAAGH;QACvC,IAAI,CAACG,SAAS;YACVZ,YAAYD,SAASc,MAAM,CAAC,CAACC,OAAOA,SAASH;QACjD;QACA,IAAIC,SAAS;YACTZ,YAAY;mBACLD;gBACHY;aACH;QACL;IACJ;IACAhC,UAAU;QACN,IAAIa,UAAU;YACVA,SAASO;QACb;IACJ,GAAG;QACCA;QACAP;KACH;IACD,OAAO,WAAW,GAAGpB,MAAM,OAAO;QAC9B,GAAG0B,IAAI;QACP,mBAAmBb,KAAK,CAAC,kBAAkB,IAAIsB;QAC/CrB,KAAKA;QACLO,WAAWQ;QACXc,MAAM;QACNpB,UAAU;YACNR,SAAS,WAAW,GAAGjB,KAAKW,OAAO;gBAC/BmC,aAAa;gBACbC,IAAIV;gBACJd,WAAWS;gBACXP,UAAUR;YACd;YACA,WAAW,GAAGjB,KAAK,OAAO;gBACtBuB,WAAW;gBACXE,UAAUtB,SAAS6C,GAAG,CAACvB,UAAU,CAACwB;oBAC9B,IAAI,WAAW,GAAG3C,eAAe2C,QAAQ;wBACrC,OAAO,WAAW,GAAG5C,aAAa4C,OAAO;4BACrC5B;4BACAH;4BACAC;4BACAQ;4BACAP;4BACA8B,iBAAiBrB,SAASsB,QAAQ,CAACF,MAAMlC,KAAK,CAAC0B,KAAK;4BACpDnB,UAAUgB;4BACV,oBAAoBF;wBACxB;oBACJ;oBACA,OAAOa;gBACX;YACJ;YACAzB,gBAAgB,WAAW,GAAGxB,KAAKY,cAAc;gBAC7CmC,IAAId;gBACJT,cAAcA;YAClB;SACH;IACL;AACJ,GAAG,CAEH,yCAAyC"}

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

@@ -1,5 +0,0 @@
-export * from "./Checkbox";
-export * from "./CheckboxGroup";
-export * from "./types"; //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Checkbox/index.js"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./types\";\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,UAAU,CAExB,iCAAiC"}

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

@@ -1,3 +0,0 @@
-export { }; //# sourceMappingURL=types.js.map
-
-//# sourceMappingURL=types.js.map

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

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

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Container = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "div", ...otherProps } = props;
-    const classes = classNames("mobius", "mobius/Container", otherProps.className);
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-Container.displayName = "Container";
-export { Container }; //# sourceMappingURL=Container.js.map
-
-//# sourceMappingURL=Container.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Container/Container.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nconst Container = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { elementType: Element = \"div\", ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/Container\", otherProps.className);\n    return /*#__PURE__*/ _jsx(Element, {\n        ref: ref,\n        ...otherProps,\n        className: classes\n    });\n});\nContainer.displayName = \"Container\";\nexport { Container };\n\n//# sourceMappingURL=Container.js.map"],"names":["jsx","_jsx","forwardRef","classNames","Container","props","ref","elementType","Element","otherProps","classes","className","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAC3C,MAAMC,YAAY,WAAW,GAAGF,WAAW,CAACG,OAAOC;IAC/C,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,UAAUP,WAAW,UAAU,oBAAoBM,WAAWE,SAAS;IAC7E,OAAO,WAAW,GAAGV,KAAKO,SAAS;QAC/BF,KAAKA;QACL,GAAGG,UAAU;QACbE,WAAWD;IACf;AACJ;AACAN,UAAUQ,WAAW,GAAG;AACxB,SAASR,SAAS,GAAG,CAErB,qCAAqC"}

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

@@ -1,3 +0,0 @@
-export * from "./Container"; //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-const Divider = ({ "aria-orientation": ariaOrientation = "horizontal", className, ...rest })=>{
-    const classes = classNames("mobius", "mobius/Divider", className);
-    return /*#__PURE__*/ _jsx("div", {
-        className: classes,
-        role: "separator",
-        "aria-orientation": ariaOrientation,
-        ...rest,
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "mobius/DividerInner"
-        })
-    });
-};
-Divider.displayName = "Divider";
-export { Divider }; //# sourceMappingURL=Divider.js.map
-
-//# sourceMappingURL=Divider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Divider/Divider.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nconst Divider = ({ \"aria-orientation\": ariaOrientation = \"horizontal\", className, ...rest })=>{\n    const classes = classNames(\"mobius\", \"mobius/Divider\", className);\n    return /*#__PURE__*/ _jsx(\"div\", {\n        className: classes,\n        role: \"separator\",\n        \"aria-orientation\": ariaOrientation,\n        ...rest,\n        children: /*#__PURE__*/ _jsx(\"div\", {\n            className: \"mobius/DividerInner\"\n        })\n    });\n};\nDivider.displayName = \"Divider\";\nexport { Divider };\n\n//# sourceMappingURL=Divider.js.map"],"names":["jsx","_jsx","classNames","Divider","ariaOrientation","className","rest","classes","role","children","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,OAAOC,gBAAgB,oBAAoB;AAC3C,MAAMC,UAAU,CAAC,EAAE,oBAAoBC,kBAAkB,YAAY,EAAEC,SAAS,EAAE,GAAGC,MAAM;IACvF,MAAMC,UAAUL,WAAW,UAAU,kBAAkBG;IACvD,OAAO,WAAW,GAAGJ,KAAK,OAAO;QAC7BI,WAAWE;QACXC,MAAM;QACN,oBAAoBJ;QACpB,GAAGE,IAAI;QACPG,UAAU,WAAW,GAAGR,KAAK,OAAO;YAChCI,WAAW;QACf;IACJ;AACJ;AACAF,QAAQO,WAAW,GAAG;AACtB,SAASP,OAAO,GAAG,CAEnB,mCAAmC"}

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

@@ -1,3 +0,0 @@
-export * from "./Divider"; //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement, forwardRef, isValidElement } from "react";
-const Content = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ _jsx("div", {
-        ref: ref,
-        ...otherProps,
-        className: "mobius/DrawerContent",
-        children: Children.map(children, (child)=>{
-            if (/*#__PURE__*/ isValidElement(child)) {
-                return /*#__PURE__*/ cloneElement(child, {
-                    onClose
-                });
-            }
-            return child;
-        })
-    }));
-Content.displayName = "Content";
-export { Content }; //# sourceMappingURL=Content.js.map
-
-//# sourceMappingURL=Content.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Drawer/Content.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, cloneElement, forwardRef, isValidElement } from \"react\";\nconst Content = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ _jsx(\"div\", {\n        ref: ref,\n        ...otherProps,\n        className: \"mobius/DrawerContent\",\n        children: Children.map(children, (child)=>{\n            if (/*#__PURE__*/ isValidElement(child)) {\n                return /*#__PURE__*/ cloneElement(child, {\n                    onClose\n                });\n            }\n            return child;\n        })\n    }));\nContent.displayName = \"Content\";\nexport { Content };\n\n//# sourceMappingURL=Content.js.map"],"names":["jsx","_jsx","Children","cloneElement","forwardRef","isValidElement","Content","children","onClose","closeLabel","_","otherProps","ref","className","map","child","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,QAAQ,EAAEC,YAAY,EAAEC,UAAU,EAAEC,cAAc,QAAQ,QAAQ;AAC3E,MAAMC,UAAU,WAAW,GAAGF,WAAW,CAAC,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,YAAYC,CAAC,EAAE,GAAGC,YAAY,EAAEC,MAAM,WAAW,GAAGX,KAAK,OAAO;QACvHW,KAAKA;QACL,GAAGD,UAAU;QACbE,WAAW;QACXN,UAAUL,SAASY,GAAG,CAACP,UAAU,CAACQ;YAC9B,IAAI,WAAW,GAAGV,eAAeU,QAAQ;gBACrC,OAAO,WAAW,GAAGZ,aAAaY,OAAO;oBACrCP;gBACJ;YACJ;YACA,OAAOO;QACX;IACJ;AACJT,QAAQU,WAAW,GAAG;AACtB,SAASV,OAAO,GAAG,CAEnB,mCAAmC"}

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

@@ -1,115 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from "react";
-import { useBodyScrollLock } from "../../hooks/useBodyScrollLock";
-import { supportsDialog } from "../../utils/polyfill-tests";
-import { VisuallyHidden } from "../VisuallyHidden";
-import { mergeRefs } from "../../utils";
-const TRANSITION_CLASS_NAME = "--transition";
-const Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children } = props;
-    const hasOpened = useRef(false);
-    const modalRef = useRef(null);
-    const hasDialogSupport = supportsDialog();
-    // Fire onOpen once
-    if (onOpen && !hasOpened.current) {
-        onOpen();
-        hasOpened.current = true;
-    }
-    useBodyScrollLock({
-        enabled: isOpen
-    });
-    // Add close handler, to enable closing transitions
-    const handleClose = 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 = classNames("mobius", "mobius/Drawer", `--${direction}`, className, {
-        "--should-transition": hasDialogSupport
-    });
-    // Add polyfill for HTML Dialog in old browsers
-    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 import("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__*/ _jsxs("dialog", {
-        ref: mergeRefs([
-            modalRef,
-            ref
-        ]),
-        onCancel: handleClose,
-        className: modalClasses,
-        "aria-describedby": "screen-reader-announce",
-        children: [
-            /*#__PURE__*/ _jsx(VisuallyHidden, {
-                children: /*#__PURE__*/ _jsx("div", {
-                    id: "screen-reader-announce",
-                    children: announce
-                })
-            }),
-            Children.map(children, (child)=>{
-                if (/*#__PURE__*/ isValidElement(child)) {
-                    return /*#__PURE__*/ cloneElement(child, {
-                        onClose: handleClose,
-                        closeLabel
-                    });
-                }
-                return child;
-            })
-        ]
-    });
-});
-Drawer.displayName = "Drawer";
-export { Drawer }; //# sourceMappingURL=Drawer.js.map
-
-//# sourceMappingURL=Drawer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Drawer/Drawer.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { mergeRefs } from \"../../utils\";\nconst TRANSITION_CLASS_NAME = \"--transition\";\nconst Drawer = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { isOpen, className, closeLabel, direction, announce = \"Drawer opened on screen\", onOpen, onClose, children } = props;\n    const hasOpened = useRef(false);\n    const modalRef = useRef(null);\n    const hasDialogSupport = supportsDialog();\n    // Fire onOpen once\n    if (onOpen && !hasOpened.current) {\n        onOpen();\n        hasOpened.current = true;\n    }\n    useBodyScrollLock({\n        enabled: isOpen\n    });\n    // Add close handler, to enable closing transitions\n    const handleClose = 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 = classNames(\"mobius\", \"mobius/Drawer\", `--${direction}`, className, {\n        \"--should-transition\": hasDialogSupport\n    });\n    // Add polyfill for HTML Dialog in old browsers\n    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 import(\"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__*/ _jsxs(\"dialog\", {\n        ref: mergeRefs([\n            modalRef,\n            ref\n        ]),\n        onCancel: handleClose,\n        className: modalClasses,\n        \"aria-describedby\": \"screen-reader-announce\",\n        children: [\n            /*#__PURE__*/ _jsx(VisuallyHidden, {\n                children: /*#__PURE__*/ _jsx(\"div\", {\n                    id: \"screen-reader-announce\",\n                    children: announce\n                })\n            }),\n            Children.map(children, (child)=>{\n                if (/*#__PURE__*/ isValidElement(child)) {\n                    return /*#__PURE__*/ cloneElement(child, {\n                        onClose: handleClose,\n                        closeLabel\n                    });\n                }\n                return child;\n            })\n        ]\n    });\n});\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n\n//# sourceMappingURL=Drawer.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","classNames","Children","cloneElement","forwardRef","isValidElement","useCallback","useEffect","useRef","useBodyScrollLock","supportsDialog","VisuallyHidden","mergeRefs","TRANSITION_CLASS_NAME","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","modalRef","hasDialogSupport","current","enabled","handleClose","event","preventDefault","stopPropagation","doClose","_modalRef_current","close","_modalRef_current1","classList","remove","addEventListener","once","modalClasses","toggleModal","window","default","dialogPolyfill","registerDialog","error","console","open","_modalRef_current2","_modalRef_current3","showModal","add","onCancel","id","map","child","displayName"],"mappings":"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"}

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

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cross } from "@simplybusiness/icons";
-import { Button } from "../Button";
-import { Icon } from "../Icon";
-const Header = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ _jsxs("header", {
-        ref: ref,
-        ...otherProps,
-        className: "mobius/DrawerHeader",
-        children: [
-            children,
-            /*#__PURE__*/ _jsxs(Button, {
-                "aria-label": "Close",
-                variant: "basic",
-                onPress: onClose,
-                className: "mobius/DrawerClose",
-                children: [
-                    /*#__PURE__*/ _jsx(Icon, {
-                        icon: cross
-                    }),
-                    " ",
-                    closeLabel
-                ]
-            })
-        ]
-    }));
-Header.displayName = "Header";
-export { Header }; //# sourceMappingURL=Header.js.map
-
-//# sourceMappingURL=Header.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Drawer/Header.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport { cross } from \"@simplybusiness/icons\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nconst Header = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ _jsxs(\"header\", {\n        ref: ref,\n        ...otherProps,\n        className: \"mobius/DrawerHeader\",\n        children: [\n            children,\n            /*#__PURE__*/ _jsxs(Button, {\n                \"aria-label\": \"Close\",\n                variant: \"basic\",\n                onPress: onClose,\n                className: \"mobius/DrawerClose\",\n                children: [\n                    /*#__PURE__*/ _jsx(Icon, {\n                        icon: cross\n                    }),\n                    \" \",\n                    closeLabel\n                ]\n            })\n        ]\n    }));\nHeader.displayName = \"Header\";\nexport { Header };\n\n//# sourceMappingURL=Header.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","forwardRef","cross","Button","Icon","Header","children","onClose","closeLabel","otherProps","ref","className","variant","onPress","icon","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,UAAU;AAC/B,MAAMC,SAAS,WAAW,GAAGJ,WAAW,CAAC,EAAEK,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAY,EAAEC,MAAM,WAAW,GAAGV,MAAM,UAAU;QACvHU,KAAKA;QACL,GAAGD,UAAU;QACbE,WAAW;QACXL,UAAU;YACNA;YACA,WAAW,GAAGN,MAAMG,QAAQ;gBACxB,cAAc;gBACdS,SAAS;gBACTC,SAASN;gBACTI,WAAW;gBACXL,UAAU;oBACN,WAAW,GAAGR,KAAKM,MAAM;wBACrBU,MAAMZ;oBACV;oBACA;oBACAM;iBACH;YACL;SACH;IACL;AACJH,OAAOU,WAAW,GAAG;AACrB,SAASV,MAAM,GAAG,CAElB,kCAAkC"}

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

@@ -1,11 +0,0 @@
-import { Content } from "./Content";
-import { Drawer as DrawerComponent } from "./Drawer";
-import { Header } from "./Header";
-const Drawer = Object.assign(DrawerComponent, {
-    Header,
-    Content
-});
-Drawer.displayName = "Drawer";
-export { Drawer }; //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/Drawer/index.js"],"sourcesContent":["import { Content } from \"./Content\";\nimport { Drawer as DrawerComponent } from \"./Drawer\";\nimport { Header } from \"./Header\";\nconst Drawer = Object.assign(DrawerComponent, {\n    Header,\n    Content\n});\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n\n//# sourceMappingURL=index.js.map"],"names":["Content","Drawer","DrawerComponent","Header","Object","assign","displayName"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,SAASC,UAAUC,eAAe,QAAQ,WAAW;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,MAAMF,SAASG,OAAOC,MAAM,CAACH,iBAAiB;IAC1CC;IACAH;AACJ;AACAC,OAAOK,WAAW,GAAG;AACrB,SAASL,MAAM,GAAG,CAElB,iCAAiC"}

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

@@ -1,3 +0,0 @@
-export { }; //# sourceMappingURL=types.js.map
-
-//# sourceMappingURL=types.js.map

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

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

package/dist/esm/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, Children, isValidElement, cloneElement, useState } from "react";
-import useDropdownMenu from "react-accessible-dropdown-menu-hook";
-import classNames from "classnames/dedupe";
-import { Button } from "../Button";
-const DropdownMenu = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "nav", trigger, label = "Menu", children, ...otherProps } = props;
-    const [activeId, setActiveId] = useState(null);
-    const numberOfItems = Children.count(children);
-    const { buttonProps, itemProps, isOpen: open, setIsOpen } = useDropdownMenu(numberOfItems);
-    const classes = classNames("mobius", "mobius/DropdownMenu", otherProps.className);
-    const triggerClasses = classNames("mobius", "mobius/DropdownMenuTrigger");
-    const listClasses = classNames("mobius", "mobius/DropdownMenuList", {
-        "--is-open": open
-    });
-    const handleChildClick = ({ onClick }, index)=>{
-        setActiveId(index);
-        setIsOpen(false);
-        if (onClick) {
-            onClick();
-        }
-    };
-    return /*#__PURE__*/ _jsxs(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes,
-        children: [
-            trigger ? /*#__PURE__*/ cloneElement(trigger, {
-                className: triggerClasses,
-                open,
-                label,
-                ...buttonProps
-            }) : /*#__PURE__*/ _jsx(Button, {
-                className: triggerClasses,
-                ...buttonProps,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx("ul", {
-                className: listClasses,
-                role: "menu",
-                children: Children.map(children, (child, index)=>{
-                    if (/*#__PURE__*/ isValidElement(child)) {
-                        return /*#__PURE__*/ cloneElement(child, {
-                            onClick: ()=>handleChildClick(child.props, index),
-                            active: index === activeId,
-                            ...itemProps[index]
-                        });
-                    }
-                    return child;
-                })
-            })
-        ]
-    });
-});
-DropdownMenu.displayName = "DropdownMenu";
-export { DropdownMenu }; //# sourceMappingURL=DropdownMenu.js.map
-
-//# sourceMappingURL=DropdownMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/DropdownMenu/DropdownMenu.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, Children, isValidElement, cloneElement, useState } from \"react\";\nimport useDropdownMenu from \"react-accessible-dropdown-menu-hook\";\nimport classNames from \"classnames/dedupe\";\nimport { Button } from \"../Button\";\nconst DropdownMenu = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { elementType: Element = \"nav\", trigger, label = \"Menu\", children, ...otherProps } = props;\n    const [activeId, setActiveId] = useState(null);\n    const numberOfItems = Children.count(children);\n    const { buttonProps, itemProps, isOpen: open, setIsOpen } = useDropdownMenu(numberOfItems);\n    const classes = classNames(\"mobius\", \"mobius/DropdownMenu\", otherProps.className);\n    const triggerClasses = classNames(\"mobius\", \"mobius/DropdownMenuTrigger\");\n    const listClasses = classNames(\"mobius\", \"mobius/DropdownMenuList\", {\n        \"--is-open\": open\n    });\n    const handleChildClick = ({ onClick }, index)=>{\n        setActiveId(index);\n        setIsOpen(false);\n        if (onClick) {\n            onClick();\n        }\n    };\n    return /*#__PURE__*/ _jsxs(Element, {\n        ref: ref,\n        ...otherProps,\n        className: classes,\n        children: [\n            trigger ? /*#__PURE__*/ cloneElement(trigger, {\n                className: triggerClasses,\n                open,\n                label,\n                ...buttonProps\n            }) : /*#__PURE__*/ _jsx(Button, {\n                className: triggerClasses,\n                ...buttonProps,\n                children: label\n            }),\n            /*#__PURE__*/ _jsx(\"ul\", {\n                className: listClasses,\n                role: \"menu\",\n                children: Children.map(children, (child, index)=>{\n                    if (/*#__PURE__*/ isValidElement(child)) {\n                        return /*#__PURE__*/ cloneElement(child, {\n                            onClick: ()=>handleChildClick(child.props, index),\n                            active: index === activeId,\n                            ...itemProps[index]\n                        });\n                    }\n                    return child;\n                })\n            })\n        ]\n    });\n});\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n\n//# sourceMappingURL=DropdownMenu.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","forwardRef","Children","isValidElement","cloneElement","useState","useDropdownMenu","classNames","Button","DropdownMenu","props","ref","elementType","Element","trigger","label","children","otherProps","activeId","setActiveId","numberOfItems","count","buttonProps","itemProps","isOpen","open","setIsOpen","classes","className","triggerClasses","listClasses","handleChildClick","onClick","index","role","map","child","active","displayName"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,SAASC,UAAU,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,YAAY,EAAEC,QAAQ,QAAQ,QAAQ;AACrF,OAAOC,qBAAqB,sCAAsC;AAClE,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,MAAM,QAAQ,YAAY;AACnC,MAAMC,eAAe,WAAW,GAAGR,WAAW,CAACS,OAAOC;IAClD,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,OAAO,EAAEC,QAAQ,MAAM,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGP;IAC3F,MAAM,CAACQ,UAAUC,YAAY,GAAGd,SAAS;IACzC,MAAMe,gBAAgBlB,SAASmB,KAAK,CAACL;IACrC,MAAM,EAAEM,WAAW,EAAEC,SAAS,EAAEC,QAAQC,IAAI,EAAEC,SAAS,EAAE,GAAGpB,gBAAgBc;IAC5E,MAAMO,UAAUpB,WAAW,UAAU,uBAAuBU,WAAWW,SAAS;IAChF,MAAMC,iBAAiBtB,WAAW,UAAU;IAC5C,MAAMuB,cAAcvB,WAAW,UAAU,2BAA2B;QAChE,aAAakB;IACjB;IACA,MAAMM,mBAAmB,CAAC,EAAEC,OAAO,EAAE,EAAEC;QACnCd,YAAYc;QACZP,UAAU;QACV,IAAIM,SAAS;YACTA;QACJ;IACJ;IACA,OAAO,WAAW,GAAGhC,MAAMa,SAAS;QAChCF,KAAKA;QACL,GAAGM,UAAU;QACbW,WAAWD;QACXX,UAAU;YACNF,UAAU,WAAW,GAAGV,aAAaU,SAAS;gBAC1Cc,WAAWC;gBACXJ;gBACAV;gBACA,GAAGO,WAAW;YAClB,KAAK,WAAW,GAAGxB,KAAKU,QAAQ;gBAC5BoB,WAAWC;gBACX,GAAGP,WAAW;gBACdN,UAAUD;YACd;YACA,WAAW,GAAGjB,KAAK,MAAM;gBACrB8B,WAAWE;gBACXI,MAAM;gBACNlB,UAAUd,SAASiC,GAAG,CAACnB,UAAU,CAACoB,OAAOH;oBACrC,IAAI,WAAW,GAAG9B,eAAeiC,QAAQ;wBACrC,OAAO,WAAW,GAAGhC,aAAagC,OAAO;4BACrCJ,SAAS,IAAID,iBAAiBK,MAAM1B,KAAK,EAAEuB;4BAC3CI,QAAQJ,UAAUf;4BAClB,GAAGK,SAAS,CAACU,MAAM;wBACvB;oBACJ;oBACA,OAAOG;gBACX;YACJ;SACH;IACL;AACJ;AACA3B,aAAa6B,WAAW,GAAG;AAC3B,SAAS7B,YAAY,GAAG,CAExB,wCAAwC"}

package/dist/esm/dist/esm/components/DropdownMenu/Item.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const Item = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { elementType: Element = "li", active, onClick, ...otherProps } = props;
-    const classes = classNames("mobius", "mobius/DropdownMenuItem", {
-        "--is-active": active
-    }, otherProps.className);
-    return /*#__PURE__*/ _jsx(Element, {
-        ref: ref,
-        className: classes,
-        onClick: onClick,
-        ...otherProps
-    });
-});
-Item.displayName = "DropdownMenu.Item";
-export { Item }; //# sourceMappingURL=Item.js.map
-
-//# sourceMappingURL=Item.js.map

package/dist/esm/dist/esm/components/DropdownMenu/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/DropdownMenu/Item.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nconst Item = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { elementType: Element = \"li\", active, onClick, ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/DropdownMenuItem\", {\n        \"--is-active\": active\n    }, otherProps.className);\n    return /*#__PURE__*/ _jsx(Element, {\n        ref: ref,\n        className: classes,\n        onClick: onClick,\n        ...otherProps\n    });\n});\nItem.displayName = \"DropdownMenu.Item\";\nexport { Item };\n\n//# sourceMappingURL=Item.js.map"],"names":["jsx","_jsx","forwardRef","classNames","Item","props","ref","elementType","Element","active","onClick","otherProps","classes","className","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAC3C,MAAMC,OAAO,WAAW,GAAGF,WAAW,CAACG,OAAOC;IAC1C,MAAM,EAAEC,aAAaC,UAAU,IAAI,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGN;IACxE,MAAMO,UAAUT,WAAW,UAAU,2BAA2B;QAC5D,eAAeM;IACnB,GAAGE,WAAWE,SAAS;IACvB,OAAO,WAAW,GAAGZ,KAAKO,SAAS;QAC/BF,KAAKA;QACLO,WAAWD;QACXF,SAASA;QACT,GAAGC,UAAU;IACjB;AACJ;AACAP,KAAKU,WAAW,GAAG;AACnB,SAASV,IAAI,GAAG,CAEhB,gCAAgC"}

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

@@ -1,9 +0,0 @@
-import { DropdownMenu as DropdownMenuComponent } from "./DropdownMenu";
-import { Item } from "./Item";
-const DropdownMenu = Object.assign(DropdownMenuComponent, {
-    Item
-});
-DropdownMenu.displayName = "DropdownMenu";
-export { DropdownMenu }; //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/dist/esm/dist/esm/components/DropdownMenu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/DropdownMenu/index.js"],"sourcesContent":["import { DropdownMenu as DropdownMenuComponent } from \"./DropdownMenu\";\nimport { Item } from \"./Item\";\nconst DropdownMenu = Object.assign(DropdownMenuComponent, {\n    Item\n});\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n\n//# sourceMappingURL=index.js.map"],"names":["DropdownMenu","DropdownMenuComponent","Item","Object","assign","displayName"],"mappings":"AAAA,SAASA,gBAAgBC,qBAAqB,QAAQ,iBAAiB;AACvE,SAASC,IAAI,QAAQ,SAAS;AAC9B,MAAMF,eAAeG,OAAOC,MAAM,CAACH,uBAAuB;IACtDC;AACJ;AACAF,aAAaK,WAAW,GAAG;AAC3B,SAASL,YAAY,GAAG,CAExB,iCAAiC"}

package/dist/esm/dist/esm/components/ErrorMessage/ErrorMessage.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { Text } from "../Text";
-export const ErrorMessage = ({ id, errorMessage, className })=>{
-    const classes = classNames("mobius", "mobius/ErrorMessage", className);
-    if (!errorMessage) return null;
-    return /*#__PURE__*/ _jsxs("div", {
-        id: id,
-        className: classes,
-        "data-testid": "ErrorMessage",
-        children: [
-            /*#__PURE__*/ _jsx("span", {
-                className: "mobius/ErrorIcon"
-            }),
-            /*#__PURE__*/ _jsx(Text, {
-                elementType: "span",
-                className: "mobius/ErrorText",
-                children: errorMessage
-            })
-        ]
-    });
-};
-ErrorMessage.displayName = "ErrorMessage"; //# sourceMappingURL=ErrorMessage.js.map
-
-//# sourceMappingURL=ErrorMessage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/dist/esm/components/ErrorMessage/ErrorMessage.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { Text } from \"../Text\";\nexport const ErrorMessage = ({ id, errorMessage, className })=>{\n    const classes = classNames(\"mobius\", \"mobius/ErrorMessage\", className);\n    if (!errorMessage) return null;\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        id: id,\n        className: classes,\n        \"data-testid\": \"ErrorMessage\",\n        children: [\n            /*#__PURE__*/ _jsx(\"span\", {\n                className: \"mobius/ErrorIcon\"\n            }),\n            /*#__PURE__*/ _jsx(Text, {\n                elementType: \"span\",\n                className: \"mobius/ErrorText\",\n                children: errorMessage\n            })\n        ]\n    });\n};\nErrorMessage.displayName = \"ErrorMessage\";\n\n//# sourceMappingURL=ErrorMessage.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","classNames","Text","ErrorMessage","id","errorMessage","className","classes","children","elementType","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,IAAI,QAAQ,UAAU;AAC/B,OAAO,MAAMC,eAAe,CAAC,EAAEC,EAAE,EAAEC,YAAY,EAAEC,SAAS,EAAE;IACxD,MAAMC,UAAUN,WAAW,UAAU,uBAAuBK;IAC5D,IAAI,CAACD,cAAc,OAAO;IAC1B,OAAO,WAAW,GAAGL,MAAM,OAAO;QAC9BI,IAAIA;QACJE,WAAWC;QACX,eAAe;QACfC,UAAU;YACN,WAAW,GAAGV,KAAK,QAAQ;gBACvBQ,WAAW;YACf;YACA,WAAW,GAAGR,KAAKI,MAAM;gBACrBO,aAAa;gBACbH,WAAW;gBACXE,UAAUH;YACd;SACH;IACL;AACJ,EAAE;AACFF,aAAaO,WAAW,GAAG,gBAE3B,wCAAwC"}

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

@@ -1,3 +0,0 @@
-export * from "./ErrorMessage"; //# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map

package/dist/esm/dist/esm/components/ErrorMessage/index.js.map

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