@simplybusiness/mobius 4.8.6 → 4.8.8

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,115 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,59 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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"}

package/dist/esm/dist/esm/components/Fieldset/Fieldset.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { cloneElement, forwardRef, useId } from "react";
+import { Flex } from "../Flex";
+const useFieldset = (props)=>{
+    const { legend } = props;
+    let legendProps = {};
+    let containerProps = {
+        role: "group"
+    };
+    const legendId = useId();
+    if (legend) {
+        legendProps = {
+            ...legendProps,
+            id: legendId
+        };
+        containerProps = {
+            ...containerProps,
+            "aria-labelledby": legendId
+        };
+    }
+    return {
+        legendProps,
+        containerProps
+    };
+};
+const Fieldset = /*#__PURE__*/ forwardRef((props, _ref)=>{
+    const { children, legend, legendComponent = /*#__PURE__*/ _jsx("legend", {}), ...otherProps } = props;
+    const { legendProps, containerProps } = useFieldset(props);
+    const classes = classNames("mobius", "mobius/Fieldset", props.className);
+    // Set class on legend
+    legendProps.className = "mobius/Legend";
+    return /*#__PURE__*/ _jsxs(Flex, {
+        ...containerProps,
+        ...otherProps,
+        className: classes,
+        children: [
+            legend && /*#__PURE__*/ cloneElement(legendComponent, {
+                ...legendProps
+            }, [
+                legend
+            ]),
+            children
+        ]
+    });
+});
+Fieldset.displayName = "Fieldset";
+export { Fieldset }; //# sourceMappingURL=Fieldset.js.map
+
+//# sourceMappingURL=Fieldset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Fieldset/Fieldset.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { cloneElement, forwardRef, useId } from \"react\";\nimport { Flex } from \"../Flex\";\nconst useFieldset = (props)=>{\n    const { legend } = props;\n    let legendProps = {};\n    let containerProps = {\n        role: \"group\"\n    };\n    const legendId = useId();\n    if (legend) {\n        legendProps = {\n            ...legendProps,\n            id: legendId\n        };\n        containerProps = {\n            ...containerProps,\n            \"aria-labelledby\": legendId\n        };\n    }\n    return {\n        legendProps,\n        containerProps\n    };\n};\nconst Fieldset = /*#__PURE__*/ forwardRef((props, _ref)=>{\n    const { children, legend, legendComponent = /*#__PURE__*/ _jsx(\"legend\", {}), ...otherProps } = props;\n    const { legendProps, containerProps } = useFieldset(props);\n    const classes = classNames(\"mobius\", \"mobius/Fieldset\", props.className);\n    // Set class on legend\n    legendProps.className = \"mobius/Legend\";\n    return /*#__PURE__*/ _jsxs(Flex, {\n        ...containerProps,\n        ...otherProps,\n        className: classes,\n        children: [\n            legend && /*#__PURE__*/ cloneElement(legendComponent, {\n                ...legendProps\n            }, [\n                legend\n            ]),\n            children\n        ]\n    });\n});\nFieldset.displayName = \"Fieldset\";\nexport { Fieldset };\n\n//# sourceMappingURL=Fieldset.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","classNames","cloneElement","forwardRef","useId","Flex","useFieldset","props","legend","legendProps","containerProps","role","legendId","id","Fieldset","_ref","children","legendComponent","otherProps","classes","className","displayName"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,YAAY,EAAEC,UAAU,EAAEC,KAAK,QAAQ,QAAQ;AACxD,SAASC,IAAI,QAAQ,UAAU;AAC/B,MAAMC,cAAc,CAACC;IACjB,MAAM,EAAEC,MAAM,EAAE,GAAGD;IACnB,IAAIE,cAAc,CAAC;IACnB,IAAIC,iBAAiB;QACjBC,MAAM;IACV;IACA,MAAMC,WAAWR;IACjB,IAAII,QAAQ;QACRC,cAAc;YACV,GAAGA,WAAW;YACdI,IAAID;QACR;QACAF,iBAAiB;YACb,GAAGA,cAAc;YACjB,mBAAmBE;QACvB;IACJ;IACA,OAAO;QACHH;QACAC;IACJ;AACJ;AACA,MAAMI,WAAW,WAAW,GAAGX,WAAW,CAACI,OAAOQ;IAC9C,MAAM,EAAEC,QAAQ,EAAER,MAAM,EAAES,kBAAkB,WAAW,GAAGnB,KAAK,UAAU,CAAC,EAAE,EAAE,GAAGoB,YAAY,GAAGX;IAChG,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IACpD,MAAMY,UAAUlB,WAAW,UAAU,mBAAmBM,MAAMa,SAAS;IACvE,sBAAsB;IACtBX,YAAYW,SAAS,GAAG;IACxB,OAAO,WAAW,GAAGpB,MAAMK,MAAM;QAC7B,GAAGK,cAAc;QACjB,GAAGQ,UAAU;QACbE,WAAWD;QACXH,UAAU;YACNR,UAAU,WAAW,GAAGN,aAAae,iBAAiB;gBAClD,GAAGR,WAAW;YAClB,GAAG;gBACCD;aACH;YACDQ;SACH;IACL;AACJ;AACAF,SAASO,WAAW,GAAG;AACvB,SAASP,QAAQ,GAAG,CAEpB,oCAAoC"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { buildFlexStyles, splitProps } from "./propUtils";
+const Flex = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { elementType: Element = "div", ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/Flex", props.className);
+    const [styleProps, restProps] = splitProps(otherProps);
+    const flexStyles = buildFlexStyles(styleProps);
+    return /*#__PURE__*/ _jsx(Element, {
+        ref: ref,
+        style: flexStyles,
+        ...restProps,
+        className: classes
+    });
+});
+Flex.displayName = "Flex";
+export { Flex }; //# sourceMappingURL=Flex.js.map
+
+//# sourceMappingURL=Flex.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Flex/Flex.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { buildFlexStyles, splitProps } from \"./propUtils\";\nconst Flex = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { elementType: Element = \"div\", ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/Flex\", props.className);\n    const [styleProps, restProps] = splitProps(otherProps);\n    const flexStyles = buildFlexStyles(styleProps);\n    return /*#__PURE__*/ _jsx(Element, {\n        ref: ref,\n        style: flexStyles,\n        ...restProps,\n        className: classes\n    });\n});\nFlex.displayName = \"Flex\";\nexport { Flex };\n\n//# sourceMappingURL=Flex.js.map"],"names":["jsx","_jsx","forwardRef","classNames","buildFlexStyles","splitProps","Flex","props","ref","elementType","Element","otherProps","classes","className","styleProps","restProps","flexStyles","style","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,eAAe,EAAEC,UAAU,QAAQ,cAAc;AAC1D,MAAMC,OAAO,WAAW,GAAGJ,WAAW,CAACK,OAAOC;IAC1C,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,UAAUT,WAAW,UAAU,eAAeI,MAAMM,SAAS;IACnE,MAAM,CAACC,YAAYC,UAAU,GAAGV,WAAWM;IAC3C,MAAMK,aAAaZ,gBAAgBU;IACnC,OAAO,WAAW,GAAGb,KAAKS,SAAS;QAC/BF,KAAKA;QACLS,OAAOD;QACP,GAAGD,SAAS;QACZF,WAAWD;IACf;AACJ;AACAN,KAAKY,WAAW,GAAG;AACnB,SAASZ,IAAI,GAAG,CAEhB,gCAAgC"}

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { getSpacingValue } from "../../utils";
+import { filterUndefinedProps } from "../../utils/filterUndefinedProps";
+export const buildFlexStyles = (props)=>{
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props;
+    const styleProps = {
+        display: "flex",
+        flexDirection,
+        flexWrap,
+        flexGrow,
+        flex,
+        justifyContent,
+        alignItems,
+        alignContent,
+        gap: getSpacingValue(gap),
+        columnGap: getSpacingValue(columnGap),
+        rowGap: getSpacingValue(rowGap)
+    };
+    return filterUndefinedProps(styleProps);
+};
+export const splitProps = (props)=>{
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, ...otherProps } = props;
+    return [
+        {
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flex,
+            justifyContent,
+            alignItems,
+            alignContent,
+            gap,
+            rowGap,
+            columnGap
+        },
+        otherProps
+    ];
+}; //# sourceMappingURL=propUtils.js.map
+
+//# sourceMappingURL=propUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Flex/propUtils.js"],"sourcesContent":["import { getSpacingValue } from \"../../utils\";\nimport { filterUndefinedProps } from \"../../utils/filterUndefinedProps\";\nexport const buildFlexStyles = (props)=>{\n    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props;\n    const styleProps = {\n        display: \"flex\",\n        flexDirection,\n        flexWrap,\n        flexGrow,\n        flex,\n        justifyContent,\n        alignItems,\n        alignContent,\n        gap: getSpacingValue(gap),\n        columnGap: getSpacingValue(columnGap),\n        rowGap: getSpacingValue(rowGap)\n    };\n    return filterUndefinedProps(styleProps);\n};\nexport const splitProps = (props)=>{\n    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, ...otherProps } = props;\n    return [\n        {\n            flexDirection,\n            flexWrap,\n            flexGrow,\n            flex,\n            justifyContent,\n            alignItems,\n            alignContent,\n            gap,\n            rowGap,\n            columnGap\n        },\n        otherProps\n    ];\n};\n\n//# sourceMappingURL=propUtils.js.map"],"names":["getSpacingValue","filterUndefinedProps","buildFlexStyles","props","flexDirection","flexWrap","flexGrow","flex","justifyContent","alignItems","alignContent","gap","rowGap","columnGap","styleProps","display","splitProps","otherProps"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,SAASC,oBAAoB,QAAQ,mCAAmC;AACxE,OAAO,MAAMC,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,GAAG,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGV;IACtH,MAAMW,aAAa;QACfC,SAAS;QACTX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,KAAKX,gBAAgBW;QACrBE,WAAWb,gBAAgBa;QAC3BD,QAAQZ,gBAAgBY;IAC5B;IACA,OAAOX,qBAAqBa;AAChC,EAAE;AACF,OAAO,MAAME,aAAa,CAACb;IACvB,MAAM,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,GAAG,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGI,YAAY,GAAGd;IACrI,OAAO;QACH;YACIC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACJ;QACAI;KACH;AACL,EAAE,CAEF,qCAAqC"}

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

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

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

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

package/dist/esm/dist/esm/components/Grid/Grid.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { filterUndefinedProps, getSpacingValue } from "../../utils";
+const Grid = /*#__PURE__*/ forwardRef((props, _ref)=>{
+    const { columns = 12, gap, columnGap, rowGap, alignContent, alignItems, justifyContent, justifyItems, className, ...rest } = props;
+    const classes = classNames("mobius", "mobius/Grid", className);
+    const styles = filterUndefinedProps({
+        boxSizing: "border-box",
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, 1fr)`,
+        gap: getSpacingValue(gap),
+        columnGap: getSpacingValue(columnGap),
+        rowGap: getSpacingValue(rowGap),
+        alignContent,
+        alignItems,
+        justifyContent,
+        justifyItems
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        style: styles,
+        className: classes,
+        ...rest
+    });
+});
+Grid.displayName = "Grid";
+export { Grid }; //# sourceMappingURL=Grid.js.map
+
+//# sourceMappingURL=Grid.js.map