@simplybusiness/mobius 4.2.7 → 4.3.0

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

@@ -1,13 +1,13 @@
-/* eslint-disable no-console */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// eslint-disable-next-line import/no-extraneous-dependencies
 import classNames from "classnames/dedupe";
-import { Children, cloneElement, isValidElement, useCallback, useEffect, useRef, } from "react";
+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";
-const Drawer = ({ isOpen, className, closeLabel, direction, announce = "Drawer opened on screen", onOpen, onClose, children, }) => {
+import { mergeRefs } from "../../utils";
+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 dialog = modalRef.current;
@@ -16,54 +16,83 @@ const Drawer = ({ isOpen, className, closeLabel, direction, announce = "Drawer o
         onOpen();
         hasOpened.current = true;
     }
-    useBodyScrollLock({ enabled: isOpen });
+    useBodyScrollLock({
+        enabled: isOpen
+    });
     // Add close handler, to enable closing animations
-    const handleClose = useCallback(event => {
+    const handleClose = useCallback((event)=>{
         if (event) {
             event.preventDefault();
             event.stopPropagation();
-            const doClose = () => {
-                dialog.close();
-                onClose === null || onClose === void 0 ? void 0 : onClose();
-            };
-            // Delay close to allow exit animation
-            dialog.classList.add("close");
-            dialog.addEventListener("animationend", () => {
-                dialog.classList.remove("close");
-                doClose();
-            }, { once: true });
         }
-    }, [onClose, dialog]);
+        const doClose = ()=>{
+            dialog === null || dialog === void 0 ? void 0 : dialog.close();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        };
+        // Delay close to allow exit animation
+        dialog === null || dialog === void 0 ? void 0 : dialog.classList.add("close");
+        dialog === null || dialog === void 0 ? void 0 : dialog.addEventListener("animationend", ()=>{
+            dialog.classList.remove("close");
+            doClose();
+        }, {
+            once: true
+        });
+    }, [
+        onClose,
+        dialog
+    ]);
     const modalClasses = classNames("mobius", "mobius/Drawer", `--${direction}`, className);
     // Add polyfill for HTML Dialog in old browsers
-    useEffect(() => {
+    useEffect(()=>{
         async function toggleModal() {
-            var _a, _b, _c;
+            var _modalRef_current;
             if (!supportsDialog() && typeof window !== "undefined") {
                 // eslint-disable-next-line import/no-extraneous-dependencies
                 const { default: dialogPolyfill } = await import("dialog-polyfill");
                 dialogPolyfill.registerDialog(modalRef.current);
             }
             if (isOpen) {
-                (_a = modalRef.current) === null || _a === void 0 ? void 0 : _a.showModal();
+                var _modalRef_current1;
+                (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.showModal();
                 onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-            }
-            else if ((_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.open) {
-                (_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.close();
+            } else if ((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open) {
+                handleClose();
             }
         }
         toggleModal();
-    }, [isOpen, onOpen]);
-    return (_jsxs("dialog", { ref: modalRef, onCancel: handleClose, className: modalClasses, "aria-describedby": "screen-reader-announce", children: [_jsx(VisuallyHidden, { children: _jsx("div", { id: "screen-reader-announce", children: announce }) }), Children.map(children, child => {
-                if (isValidElement(child)) {
-                    return cloneElement(child, {
+    }, [
+        isOpen,
+        onOpen,
+        handleClose
+    ]);
+    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,
+                        closeLabel
                     });
                 }
                 return child;
-            })] }));
-};
+            })
+        ]
+    });
+});
 Drawer.displayName = "Drawer";
 export { Drawer };
+
 //# sourceMappingURL=Drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  Children,\n  Ref,\n  SyntheticEvent,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { DrawerProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\n\nexport type DialogElementType = HTMLDialogElement;\nexport type DialogRef = Ref<DialogElementType>;\n\nconst Drawer = forwardRef((props: DrawerProps, ref: DialogRef) => {\n  const {\n    isOpen,\n    className,\n    closeLabel,\n    direction,\n    announce = \"Drawer opened on screen\",\n    onOpen,\n    onClose,\n    children,\n  } = props;\n  const hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement>(null);\n  const dialog = modalRef.current as HTMLDialogElement;\n\n  // Fire onOpen once\n  if (onOpen && !hasOpened.current) {\n    onOpen();\n    hasOpened.current = true;\n  }\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  // Add close handler, to enable closing animations\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      const doClose = () => {\n        dialog?.close();\n        onClose?.();\n      };\n\n      // Delay close to allow exit animation\n      dialog?.classList.add(\"close\");\n      dialog?.addEventListener(\n        \"animationend\",\n        () => {\n          dialog.classList.remove(\"close\");\n          doClose();\n        },\n        { once: true },\n      );\n    },\n    [onClose, dialog],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Drawer\",\n    `--${direction}`,\n    className,\n  );\n\n  // Add polyfill for HTML Dialog in old browsers\n  useEffect(() => {\n    async function toggleModal() {\n      if (!supportsDialog() && typeof window !== \"undefined\") {\n        // eslint-disable-next-line import/no-extraneous-dependencies\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n        dialogPolyfill.registerDialog(modalRef.current as HTMLDialogElement);\n      }\n\n      if (isOpen) {\n        modalRef.current?.showModal();\n        onOpen?.();\n      } else if (modalRef.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleModal();\n  }, [isOpen, onOpen, handleClose]);\n\n  return (\n    <dialog\n      ref={mergeRefs([modalRef, ref])}\n      onCancel={handleClose}\n      className={modalClasses}\n      aria-describedby=\"screen-reader-announce\"\n    >\n      <VisuallyHidden>\n        <div id=\"screen-reader-announce\">{announce}</div>\n      </VisuallyHidden>\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose: handleClose,\n            closeLabel,\n          } as any);\n        }\n\n        return child;\n      })}\n    </dialog>\n  );\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","useCallback","useEffect","useRef","useBodyScrollLock","supportsDialog","VisuallyHidden","mergeRefs","Drawer","props","ref","isOpen","className","closeLabel","direction","announce","onOpen","onClose","children","hasOpened","modalRef","dialog","current","enabled","handleClose","event","preventDefault","stopPropagation","doClose","close","classList","add","addEventListener","remove","once","modalClasses","toggleModal","window","default","dialogPolyfill","registerDialog","showModal","open","onCancel","aria-describedby","div","id","map","child","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SACEC,QAAQ,EAGRC,YAAY,EACZC,UAAU,EACVC,cAAc,EACdC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,QAAQ;AACf,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,SAAS,QAAQ,cAAc;AAKxC,MAAMC,uBAAST,WAAW,CAACU,OAAoBC;IAC7C,MAAM,EACJC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,WAAW,yBAAyB,EACpCC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACT,GAAGT;IACJ,MAAMU,YAAYhB,OAAgB;IAClC,MAAMiB,WAAWjB,OAA0B;IAC3C,MAAMkB,SAASD,SAASE,OAAO;IAE/B,mBAAmB;IACnB,IAAIN,UAAU,CAACG,UAAUG,OAAO,EAAE;QAChCN;QACAG,UAAUG,OAAO,GAAG;IACtB;IAEAlB,kBAAkB;QAAEmB,SAASZ;IAAO;IAEpC,kDAAkD;IAClD,MAAMa,cAAcvB,YAClB,CAACwB;QACC,IAAIA,OAAO;YACTA,MAAMC,cAAc;YACpBD,MAAME,eAAe;QACvB;QAEA,MAAMC,UAAU;YACdP,mBAAAA,6BAAAA,OAAQQ,KAAK;YACbZ,oBAAAA,8BAAAA;QACF;QAEA,sCAAsC;QACtCI,mBAAAA,6BAAAA,OAAQS,SAAS,CAACC,GAAG,CAAC;QACtBV,mBAAAA,6BAAAA,OAAQW,gBAAgB,CACtB,gBACA;YACEX,OAAOS,SAAS,CAACG,MAAM,CAAC;YACxBL;QACF,GACA;YAAEM,MAAM;QAAK;IAEjB,GACA;QAACjB;QAASI;KAAO;IAGnB,MAAMc,eAAevC,WACnB,UACA,iBACA,CAAC,EAAE,EAAEkB,UAAU,CAAC,EAChBF;IAGF,+CAA+C;IAC/CV,UAAU;QACR,eAAekC;gBAUFhB;YATX,IAAI,CAACf,oBAAoB,OAAOgC,WAAW,aAAa;gBACtD,6DAA6D;gBAC7D,MAAM,EAAEC,SAASC,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC;gBACjDA,eAAeC,cAAc,CAACpB,SAASE,OAAO;YAChD;YAEA,IAAIX,QAAQ;oBACVS;iBAAAA,qBAAAA,SAASE,OAAO,cAAhBF,yCAAAA,mBAAkBqB,SAAS;gBAC3BzB,mBAAAA,6BAAAA;YACF,OAAO,KAAII,oBAAAA,SAASE,OAAO,cAAhBF,wCAAAA,kBAAkBsB,IAAI,EAAE;gBACjClB;YACF;QACF;QAEAY;IACF,GAAG;QAACzB;QAAQK;QAAQQ;KAAY;IAEhC,qBACE,MAACH;QACCX,KAAKH,UAAU;YAACa;YAAUV;SAAI;QAC9BiC,UAAUnB;QACVZ,WAAWuB;QACXS,oBAAiB;;0BAEjB,KAACtC;0BACC,cAAA,KAACuC;oBAAIC,IAAG;8BAA0B/B;;;YAEnClB,SAASkD,GAAG,CAAC7B,UAAU8B,CAAAA;gBACtB,kBAAIhD,eAAegD,QAAQ;oBACzB,qBAAOlD,aAAakD,OAAO;wBACzB/B,SAASO;wBACTX;oBACF;gBACF;gBAEA,OAAOmC;YACT;;;AAGN;AAEAxC,OAAOyC,WAAW,GAAG;AACrB,SAASzC,MAAM,GAAG"}

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

@@ -1,26 +1,30 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
 import { forwardRef } from "react";
 import { cross } from "@simplybusiness/icons";
 import { Button } from "../Button";
 import { Icon } from "../Icon";
-const Header = forwardRef((_a, ref) => {
-    var { children, onClose, closeLabel } = _a, otherProps = __rest(_a, ["children", "onClose", "closeLabel"]);
-    const classes = classNames("mobius/DrawerHeader");
-    const closeClasses = classNames("mobius/DrawerClose");
-    return (_jsxs("header", Object.assign({ ref: ref }, otherProps, { className: classes, children: [children, _jsxs(Button, { "aria-label": "Close", variant: "basic", onPress: onClose, className: closeClasses, children: [_jsx(Icon, { icon: cross }), " ", closeLabel] })] })));
-});
+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

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAa/B,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAA6D,EAC7D,GAAc,EACd,EAAE;QAFF,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,OAA8B,EAAzB,UAAU,cAA9C,qCAAgD,CAAF;IAG9C,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEtD,OAAO,CACL,gCAAQ,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,aACjD,QAAQ,EACT,MAAC,MAAM,kBACM,OAAO,EAClB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,YAAY,aAEvB,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,GAAI,OAAE,UAAU,IAC1B,KACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Drawer/Header.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Header = forwardRef(\n  (\n    { children, onClose, closeLabel, ...otherProps }: HeaderProps,\n    ref: HeaderRef,\n  ) => (\n    <header ref={ref} {...otherProps} className=\"mobius/DrawerHeader\">\n      {children}\n      <Button\n        aria-label=\"Close\"\n        variant=\"basic\"\n        onPress={onClose}\n        className=\"mobius/DrawerClose\"\n      >\n        <Icon icon={cross} /> {closeLabel}\n      </Button>\n    </header>\n  ),\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["forwardRef","cross","Button","Icon","Header","children","onClose","closeLabel","otherProps","ref","header","className","aria-label","variant","onPress","icon","displayName"],"mappings":";AAAA,SAAgDA,UAAU,QAAQ,QAAQ;AAE1E,SAASC,KAAK,QAAQ,wBAAwB;AAE9C,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,UAAU;AAa/B,MAAMC,uBAASJ,WACb,CACE,EAAEK,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAyB,EAC7DC,oBAEA,MAACC;QAAOD,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;;YACzCN;0BACD,MAACH;gBACCU,cAAW;gBACXC,SAAQ;gBACRC,SAASR;gBACTK,WAAU;;kCAEV,KAACR;wBAAKY,MAAMd;;oBAAS;oBAAEM;;;;;AAM/BH,OAAOY,WAAW,GAAG;AACrB,SAASZ,MAAM,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,GAGR,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,MAAM,IAAI,eAAe,EAAe,MAAM,UAAU,CAAC;AAClE,OAAO,EAGL,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IAC5C,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Drawer/index.tsx"],"sourcesContent":["import {\n  Content,\n  DivElementType as DrawerContentDivElementType,\n  ContentProps as DrawerContentProps,\n} from \"./Content\";\nimport { Drawer as DrawerComponent } from \"./Drawer\";\nimport { DrawerProps } from \"./types\";\nimport {\n  HeaderElementType as DrawerHeaderElementType,\n  HeaderProps as DrawerHeaderProps,\n  Header,\n} from \"./Header\";\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Header,\n  Content,\n});\n\nDrawer.displayName = \"Drawer\";\nexport { Drawer };\n\nexport type {\n  DrawerContentDivElementType,\n  DrawerContentProps,\n  DrawerHeaderElementType,\n  DrawerHeaderProps,\n  DrawerProps,\n};\n"],"names":["Content","Drawer","DrawerComponent","Header","Object","assign","displayName"],"mappings":"AAAA,SACEA,OAAO,QAGF,YAAY;AACnB,SAASC,UAAUC,eAAe,QAAQ,WAAW;AAErD,SAGEC,MAAM,QACD,WAAW;AAElB,MAAMF,SAASG,OAAOC,MAAM,CAACH,iBAAiB;IAC5CC;IACAH;AACF;AAEAC,OAAOK,WAAW,GAAG;AACrB,SAASL,MAAM,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Drawer/types.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface DrawerProps {\n  isOpen: boolean;\n  /**\n   * Direction that drawer will open from\n   */\n  direction: \"top\" | \"bottom\" | \"left\" | \"right\";\n  className?: string;\n  closeLabel?: string;\n  /**\n   * Announce text for screen readers when drawer opens\n   */\n  announce?: string;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: ReactNode;\n}\n"],"names":[],"mappings":"AAEA,WAeC"}

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

@@ -1,45 +1,59 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, Children, isValidElement, cloneElement, useState, } from "react";
+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 = forwardRef((props, ref) => {
-    const { elementType: Element = "nav", trigger, label = "Menu", children } = props, otherProps = __rest(props, ["elementType", "trigger", "label", "children"]);
+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 { 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,
+        "--is-open": open
     });
-    const handleChildClick = ({ onClick }, index) => {
+    const handleChildClick = ({ onClick }, index)=>{
         setActiveId(index);
         setIsOpen(false);
         if (onClick) {
             onClick();
         }
     };
-    return (_jsxs(Element, Object.assign({ ref: ref }, otherProps, { className: classes, children: [trigger ? (cloneElement(trigger, Object.assign({ className: triggerClasses, open,
-                label }, buttonProps))) : (_jsx(Button, Object.assign({ className: triggerClasses }, buttonProps, { children: label }))), _jsx("ul", { className: listClasses, role: "menu", children: Children.map(children, (child, index) => {
-                    if (isValidElement(child)) {
-                        return cloneElement(child, Object.assign({ onClick: () => handleChildClick(child.props, index), active: index === activeId }, itemProps[index]));
+    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

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,EAEL,UAAU,EAGV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAsBnC,MAAM,YAAY,GAGd,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAoB,EAAE,EAAE;IAChE,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,OAAO,EACP,KAAK,GAAG,MAAM,EACd,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EANH,+CAML,CAAQ,CAAC;IACV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EAAE,IAAI,EACZ,SAAS,GACV,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,UAAU,CACxB,QAAQ,EACR,qBAAqB,EACrB,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,cAAc,GAAG,UAAU,CAAC,QAAQ,EAAE,4BAA4B,CAAC,CAAC;IAC1E,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,yBAAyB,EAAE;QAClE,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,KAAa,EAAE,EAAE;QACvE,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,aAClD,OAAO,CAAC,CAAC,CAAC,CACT,YAAY,CAAC,OAAO,kBAClB,SAAS,EAAE,cAAc,EACzB,IAAI;gBACJ,KAAK,IACF,WAAW,EACd,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,kBAAC,SAAS,EAAE,cAAc,IAAM,WAAW,cAC/C,KAAK,IACC,CACV,EACD,aAAI,SAAS,EAAE,WAAW,EAAE,IAAI,EAAC,MAAM,YACpC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACvC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;wBAC1B,OAAO,YAAY,CAAC,KAAK,EAAE,gBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,EACnD,MAAM,EAAE,KAAK,KAAK,QAAQ,IACvB,SAAS,CAAC,KAAK,CAAC,CACb,CAAC,CAAC;oBACZ,CAAC;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,GACC,KACG,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  RefAttributes,\n  ReactNode,\n  Children,\n  isValidElement,\n  cloneElement,\n  useState,\n  ReactElement,\n} from \"react\";\nimport useDropdownMenu from \"react-accessible-dropdown-menu-hook\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nimport { Button } from \"../Button\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type DropdownMenuElementType = HTMLElement;\n\nexport interface DropdownMenuProps\n  extends DOMProps,\n    RefAttributes<DropdownMenuElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  label?: string;\n  trigger?: ReactElement;\n}\n\nexport type DropdownMenuRef = Ref<DropdownMenuElementType>;\n\ntype ChildClickProps = {\n  onClick?: () => void;\n};\n\nconst DropdownMenu: ForwardedRefComponent<\n  DropdownMenuProps,\n  DropdownMenuElementType\n> = forwardRef((props: DropdownMenuProps, ref: DropdownMenuRef) => {\n  const {\n    elementType: Element = \"nav\",\n    trigger,\n    label = \"Menu\",\n    children,\n    ...otherProps\n  } = props;\n  const [activeId, setActiveId] = useState<number | null>(null);\n  const numberOfItems = Children.count(children);\n  const {\n    buttonProps,\n    itemProps,\n    isOpen: open,\n    setIsOpen,\n  } = useDropdownMenu(numberOfItems);\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/DropdownMenu\",\n    otherProps.className,\n  );\n  const triggerClasses = classNames(\"mobius\", \"mobius/DropdownMenuTrigger\");\n  const listClasses = classNames(\"mobius\", \"mobius/DropdownMenuList\", {\n    \"--is-open\": open,\n  });\n\n  const handleChildClick = ({ onClick }: ChildClickProps, index: number) => {\n    setActiveId(index);\n    setIsOpen(false);\n\n    if (onClick) {\n      onClick();\n    }\n  };\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {trigger ? (\n        cloneElement(trigger, {\n          className: triggerClasses,\n          open,\n          label,\n          ...buttonProps,\n        })\n      ) : (\n        <Button className={triggerClasses} {...buttonProps}>\n          {label}\n        </Button>\n      )}\n      <ul className={listClasses} role=\"menu\">\n        {Children.map(children, (child, index) => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              onClick: () => handleChildClick(child.props, index),\n              active: index === activeId,\n              ...itemProps[index],\n            } as any);\n          }\n\n          return child;\n        })}\n      </ul>\n    </Element>\n  );\n});\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["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","ul","role","map","child","active","displayName"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EAGVC,QAAQ,EACRC,cAAc,EACdC,YAAY,EACZC,QAAQ,QAEH,QAAQ;AACf,OAAOC,qBAAqB,sCAAsC;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,MAAM,QAAQ,YAAY;AAsBnC,MAAMC,6BAGFR,WAAW,CAACS,OAA0BC;IACxC,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,MAAM,EACdC,QAAQ,EACR,GAAGC,YACJ,GAAGP;IACJ,MAAM,CAACQ,UAAUC,YAAY,GAAGd,SAAwB;IACxD,MAAMe,gBAAgBlB,SAASmB,KAAK,CAACL;IACrC,MAAM,EACJM,WAAW,EACXC,SAAS,EACTC,QAAQC,IAAI,EACZC,SAAS,EACV,GAAGpB,gBAAgBc;IAEpB,MAAMO,UAAUpB,WACd,UACA,uBACAU,WAAWW,SAAS;IAEtB,MAAMC,iBAAiBtB,WAAW,UAAU;IAC5C,MAAMuB,cAAcvB,WAAW,UAAU,2BAA2B;QAClE,aAAakB;IACf;IAEA,MAAMM,mBAAmB,CAAC,EAAEC,OAAO,EAAmB,EAAEC;QACtDd,YAAYc;QACZP,UAAU;QAEV,IAAIM,SAAS;YACXA;QACF;IACF;IAEA,qBACE,MAACnB;QAAQF,KAAKA;QAAM,GAAGM,UAAU;QAAEW,WAAWD;;YAC3Cb,wBACCV,aAAaU,SAAS;gBACpBc,WAAWC;gBACXJ;gBACAV;gBACA,GAAGO,WAAW;YAChB,mBAEA,KAACd;gBAAOoB,WAAWC;gBAAiB,GAAGP,WAAW;0BAC/CP;;0BAGL,KAACmB;gBAAGN,WAAWE;gBAAaK,MAAK;0BAC9BjC,SAASkC,GAAG,CAACpB,UAAU,CAACqB,OAAOJ;oBAC9B,kBAAI9B,eAAekC,QAAQ;wBACzB,qBAAOjC,aAAaiC,OAAO;4BACzBL,SAAS,IAAMD,iBAAiBM,MAAM3B,KAAK,EAAEuB;4BAC7CK,QAAQL,UAAUf;4BAClB,GAAGK,SAAS,CAACU,MAAM;wBACrB;oBACF;oBAEA,OAAOI;gBACT;;;;AAIR;AAEA5B,aAAa8B,WAAW,GAAG;AAC3B,SAAS9B,YAAY,GAAG"}

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

@@ -1,22 +1,19 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames/dedupe";
-const Item = forwardRef((props, ref) => {
-    const { elementType: Element = "li", active, onClick } = props, otherProps = __rest(props, ["elementType", "active", "onClick"]);
-    const classes = classNames("mobius", "mobius/DropdownMenuItem", { "--is-active": active }, otherProps.className);
-    return (_jsx(Element, Object.assign({ ref: ref, className: classes, onClick: onClick }, otherProps)));
+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

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAiB3C,MAAM,IAAI,GAAsD,UAAU,CACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,IAAI,EAC3B,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,UAAU,UACX,KAAK,EALH,oCAKL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,UAAU,CACxB,QAAQ,EACR,yBAAyB,EACzB,EAAE,aAAa,EAAE,MAAM,EAAE,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,kBACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,IACZ,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/DropdownMenu/Item.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ItemElementType = HTMLLIElement;\n\nexport interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {\n  elementType?: string | React.ElementType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  active?: boolean;\n  children?: ReactNode;\n  onClick?: () => void;\n}\n\nexport type ItemRef = Ref<ItemElementType>;\n\nconst Item: ForwardedRefComponent<ItemProps, ItemElementType> = forwardRef(\n  (props: ItemProps, ref: ItemRef) => {\n    const {\n      elementType: Element = \"li\",\n      active,\n      onClick,\n      ...otherProps\n    } = props;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/DropdownMenuItem\",\n      { \"--is-active\": active },\n      otherProps.className,\n    );\n\n    return (\n      <Element\n        ref={ref}\n        className={classes}\n        onClick={onClick}\n        {...otherProps}\n      />\n    );\n  },\n);\n\nItem.displayName = \"DropdownMenu.Item\";\nexport { Item };\n"],"names":["forwardRef","classNames","Item","props","ref","elementType","Element","active","onClick","otherProps","classes","className","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAiB3C,MAAMC,qBAA0DF,WAC9D,CAACG,OAAkBC;IACjB,MAAM,EACJC,aAAaC,UAAU,IAAI,EAC3BC,MAAM,EACNC,OAAO,EACP,GAAGC,YACJ,GAAGN;IACJ,MAAMO,UAAUT,WACd,UACA,2BACA;QAAE,eAAeM;IAAO,GACxBE,WAAWE,SAAS;IAGtB,qBACE,KAACL;QACCF,KAAKA;QACLO,WAAWD;QACXF,SAASA;QACR,GAAGC,UAAU;;AAGpB;AAGFP,KAAKU,WAAW,GAAG;AACnB,SAASV,IAAI,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,IAAI,qBAAqB,GAGtC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAc9B,MAAM,YAAY,GAAyB,MAAM,CAAC,MAAM,CACtD,qBAAqB,EACrB;IACE,IAAI;CACL,CACF,CAAC;AAWF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/DropdownMenu/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  DropdownMenu as DropdownMenuComponent,\n  DropdownMenuProps,\n  DropdownMenuRef,\n} from \"./DropdownMenu\";\nimport { Item } from \"./Item\";\n\nimport type { DropdownMenuElementType } from \"./DropdownMenu\";\nimport type {\n  ItemProps as DropdownMenuItemProps,\n  ItemRef as DropdownMenuItemRef,\n  ItemElementType as DropdownMenuItemElementType,\n} from \"./Item\";\n\nexport interface DropdownMenuCompound\n  extends ForwardedRefComponent<DropdownMenuProps, HTMLElement> {\n  Item: ForwardedRefComponent<DropdownMenuItemProps, HTMLLIElement>;\n}\n\nconst DropdownMenu: DropdownMenuCompound = Object.assign(\n  DropdownMenuComponent,\n  {\n    Item,\n  },\n);\n\nexport type {\n  DropdownMenuElementType,\n  DropdownMenuProps,\n  DropdownMenuRef,\n  DropdownMenuItemProps,\n  DropdownMenuItemRef,\n  DropdownMenuItemElementType,\n};\n\nDropdownMenu.displayName = \"DropdownMenu\";\nexport { DropdownMenu };\n"],"names":["DropdownMenu","DropdownMenuComponent","Item","Object","assign","displayName"],"mappings":"AACA,SACEA,gBAAgBC,qBAAqB,QAGhC,iBAAiB;AACxB,SAASC,IAAI,QAAQ,SAAS;AAc9B,MAAMF,eAAqCG,OAAOC,MAAM,CACtDH,uBACA;IACEC;AACF;AAYFF,aAAaK,WAAW,GAAG;AAC3B,SAASL,YAAY,GAAG"}

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

@@ -1,11 +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, }) => {
+export const ErrorMessage = ({ id, errorMessage, className })=>{
     const classes = classNames("mobius", "mobius/ErrorMessage", className);
-    if (!errorMessage)
-        return null;
-    return (_jsxs("div", { id: id, className: classes, "data-testid": "ErrorMessage", children: [_jsx("span", { className: "mobius/ErrorIcon" }), _jsx(Text, { elementType: "span", className: "mobius/ErrorText", children: errorMessage })] }));
+    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

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,YAAY,EACZ,SAAS,GACS,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEvE,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,eAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,iBAAc,cAAc,aACzD,eAAM,SAAS,EAAC,kBAAkB,GAAG,EACrC,KAAC,IAAI,IAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,kBAAkB,YAClD,YAAY,GACR,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { Text } from \"../Text\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius/ErrorMessage\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\">\n      <span className=\"mobius/ErrorIcon\" />\n      <Text elementType=\"span\" className=\"mobius/ErrorText\">\n        {errorMessage}\n      </Text>\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n"],"names":["classNames","Text","ErrorMessage","id","errorMessage","className","classes","div","data-testid","span","elementType","displayName"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAASC,IAAI,QAAQ,UAAU;AAQ/B,OAAO,MAAMC,eAAe,CAAC,EAC3BC,EAAE,EACFC,YAAY,EACZC,SAAS,EACS;IAClB,MAAMC,UAAUN,WAAW,UAAU,uBAAuBK;IAE5D,IAAI,CAACD,cAAc,OAAO;IAE1B,qBACE,MAACG;QAAIJ,IAAIA;QAAIE,WAAWC;QAASE,eAAY;;0BAC3C,KAACC;gBAAKJ,WAAU;;0BAChB,KAACJ;gBAAKS,aAAY;gBAAOL,WAAU;0BAChCD;;;;AAIT,EAAE;AAEFF,aAAaS,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"sources":["../../../../src/components/ErrorMessage/index.tsx"],"sourcesContent":["export * from \"./ErrorMessage\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

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

@@ -1,43 +1,51 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-import { cloneElement, forwardRef, useId, } from "react";
+import { cloneElement, forwardRef, useId } from "react";
 import { Flex } from "../Flex";
-const useFieldset = (props) => {
+const useFieldset = (props)=>{
     const { legend } = props;
     let legendProps = {};
     let containerProps = {
-        role: "group",
+        role: "group"
     };
     const legendId = useId();
     if (legend) {
-        legendProps = Object.assign(Object.assign({}, legendProps), { id: legendId });
-        containerProps = Object.assign(Object.assign({}, containerProps), { "aria-labelledby": legendId });
+        legendProps = {
+            ...legendProps,
+            id: legendId
+        };
+        containerProps = {
+            ...containerProps,
+            "aria-labelledby": legendId
+        };
     }
     return {
         legendProps,
-        containerProps,
+        containerProps
     };
 };
-const Fieldset = forwardRef((props, _ref) => {
-    const { children, legend, legendComponent = _jsx("legend", {}) } = props, otherProps = __rest(props, ["children", "legend", "legendComponent"]);
+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 (_jsxs(Flex, Object.assign({}, containerProps, otherProps, { className: classes, children: [legend && cloneElement(legendComponent, Object.assign({}, legendProps), [legend]), children] })));
+    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

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAKL,YAAY,EACZ,UAAU,EACV,KAAK,GACN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAY/B,MAAM,WAAW,GAAG,CAClB,KAAoB,EAC0C,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,IAAI,WAAW,GAAgB,EAAE,CAAC;IAClC,IAAI,cAAc,GAAmB;QACnC,IAAI,EAAE,OAAO;KACd,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,IAAI,MAAM,EAAE,CAAC;QACX,WAAW,mCACN,WAAW,KACd,EAAE,EAAE,QAAQ,GACb,CAAC;QACF,cAAc,mCACT,cAAc,KACjB,iBAAiB,EAAE,QAAQ,GAC5B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,WAAW;QACX,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,QAAQ,GACZ,UAAU,CAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,eAAe,GAAG,kBAAU,KAE1B,KAAK,EADJ,UAAU,UACX,KAAK,EALH,yCAKL,CAAQ,CAAC;IAEV,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzE,sBAAsB;IACtB,WAAW,CAAC,SAAS,GAAG,eAAe,CAAC;IAExC,OAAO,CACL,MAAC,IAAI,oBAAK,cAAc,EAAM,UAAU,IAAE,SAAS,EAAE,OAAO,aACzD,MAAM,IAAI,YAAY,CAAC,eAAe,oBAAO,WAAW,GAAI,CAAC,MAAM,CAAC,CAAC,EACrE,QAAQ,KACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type LegendProps = {\n  id?: string;\n  className?: string;\n};\n\ntype ContainerProps = {\n  \"aria-labelledby\"?: string;\n  role: string;\n};\n\nconst useFieldset = (\n  props: FieldsetProps,\n): { legendProps: LegendProps; containerProps: ContainerProps } => {\n  const { legend } = props;\n\n  let legendProps: LegendProps = {};\n  let containerProps: ContainerProps = {\n    role: \"group\",\n  };\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\n  return {\n    legendProps,\n    containerProps,\n  };\n};\n\nexport type FieldsetElementType = HTMLDivElement;\nexport interface FieldsetProps\n  extends DOMProps,\n    RefAttributes<FieldsetElementType> {\n  legend?: string;\n  children: ReactNode;\n  className?: string;\n  legendComponent?: ReactElement<any>;\n}\n\nexport type FieldsetRef = Ref<FieldsetElementType>;\n\nconst Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType> =\n  forwardRef((props: FieldsetProps, _ref: FieldsetRef) => {\n    const {\n      children,\n      legend,\n      legendComponent = <legend />,\n      ...otherProps\n    } = props;\n\n    const { legendProps, containerProps } = useFieldset(props);\n\n    const classes = classNames(\"mobius\", \"mobius/Fieldset\", props.className);\n\n    // Set class on legend\n    legendProps.className = \"mobius/Legend\";\n\n    return (\n      <Flex {...containerProps} {...otherProps} className={classes}>\n        {legend && cloneElement(legendComponent, { ...legendProps }, [legend])}\n        {children}\n      </Flex>\n    );\n  });\n\nFieldset.displayName = \"Fieldset\";\nexport { Fieldset };\n"],"names":["classNames","cloneElement","forwardRef","useId","Flex","useFieldset","props","legend","legendProps","containerProps","role","legendId","id","Fieldset","_ref","children","legendComponent","otherProps","classes","className","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAKEC,YAAY,EACZC,UAAU,EACVC,KAAK,QACA,QAAQ;AAGf,SAASC,IAAI,QAAQ,UAAU;AAY/B,MAAMC,cAAc,CAClBC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,IAAIE,cAA2B,CAAC;IAChC,IAAIC,iBAAiC;QACnCC,MAAM;IACR;IAEA,MAAMC,WAAWR;IACjB,IAAII,QAAQ;QACVC,cAAc;YACZ,GAAGA,WAAW;YACdI,IAAID;QACN;QACAF,iBAAiB;YACf,GAAGA,cAAc;YACjB,mBAAmBE;QACrB;IACF;IAEA,OAAO;QACLH;QACAC;IACF;AACF;AAcA,MAAMI,yBACJX,WAAW,CAACI,OAAsBQ;IAChC,MAAM,EACJC,QAAQ,EACRR,MAAM,EACNS,gCAAkB,KAACT,aAAS,EAC5B,GAAGU,YACJ,GAAGX;IAEJ,MAAM,EAAEE,WAAW,EAAEC,cAAc,EAAE,GAAGJ,YAAYC;IAEpD,MAAMY,UAAUlB,WAAW,UAAU,mBAAmBM,MAAMa,SAAS;IAEvE,sBAAsB;IACtBX,YAAYW,SAAS,GAAG;IAExB,qBACE,MAACf;QAAM,GAAGK,cAAc;QAAG,GAAGQ,UAAU;QAAEE,WAAWD;;YAClDX,wBAAUN,aAAae,iBAAiB;gBAAE,GAAGR,WAAW;YAAC,GAAG;gBAACD;aAAO;YACpEQ;;;AAGP;AAEFF,SAASO,WAAW,GAAG;AACvB,SAASP,QAAQ,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"sources":["../../../../src/components/Fieldset/index.tsx"],"sourcesContent":["export * from \"./Fieldset\";\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}