@simplybusiness/mobius 4.8.6 → 4.8.8

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

@@ -0,0 +1,105 @@
+"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 { useLabel } from "../../hooks";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { ErrorMessage } from "../ErrorMessage";
+import { Label } from "../Label";
+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+/, "");
+    const optional = typeof isRequired === "boolean" && !isRequired;
+    const required = typeof isRequired === "boolean" && isRequired;
+    const { labelProps, fieldProps } = useLabel({
+        id,
+        label,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy
+    });
+    const containerClasses = classNames("mobius/NumberField", className, {
+        "--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
+    });
+    const labelClasses = classNames("mobius/NumberFieldLabel", {
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled
+    });
+    const errorMessageId = useId();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = spaceDelimitedList([
+        shouldErrorMessageShow,
+        ariaDescribedBy
+    ]);
+    const handleChange = (event)=>{
+        // Only allow change between min and max values
+        const enteredValue = Number(event.target.value);
+        if (minValue && enteredValue < minValue || maxValue && enteredValue > maxValue) {
+            return;
+        }
+        setValue(enteredValue);
+        if (onChange) {
+            onChange(event);
+        }
+    };
+    // Only allow numeric input
+    const handleBeforeInput = (event)=>{
+        const allowedChars = /[\d]/;
+        if (event.data && !allowedChars.test(event.data)) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+    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
+ //# sourceMappingURL=NumberField.js.map
+ //# sourceMappingURL=NumberField.js.map
+
+//# sourceMappingURL=NumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/NumberField/NumberField.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef, useId, useRef, useState } from \"react\";\nimport { useLabel } from \"../../hooks\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nexport const NumberField = /*#__PURE__*/ forwardRef((props, ref)=>{\n    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;\n    const inputRef = useRef(null);\n    const [value, setValue] = useState(defaultValue);\n    const valueWithoutLeadingZero = value.toString().replace(/^0+/, \"\");\n    const optional = typeof isRequired === \"boolean\" && !isRequired;\n    const required = typeof isRequired === \"boolean\" && isRequired;\n    const { labelProps, fieldProps } = useLabel({\n        id,\n        label,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy\n    });\n    const containerClasses = classNames(\"mobius/NumberField\", className, {\n        \"--is-optional\": optional\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    const labelClasses = classNames(\"mobius/NumberFieldLabel\", {\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\",\n        \"--is-disabled\": isDisabled\n    });\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n        shouldErrorMessageShow,\n        ariaDescribedBy\n    ]);\n    const handleChange = (event)=>{\n        // Only allow change between min and max values\n        const enteredValue = Number(event.target.value);\n        if (minValue && enteredValue < minValue || maxValue && enteredValue > maxValue) {\n            return;\n        }\n        setValue(enteredValue);\n        if (onChange) {\n            onChange(event);\n        }\n    };\n    // Only allow numeric input\n    const handleBeforeInput = (event)=>{\n        const allowedChars = /[\\d]/;\n        if (event.data && !allowedChars.test(event.data)) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        className: containerClasses,\n        children: [\n            label && /*#__PURE__*/ _jsx(Label, {\n                ...labelProps,\n                className: labelClasses,\n                children: label\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"mobius/NumberFieldInputWrapper\",\n                children: /*#__PURE__*/ _jsx(\"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            }),\n            /*#__PURE__*/ _jsx(ErrorMessage, {\n                id: errorMessageId,\n                errorMessage: errorMessage\n            })\n        ]\n    });\n}); //# sourceMappingURL=NumberField.js.map\n //# sourceMappingURL=NumberField.js.map\n\n//# sourceMappingURL=NumberField.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","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","children","type","onBeforeInput","max","min","readOnly","disabled","autoComplete","autoCorrect","spellCheck"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+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
+ //# sourceMappingURL=Option.js.map
+ //# sourceMappingURL=Option.js.map
+
+//# sourceMappingURL=Option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Option/Option.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst Option = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { isDisabled, ...rest } = props;\n    const mappedProps = {\n        ...rest,\n        disabled: isDisabled\n    };\n    return /*#__PURE__*/ _jsx(\"option\", {\n        ...mappedProps,\n        ref: ref\n    });\n});\nOption.displayName = \"Option\";\nexport { Option }; //# sourceMappingURL=Option.js.map\n //# sourceMappingURL=Option.js.map\n\n//# sourceMappingURL=Option.js.map"],"names":["jsx","_jsx","forwardRef","Option","props","ref","isDisabled","rest","mappedProps","disabled","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,UAAU,QAAQ,QAAQ;AACnC,MAAMC,SAAS,WAAW,GAAGD,WAAW,CAACE,OAAOC;IAC5C,MAAM,EAAEC,UAAU,EAAE,GAAGC,MAAM,GAAGH;IAChC,MAAMI,cAAc;QAChB,GAAGD,IAAI;QACPE,UAAUH;IACd;IACA,OAAO,WAAW,GAAGL,KAAK,UAAU;QAChC,GAAGO,WAAW;QACdH,KAAKA;IACT;AACJ;AACAF,OAAOO,WAAW,GAAG;AACrB,SAASP,MAAM,GAAG,CAAC,kCAAkC;CACpD,kCAAkC;CAEnC,kCAAkC"}

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

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

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

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

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

@@ -0,0 +1,35 @@
+"use client";
+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 { ShowHideButton } from "./ShowHideButton";
+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 _localRef_current;
+        setShow((oldShow)=>!oldShow);
+        (_localRef_current = localRef.current) === null || _localRef_current === void 0 ? void 0 : _localRef_current.focus();
+    };
+    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
+ //# sourceMappingURL=PasswordField.js.map
+ //# sourceMappingURL=PasswordField.js.map
+
+//# sourceMappingURL=PasswordField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/PasswordField/PasswordField.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef, useState, useRef } from \"react\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\nimport { TextField } from \"../TextField\";\nimport { ShowHideButton } from \"./ShowHideButton\";\nexport const PasswordField = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{\n    const [show, setShow] = useState(false);\n    const type = show ? \"text\" : \"password\";\n    const classes = classNames(\"mobius/PasswordField\", className);\n    const localRef = useRef(null);\n    const handleShowHideButtonClick = ()=>{\n        var _localRef_current;\n        setShow((oldShow)=>!oldShow);\n        (_localRef_current = localRef.current) === null || _localRef_current === void 0 ? void 0 : _localRef_current.focus();\n    };\n    return /*#__PURE__*/ _jsx(TextField, {\n        ref: mergeRefs([\n            localRef,\n            ref\n        ]),\n        className: classes,\n        ...props,\n        type: type,\n        suffixInside: /*#__PURE__*/ _jsx(ShowHideButton, {\n            onClick: handleShowHideButtonClick,\n            show: show\n        })\n    });\n}); //# sourceMappingURL=PasswordField.js.map\n //# sourceMappingURL=PasswordField.js.map\n\n//# sourceMappingURL=PasswordField.js.map"],"names":["jsx","_jsx","classNames","forwardRef","useState","useRef","mergeRefs","TextField","ShowHideButton","PasswordField","className","props","ref","show","setShow","type","classes","localRef","handleShowHideButtonClick","_localRef_current","oldShow","current","focus","suffixInside","onClick"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,QAAQ;AACrD,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAO,MAAMC,gBAAgB,WAAW,GAAGN,WAAW,CAAC,EAAEO,SAAS,EAAE,GAAGC,OAAO,EAAEC;IAC5E,MAAM,CAACC,MAAMC,QAAQ,GAAGV,SAAS;IACjC,MAAMW,OAAOF,OAAO,SAAS;IAC7B,MAAMG,UAAUd,WAAW,wBAAwBQ;IACnD,MAAMO,WAAWZ,OAAO;IACxB,MAAMa,4BAA4B;QAC9B,IAAIC;QACJL,QAAQ,CAACM,UAAU,CAACA;QACnBD,CAAAA,oBAAoBF,SAASI,OAAO,AAAD,MAAO,QAAQF,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBG,KAAK;IACtH;IACA,OAAO,WAAW,GAAGrB,KAAKM,WAAW;QACjCK,KAAKN,UAAU;YACXW;YACAL;SACH;QACDF,WAAWM;QACX,GAAGL,KAAK;QACRI,MAAMA;QACNQ,cAAc,WAAW,GAAGtB,KAAKO,gBAAgB;YAC7CgB,SAASN;YACTL,MAAMA;QACV;IACJ;AACJ,GAAG,CAAC,yCAAyC;CAC5C,yCAAyC;CAE1C,yCAAyC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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
+ //# sourceMappingURL=ShowHideButton.js.map
+ //# sourceMappingURL=ShowHideButton.js.map
+
+//# sourceMappingURL=ShowHideButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/PasswordField/ShowHideButton.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nexport const ShowHideButton = ({ show = false, onClick })=>/*#__PURE__*/ _jsx(\"button\", {\n        className: \"mobius/PasswordFieldShowButton\",\n        type: \"button\",\n        onClick: (e)=>{\n            e.preventDefault();\n            onClick();\n        },\n        \"aria-label\": `${show ? \"Hide\" : \"Show\"} password`,\n        \"data-testid\": \"show-hide-button\",\n        children: show ? \"hide\" : \"show\"\n    }); //# sourceMappingURL=ShowHideButton.js.map\n //# sourceMappingURL=ShowHideButton.js.map\n\n//# sourceMappingURL=ShowHideButton.js.map"],"names":["jsx","_jsx","ShowHideButton","show","onClick","className","type","e","preventDefault","children"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,OAAO,KAAK,EAAEC,OAAO,EAAE,GAAG,WAAW,GAAGH,KAAK,UAAU;QAChFI,WAAW;QACXC,MAAM;QACNF,SAAS,CAACG;YACNA,EAAEC,cAAc;YAChBJ;QACJ;QACA,cAAc,CAAC,EAAED,OAAO,SAAS,OAAO,SAAS,CAAC;QAClD,eAAe;QACfM,UAAUN,OAAO,SAAS;IAC9B,GAAG,CAAC,0CAA0C;CACjD,0CAA0C;CAE3C,0CAA0C"}

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

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

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

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

package/dist/esm/dist/esm/dist/esm/dist/esm/components/Popover/Popover.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FloatingArrow, arrow, autoUpdate, flip, offset, shift, useDismiss, useFloating, useInteractions } from "@floating-ui/react";
+import { cross } from "@simplybusiness/icons";
+import classNames from "classnames";
+import { cloneElement, useRef, useState } from "react";
+import { useWindowEvent } from "../../hooks";
+import { Button } from "../Button";
+import { Icon } from "../Icon";
+const OFFSET_FROM_CONTENT_DEFAULT = 10;
+export const Popover = (props)=>{
+    const { trigger, children, onOpen, onClose, className } = props;
+    const arrowRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const { refs, floatingStyles, context } = useFloating({
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        whileElementsMounted: autoUpdate,
+        middleware: [
+            arrow({
+                element: arrowRef
+            }),
+            offset(OFFSET_FROM_CONTENT_DEFAULT),
+            shift(),
+            flip()
+        ]
+    });
+    const dismiss = useDismiss(context, {
+        bubbles: true,
+        outsidePress: (event)=>{
+            // Prevent 'onClose' from firing when clicking the toggle to close
+            const toggle = refs.reference.current;
+            const isToggleClick = !(toggle === null || toggle === void 0 ? void 0 : toggle.contains(event.target));
+            if (isToggleClick) {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+            return true;
+        }
+    });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        dismiss
+    ]);
+    const containerClasses = classNames("mobius", "mobius/PopoverContainer", className);
+    const toggleVisibility = ()=>{
+        if (isOpen) {
+            setIsOpen(false);
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            return;
+        }
+        setIsOpen(true);
+        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    };
+    const triggerComponent = /*#__PURE__*/ cloneElement(trigger, {
+        ref: refs.setReference,
+        className: classNames(trigger.props.className, "mobius/PopoverToggle"),
+        onClick: toggleVisibility,
+        ...getReferenceProps()
+    });
+    useWindowEvent("keydown", (e)=>{
+        if (e.key === "Escape") {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    });
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            triggerComponent,
+            isOpen && /*#__PURE__*/ _jsxs("div", {
+                className: containerClasses,
+                ref: refs.setFloating,
+                style: floatingStyles,
+                ...getFloatingProps(),
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "mobius/Popover",
+                        children: [
+                            /*#__PURE__*/ _jsx("header", {
+                                className: "mobius/PopoverHeader",
+                                children: /*#__PURE__*/ _jsx(Button, {
+                                    type: "button",
+                                    className: "mobius/PopoverCloseButton",
+                                    onClick: toggleVisibility,
+                                    "aria-label": "Close",
+                                    variant: "ghost",
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        icon: cross,
+                                        size: "md",
+                                        className: "mobius/PopoverCloseIcon"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "mobius/PopoverBody",
+                                children: children
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(FloatingArrow, {
+                        ref: arrowRef,
+                        context: context,
+                        width: 20
+                    })
+                ]
+            })
+        ]
+    });
+}; //# sourceMappingURL=Popover.js.map
+ //# sourceMappingURL=Popover.js.map
+ //# sourceMappingURL=Popover.js.map
+
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Popover/Popover.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { FloatingArrow, arrow, autoUpdate, flip, offset, shift, useDismiss, useFloating, useInteractions } from \"@floating-ui/react\";\nimport { cross } from \"@simplybusiness/icons\";\nimport classNames from \"classnames\";\nimport { cloneElement, useRef, useState } from \"react\";\nimport { useWindowEvent } from \"../../hooks\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nconst OFFSET_FROM_CONTENT_DEFAULT = 10;\nexport const Popover = (props)=>{\n    const { trigger, children, onOpen, onClose, className } = props;\n    const arrowRef = useRef(null);\n    const [isOpen, setIsOpen] = useState(false);\n    const { refs, floatingStyles, context } = useFloating({\n        open: isOpen,\n        onOpenChange: setIsOpen,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            arrow({\n                element: arrowRef\n            }),\n            offset(OFFSET_FROM_CONTENT_DEFAULT),\n            shift(),\n            flip()\n        ]\n    });\n    const dismiss = useDismiss(context, {\n        bubbles: true,\n        outsidePress: (event)=>{\n            // Prevent 'onClose' from firing when clicking the toggle to close\n            const toggle = refs.reference.current;\n            const isToggleClick = !(toggle === null || toggle === void 0 ? void 0 : toggle.contains(event.target));\n            if (isToggleClick) {\n                onClose === null || onClose === void 0 ? void 0 : onClose();\n            }\n            return true;\n        }\n    });\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        dismiss\n    ]);\n    const containerClasses = classNames(\"mobius\", \"mobius/PopoverContainer\", className);\n    const toggleVisibility = ()=>{\n        if (isOpen) {\n            setIsOpen(false);\n            onClose === null || onClose === void 0 ? void 0 : onClose();\n            return;\n        }\n        setIsOpen(true);\n        onOpen === null || onOpen === void 0 ? void 0 : onOpen();\n    };\n    const triggerComponent = /*#__PURE__*/ cloneElement(trigger, {\n        ref: refs.setReference,\n        className: classNames(trigger.props.className, \"mobius/PopoverToggle\"),\n        onClick: toggleVisibility,\n        ...getReferenceProps()\n    });\n    useWindowEvent(\"keydown\", (e)=>{\n        if (e.key === \"Escape\") {\n            onClose === null || onClose === void 0 ? void 0 : onClose();\n            e.preventDefault();\n            e.stopPropagation();\n        }\n    });\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            triggerComponent,\n            isOpen && /*#__PURE__*/ _jsxs(\"div\", {\n                className: containerClasses,\n                ref: refs.setFloating,\n                style: floatingStyles,\n                ...getFloatingProps(),\n                children: [\n                    /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"mobius/Popover\",\n                        children: [\n                            /*#__PURE__*/ _jsx(\"header\", {\n                                className: \"mobius/PopoverHeader\",\n                                children: /*#__PURE__*/ _jsx(Button, {\n                                    type: \"button\",\n                                    className: \"mobius/PopoverCloseButton\",\n                                    onClick: toggleVisibility,\n                                    \"aria-label\": \"Close\",\n                                    variant: \"ghost\",\n                                    children: /*#__PURE__*/ _jsx(Icon, {\n                                        icon: cross,\n                                        size: \"md\",\n                                        className: \"mobius/PopoverCloseIcon\"\n                                    })\n                                })\n                            }),\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"mobius/PopoverBody\",\n                                children: children\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ _jsx(FloatingArrow, {\n                        ref: arrowRef,\n                        context: context,\n                        width: 20\n                    })\n                ]\n            })\n        ]\n    });\n}; //# sourceMappingURL=Popover.js.map\n //# sourceMappingURL=Popover.js.map\n\n//# sourceMappingURL=Popover.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FloatingArrow","arrow","autoUpdate","flip","offset","shift","useDismiss","useFloating","useInteractions","cross","classNames","cloneElement","useRef","useState","useWindowEvent","Button","Icon","OFFSET_FROM_CONTENT_DEFAULT","Popover","props","trigger","children","onOpen","onClose","className","arrowRef","isOpen","setIsOpen","refs","floatingStyles","context","open","onOpenChange","whileElementsMounted","middleware","element","dismiss","bubbles","outsidePress","event","toggle","reference","current","isToggleClick","contains","target","getReferenceProps","getFloatingProps","containerClasses","toggleVisibility","triggerComponent","ref","setReference","onClick","e","key","preventDefault","stopPropagation","setFloating","style","type","variant","icon","size","width"],"mappings":"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"}

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

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

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

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

package/dist/esm/dist/esm/dist/esm/dist/esm/components/Progress/Progress.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { forwardRef, useId } from "react";
+import { Label } from "../Label";
+function warnAboutInvalidValues(value, minValue, maxValue) {
+    if (minValue > maxValue) {
+        console.warn("minValue is greater than maxValue");
+    }
+    if (value < minValue) {
+        console.warn("Progress value is less than minValue");
+    }
+    if (value > maxValue) {
+        console.warn("Progress value is greater than maxValue");
+    }
+}
+const sanitizedValue = (value, defaultValue)=>{
+    const numberValue = parseFloat(value);
+    return Number.isNaN(numberValue) ? defaultValue : numberValue;
+};
+const DEFAULT_VALUE = 0;
+const DEFAULT_MIN_VALUE = 0;
+const DEFAULT_MAX_VALUE = 100;
+const Progress = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const progressId = useId();
+    const progressLabelId = useId();
+    const { id, label, showValueLabel = !!label, valueFormatter, variant = "primary", className } = props;
+    let { value, minValue, maxValue } = props;
+    value = sanitizedValue(value, DEFAULT_VALUE);
+    minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);
+    maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);
+    // Will never happen but lets appease the typescript gods
+    if (value === undefined || minValue === undefined || maxValue === undefined) {
+        return null;
+    }
+    warnAboutInvalidValues(value, minValue, maxValue);
+    // Calculate the width of the progress bar as a percentage
+    const clamp = (num, min, max)=>Math.min(Math.max(num, min), max);
+    const percentage = clamp(Math.round((value - minValue) / (maxValue - minValue) * 100), 0, 100);
+    const barWidth = `${percentage}%`;
+    const classes = classNames("mobius", "mobius/Progress", className, {
+        "--is-primary": variant === "primary",
+        "--is-secondary": variant === "secondary"
+    });
+    // Set progress aria values
+    const progressBarProps = {};
+    progressBarProps["aria-valuemin"] = minValue.toString();
+    progressBarProps["aria-valuemax"] = maxValue.toString();
+    progressBarProps["aria-valuenow"] = value.toString();
+    progressBarProps["aria-valuetext"] = valueFormatter instanceof Function ? valueFormatter(value, minValue, maxValue) : barWidth;
+    return /*#__PURE__*/ _jsxs("div", {
+        id: id || progressId,
+        ...progressBarProps,
+        ref: ref,
+        className: classes,
+        role: "progressbar",
+        "aria-labelledby": progressLabelId,
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                id: progressLabelId,
+                className: "mobius/ProgressLabel",
+                elementType: "span",
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "mobius/ProgressTrack",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "mobius/ProgressBar",
+                    style: {
+                        width: barWidth
+                    }
+                })
+            }),
+            showValueLabel && /*#__PURE__*/ _jsx(Label, {
+                "data-testid": "value-label",
+                elementType: "span",
+                children: progressBarProps["aria-valuetext"]
+            })
+        ]
+    });
+});
+Progress.defaultProps = {
+    value: DEFAULT_VALUE,
+    minValue: DEFAULT_MIN_VALUE,
+    maxValue: DEFAULT_MAX_VALUE
+};
+Progress.displayName = "Progress";
+export { Progress }; //# sourceMappingURL=Progress.js.map
+ //# sourceMappingURL=Progress.js.map
+ //# sourceMappingURL=Progress.js.map
+
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Progress/Progress.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef, useId } from \"react\";\nimport { Label } from \"../Label\";\nfunction warnAboutInvalidValues(value, minValue, maxValue) {\n    if (minValue > maxValue) {\n        console.warn(\"minValue is greater than maxValue\");\n    }\n    if (value < minValue) {\n        console.warn(\"Progress value is less than minValue\");\n    }\n    if (value > maxValue) {\n        console.warn(\"Progress value is greater than maxValue\");\n    }\n}\nconst sanitizedValue = (value, defaultValue)=>{\n    const numberValue = parseFloat(value);\n    return Number.isNaN(numberValue) ? defaultValue : numberValue;\n};\nconst DEFAULT_VALUE = 0;\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst Progress = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const progressId = useId();\n    const progressLabelId = useId();\n    const { id, label, showValueLabel = !!label, valueFormatter, variant = \"primary\", className } = props;\n    let { value, minValue, maxValue } = props;\n    value = sanitizedValue(value, DEFAULT_VALUE);\n    minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);\n    maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);\n    // Will never happen but lets appease the typescript gods\n    if (value === undefined || minValue === undefined || maxValue === undefined) {\n        return null;\n    }\n    warnAboutInvalidValues(value, minValue, maxValue);\n    // Calculate the width of the progress bar as a percentage\n    const clamp = (num, min, max)=>Math.min(Math.max(num, min), max);\n    const percentage = clamp(Math.round((value - minValue) / (maxValue - minValue) * 100), 0, 100);\n    const barWidth = `${percentage}%`;\n    const classes = classNames(\"mobius\", \"mobius/Progress\", className, {\n        \"--is-primary\": variant === \"primary\",\n        \"--is-secondary\": variant === \"secondary\"\n    });\n    // Set progress aria values\n    const progressBarProps = {};\n    progressBarProps[\"aria-valuemin\"] = minValue.toString();\n    progressBarProps[\"aria-valuemax\"] = maxValue.toString();\n    progressBarProps[\"aria-valuenow\"] = value.toString();\n    progressBarProps[\"aria-valuetext\"] = valueFormatter instanceof Function ? valueFormatter(value, minValue, maxValue) : barWidth;\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        id: id || progressId,\n        ...progressBarProps,\n        ref: ref,\n        className: classes,\n        role: \"progressbar\",\n        \"aria-labelledby\": progressLabelId,\n        children: [\n            label && /*#__PURE__*/ _jsx(Label, {\n                id: progressLabelId,\n                className: \"mobius/ProgressLabel\",\n                elementType: \"span\",\n                children: label\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: \"mobius/ProgressTrack\",\n                children: /*#__PURE__*/ _jsx(\"div\", {\n                    className: \"mobius/ProgressBar\",\n                    style: {\n                        width: barWidth\n                    }\n                })\n            }),\n            showValueLabel && /*#__PURE__*/ _jsx(Label, {\n                \"data-testid\": \"value-label\",\n                elementType: \"span\",\n                children: progressBarProps[\"aria-valuetext\"]\n            })\n        ]\n    });\n});\nProgress.defaultProps = {\n    value: DEFAULT_VALUE,\n    minValue: DEFAULT_MIN_VALUE,\n    maxValue: DEFAULT_MAX_VALUE\n};\nProgress.displayName = \"Progress\";\nexport { Progress }; //# sourceMappingURL=Progress.js.map\n //# sourceMappingURL=Progress.js.map\n\n//# sourceMappingURL=Progress.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","classNames","forwardRef","useId","Label","warnAboutInvalidValues","value","minValue","maxValue","console","warn","sanitizedValue","defaultValue","numberValue","parseFloat","Number","isNaN","DEFAULT_VALUE","DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","Progress","props","ref","progressId","progressLabelId","id","label","showValueLabel","valueFormatter","variant","className","undefined","clamp","num","min","max","Math","percentage","round","barWidth","classes","progressBarProps","toString","Function","role","children","elementType","style","width","defaultProps","displayName"],"mappings":"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"}

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

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

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

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

package/dist/esm/dist/esm/dist/esm/dist/esm/components/Radio/Radio.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { forwardRef } from "react";
+import { ErrorMessage } from "../ErrorMessage";
+import { Label } from "../Label";
+const Radio = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children, value, label, className, isDisabled, errorMessage, onChange, defaultChecked, groupDisabled, name, selected, setSelected, isRequired, ...otherProps } = props;
+    const realDisabled = groupDisabled || isDisabled;
+    const isMultiline = label && children;
+    const isDefaultSelected = selected === value || defaultChecked;
+    const radioClasses = {
+        "--is-disabled": realDisabled,
+        "--is-selected": selected === value,
+        "--is-multiline": !!isMultiline,
+        "--is-required": isRequired
+    };
+    const containerClasses = classNames("mobius/RadioLabel", radioClasses, className);
+    const inputClasses = classNames("mobius/RadioInput", radioClasses);
+    const handleClick = (event)=>{
+        if (onChange) {
+            onChange(event);
+        }
+        if (setSelected) {
+            setSelected(event.currentTarget.value);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Label, {
+                className: containerClasses,
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        "aria-describedby": otherProps["aria-describedby"],
+                        disabled: realDisabled,
+                        ref: ref,
+                        className: inputClasses,
+                        onClick: handleClick,
+                        value: value,
+                        tabIndex: 0,
+                        type: "radio",
+                        defaultChecked: isDefaultSelected,
+                        name: name,
+                        required: isRequired
+                    }),
+                    isMultiline ? /*#__PURE__*/ _jsxs("div", {
+                        className: "mobius/RadioContentMultiline",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "mobius/RadioContentFirstLine",
+                                children: label
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "mobius/RadioExtraContent",
+                                children: children
+                            })
+                        ]
+                    }) : /*#__PURE__*/ _jsx("div", {
+                        className: "mobius/RadioContent",
+                        children: label || children
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+Radio.displayName = "Radio";
+export { Radio }; //# sourceMappingURL=Radio.js.map
+ //# sourceMappingURL=Radio.js.map
+ //# sourceMappingURL=Radio.js.map
+
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Radio/Radio.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef } from \"react\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nconst Radio = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { children, value, label, className, isDisabled, errorMessage, onChange, defaultChecked, groupDisabled, name, selected, setSelected, isRequired, ...otherProps } = props;\n    const realDisabled = groupDisabled || isDisabled;\n    const isMultiline = label && children;\n    const isDefaultSelected = selected === value || defaultChecked;\n    const radioClasses = {\n        \"--is-disabled\": realDisabled,\n        \"--is-selected\": selected === value,\n        \"--is-multiline\": !!isMultiline,\n        \"--is-required\": isRequired\n    };\n    const containerClasses = classNames(\"mobius/RadioLabel\", radioClasses, className);\n    const inputClasses = classNames(\"mobius/RadioInput\", radioClasses);\n    const handleClick = (event)=>{\n        if (onChange) {\n            onChange(event);\n        }\n        if (setSelected) {\n            setSelected(event.currentTarget.value);\n        }\n    };\n    return /*#__PURE__*/ _jsxs(_Fragment, {\n        children: [\n            /*#__PURE__*/ _jsxs(Label, {\n                className: containerClasses,\n                children: [\n                    /*#__PURE__*/ _jsx(\"input\", {\n                        \"aria-describedby\": otherProps[\"aria-describedby\"],\n                        disabled: realDisabled,\n                        ref: ref,\n                        className: inputClasses,\n                        onClick: handleClick,\n                        value: value,\n                        tabIndex: 0,\n                        type: \"radio\",\n                        defaultChecked: isDefaultSelected,\n                        name: name,\n                        required: isRequired\n                    }),\n                    isMultiline ? /*#__PURE__*/ _jsxs(\"div\", {\n                        className: \"mobius/RadioContentMultiline\",\n                        children: [\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"mobius/RadioContentFirstLine\",\n                                children: label\n                            }),\n                            /*#__PURE__*/ _jsx(\"div\", {\n                                className: \"mobius/RadioExtraContent\",\n                                children: children\n                            })\n                        ]\n                    }) : /*#__PURE__*/ _jsx(\"div\", {\n                        className: \"mobius/RadioContent\",\n                        children: label || children\n                    })\n                ]\n            }),\n            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {\n                errorMessage: errorMessage\n            })\n        ]\n    });\n});\nRadio.displayName = \"Radio\";\nexport { Radio }; //# sourceMappingURL=Radio.js.map\n //# sourceMappingURL=Radio.js.map\n\n//# sourceMappingURL=Radio.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","classNames","forwardRef","ErrorMessage","Label","Radio","props","ref","children","value","label","className","isDisabled","errorMessage","onChange","defaultChecked","groupDisabled","name","selected","setSelected","isRequired","otherProps","realDisabled","isMultiline","isDefaultSelected","radioClasses","containerClasses","inputClasses","handleClick","event","currentTarget","disabled","onClick","tabIndex","type","required","displayName"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,EAAEC,YAAYC,SAAS,QAAQ,oBAAoB;AACtF,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,KAAK,QAAQ,WAAW;AACjC,MAAMC,QAAQ,WAAW,GAAGH,WAAW,CAACI,OAAOC;IAC3C,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,aAAa,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGf;IACzK,MAAMgB,eAAeN,iBAAiBJ;IACtC,MAAMW,cAAcb,SAASF;IAC7B,MAAMgB,oBAAoBN,aAAaT,SAASM;IAChD,MAAMU,eAAe;QACjB,iBAAiBH;QACjB,iBAAiBJ,aAAaT;QAC9B,kBAAkB,CAAC,CAACc;QACpB,iBAAiBH;IACrB;IACA,MAAMM,mBAAmBzB,WAAW,qBAAqBwB,cAAcd;IACvE,MAAMgB,eAAe1B,WAAW,qBAAqBwB;IACrD,MAAMG,cAAc,CAACC;QACjB,IAAIf,UAAU;YACVA,SAASe;QACb;QACA,IAAIV,aAAa;YACbA,YAAYU,MAAMC,aAAa,CAACrB,KAAK;QACzC;IACJ;IACA,OAAO,WAAW,GAAGX,MAAME,WAAW;QAClCQ,UAAU;YACN,WAAW,GAAGV,MAAMM,OAAO;gBACvBO,WAAWe;gBACXlB,UAAU;oBACN,WAAW,GAAGZ,KAAK,SAAS;wBACxB,oBAAoByB,UAAU,CAAC,mBAAmB;wBAClDU,UAAUT;wBACVf,KAAKA;wBACLI,WAAWgB;wBACXK,SAASJ;wBACTnB,OAAOA;wBACPwB,UAAU;wBACVC,MAAM;wBACNnB,gBAAgBS;wBAChBP,MAAMA;wBACNkB,UAAUf;oBACd;oBACAG,cAAc,WAAW,GAAGzB,MAAM,OAAO;wBACrCa,WAAW;wBACXH,UAAU;4BACN,WAAW,GAAGZ,KAAK,OAAO;gCACtBe,WAAW;gCACXH,UAAUE;4BACd;4BACA,WAAW,GAAGd,KAAK,OAAO;gCACtBe,WAAW;gCACXH,UAAUA;4BACd;yBACH;oBACL,KAAK,WAAW,GAAGZ,KAAK,OAAO;wBAC3Be,WAAW;wBACXH,UAAUE,SAASF;oBACvB;iBACH;YACL;YACAK,gBAAgB,WAAW,GAAGjB,KAAKO,cAAc;gBAC7CU,cAAcA;YAClB;SACH;IACL;AACJ;AACAR,MAAM+B,WAAW,GAAG;AACpB,SAAS/B,KAAK,GAAG,CAAC,iCAAiC;CAClD,iCAAiC;CAElC,iCAAiC"}

package/dist/esm/dist/esm/dist/esm/dist/esm/components/Radio/RadioButton.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { Radio } from "./Radio";
+export const RadioButton = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const classes = classNames(props.className, "--is-radio-button");
+    const radioProps = {
+        ...props,
+        className: classes,
+        ref
+    };
+    return /*#__PURE__*/ _jsx(Radio, {
+        ...radioProps
+    });
+}); //# sourceMappingURL=RadioButton.js.map
+ //# sourceMappingURL=RadioButton.js.map
+ //# sourceMappingURL=RadioButton.js.map
+
+//# sourceMappingURL=RadioButton.js.map