@simplybusiness/mobius 4.2.7 → 4.3.0

package/dist/esm/components/Modal/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 { forwardRef } from "react";
-import classNames from "classnames/dedupe";
 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/ModalHeader");
-    const closeClasses = classNames("mobius/ModalClose");
-    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/ModalHeader",
+        children: [
+            children,
+            /*#__PURE__*/ _jsxs(Button, {
+                "aria-label": "Close",
+                variant: "basic",
+                onPress: onClose,
+                className: "mobius/ModalClose",
+                children: [
+                    /*#__PURE__*/ _jsx(Icon, {
+                        icon: cross
+                    }),
+                    " ",
+                    closeLabel
+                ]
+            })
+        ]
+    }));
 Header.displayName = "Header";
 export { Header };
+
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Modal/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,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,oBAAoB,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAErD,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/Modal/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/ModalHeader\">\n      {children}\n      <Button\n        aria-label=\"Close\"\n        variant=\"basic\"\n        onPress={onClose}\n        className=\"mobius/ModalClose\"\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/Modal/Modal.js

@@ -1,86 +1,109 @@
-/* eslint-disable no-console */
 "use client";
 import { jsx as _jsx } 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";
-const Modal = ({ isOpen, onClose, children, className, closeLabel, isFullScreen, animation, 
-// Deprecated props below
-size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector, }) => {
+import { mergeRefs } from "../../utils";
+const Modal = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _window;
+    const { isOpen, onClose, onOpen, children, className, closeLabel, isFullScreen, animation, // Deprecated props below
+    size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector } = props;
     const hasWarnedAboutMissingLabels = useRef(false);
     // Handle deprecated props
     if (!hasWarnedAboutMissingLabels.current) {
-        if (size ||
-            appElement ||
-            preventCloseOnEsc ||
-            shouldFocusAfterRender ||
-            parentSelector) {
+        if (size || appElement || preventCloseOnEsc || shouldFocusAfterRender || parentSelector) {
             console.warn(`Deprecation warning: Mobius Modal no longer supports the following props: size, appElement, preventCloseOnEsc, shouldFocusAfterRender and parentSelector.`);
             hasWarnedAboutMissingLabels.current = true;
         }
     }
+    const hasOpened = useRef(false);
     const modalRef = useRef(null);
     const dialog = modalRef.current;
-    const noPreference = window === null || window === void 0 ? void 0 : window.matchMedia("(prefers-reduced-motion: no-preference)");
-    useBodyScrollLock({ enabled: isOpen });
+    const noPreference = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia("(prefers-reduced-motion: no-preference)");
+    // Fire onOpen once
+    if (onOpen && !hasOpened.current) {
+        onOpen();
+        hasOpened.current = true;
+    }
+    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();
-            };
-            if (animation) {
-                dialog.classList.add("close");
-                dialog.addEventListener("animationend", () => {
-                    dialog.classList.remove("close");
-                    doClose();
-                }, { once: true });
-            }
-            else {
+        }
+        const doClose = ()=>{
+            dialog === null || dialog === void 0 ? void 0 : dialog.close();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        };
+        if (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
+            });
+        } else {
+            doClose();
         }
-    }, [animation, dialog, onClose]);
+    }, [
+        animation,
+        dialog,
+        onClose
+    ]);
     const modalClasses = classNames("mobius", "mobius/Modal", {
         animation,
         "--slide-up": animation === "slideUp",
         "--fade": animation === "fade",
         "--has-reduced-motion": !noPreference.matches,
-        "--is-fullscreen": isFullScreen,
+        "--is-fullscreen": isFullScreen
     }, 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();
-            }
-            else if ((_b = modalRef.current) === null || _b === void 0 ? void 0 : _b.open) {
-                (_c = modalRef.current) === null || _c === void 0 ? void 0 : _c.close();
+                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 ((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open) {
+                handleClose();
             }
         }
         toggleModal();
-    }, [isOpen]);
-    return (_jsx("dialog", { ref: modalRef, onCancel: handleClose, className: modalClasses, children: Children.map(children, child => {
-            if (isValidElement(child)) {
-                return cloneElement(child, {
+    }, [
+        isOpen,
+        onOpen,
+        handleClose
+    ]);
+    return /*#__PURE__*/ _jsx("dialog", {
+        ref: mergeRefs([
+            modalRef,
+            ref
+        ]),
+        onCancel: handleClose,
+        className: modalClasses,
+        children: Children.map(children, (child)=>{
+            if (/*#__PURE__*/ isValidElement(child)) {
+                return /*#__PURE__*/ cloneElement(child, {
                     onClose: handleClose,
-                    closeLabel,
+                    closeLabel
                 });
             }
             return child;
-        }) }));
-};
+        })
+    });
+});
 Modal.displayName = "Modal";
 export { Modal };
+
 //# sourceMappingURL=Modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Modal/Modal.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 { ModalProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\n\nexport type ModalElementType = HTMLDialogElement;\nexport type ModalRef = Ref<ModalElementType>;\n\nconst Modal = forwardRef((props: ModalProps, ref: ModalRef) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    children,\n    className,\n    closeLabel,\n    isFullScreen,\n    animation,\n    // Deprecated props below\n    size,\n    appElement,\n    preventCloseOnEsc,\n    shouldFocusAfterRender,\n    parentSelector,\n  } = props;\n  const hasWarnedAboutMissingLabels = useRef<boolean>(false);\n  // Handle deprecated props\n  if (!hasWarnedAboutMissingLabels.current) {\n    if (\n      size ||\n      appElement ||\n      preventCloseOnEsc ||\n      shouldFocusAfterRender ||\n      parentSelector\n    ) {\n      console.warn(\n        `Deprecation warning: Mobius Modal no longer supports the following props: size, appElement, preventCloseOnEsc, shouldFocusAfterRender and parentSelector.`,\n      );\n      hasWarnedAboutMissingLabels.current = true;\n    }\n  }\n\n  const hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement>(null);\n  const dialog = modalRef.current as HTMLDialogElement;\n  const noPreference = window?.matchMedia(\n    \"(prefers-reduced-motion: no-preference)\",\n  );\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      if (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      } else {\n        doClose();\n      }\n    },\n    [animation, dialog, onClose],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Modal\",\n    {\n      animation,\n      \"--slide-up\": animation === \"slideUp\",\n      \"--fade\": animation === \"fade\",\n      \"--has-reduced-motion\": !noPreference.matches,\n      \"--is-fullscreen\": isFullScreen,\n    },\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    >\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\nModal.displayName = \"Modal\";\nexport { Modal };\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","useCallback","useEffect","useRef","useBodyScrollLock","supportsDialog","mergeRefs","Modal","props","ref","window","isOpen","onClose","onOpen","children","className","closeLabel","isFullScreen","animation","size","appElement","preventCloseOnEsc","shouldFocusAfterRender","parentSelector","hasWarnedAboutMissingLabels","current","console","warn","hasOpened","modalRef","dialog","noPreference","matchMedia","enabled","handleClose","event","preventDefault","stopPropagation","doClose","close","classList","add","addEventListener","remove","once","modalClasses","matches","toggleModal","default","dialogPolyfill","registerDialog","showModal","open","onCancel","map","child","displayName"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,GAGR,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,MAAM,GAGP,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,IAAI,cAAc,EAAc,MAAM,SAAS,CAAC;AAE9D,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IAC1C,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Modal/index.tsx"],"sourcesContent":["import {\n  Content,\n  DivElementType as ModalContentDivElementType,\n  ContentProps as ModalContentProps,\n} from \"./Content\";\nimport {\n  Header,\n  HeaderElementType as ModalHeaderElementType,\n  HeaderProps as ModalHeaderProps,\n} from \"./Header\";\nimport { Modal as ModalComponent } from \"./Modal\";\nimport { ModalProps } from \"./types\";\n\nconst Modal = Object.assign(ModalComponent, {\n  Header,\n  Content,\n});\n\nModal.displayName = \"Modal\";\nexport { Modal };\n\nexport type {\n  ModalContentDivElementType,\n  ModalContentProps,\n  ModalHeaderElementType,\n  ModalHeaderProps,\n  ModalProps,\n};\n"],"names":["Content","Header","Modal","ModalComponent","Object","assign","displayName"],"mappings":"AAAA,SACEA,OAAO,QAGF,YAAY;AACnB,SACEC,MAAM,QAGD,WAAW;AAClB,SAASC,SAASC,cAAc,QAAQ,UAAU;AAGlD,MAAMD,QAAQE,OAAOC,MAAM,CAACF,gBAAgB;IAC1CF;IACAD;AACF;AAEAE,MAAMI,WAAW,GAAG;AACpB,SAASJ,KAAK,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Modal/types.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface ModalProps {\n  isOpen: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: ReactNode;\n  className?: string;\n  closeLabel?: string;\n  animation?: \"slideUp\" | \"fade\";\n  isFullScreen?: boolean;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  size?: string;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  appElement?: string;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  preventCloseOnEsc?: boolean;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  shouldFocusAfterRender?: boolean;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  parentSelector?: () => HTMLElement;\n}\n"],"names":[],"mappings":"AAEA,WA6BC"}

package/dist/esm/components/NumberField/NumberField.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
-import { forwardRef, useId, useRef, useState, } from "react";
+import { forwardRef, useId, useRef, useState } from "react";
 import { useLabel } from "../../hooks";
 import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
 import { ErrorMessage } from "../ErrorMessage";
 import { Label } from "../Label";
-export const NumberField = forwardRef((props, ref) => {
-    const { id, isDisabled, isRequired, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, errorMessage, validationState, isReadOnly, minValue, maxValue, step, placeholder, defaultValue = 0, onChange, } = props;
+export const NumberField = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { id, isDisabled, isRequired, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, errorMessage, validationState, isReadOnly, minValue, maxValue, step, placeholder, defaultValue = 0, onChange } = props;
     const inputRef = useRef(null);
     const [value, setValue] = useState(defaultValue);
     const valueWithoutLeadingZero = value.toString().replace(/^0+/, "");
@@ -17,34 +17,33 @@ export const NumberField = forwardRef((props, ref) => {
         id,
         label,
         "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
+        "aria-labelledby": ariaLabelledBy
     });
     const containerClasses = classNames("mobius/NumberField", className, {
-        "--is-optional": optional,
+        "--is-optional": optional
     });
     const inputClasses = classNames("mobius/NumberFieldInput", className, {
         "--is-required": required,
         "--is-optional": optional,
         "--is-valid": validationState === "valid",
         "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled,
+        "--is-disabled": isDisabled
     });
     const labelClasses = classNames("mobius/NumberFieldLabel", {
         "--is-valid": validationState === "valid",
         "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled,
+        "--is-disabled": isDisabled
     });
     const errorMessageId = useId();
     const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
     const describedBy = spaceDelimitedList([
         shouldErrorMessageShow,
-        ariaDescribedBy,
+        ariaDescribedBy
     ]);
-    const handleChange = (event) => {
+    const handleChange = (event)=>{
         // Only allow change between min and max values
         const enteredValue = Number(event.target.value);
-        if ((minValue && enteredValue < minValue) ||
-            (maxValue && enteredValue > maxValue)) {
+        if (minValue && enteredValue < minValue || maxValue && enteredValue > maxValue) {
             return;
         }
         setValue(enteredValue);
@@ -53,13 +52,52 @@ export const NumberField = forwardRef((props, ref) => {
         }
     };
     // Only allow numeric input
-    const handleBeforeInput = (event) => {
+    const handleBeforeInput = (event)=>{
         const allowedChars = /[\d]/;
         if (event.data && !allowedChars.test(event.data)) {
             event.preventDefault();
             event.stopPropagation();
         }
     };
-    return (_jsxs("div", { className: containerClasses, children: [label && (_jsx(Label, Object.assign({}, labelProps, { className: labelClasses, children: label }))), _jsx("div", { className: "mobius/NumberFieldInputWrapper", children: _jsx("input", Object.assign({}, fieldProps, { ref: inputRef || ref, className: inputClasses, type: "number", onChange: handleChange, onBeforeInput: handleBeforeInput, max: maxValue, min: minValue, step: step, value: valueWithoutLeadingZero, placeholder: placeholder, required: required, "aria-describedby": describedBy, "aria-errormessage": shouldErrorMessageShow, "aria-invalid": validationState === "invalid", readOnly: isReadOnly, disabled: isDisabled, autoComplete: "off", autoCorrect: "off", spellCheck: "false" })) }), _jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] }));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: containerClasses,
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "mobius/NumberFieldInputWrapper",
+                children: /*#__PURE__*/ _jsx("input", {
+                    ...fieldProps,
+                    ref: inputRef || ref,
+                    className: inputClasses,
+                    type: "number",
+                    onChange: handleChange,
+                    onBeforeInput: handleBeforeInput,
+                    max: maxValue,
+                    min: minValue,
+                    step: step,
+                    value: valueWithoutLeadingZero,
+                    placeholder: placeholder,
+                    required: required,
+                    "aria-describedby": describedBy,
+                    "aria-errormessage": shouldErrorMessageShow,
+                    "aria-invalid": validationState === "invalid",
+                    readOnly: isReadOnly,
+                    disabled: isDisabled,
+                    autoComplete: "off",
+                    autoCorrect: "off",
+                    spellCheck: "false"
+                })
+            }),
+            /*#__PURE__*/ _jsx(ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
 });
+
 //# sourceMappingURL=NumberField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  CompositionEvent,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, useLabel } from \"../../hooks\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type NumberFieldElementType = HTMLInputElement;\n\nexport interface NumberFieldProps\n  extends DOMProps,\n    UseLabelProps,\n    RefAttributes<NumberFieldElementType> {\n  id?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  validationState?: \"valid\" | \"invalid\" | undefined;\n  /** The smallest value allowed for the input. */\n  minValue?: number;\n  /** The largest value allowed for the input. */\n  maxValue?: number;\n  /** The amount that the input value changes with each increment or decrement \"tick\". */\n  step?: number; // ??\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler that is called when the value changes. */\n  onChange?: (event: ChangeEvent<NumberFieldElementType>) => void;\n  /** Temporary text that occupies the text input when it is empty. */\n  placeholder?: string;\n  /** Whether user input is required on the input before form submission. */\n  isRequired?: boolean;\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n  /** Whether the input can be selected but not changed by the user. */\n  isReadOnly?: boolean;\n  /** An error message for the field. */\n  errorMessage?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string | undefined;\n}\n\nexport type NumberFieldRef = Ref<NumberFieldElementType>;\n\nexport const NumberField: ForwardedRefComponent<\n  NumberFieldProps,\n  NumberFieldElementType\n> = forwardRef((props: NumberFieldProps, ref: NumberFieldRef) => {\n  const {\n    id,\n    isDisabled,\n    isRequired,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    className,\n    errorMessage,\n    validationState,\n    isReadOnly,\n    minValue,\n    maxValue,\n    step,\n    placeholder,\n    defaultValue = 0,\n    onChange,\n  } = props;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [value, setValue] = useState<number>(defaultValue);\n  const valueWithoutLeadingZero = value.toString().replace(/^0+/, \"\");\n  const optional = typeof isRequired === \"boolean\" && !isRequired;\n  const required = typeof isRequired === \"boolean\" && isRequired;\n\n  const { labelProps, fieldProps } = useLabel({\n    id,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n\n  const containerClasses = classNames(\"mobius/NumberField\", className, {\n    \"--is-optional\": optional,\n  });\n\n  const inputClasses = classNames(\"mobius/NumberFieldInput\", className, {\n    \"--is-required\": required,\n    \"--is-optional\": optional,\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\n  });\n\n  const labelClasses = classNames(\"mobius/NumberFieldLabel\", {\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\n  });\n\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    ariaDescribedBy,\n  ]);\n\n  const handleChange = (event: ChangeEvent<NumberFieldElementType>) => {\n    // Only allow change between min and max values\n    const enteredValue = Number(event.target.value);\n    if (\n      (minValue && enteredValue < minValue) ||\n      (maxValue && enteredValue > maxValue)\n    ) {\n      return;\n    }\n    setValue(enteredValue);\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  // Only allow numeric input\n  const handleBeforeInput = (\n    event: CompositionEvent<NumberFieldElementType>,\n  ) => {\n    const allowedChars = /[\\d]/;\n\n    if (event.data && !allowedChars.test(event.data)) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div className={containerClasses}>\n      {label && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius/NumberFieldInputWrapper\">\n        <input\n          {...fieldProps}\n          ref={inputRef || ref}\n          className={inputClasses}\n          type=\"number\"\n          onChange={handleChange}\n          onBeforeInput={handleBeforeInput}\n          max={maxValue}\n          min={minValue}\n          step={step}\n          value={valueWithoutLeadingZero}\n          placeholder={placeholder}\n          required={required}\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={validationState === \"invalid\"}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n        />\n      </div>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </div>\n  );\n});\n"],"names":["classNames","forwardRef","useId","useRef","useState","useLabel","spaceDelimitedList","ErrorMessage","Label","NumberField","props","ref","id","isDisabled","isRequired","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","className","errorMessage","validationState","isReadOnly","minValue","maxValue","step","placeholder","defaultValue","onChange","inputRef","value","setValue","valueWithoutLeadingZero","toString","replace","optional","required","labelProps","fieldProps","containerClasses","inputClasses","labelClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","handleChange","event","enteredValue","Number","target","handleBeforeInput","allowedChars","data","test","preventDefault","stopPropagation","div","input","type","onBeforeInput","max","min","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","autoComplete","autoCorrect","spellCheck"],"mappings":"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"}

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

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

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

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

package/dist/esm/components/Option/Option.js

@@ -1,21 +1,17 @@
-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";
-const Option = forwardRef((props, ref) => {
-    const { isDisabled } = props, rest = __rest(props, ["isDisabled"]);
-    const mappedProps = Object.assign(Object.assign({}, rest), { disabled: isDisabled });
-    return _jsx("option", Object.assign({}, mappedProps, { ref: ref }));
+const Option = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { isDisabled, ...rest } = props;
+    const mappedProps = {
+        ...rest,
+        disabled: isDisabled
+    };
+    return /*#__PURE__*/ _jsx("option", {
+        ...mappedProps,
+        ref: ref
+    });
 });
 Option.displayName = "Option";
 export { Option };
+
 //# sourceMappingURL=Option.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../src/components/Option/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AAWvD,MAAM,MAAM,GACV,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EAAE,UAAU,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/B,cAAuB,CAAQ,CAAC;IACtC,MAAM,WAAW,mCACZ,IAAI,KACP,QAAQ,EAAE,UAAU,GACrB,CAAC;IACF,OAAO,iCAAY,WAAW,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEL,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { forwardRef, RefAttributes, Ref } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface OptionProps extends RefAttributes<HTMLOptionElement> {\n  value?: string;\n  children?: string;\n  isDisabled?: boolean;\n}\n\nexport type OptionRef = Ref<HTMLOptionElement>;\n\nconst Option: ForwardedRefComponent<OptionProps, HTMLOptionElement> =\n  forwardRef((props: OptionProps, ref: OptionRef) => {\n    const { isDisabled, ...rest } = props;\n    const mappedProps = {\n      ...rest,\n      disabled: isDisabled,\n    };\n    return <option {...mappedProps} ref={ref} />;\n  });\n\nOption.displayName = \"Option\";\nexport { Option };\n"],"names":["forwardRef","Option","props","ref","isDisabled","rest","mappedProps","disabled","option","displayName"],"mappings":";AAAA,SAASA,UAAU,QAA4B,QAAQ;AAWvD,MAAMC,uBACJD,WAAW,CAACE,OAAoBC;IAC9B,MAAM,EAAEC,UAAU,EAAE,GAAGC,MAAM,GAAGH;IAChC,MAAMI,cAAc;QAClB,GAAGD,IAAI;QACPE,UAAUH;IACZ;IACA,qBAAO,KAACI;QAAQ,GAAGF,WAAW;QAAEH,KAAKA;;AACvC;AAEFF,OAAOQ,WAAW,GAAG;AACrB,SAASR,MAAM,GAAG"}

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

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

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

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

package/dist/esm/components/PasswordField/PasswordField.js

@@ -1,32 +1,33 @@
 "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 } from "react/jsx-runtime";
 import classNames from "classnames/dedupe";
 import { forwardRef, useState, useRef } from "react";
 import { mergeRefs } from "../../utils/mergeRefs";
-import { TextField, } from "../TextField";
+import { TextField } from "../TextField";
 import { ShowHideButton } from "./ShowHideButton";
-export const PasswordField = forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
+export const PasswordField = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
     const [show, setShow] = useState(false);
     const type = show ? "text" : "password";
     const classes = classNames("mobius/PasswordField", className);
     const localRef = useRef(null);
-    const handleShowHideButtonClick = () => {
-        var _a;
-        setShow(oldShow => !oldShow);
-        (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    const handleShowHideButtonClick = ()=>{
+        var _localRef_current;
+        setShow((oldShow)=>!oldShow);
+        (_localRef_current = localRef.current) === null || _localRef_current === void 0 ? void 0 : _localRef_current.focus();
     };
-    return (_jsx(TextField, Object.assign({ ref: mergeRefs([localRef, ref]), className: classes }, props, { type: type, suffixInside: _jsx(ShowHideButton, { onClick: handleShowHideButtonClick, show: show }) })));
+    return /*#__PURE__*/ _jsx(TextField, {
+        ref: mergeRefs([
+            localRef,
+            ref
+        ]),
+        className: classes,
+        ...props,
+        type: type,
+        suffixInside: /*#__PURE__*/ _jsx(ShowHideButton, {
+            onClick: handleShowHideButtonClick,
+            show: show
+        })
+    });
 });
+
 //# sourceMappingURL=PasswordField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EACL,SAAS,GAIV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAA2C,EAAE,GAAiB,EAAE,EAAE;QAAlE,EAAE,SAAS,OAAgC,EAA3B,KAAK,cAArB,aAAuB,CAAF;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IACxC,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAEpD,MAAM,yBAAyB,GAAG,GAAG,EAAE;;QACrC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;QAC7B,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,SAAS,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,SAAS,EAAE,OAAO,IACd,KAAK,IACT,IAAI,EAAE,IAAI,EACV,YAAY,EACV,KAAC,cAAc,IAAC,OAAO,EAAE,yBAAyB,EAAE,IAAI,EAAE,IAAI,GAAI,IAEpE,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"sources":["../../../../src/components/PasswordField/PasswordField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef, useState, useRef } from \"react\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\nimport {\n  TextField,\n  type TextFieldProps,\n  type TextFieldRef,\n  type TextFieldElementType,\n} from \"../TextField\";\nimport { ShowHideButton } from \"./ShowHideButton\";\n\nexport interface PasswordFieldProps extends TextFieldProps {}\n\nexport type PasswordFieldRef = TextFieldRef;\n\nexport const PasswordField = forwardRef(\n  ({ className, ...props }: PasswordFieldProps, ref: TextFieldRef) => {\n    const [show, setShow] = useState(false);\n    const type = show ? \"text\" : \"password\";\n    const classes = classNames(\"mobius/PasswordField\", className);\n    const localRef = useRef<TextFieldElementType>(null);\n\n    const handleShowHideButtonClick = () => {\n      setShow(oldShow => !oldShow);\n      localRef.current?.focus();\n    };\n\n    return (\n      <TextField\n        ref={mergeRefs([localRef, ref])}\n        className={classes}\n        {...props}\n        type={type}\n        suffixInside={\n          <ShowHideButton onClick={handleShowHideButtonClick} show={show} />\n        }\n      />\n    );\n  },\n);\n"],"names":["classNames","forwardRef","useState","useRef","mergeRefs","TextField","ShowHideButton","PasswordField","className","props","ref","show","setShow","type","classes","localRef","handleShowHideButtonClick","oldShow","current","focus","suffixInside","onClick"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,QAAQ;AACrD,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SACEC,SAAS,QAIJ,eAAe;AACtB,SAASC,cAAc,QAAQ,mBAAmB;AAMlD,OAAO,MAAMC,8BAAgBN,WAC3B,CAAC,EAAEO,SAAS,EAAE,GAAGC,OAA2B,EAAEC;IAC5C,MAAM,CAACC,MAAMC,QAAQ,GAAGV,SAAS;IACjC,MAAMW,OAAOF,OAAO,SAAS;IAC7B,MAAMG,UAAUd,WAAW,wBAAwBQ;IACnD,MAAMO,WAAWZ,OAA6B;IAE9C,MAAMa,4BAA4B;YAEhCD;QADAH,QAAQK,CAAAA,UAAW,CAACA;SACpBF,oBAAAA,SAASG,OAAO,cAAhBH,wCAAAA,kBAAkBI,KAAK;IACzB;IAEA,qBACE,KAACd;QACCK,KAAKN,UAAU;YAACW;YAAUL;SAAI;QAC9BF,WAAWM;QACV,GAAGL,KAAK;QACTI,MAAMA;QACNO,4BACE,KAACd;YAAee,SAASL;YAA2BL,MAAMA;;;AAIlE,GACA"}

package/dist/esm/components/PasswordField/ShowHideButton.js

@@ -1,6 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ShowHideButton = ({ show = false, onClick, }) => (_jsx("button", { className: "mobius/PasswordFieldShowButton", type: "button", onClick: e => {
-        e.preventDefault();
-        onClick();
-    }, "aria-label": `${show ? "Hide" : "Show"} password`, "data-testid": "show-hide-button", children: show ? "hide" : "show" }));
+export const ShowHideButton = ({ show = false, onClick })=>/*#__PURE__*/ _jsx("button", {
+        className: "mobius/PasswordFieldShowButton",
+        type: "button",
+        onClick: (e)=>{
+            e.preventDefault();
+            onClick();
+        },
+        "aria-label": `${show ? "Hide" : "Show"} password`,
+        "data-testid": "show-hide-button",
+        children: show ? "hide" : "show"
+    });
+
 //# sourceMappingURL=ShowHideButton.js.map