@simplybusiness/mobius 4.2.7 → 4.3.0

package/dist/cjs/components/Popover/Popover.js

@@ -1,38 +1,47 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@floating-ui/react");
-const icons_1 = require("@simplybusiness/icons");
-const classnames_1 = __importDefault(require("classnames"));
-const react_2 = require("react");
-const hooks_1 = require("../../hooks");
-const Button_1 = require("../Button");
-const Icon_1 = require("../Icon");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Popover", {
+    enumerable: true,
+    get: function() {
+        return Popover;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("@floating-ui/react");
+const _icons = require("@simplybusiness/icons");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react1 = require("react");
+const _hooks = require("../../hooks");
+const _Button = require("../Button");
+const _Icon = require("../Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const OFFSET_FROM_CONTENT_DEFAULT = 10;
-const Popover = (props) => {
+const Popover = (props)=>{
     const { trigger, children, onOpen, onClose, className } = props;
-    const arrowRef = (0, react_2.useRef)(null);
-    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
-    const { refs, floatingStyles, context } = (0, react_1.useFloating)({
+    const arrowRef = (0, _react1.useRef)(null);
+    const [isOpen, setIsOpen] = (0, _react1.useState)(false);
+    const { refs, floatingStyles, context } = (0, _react.useFloating)({
         open: isOpen,
         onOpenChange: setIsOpen,
-        whileElementsMounted: react_1.autoUpdate,
+        whileElementsMounted: _react.autoUpdate,
         middleware: [
-            (0, react_1.arrow)({
-                element: arrowRef,
+            (0, _react.arrow)({
+                element: arrowRef
             }),
-            (0, react_1.offset)(OFFSET_FROM_CONTENT_DEFAULT),
-            (0, react_1.shift)(),
-            (0, react_1.flip)(),
-        ],
+            (0, _react.offset)(OFFSET_FROM_CONTENT_DEFAULT),
+            (0, _react.shift)(),
+            (0, _react.flip)()
+        ]
     });
-    const dismiss = (0, react_1.useDismiss)(context, {
+    const dismiss = (0, _react.useDismiss)(context, {
         bubbles: true,
-        outsidePress: (event) => {
+        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));
@@ -40,11 +49,13 @@ const Popover = (props) => {
                 onClose === null || onClose === void 0 ? void 0 : onClose();
             }
             return true;
-        },
+        }
     });
-    const { getReferenceProps, getFloatingProps } = (0, react_1.useInteractions)([dismiss]);
-    const containerClasses = (0, classnames_1.default)("mobius", "mobius/PopoverContainer", className);
-    const toggleVisibility = () => {
+    const { getReferenceProps, getFloatingProps } = (0, _react.useInteractions)([
+        dismiss
+    ]);
+    const containerClasses = (0, _classnames.default)("mobius", "mobius/PopoverContainer", className);
+    const toggleVisibility = ()=>{
         if (isOpen) {
             setIsOpen(false);
             onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -53,15 +64,61 @@ const Popover = (props) => {
         setIsOpen(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     };
-    const triggerComponent = (0, react_2.cloneElement)(trigger, Object.assign({ ref: refs.setReference, className: (0, classnames_1.default)(trigger.props.className, "mobius/PopoverToggle"), onClick: toggleVisibility }, getReferenceProps()));
-    (0, hooks_1.useWindowEvent)("keydown", e => {
+    const triggerComponent = /*#__PURE__*/ (0, _react1.cloneElement)(trigger, {
+        ref: refs.setReference,
+        className: (0, _classnames.default)(trigger.props.className, "mobius/PopoverToggle"),
+        onClick: toggleVisibility,
+        ...getReferenceProps()
+    });
+    (0, _hooks.useWindowEvent)("keydown", (e)=>{
         if (e.key === "Escape") {
             onClose === null || onClose === void 0 ? void 0 : onClose();
             e.preventDefault();
             e.stopPropagation();
         }
     });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [triggerComponent, isOpen && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerClasses, ref: refs.setFloating, style: floatingStyles }, getFloatingProps(), { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mobius/Popover", children: [(0, jsx_runtime_1.jsx)("header", { className: "mobius/PopoverHeader", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", className: "mobius/PopoverCloseButton", onClick: toggleVisibility, "aria-label": "Close", variant: "ghost", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.cross, size: "md", className: "mobius/PopoverCloseIcon" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "mobius/PopoverBody", children: children })] }), (0, jsx_runtime_1.jsx)(react_1.FloatingArrow, { ref: arrowRef, context: context, width: 20 })] })))] }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            triggerComponent,
+            isOpen && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: containerClasses,
+                ref: refs.setFloating,
+                style: floatingStyles,
+                ...getFloatingProps(),
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "mobius/Popover",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("header", {
+                                className: "mobius/PopoverHeader",
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button, {
+                                    type: "button",
+                                    className: "mobius/PopoverCloseButton",
+                                    onClick: toggleVisibility,
+                                    "aria-label": "Close",
+                                    variant: "ghost",
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                                        icon: _icons.cross,
+                                        size: "md",
+                                        className: "mobius/PopoverCloseIcon"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: "mobius/PopoverBody",
+                                children: children
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.FloatingArrow, {
+                        ref: arrowRef,
+                        context: context,
+                        width: 20
+                    })
+                ]
+            })
+        ]
+    });
 };
-exports.Popover = Popover;
+
 //# sourceMappingURL=Popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  FloatingArrow,\n  arrow,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useInteractions,\n} from \"@floating-ui/react\";\nimport { cross } from \"@simplybusiness/icons\";\nimport classNames from \"classnames\";\nimport {\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  useRef,\n  useState,\n} from \"react\";\nimport { useWindowEvent } from \"../../hooks\";\nimport { DOMProps } from \"../../types\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\n\nexport type PopoverElementType = HTMLDivElement;\n\nexport interface PopoverProps\n  extends DOMProps,\n    RefAttributes<PopoverElementType> {\n  children?: ReactNode;\n  trigger: ReactElement;\n  /** Callback that fires each time the accordion is opened */\n  onOpen?: () => void;\n  /** Callback that fires each time the accordion is closed */\n  onClose?: () => void;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n}\n\nexport type PopoverRef = Ref<PopoverElementType>;\n\nconst OFFSET_FROM_CONTENT_DEFAULT = 10;\n\nexport const Popover = (props: PopoverProps) => {\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: MouseEvent) => {\n      // Prevent 'onClose' from firing when clicking the toggle to close\n      const toggle = refs.reference.current as HTMLElement;\n      const isToggleClick = !toggle?.contains(event.target as HTMLElement);\n      if (isToggleClick) {\n        onClose?.();\n      }\n      return true;\n    },\n  });\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius/PopoverContainer\",\n    className,\n  );\n\n  const toggleVisibility = () => {\n    if (isOpen) {\n      setIsOpen(false);\n      onClose?.();\n      return;\n    }\n\n    setIsOpen(true);\n    onOpen?.();\n  };\n\n  const triggerComponent = cloneElement(trigger, {\n    ref: refs.setReference,\n    className: classNames(trigger.props.className, \"mobius/PopoverToggle\"),\n    onClick: toggleVisibility,\n    ...getReferenceProps(),\n  });\n\n  useWindowEvent(\"keydown\", e => {\n    if (e.key === \"Escape\") {\n      onClose?.();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  });\n\n  return (\n    <>\n      {triggerComponent}\n      {isOpen && (\n        <div\n          className={containerClasses}\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps()}\n        >\n          <div className=\"mobius/Popover\">\n            <header className=\"mobius/PopoverHeader\">\n              <Button\n                type=\"button\"\n                className=\"mobius/PopoverCloseButton\"\n                onClick={toggleVisibility}\n                aria-label=\"Close\"\n                variant=\"ghost\"\n              >\n                <Icon\n                  icon={cross}\n                  size=\"md\"\n                  className=\"mobius/PopoverCloseIcon\"\n                />\n              </Button>\n            </header>\n            <div className=\"mobius/PopoverBody\">{children}</div>\n          </div>\n          <FloatingArrow ref={arrowRef} context={context} width={20} />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["Popover","OFFSET_FROM_CONTENT_DEFAULT","props","trigger","children","onOpen","onClose","className","arrowRef","useRef","isOpen","setIsOpen","useState","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","arrow","element","offset","shift","flip","dismiss","useDismiss","bubbles","outsidePress","event","toggle","reference","current","isToggleClick","contains","target","getReferenceProps","getFloatingProps","useInteractions","containerClasses","classNames","toggleVisibility","triggerComponent","cloneElement","ref","setReference","onClick","useWindowEvent","e","key","preventDefault","stopPropagation","div","setFloating","style","header","Button","type","aria-label","variant","Icon","icon","cross","size","FloatingArrow","width"],"mappings":";;;;+BA8CaA;;;eAAAA;;;;uBApCN;uBACe;mEACC;wBAShB;uBACwB;wBAER;sBACF;;;;;;AAmBrB,MAAMC,8BAA8B;AAE7B,MAAMD,UAAU,CAACE;IACtB,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGL;IAC1D,MAAMM,WAAWC,IAAAA,cAAM,EAAC;IACxB,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,gBAAQ,EAAC;IACrC,MAAM,EAAEC,IAAI,EAAEC,cAAc,EAAEC,OAAO,EAAE,GAAGC,IAAAA,kBAAW,EAAC;QACpDC,MAAMP;QACNQ,cAAcP;QACdQ,sBAAsBC,iBAAU;QAChCC,YAAY;YACVC,IAAAA,YAAK,EAAC;gBACJC,SAASf;YACX;YACAgB,IAAAA,aAAM,EAACvB;YACPwB,IAAAA,YAAK;YACLC,IAAAA,WAAI;SACL;IACH;IACA,MAAMC,UAAUC,IAAAA,iBAAU,EAACb,SAAS;QAClCc,SAAS;QACTC,cAAc,CAACC;YACb,kEAAkE;YAClE,MAAMC,SAASnB,KAAKoB,SAAS,CAACC,OAAO;YACrC,MAAMC,gBAAgB,EAACH,mBAAAA,6BAAAA,OAAQI,QAAQ,CAACL,MAAMM,MAAM;YACpD,IAAIF,eAAe;gBACjB7B,oBAAAA,8BAAAA;YACF;YACA,OAAO;QACT;IACF;IACA,MAAM,EAAEgC,iBAAiB,EAAEC,gBAAgB,EAAE,GAAGC,IAAAA,sBAAe,EAAC;QAACb;KAAQ;IAEzE,MAAMc,mBAAmBC,IAAAA,mBAAU,EACjC,UACA,2BACAnC;IAGF,MAAMoC,mBAAmB;QACvB,IAAIjC,QAAQ;YACVC,UAAU;YACVL,oBAAAA,8BAAAA;YACA;QACF;QAEAK,UAAU;QACVN,mBAAAA,6BAAAA;IACF;IAEA,MAAMuC,iCAAmBC,IAAAA,oBAAY,EAAC1C,SAAS;QAC7C2C,KAAKjC,KAAKkC,YAAY;QACtBxC,WAAWmC,IAAAA,mBAAU,EAACvC,QAAQD,KAAK,CAACK,SAAS,EAAE;QAC/CyC,SAASL;QACT,GAAGL,mBAAmB;IACxB;IAEAW,IAAAA,qBAAc,EAAC,WAAWC,CAAAA;QACxB,IAAIA,EAAEC,GAAG,KAAK,UAAU;YACtB7C,oBAAAA,8BAAAA;YACA4C,EAAEE,cAAc;YAChBF,EAAEG,eAAe;QACnB;IACF;IAEA,qBACE;;YACGT;YACAlC,wBACC,sBAAC4C;gBACC/C,WAAWkC;gBACXK,KAAKjC,KAAK0C,WAAW;gBACrBC,OAAO1C;gBACN,GAAGyB,kBAAkB;;kCAEtB,sBAACe;wBAAI/C,WAAU;;0CACb,qBAACkD;gCAAOlD,WAAU;0CAChB,cAAA,qBAACmD,cAAM;oCACLC,MAAK;oCACLpD,WAAU;oCACVyC,SAASL;oCACTiB,cAAW;oCACXC,SAAQ;8CAER,cAAA,qBAACC,UAAI;wCACHC,MAAMC,YAAK;wCACXC,MAAK;wCACL1D,WAAU;;;;0CAIhB,qBAAC+C;gCAAI/C,WAAU;0CAAsBH;;;;kCAEvC,qBAAC8D,oBAAa;wBAACpB,KAAKtC;wBAAUO,SAASA;wBAASoD,OAAO;;;;;;AAKjE"}

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

@@ -1,18 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Popover"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Popover"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
+{"version":3,"sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["export * from \"./Popover\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/components/Progress/Progress.js

@@ -1,14 +1,23 @@
-"use strict";
 "use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const react_1 = require("react");
-const Label_1 = require("../Label");
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Progress", {
+    enumerable: true,
+    get: function() {
+        return Progress;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _Label = require("../Label");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function warnAboutInvalidValues(value, minValue, maxValue) {
     if (minValue > maxValue) {
         console.warn("minValue is greater than maxValue");
@@ -20,52 +29,76 @@ function warnAboutInvalidValues(value, minValue, maxValue) {
         console.warn("Progress value is greater than maxValue");
     }
 }
-const sanitizedValue = (value, defaultValue) => {
+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 = (0, react_1.forwardRef)((props, ref) => {
-    const progressId = (0, react_1.useId)();
-    const progressLabelId = (0, react_1.useId)();
-    const { id, label, showValueLabel = !!label, valueFormatter, variant = "primary", className, } = props;
+const Progress = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const progressId = (0, _react.useId)();
+    const progressLabelId = (0, _react.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) {
+    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 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 = (0, dedupe_1.default)("mobius", "mobius/Progress", className, {
+    const classes = (0, _dedupe.default)("mobius", "mobius/Progress", className, {
         "--is-primary": variant === "primary",
-        "--is-secondary": variant === "secondary",
+        "--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 ((0, jsx_runtime_1.jsxs)("div", Object.assign({ id: id || progressId }, progressBarProps, { ref: ref, className: classes, role: "progressbar", "aria-labelledby": progressLabelId, children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, { id: progressLabelId, className: "mobius/ProgressLabel", elementType: "span", children: label })), (0, jsx_runtime_1.jsx)("div", { className: "mobius/ProgressTrack", children: (0, jsx_runtime_1.jsx)("div", { className: "mobius/ProgressBar", style: { width: barWidth } }) }), showValueLabel && ((0, jsx_runtime_1.jsx)(Label_1.Label, { "data-testid": "value-label", elementType: "span", children: progressBarProps["aria-valuetext"] }))] })));
+    progressBarProps["aria-valuetext"] = valueFormatter instanceof Function ? valueFormatter(value, minValue, maxValue) : barWidth;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        id: id || progressId,
+        ...progressBarProps,
+        ref: ref,
+        className: classes,
+        role: "progressbar",
+        "aria-labelledby": progressLabelId,
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                id: progressLabelId,
+                className: "mobius/ProgressLabel",
+                elementType: "span",
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/ProgressTrack",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "mobius/ProgressBar",
+                    style: {
+                        width: barWidth
+                    }
+                })
+            }),
+            showValueLabel && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                "data-testid": "value-label",
+                elementType: "span",
+                children: progressBarProps["aria-valuetext"]
+            })
+        ]
+    });
 });
-exports.Progress = Progress;
 Progress.defaultProps = {
     value: DEFAULT_VALUE,
     minValue: DEFAULT_MIN_VALUE,
-    maxValue: DEFAULT_MAX_VALUE,
+    maxValue: DEFAULT_MAX_VALUE
 };
 Progress.displayName = "Progress";
+
 //# sourceMappingURL=Progress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint no-console: \"off\" */\nimport type { AriaProgressBarProps } from \"@react-types/progress\";\nimport classNames from \"classnames/dedupe\";\nimport { ReactNode, Ref, RefAttributes, forwardRef, useId } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Label } from \"../Label\";\n\nexport type ProgressElementType = HTMLDivElement;\n\nexport interface ProgressProps\n  extends AriaProgressBarProps,\n    DOMProps,\n    RefAttributes<ProgressElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  id?: string;\n  className?: string;\n  showValueLabel?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n  value?: number;\n  minValue?: number;\n  maxValue?: number;\n  valueFormatter?: (\n    value: number,\n    minValue: number,\n    maxValue: number,\n  ) => string;\n}\n\nexport type ProgressRef = Ref<ProgressElementType>;\n\nfunction warnAboutInvalidValues(\n  value: number,\n  minValue: number,\n  maxValue: number,\n) {\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}\n\nconst sanitizedValue = (\n  value: number | undefined,\n  defaultValue: number,\n): number => {\n  const numberValue = parseFloat(value as any);\n  return Number.isNaN(numberValue) ? defaultValue : numberValue;\n};\n\nconst DEFAULT_VALUE = 0;\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\n\nconst Progress: ForwardedRefComponent<ProgressProps, ProgressElementType> =\n  forwardRef((props: ProgressProps, ref: ProgressRef) => {\n    const progressId = useId();\n    const progressLabelId = useId();\n    const {\n      id,\n      label,\n      showValueLabel = !!label,\n      valueFormatter,\n      variant = \"primary\",\n      className,\n    } = props;\n\n    let { value, minValue, maxValue } = props;\n\n    value = sanitizedValue(value, DEFAULT_VALUE);\n    minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);\n    maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);\n\n    // Will never happen but lets appease the typescript gods\n    if (\n      value === undefined ||\n      minValue === undefined ||\n      maxValue === undefined\n    ) {\n      return null;\n    }\n\n    warnAboutInvalidValues(value, minValue, maxValue);\n\n    // Calculate the width of the progress bar as a percentage\n    const clamp = (num: number, min: number, max: number): number =>\n      Math.min(Math.max(num, min), max);\n    const percentage = clamp(\n      Math.round(((value - minValue) / (maxValue - minValue)) * 100),\n      0,\n      100,\n    );\n    const barWidth = `${percentage}%`;\n\n    const classes = classNames(\"mobius\", \"mobius/Progress\", className, {\n      \"--is-primary\": variant === \"primary\",\n      \"--is-secondary\": variant === \"secondary\",\n    });\n\n    // Set progress aria values\n    const progressBarProps: Record<string, string> = {};\n    progressBarProps[\"aria-valuemin\"] = minValue.toString();\n    progressBarProps[\"aria-valuemax\"] = maxValue.toString();\n    progressBarProps[\"aria-valuenow\"] = value.toString();\n    progressBarProps[\"aria-valuetext\"] =\n      valueFormatter instanceof Function\n        ? valueFormatter(value, minValue, maxValue!)\n        : barWidth;\n\n    return (\n      <div\n        id={id || progressId}\n        {...progressBarProps}\n        ref={ref}\n        className={classes}\n        role=\"progressbar\"\n        aria-labelledby={progressLabelId}\n      >\n        {label && (\n          <Label\n            id={progressLabelId}\n            className=\"mobius/ProgressLabel\"\n            elementType=\"span\"\n          >\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/ProgressTrack\">\n          <div className=\"mobius/ProgressBar\" style={{ width: barWidth }} />\n        </div>\n        {showValueLabel && (\n          <Label data-testid=\"value-label\" elementType=\"span\">\n            {progressBarProps[\"aria-valuetext\"]}\n          </Label>\n        )}\n      </div>\n    );\n  });\n\nProgress.defaultProps = {\n  value: DEFAULT_VALUE,\n  minValue: DEFAULT_MIN_VALUE,\n  maxValue: DEFAULT_MAX_VALUE,\n};\n\nProgress.displayName = \"Progress\";\nexport { Progress };\n"],"names":["Progress","warnAboutInvalidValues","value","minValue","maxValue","console","warn","sanitizedValue","defaultValue","numberValue","parseFloat","Number","isNaN","DEFAULT_VALUE","DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","forwardRef","props","ref","progressId","useId","progressLabelId","id","label","showValueLabel","valueFormatter","variant","className","undefined","clamp","num","min","max","Math","percentage","round","barWidth","classes","classNames","progressBarProps","toString","Function","div","role","aria-labelledby","Label","elementType","style","width","data-testid","defaultProps","displayName"],"mappings":"AAAA;;;;;+BA0JSA;;;eAAAA;;;;+DAtJc;uBAC0C;uBAG3C;;;;;;AA0BtB,SAASC,uBACPC,KAAa,EACbC,QAAgB,EAChBC,QAAgB;IAEhB,IAAID,WAAWC,UAAU;QACvBC,QAAQC,IAAI,CAAC;IACf;IACA,IAAIJ,QAAQC,UAAU;QACpBE,QAAQC,IAAI,CAAC;IACf;IACA,IAAIJ,QAAQE,UAAU;QACpBC,QAAQC,IAAI,CAAC;IACf;AACF;AAEA,MAAMC,iBAAiB,CACrBL,OACAM;IAEA,MAAMC,cAAcC,WAAWR;IAC/B,OAAOS,OAAOC,KAAK,CAACH,eAAeD,eAAeC;AACpD;AAEA,MAAMI,gBAAgB;AACtB,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAE1B,MAAMf,yBACJgB,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAMC,aAAaC,IAAAA,YAAK;IACxB,MAAMC,kBAAkBD,IAAAA,YAAK;IAC7B,MAAM,EACJE,EAAE,EACFC,KAAK,EACLC,iBAAiB,CAAC,CAACD,KAAK,EACxBE,cAAc,EACdC,UAAU,SAAS,EACnBC,SAAS,EACV,GAAGV;IAEJ,IAAI,EAAEf,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGa;IAEpCf,QAAQK,eAAeL,OAAOW;IAC9BV,WAAWI,eAAeJ,UAAUW;IACpCV,WAAWG,eAAeH,UAAUW;IAEpC,yDAAyD;IACzD,IACEb,UAAU0B,aACVzB,aAAayB,aACbxB,aAAawB,WACb;QACA,OAAO;IACT;IAEA3B,uBAAuBC,OAAOC,UAAUC;IAExC,0DAA0D;IAC1D,MAAMyB,QAAQ,CAACC,KAAaC,KAAaC,MACvCC,KAAKF,GAAG,CAACE,KAAKD,GAAG,CAACF,KAAKC,MAAMC;IAC/B,MAAME,aAAaL,MACjBI,KAAKE,KAAK,CAAC,AAAEjC,CAAAA,QAAQC,QAAO,IAAMC,CAAAA,WAAWD,QAAO,IAAM,MAC1D,GACA;IAEF,MAAMiC,WAAW,CAAC,EAAEF,WAAW,CAAC,CAAC;IAEjC,MAAMG,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBX,WAAW;QACjE,gBAAgBD,YAAY;QAC5B,kBAAkBA,YAAY;IAChC;IAEA,2BAA2B;IAC3B,MAAMa,mBAA2C,CAAC;IAClDA,gBAAgB,CAAC,gBAAgB,GAAGpC,SAASqC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGnC,SAASoC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGrC,MAAMsC,QAAQ;IAClDD,gBAAgB,CAAC,iBAAiB,GAChCd,0BAA0BgB,WACtBhB,eAAevB,OAAOC,UAAUC,YAChCgC;IAEN,qBACE,sBAACM;QACCpB,IAAIA,MAAMH;QACT,GAAGoB,gBAAgB;QACpBrB,KAAKA;QACLS,WAAWU;QACXM,MAAK;QACLC,mBAAiBvB;;YAEhBE,uBACC,qBAACsB,YAAK;gBACJvB,IAAID;gBACJM,WAAU;gBACVmB,aAAY;0BAEXvB;;0BAGL,qBAACmB;gBAAIf,WAAU;0BACb,cAAA,qBAACe;oBAAIf,WAAU;oBAAqBoB,OAAO;wBAAEC,OAAOZ;oBAAS;;;YAE9DZ,gCACC,qBAACqB,YAAK;gBAACI,eAAY;gBAAcH,aAAY;0BAC1CP,gBAAgB,CAAC,iBAAiB;;;;AAK7C;AAEFvC,SAASkD,YAAY,GAAG;IACtBhD,OAAOW;IACPV,UAAUW;IACVV,UAAUW;AACZ;AAEAf,SAASmD,WAAW,GAAG"}

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

@@ -1,18 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Progress"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Progress"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Progress/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
+{"version":3,"sources":["../../../../src/components/Progress/index.tsx"],"sourcesContent":["export * from \"./Progress\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/components/Radio/Radio.js

@@ -1,28 +1,26 @@
-"use strict";
 "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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const react_1 = require("react");
-const ErrorMessage_1 = require("../ErrorMessage");
-const Label_1 = require("../Label");
-const Radio = (0, react_1.forwardRef)((props, ref) => {
-    const { children, value, label, className, isDisabled, errorMessage, onChange, defaultChecked, groupDisabled, name, selected, setSelected, isRequired } = props, otherProps = __rest(props, ["children", "value", "label", "className", "isDisabled", "errorMessage", "onChange", "defaultChecked", "groupDisabled", "name", "selected", "setSelected", "isRequired"]);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Radio", {
+    enumerable: true,
+    get: function() {
+        return Radio;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _ErrorMessage = require("../ErrorMessage");
+const _Label = require("../Label");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Radio = /*#__PURE__*/ (0, _react.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;
@@ -30,11 +28,11 @@ const Radio = (0, react_1.forwardRef)((props, ref) => {
         "--is-disabled": realDisabled,
         "--is-selected": selected === value,
         "--is-multiline": !!isMultiline,
-        "--is-required": isRequired,
+        "--is-required": isRequired
     };
-    const containerClasses = (0, dedupe_1.default)("mobius/RadioLabel", radioClasses, className);
-    const inputClasses = (0, dedupe_1.default)("mobius/RadioInput", radioClasses);
-    const handleClick = (event) => {
+    const containerClasses = (0, _dedupe.default)("mobius/RadioLabel", radioClasses, className);
+    const inputClasses = (0, _dedupe.default)("mobius/RadioInput", radioClasses);
+    const handleClick = (event)=>{
         if (onChange) {
             onChange(event);
         }
@@ -42,8 +40,48 @@ const Radio = (0, react_1.forwardRef)((props, ref) => {
             setSelected(event.currentTarget.value);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Label_1.Label, { className: containerClasses, children: [(0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsxs)("div", { className: "mobius/RadioContentMultiline", children: [(0, jsx_runtime_1.jsx)("div", { className: "mobius/RadioContentFirstLine", children: label }), (0, jsx_runtime_1.jsx)("div", { className: "mobius/RadioExtraContent", children: children })] })) : ((0, jsx_runtime_1.jsx)("div", { className: "mobius/RadioContent", children: label || children }))] }), errorMessage && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMessage: errorMessage })] }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Label.Label, {
+                className: containerClasses,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.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__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "mobius/RadioContentMultiline",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: "mobius/RadioContentFirstLine",
+                                children: label
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: "mobius/RadioExtraContent",
+                                children: children
+                            })
+                        ]
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "mobius/RadioContent",
+                        children: label || children
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                errorMessage: errorMessage
+            })
+        ]
+    });
 });
-exports.Radio = Radio;
 Radio.displayName = "Radio";
+
 //# sourceMappingURL=Radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,+DAA2C;AAC3C,iCAA8E;AAI9E,kDAA+C;AAC/C,oCAAiC;AAwDjC,MAAM,KAAK,GAAwD,IAAA,kBAAU,EAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,UAAU,KAER,KAAK,EADJ,UAAU,UACX,KAAK,EAfH,yKAeL,CAAQ,CAAC;IACV,MAAM,YAAY,GAAG,aAAa,IAAI,UAAU,CAAC;IACjD,MAAM,WAAW,GAAG,KAAK,IAAI,QAAQ,CAAC;IACtC,MAAM,iBAAiB,GAAG,QAAQ,KAAK,KAAK,IAAI,cAAc,CAAC;IAC/D,MAAM,YAAY,GAAG;QACnB,eAAe,EAAE,YAAY;QAC7B,eAAe,EAAE,QAAQ,KAAK,KAAK;QACnC,gBAAgB,EAAE,CAAC,CAAC,WAAW;QAC/B,eAAe,EAAE,UAAU;KAC5B,CAAC;IACF,MAAM,gBAAgB,GAAG,IAAA,gBAAU,EACjC,mBAAmB,EACnB,YAAY,EACZ,SAAS,CACV,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,gBAAU,EAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,KAAmC,EAAE,EAAE;QAC1D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAsD,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,wBAAC,aAAK,IAAC,SAAS,EAAE,gBAAgB,aAChC,sDACoB,UAAU,CAAC,kBAAkB,CAAC,EAChD,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,OAAO,EACZ,cAAc,EAAE,iBAAiB,EACjC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,GACpB,EACD,WAAW,CAAC,CAAC,CAAC,CACb,iCAAK,SAAS,EAAC,8BAA8B,aAC3C,gCAAK,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAO,EAC3D,gCAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACtD,CACP,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,IAAI,QAAQ,GAAO,CAC/D,IACK,EACP,YAAY,IAAI,uBAAC,2BAAY,IAAC,YAAY,EAAE,YAAY,GAAI,IAC5D,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { MouseEvent, ReactNode, Ref, RefAttributes, forwardRef } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioElementType = HTMLInputElement;\n\nexport type AriaRadioProps = {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  \"aria-details\"?: string;\n};\n\nexport interface RadioProps\n  extends DOMProps,\n    AriaRadioProps,\n    RefAttributes<RadioElementType> {\n  children?: ReactNode;\n  className?: string;\n  label?: ReactNode;\n  errorMessage?: string;\n  value: string;\n  isDisabled?: boolean;\n  onChange?: (event: HTMLElementEvent<RadioElementType>) => void;\n  defaultChecked?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  groupDisabled?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  name?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  selected?: string;\n  /**\n   * **Internal:** Do not use\n   */\n  setSelected?: React.Dispatch<React.SetStateAction<string>>;\n  isRequired?: boolean;\n}\n\nexport type RadioRef = Ref<RadioElementType>;\n\nconst Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(\n  (props: RadioProps, ref: RadioRef) => {\n    const {\n      children,\n      value,\n      label,\n      className,\n      isDisabled,\n      errorMessage,\n      onChange,\n      defaultChecked,\n      groupDisabled,\n      name,\n      selected,\n      setSelected,\n      isRequired,\n      ...otherProps\n    } = 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(\n      \"mobius/RadioLabel\",\n      radioClasses,\n      className,\n    );\n    const inputClasses = classNames(\"mobius/RadioInput\", radioClasses);\n\n    const handleClick = (event: MouseEvent<RadioElementType>) => {\n      if (onChange) {\n        onChange(event as unknown as HTMLElementEvent<RadioElementType>);\n      }\n      if (setSelected) {\n        setSelected(event.currentTarget.value);\n      }\n    };\n\n    return (\n      <>\n        <Label className={containerClasses}>\n          <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 ? (\n            <div className=\"mobius/RadioContentMultiline\">\n              <div className=\"mobius/RadioContentFirstLine\">{label}</div>\n              <div className=\"mobius/RadioExtraContent\">{children}</div>\n            </div>\n          ) : (\n            <div className=\"mobius/RadioContent\">{label || children}</div>\n          )}\n        </Label>\n        {errorMessage && <ErrorMessage errorMessage={errorMessage} />}\n      </>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\nexport { Radio };\n"],"names":["Radio","forwardRef","props","ref","children","value","label","className","isDisabled","errorMessage","onChange","defaultChecked","groupDisabled","name","selected","setSelected","isRequired","otherProps","realDisabled","isMultiline","isDefaultSelected","radioClasses","containerClasses","classNames","inputClasses","handleClick","event","currentTarget","Label","input","aria-describedby","disabled","onClick","tabIndex","type","required","div","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BA2ISA;;;eAAAA;;;;+DAzIc;uBAC+C;8BAIzC;uBACP;;;;;;AAwDtB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACV,GAAGC,YACJ,GAAGf;IACJ,MAAMgB,eAAeN,iBAAiBJ;IACtC,MAAMW,cAAcb,SAASF;IAC7B,MAAMgB,oBAAoBN,aAAaT,SAASM;IAChD,MAAMU,eAAe;QACnB,iBAAiBH;QACjB,iBAAiBJ,aAAaT;QAC9B,kBAAkB,CAAC,CAACc;QACpB,iBAAiBH;IACnB;IACA,MAAMM,mBAAmBC,IAAAA,eAAU,EACjC,qBACAF,cACAd;IAEF,MAAMiB,eAAeD,IAAAA,eAAU,EAAC,qBAAqBF;IAErD,MAAMI,cAAc,CAACC;QACnB,IAAIhB,UAAU;YACZA,SAASgB;QACX;QACA,IAAIX,aAAa;YACfA,YAAYW,MAAMC,aAAa,CAACtB,KAAK;QACvC;IACF;IAEA,qBACE;;0BACE,sBAACuB,YAAK;gBAACrB,WAAWe;;kCAChB,qBAACO;wBACCC,oBAAkBb,UAAU,CAAC,mBAAmB;wBAChDc,UAAUb;wBACVf,KAAKA;wBACLI,WAAWiB;wBACXQ,SAASP;wBACTpB,OAAOA;wBACP4B,UAAU;wBACVC,MAAK;wBACLvB,gBAAgBS;wBAChBP,MAAMA;wBACNsB,UAAUnB;;oBAEXG,4BACC,sBAACiB;wBAAI7B,WAAU;;0CACb,qBAAC6B;gCAAI7B,WAAU;0CAAgCD;;0CAC/C,qBAAC8B;gCAAI7B,WAAU;0CAA4BH;;;uCAG7C,qBAACgC;wBAAI7B,WAAU;kCAAuBD,SAASF;;;;YAGlDK,8BAAgB,qBAAC4B,0BAAY;gBAAC5B,cAAcA;;;;AAGnD;AAGFT,MAAMsC,WAAW,GAAG"}