@simplybusiness/mobius 4.8.6 → 4.8.8

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

@@ -0,0 +1,35 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RadioButton", {
+    enumerable: true,
+    get: function() {
+        return RadioButton;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Radio = require("./Radio");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const RadioButton = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const classes = (0, _dedupe.default)(props.className, "--is-radio-button");
+    const radioProps = {
+        ...props,
+        className: classes,
+        ref
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Radio.Radio, {
+        ...radioProps
+    });
+}); //# sourceMappingURL=RadioButton.js.map
+ //# sourceMappingURL=RadioButton.js.map
+ //# sourceMappingURL=RadioButton.js.map
+
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Radio/RadioButton.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { Radio } from \"./Radio\";\nexport const RadioButton = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const classes = classNames(props.className, \"--is-radio-button\");\n    const radioProps = {\n        ...props,\n        className: classes,\n        ref\n    };\n    return /*#__PURE__*/ _jsx(Radio, {\n        ...radioProps\n    });\n}); //# sourceMappingURL=RadioButton.js.map\n //# sourceMappingURL=RadioButton.js.map\n\n//# sourceMappingURL=RadioButton.js.map"],"names":["RadioButton","forwardRef","props","ref","classes","classNames","className","radioProps","_jsx","Radio"],"mappings":"AAAA;;;;;+BAKaA;;;eAAAA;;;4BAJe;uBACD;+DACJ;uBACD;;;;;;AACf,MAAMA,cAAc,WAAW,GAAGC,IAAAA,iBAAU,EAAC,CAACC,OAAOC;IACxD,MAAMC,UAAUC,IAAAA,eAAU,EAACH,MAAMI,SAAS,EAAE;IAC5C,MAAMC,aAAa;QACf,GAAGL,KAAK;QACRI,WAAWF;QACXD;IACJ;IACA,OAAO,WAAW,GAAGK,IAAAA,eAAI,EAACC,YAAK,EAAE;QAC7B,GAAGF,UAAU;IACjB;AACJ,IAAI,uCAAuC;CAC1C,uCAAuC;CAExC,uCAAuC"}

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

@@ -0,0 +1,108 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RadioGroup", {
+    enumerable: true,
+    get: function() {
+        return RadioGroup;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
+const _ErrorMessage = require("../ErrorMessage");
+const _Label = require("../Label");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const getDefaultVal = (children, defaultValue)=>{
+    if (Array.isArray(children) && defaultValue) {
+        const option = children === null || children === void 0 ? void 0 : children.find((item)=>item.props.value === defaultValue);
+        if (!option) return "";
+        return option.props.value;
+    }
+    return "";
+};
+const RadioGroup = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", className, errorMessage, children, defaultValue, isReadOnly, onChange, ...rest } = props;
+    const defaultSelected = getDefaultVal(children, defaultValue);
+    const [selected, setSelected] = (0, _react.useState)(defaultSelected);
+    const radioClasses = {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        [`--is-${orientation}`]: true,
+        [className || ""]: true
+    };
+    const radioGroupClasses = (0, _dedupe.default)("mobius", "mobius/RadioGroup", radioClasses);
+    const radioWrapperClasses = (0, _dedupe.default)("mobius/RadioWrapper", {
+        [`--is-${orientation}`]: true
+    });
+    const labelClasses = (0, _dedupe.default)(radioClasses);
+    const errorMessageId = (0, _react.useId)();
+    const name = (0, _react.useId)();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const labelId = (0, _react.useId)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ...rest,
+        "aria-describedby": props["aria-describedby"],
+        "aria-disabled": isDisabled,
+        "aria-errormessage": shouldErrorMessageShow,
+        "aria-invalid": validationState === "invalid",
+        "aria-label": props["aria-label"],
+        "aria-labelledby": props["aria-labelledby"] || labelId,
+        "aria-orientation": orientation,
+        "aria-readonly": isReadOnly,
+        "aria-required": isRequired,
+        ref: ref,
+        className: radioGroupClasses,
+        role: "radiogroup",
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                htmlFor: name,
+                id: labelId,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: radioWrapperClasses,
+                children: _react.Children.map(children, (child)=>{
+                    if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
+                        return /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                            orientation,
+                            groupDisabled: isDisabled,
+                            name,
+                            selected,
+                            setSelected,
+                            isRequired,
+                            "aria-describedby": describedBy,
+                            onChange
+                        });
+                    }
+                    return child;
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+RadioGroup.displayName = "RadioGroup";
+ //# sourceMappingURL=RadioGroup.js.map
+ //# sourceMappingURL=RadioGroup.js.map
+ //# sourceMappingURL=RadioGroup.js.map
+
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Radio/RadioGroup.js"],"sourcesContent":["\"use client\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Children, cloneElement, forwardRef, isValidElement, useId, useState } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nconst getDefaultVal = (children, defaultValue)=>{\n    if (Array.isArray(children) && defaultValue) {\n        const option = children === null || children === void 0 ? void 0 : children.find((item)=>item.props.value === defaultValue);\n        if (!option) return \"\";\n        return option.props.value;\n    }\n    return \"\";\n};\nconst RadioGroup = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { label, isDisabled = false, isRequired, validationState, orientation = \"vertical\", className, errorMessage, children, defaultValue, isReadOnly, onChange, ...rest } = props;\n    const defaultSelected = getDefaultVal(children, defaultValue);\n    const [selected, setSelected] = useState(defaultSelected);\n    const radioClasses = {\n        \"--is-disabled\": isDisabled,\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\",\n        \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n        \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n        [`--is-${orientation}`]: true,\n        [className || \"\"]: true\n    };\n    const radioGroupClasses = classNames(\"mobius\", \"mobius/RadioGroup\", radioClasses);\n    const radioWrapperClasses = classNames(\"mobius/RadioWrapper\", {\n        [`--is-${orientation}`]: true\n    });\n    const labelClasses = classNames(radioClasses);\n    const errorMessageId = useId();\n    const name = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n        shouldErrorMessageShow,\n        props[\"aria-describedby\"]\n    ]);\n    const labelId = useId();\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        ...rest,\n        \"aria-describedby\": props[\"aria-describedby\"],\n        \"aria-disabled\": isDisabled,\n        \"aria-errormessage\": shouldErrorMessageShow,\n        \"aria-invalid\": validationState === \"invalid\",\n        \"aria-label\": props[\"aria-label\"],\n        \"aria-labelledby\": props[\"aria-labelledby\"] || labelId,\n        \"aria-orientation\": orientation,\n        \"aria-readonly\": isReadOnly,\n        \"aria-required\": isRequired,\n        ref: ref,\n        className: radioGroupClasses,\n        role: \"radiogroup\",\n        children: [\n            label && /*#__PURE__*/ _jsx(Label, {\n                htmlFor: name,\n                id: labelId,\n                className: labelClasses,\n                children: label\n            }),\n            /*#__PURE__*/ _jsx(\"div\", {\n                className: radioWrapperClasses,\n                children: Children.map(children, (child)=>{\n                    if (/*#__PURE__*/ isValidElement(child)) {\n                        return /*#__PURE__*/ cloneElement(child, {\n                            orientation,\n                            groupDisabled: isDisabled,\n                            name,\n                            selected,\n                            setSelected,\n                            isRequired,\n                            \"aria-describedby\": describedBy,\n                            onChange\n                        });\n                    }\n                    return child;\n                })\n            }),\n            /*#__PURE__*/ _jsx(ErrorMessage, {\n                id: errorMessageId,\n                errorMessage: errorMessage\n            })\n        ]\n    });\n});\nRadioGroup.displayName = \"RadioGroup\";\nexport { RadioGroup }; //# sourceMappingURL=RadioGroup.js.map\n //# sourceMappingURL=RadioGroup.js.map\n\n//# sourceMappingURL=RadioGroup.js.map"],"names":["RadioGroup","getDefaultVal","children","defaultValue","Array","isArray","option","find","item","props","value","forwardRef","ref","label","isDisabled","isRequired","validationState","orientation","className","errorMessage","isReadOnly","onChange","rest","defaultSelected","selected","setSelected","useState","radioClasses","radioGroupClasses","classNames","radioWrapperClasses","labelClasses","errorMessageId","useId","name","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","_jsxs","role","_jsx","Label","htmlFor","id","Children","map","child","isValidElement","cloneElement","groupDisabled","ErrorMessage","displayName"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Radio"), exports);
+_export_star(require("./RadioButton"), exports);
+_export_star(require("./RadioGroup"), 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
+ //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Radio/index.js"],"sourcesContent":["export * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\"; //# sourceMappingURL=index.js.map\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;;;;;;;;;;;;;;CAAgB,iCAAiC;CAC9D,iCAAiC;CAElC,iCAAiC"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/SVG/SVG.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SVG", {
+    enumerable: true,
+    get: function() {
+        return SVG;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const SVG = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { children, className, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/SVG", className);
+    const svgNode = _react.Children.only(children);
+    // Remove originalType and mdxType props
+    const { children: svgChildren, viewBox, xmlns } = svgNode.props;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("svg", {
+        viewBox: viewBox,
+        xmlns: xmlns,
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: svgChildren
+    });
+});
+SVG.displayName = "SVG";
+ //# sourceMappingURL=SVG.js.map
+ //# sourceMappingURL=SVG.js.map
+ //# sourceMappingURL=SVG.js.map
+
+//# sourceMappingURL=SVG.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/SVG/SVG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/SVG/SVG.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, Children } from \"react\";\nimport classNames from \"classnames/dedupe\";\nconst SVG = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { children, className, ...otherProps } = props;\n    const classes = classNames(\"mobius\", \"mobius/SVG\", className);\n    const svgNode = Children.only(children);\n    // Remove originalType and mdxType props\n    const { children: svgChildren, viewBox, xmlns } = svgNode.props;\n    return /*#__PURE__*/ _jsx(\"svg\", {\n        viewBox: viewBox,\n        xmlns: xmlns,\n        ref: ref,\n        ...otherProps,\n        className: classes,\n        children: svgChildren\n    });\n});\nSVG.displayName = \"SVG\";\nexport { SVG }; //# sourceMappingURL=SVG.js.map\n //# sourceMappingURL=SVG.js.map\n\n//# sourceMappingURL=SVG.js.map"],"names":["SVG","forwardRef","props","ref","children","className","otherProps","classes","classNames","svgNode","Children","only","svgChildren","viewBox","xmlns","_jsx","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;4BAnBmB;uBACS;+DACd;;;;;;AACvB,MAAMA,MAAM,WAAW,GAAGC,IAAAA,iBAAU,EAAC,CAACC,OAAOC;IACzC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGJ;IAC/C,MAAMK,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcH;IACnD,MAAMI,UAAUC,eAAQ,CAACC,IAAI,CAACP;IAC9B,wCAAwC;IACxC,MAAM,EAAEA,UAAUQ,WAAW,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL,QAAQP,KAAK;IAC/D,OAAO,WAAW,GAAGa,IAAAA,eAAI,EAAC,OAAO;QAC7BF,SAASA;QACTC,OAAOA;QACPX,KAAKA;QACL,GAAGG,UAAU;QACbD,WAAWE;QACXH,UAAUQ;IACd;AACJ;AACAZ,IAAIgB,WAAW,GAAG;CACF,+BAA+B;CAC9C,+BAA+B;CAEhC,+BAA+B"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/SVG/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./SVG"), 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
+ //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/SVG/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/SVG/index.js"],"sourcesContent":["export * from \"./SVG\"; //# sourceMappingURL=index.js.map\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;qBAAc;;;;;;;;;;;;;;CAAS,iCAAiC;CACvD,iCAAiC;CAElC,iCAAiC"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Segment/Segment.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Segment", {
+    enumerable: true,
+    get: function() {
+        return Segment;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Segment = (props)=>{
+    const { heading, children, colour, inverted, className, ...rest } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Segment", colour, {
+        inverted
+    }, className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: classes,
+        ...rest,
+        children: [
+            heading && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/SegmentHeading",
+                children: heading
+            }),
+            children
+        ]
+    });
+};
+Segment.displayName = "Segment";
+ //# sourceMappingURL=Segment.js.map
+ //# sourceMappingURL=Segment.js.map
+ //# sourceMappingURL=Segment.js.map
+
+//# sourceMappingURL=Segment.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Segment/Segment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Segment/Segment.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nconst Segment = (props)=>{\n    const { heading, children, colour, inverted, className, ...rest } = props;\n    const classes = classNames(\"mobius\", \"mobius/Segment\", colour, {\n        inverted\n    }, className);\n    return /*#__PURE__*/ _jsxs(\"div\", {\n        className: classes,\n        ...rest,\n        children: [\n            heading && /*#__PURE__*/ _jsx(\"div\", {\n                className: \"mobius/SegmentHeading\",\n                children: heading\n            }),\n            children\n        ]\n    });\n};\nSegment.displayName = \"Segment\";\nexport { Segment }; //# sourceMappingURL=Segment.js.map\n //# sourceMappingURL=Segment.js.map\n\n//# sourceMappingURL=Segment.js.map"],"names":["Segment","props","heading","children","colour","inverted","className","rest","classes","classNames","_jsxs","_jsx","displayName"],"mappings":";;;;+BAoBSA;;;eAAAA;;;4BApBkC;+DACpB;;;;;;AACvB,MAAMA,UAAU,CAACC;IACb,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGN;IACpE,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,kBAAkBL,QAAQ;QAC3DC;IACJ,GAAGC;IACH,OAAO,WAAW,GAAGI,IAAAA,gBAAK,EAAC,OAAO;QAC9BJ,WAAWE;QACX,GAAGD,IAAI;QACPJ,UAAU;YACND,WAAW,WAAW,GAAGS,IAAAA,eAAI,EAAC,OAAO;gBACjCL,WAAW;gBACXH,UAAUD;YACd;YACAC;SACH;IACL;AACJ;AACAH,QAAQY,WAAW,GAAG;CACF,mCAAmC;CACtD,mCAAmC;CAEpC,mCAAmC"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Segment/SegmentGroup.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SegmentGroup", {
+    enumerable: true,
+    get: function() {
+        return SegmentGroup;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const SegmentGroup = (props)=>{
+    const { children, horizontal, margin, className, ...rest } = props;
+    const marginClass = margin ? `margin-${margin}` : "";
+    const classes = (0, _dedupe.default)("mobius", "mobius/SegmentGroup", className, {
+        horizontal
+    }, marginClass);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: classes,
+        ...rest,
+        children: children
+    });
+};
+SegmentGroup.displayName = "SegmentGroup";
+ //# sourceMappingURL=SegmentGroup.js.map
+ //# sourceMappingURL=SegmentGroup.js.map
+ //# sourceMappingURL=SegmentGroup.js.map
+
+//# sourceMappingURL=SegmentGroup.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Segment/SegmentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Segment/SegmentGroup.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport classNames from \"classnames/dedupe\";\nconst SegmentGroup = (props)=>{\n    const { children, horizontal, margin, className, ...rest } = props;\n    const marginClass = margin ? `margin-${margin}` : \"\";\n    const classes = classNames(\"mobius\", \"mobius/SegmentGroup\", className, {\n        horizontal\n    }, marginClass);\n    return /*#__PURE__*/ _jsx(\"div\", {\n        className: classes,\n        ...rest,\n        children: children\n    });\n};\nSegmentGroup.displayName = \"SegmentGroup\";\nexport { SegmentGroup }; //# sourceMappingURL=SegmentGroup.js.map\n //# sourceMappingURL=SegmentGroup.js.map\n\n//# sourceMappingURL=SegmentGroup.js.map"],"names":["SegmentGroup","props","children","horizontal","margin","className","rest","marginClass","classes","classNames","_jsx","displayName"],"mappings":";;;;+BAeSA;;;eAAAA;;;4BAfmB;+DACL;;;;;;AACvB,MAAMA,eAAe,CAACC;IAClB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAC7D,MAAMM,cAAcH,SAAS,CAAC,OAAO,EAAEA,OAAO,CAAC,GAAG;IAClD,MAAMI,UAAUC,IAAAA,eAAU,EAAC,UAAU,uBAAuBJ,WAAW;QACnEF;IACJ,GAAGI;IACH,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAAC,OAAO;QAC7BL,WAAWG;QACX,GAAGF,IAAI;QACPJ,UAAUA;IACd;AACJ;AACAF,aAAaW,WAAW,GAAG;CACF,wCAAwC;CAChE,wCAAwC;CAEzC,wCAAwC"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Segment/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./SegmentGroup"), exports);
+_export_star(require("./Segment"), 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
+ //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Segment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Segment/index.js"],"sourcesContent":["export * from \"./SegmentGroup\";\nexport * from \"./Segment\"; //# sourceMappingURL=index.js.map\n //# sourceMappingURL=index.js.map\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;qBAAc;qBACA;;;;;;;;;;;;;;CAAa,iCAAiC;CAC3D,iCAAiC;CAElC,iCAAiC"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Select/Select.js

@@ -0,0 +1,94 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Select", {
+    enumerable: true,
+    get: function() {
+        return Select;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _useLabel = require("../../hooks/useLabel");
+const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
+const _ErrorMessage = require("../ErrorMessage");
+const _Flex = require("../Flex");
+const _Label = require("../Label");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Select = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
+    const { labelProps, fieldProps } = (0, _useLabel.useLabel)({
+        label,
+        ...otherProps
+    });
+    const stateClasses = {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
+    };
+    const wrapperClasses = (0, _dedupe.default)("mobius/SelectWrapper", stateClasses, otherProps.className);
+    const selectClasses = (0, _dedupe.default)("mobius/Select", stateClasses, otherProps.className);
+    const labelClasses = (0, _dedupe.default)("mobius/Label", stateClasses, otherProps.className);
+    const iconClasses = (0, _dedupe.default)("mobius/SelectIcon", stateClasses);
+    const errorMessageId = (0, _react.useId)();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const handleChange = (e)=>{
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+        flexDirection: "column",
+        className: "mobius mobius/SelectOuter",
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: wrapperClasses,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("select", {
+                        ...otherProps,
+                        ...fieldProps,
+                        ref: ref,
+                        multiple: false,
+                        className: selectClasses,
+                        disabled: isDisabled,
+                        "aria-invalid": !!errorMessage,
+                        "aria-describedby": describedBy,
+                        "aria-required": isRequired,
+                        onChange: handleChange
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: iconClasses
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+Select.displayName = "Select";
+ //# sourceMappingURL=Select.js.map
+ //# sourceMappingURL=Select.js.map
+ //# sourceMappingURL=Select.js.map
+
+//# sourceMappingURL=Select.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../src/dist/esm/dist/esm/dist/esm/components/Select/Select.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 { useLabel } from \"../../hooks/useLabel\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nconst Select = /*#__PURE__*/ forwardRef((props, ref)=>{\n    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;\n    const { labelProps, fieldProps } = useLabel({\n        label,\n        ...otherProps\n    });\n    const stateClasses = {\n        \"--is-disabled\": isDisabled,\n        \"--is-valid\": validationState === \"valid\",\n        \"--is-invalid\": validationState === \"invalid\",\n        \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n        \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired\n    };\n    const wrapperClasses = classNames(\"mobius/SelectWrapper\", stateClasses, otherProps.className);\n    const selectClasses = classNames(\"mobius/Select\", stateClasses, otherProps.className);\n    const labelClasses = classNames(\"mobius/Label\", stateClasses, otherProps.className);\n    const iconClasses = classNames(\"mobius/SelectIcon\", stateClasses);\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n        shouldErrorMessageShow,\n        props[\"aria-describedby\"]\n    ]);\n    const handleChange = (e)=>{\n        if (onChange) {\n            onChange(e);\n        }\n    };\n    return /*#__PURE__*/ _jsxs(Flex, {\n        flexDirection: \"column\",\n        className: \"mobius mobius/SelectOuter\",\n        children: [\n            label && /*#__PURE__*/ _jsx(Label, {\n                ...labelProps,\n                className: labelClasses,\n                children: label\n            }),\n            /*#__PURE__*/ _jsxs(\"div\", {\n                className: wrapperClasses,\n                children: [\n                    /*#__PURE__*/ _jsx(\"select\", {\n                        ...otherProps,\n                        ...fieldProps,\n                        ref: ref,\n                        multiple: false,\n                        className: selectClasses,\n                        disabled: isDisabled,\n                        \"aria-invalid\": !!errorMessage,\n                        \"aria-describedby\": describedBy,\n                        \"aria-required\": isRequired,\n                        onChange: handleChange\n                    }),\n                    /*#__PURE__*/ _jsx(\"span\", {\n                        className: iconClasses\n                    })\n                ]\n            }),\n            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {\n                id: errorMessageId,\n                errorMessage: errorMessage\n            })\n        ]\n    });\n});\nSelect.displayName = \"Select\";\nexport { Select }; //# sourceMappingURL=Select.js.map\n //# sourceMappingURL=Select.js.map\n\n//# sourceMappingURL=Select.js.map"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","stateClasses","wrapperClasses","classNames","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","_jsxs","Flex","flexDirection","children","_jsx","Label","multiple","disabled","ErrorMessage","id","displayName"],"mappings":"AAAA;;;;;+BA0ESA;;;eAAAA;;;4BAzEkC;+DACpB;uBACW;0BACT;oCACU;8BACN;sBACR;uBACC;;;;;;AACtB,MAAMA,SAAS,WAAW,GAAGC,IAAAA,iBAAU,EAAC,CAACC,OAAOC;IAC5C,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,KAAK,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGR;IAC1G,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QACxCT;QACA,GAAGM,UAAU;IACjB;IACA,MAAMI,eAAe;QACjB,iBAAiBN;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACzD;IACA,MAAMM,iBAAiBC,IAAAA,eAAU,EAAC,wBAAwBF,cAAcJ,WAAWO,SAAS;IAC5F,MAAMC,gBAAgBF,IAAAA,eAAU,EAAC,iBAAiBF,cAAcJ,WAAWO,SAAS;IACpF,MAAME,eAAeH,IAAAA,eAAU,EAAC,gBAAgBF,cAAcJ,WAAWO,SAAS;IAClF,MAAMG,cAAcJ,IAAAA,eAAU,EAAC,qBAAqBF;IACpD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBhB,eAAec,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACnCH;QACArB,KAAK,CAAC,mBAAmB;KAC5B;IACD,MAAMyB,eAAe,CAACC;QAClB,IAAIvB,UAAU;YACVA,SAASuB;QACb;IACJ;IACA,OAAO,WAAW,GAAGC,IAAAA,gBAAK,EAACC,UAAI,EAAE;QAC7BC,eAAe;QACfd,WAAW;QACXe,UAAU;YACN5B,SAAS,WAAW,GAAG6B,IAAAA,eAAI,EAACC,YAAK,EAAE;gBAC/B,GAAGvB,UAAU;gBACbM,WAAWE;gBACXa,UAAU5B;YACd;YACA,WAAW,GAAGyB,IAAAA,gBAAK,EAAC,OAAO;gBACvBZ,WAAWF;gBACXiB,UAAU;oBACN,WAAW,GAAGC,IAAAA,eAAI,EAAC,UAAU;wBACzB,GAAGvB,UAAU;wBACb,GAAGE,UAAU;wBACbT,KAAKA;wBACLgC,UAAU;wBACVlB,WAAWC;wBACXkB,UAAU5B;wBACV,gBAAgB,CAAC,CAACD;wBAClB,oBAAoBkB;wBACpB,iBAAiBhB;wBACjBJ,UAAUsB;oBACd;oBACA,WAAW,GAAGM,IAAAA,eAAI,EAAC,QAAQ;wBACvBhB,WAAWG;oBACf;iBACH;YACL;YACAb,gBAAgB,WAAW,GAAG0B,IAAAA,eAAI,EAACI,0BAAY,EAAE;gBAC7CC,IAAIjB;gBACJd,cAAcA;YAClB;SACH;IACL;AACJ;AACAP,OAAOuC,WAAW,GAAG;CACF,kCAAkC;CACpD,kCAAkC;CAEnC,kCAAkC"}

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Select/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Select"), 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
+ //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Select/index.js.map

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

package/dist/cjs/dist/esm/dist/esm/dist/esm/components/Slider/Slider.js

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Slider", {
+    enumerable: true,
+    get: function() {
+        return Slider;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _hooks = require("../../hooks");
+const _Label = require("../Label");
+const _helpers = require("./helpers");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Slider = (props)=>{
+    const { id, className, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, minValue, maxValue, step = 1, defaultValue = 0, value, onChange, onChangeEnd, variant = "primary", minLabel, maxLabel, formatOptions, isDisabled = false } = props;
+    const trackRef = (0, _react.useRef)(null);
+    const [currentValue, setCurrentValue] = (0, _react.useState)(value || defaultValue || 0);
+    const [isDragging, setIsDraggging] = (0, _react.useState)(false);
+    const { labelProps, fieldProps } = (0, _hooks.useLabel)({
+        id,
+        label,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy
+    });
+    const formattedValue = (0, _helpers.numberFormatter)(currentValue, formatOptions);
+    const classes = (0, _dedupe.default)("mobius", "mobius/Slider", className, {
+        "--is-disabled": isDisabled,
+        "--is-primary": variant === "primary",
+        "--is-secondary": variant === "secondary",
+        "--is-dragging": isDragging
+    });
+    const handleChange = (e)=>{
+        const val = +e.target.value;
+        setCurrentValue(val);
+        if (onChange) {
+            onChange(val);
+        }
+    };
+    const handleChangeStart = ()=>{
+        setIsDraggging(true);
+    };
+    const handleChangeEnd = ()=>{
+        setIsDraggging(false);
+        if (onChangeEnd) {
+            onChangeEnd(currentValue);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: classes,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "mobius/SliderLabelWrapper",
+                children: [
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                        ...labelProps,
+                        children: label
+                    }),
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("output", {
+                        style: {
+                            flex: "1 0 auto",
+                            textAlign: "end"
+                        },
+                        children: formattedValue
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                ref: trackRef,
+                className: "mobius mobius/SliderTrackWrapper",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    className: "mobius/SliderTrack",
+                    type: "range",
+                    min: minValue,
+                    max: maxValue,
+                    value: currentValue,
+                    step: step,
+                    onChange: handleChange,
+                    autoComplete: "off",
+                    disabled: isDisabled,
+                    onMouseDown: handleChangeStart,
+                    onMouseUp: handleChangeEnd,
+                    onKeyDown: handleChangeStart,
+                    onKeyUp: handleChangeEnd,
+                    ...fieldProps
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "mobius/SliderLabels",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "mobius/SliderMinLabel",
+                        "data-testid": "min-label",
+                        children: minLabel
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "mobius/SliderMaxLabel",
+                        "data-testid": "max-label",
+                        children: maxLabel
+                    })
+                ]
+            })
+        ]
+    });
+}; //# sourceMappingURL=Slider.js.map
+ //# sourceMappingURL=Slider.js.map
+ //# sourceMappingURL=Slider.js.map
+
+//# sourceMappingURL=Slider.js.map