@simplybusiness/mobius 4.8.6 → 4.8.8

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

@@ -0,0 +1,90 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\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":"AAAA;AACA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,KAAK,QAAQ,QAAQ;AAC1C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,uBAAuBC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ;IACrD,IAAID,WAAWC,UAAU;QACrBC,QAAQC,IAAI,CAAC;IACjB;IACA,IAAIJ,QAAQC,UAAU;QAClBE,QAAQC,IAAI,CAAC;IACjB;IACA,IAAIJ,QAAQE,UAAU;QAClBC,QAAQC,IAAI,CAAC;IACjB;AACJ;AACA,MAAMC,iBAAiB,CAACL,OAAOM;IAC3B,MAAMC,cAAcC,WAAWR;IAC/B,OAAOS,OAAOC,KAAK,CAACH,eAAeD,eAAeC;AACtD;AACA,MAAMI,gBAAgB;AACtB,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAC1B,MAAMC,WAAW,WAAW,GAAGlB,WAAW,CAACmB,OAAOC;IAC9C,MAAMC,aAAapB;IACnB,MAAMqB,kBAAkBrB;IACxB,MAAM,EAAEsB,EAAE,EAAEC,KAAK,EAAEC,iBAAiB,CAAC,CAACD,KAAK,EAAEE,cAAc,EAAEC,UAAU,SAAS,EAAEC,SAAS,EAAE,GAAGT;IAChG,IAAI,EAAEf,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGa;IACpCf,QAAQK,eAAeL,OAAOW;IAC9BV,WAAWI,eAAeJ,UAAUW;IACpCV,WAAWG,eAAeH,UAAUW;IACpC,yDAAyD;IACzD,IAAIb,UAAUyB,aAAaxB,aAAawB,aAAavB,aAAauB,WAAW;QACzE,OAAO;IACX;IACA1B,uBAAuBC,OAAOC,UAAUC;IACxC,0DAA0D;IAC1D,MAAMwB,QAAQ,CAACC,KAAKC,KAAKC,MAAMC,KAAKF,GAAG,CAACE,KAAKD,GAAG,CAACF,KAAKC,MAAMC;IAC5D,MAAME,aAAaL,MAAMI,KAAKE,KAAK,CAAC,AAAChC,CAAAA,QAAQC,QAAO,IAAMC,CAAAA,WAAWD,QAAO,IAAK,MAAM,GAAG;IAC1F,MAAMgC,WAAW,CAAC,EAAEF,WAAW,CAAC,CAAC;IACjC,MAAMG,UAAUvC,WAAW,UAAU,mBAAmB6B,WAAW;QAC/D,gBAAgBD,YAAY;QAC5B,kBAAkBA,YAAY;IAClC;IACA,2BAA2B;IAC3B,MAAMY,mBAAmB,CAAC;IAC1BA,gBAAgB,CAAC,gBAAgB,GAAGlC,SAASmC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGjC,SAASkC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGnC,MAAMoC,QAAQ;IAClDD,gBAAgB,CAAC,iBAAiB,GAAGb,0BAA0Be,WAAWf,eAAetB,OAAOC,UAAUC,YAAY+B;IACtH,OAAO,WAAW,GAAGvC,MAAM,OAAO;QAC9ByB,IAAIA,MAAMF;QACV,GAAGkB,gBAAgB;QACnBnB,KAAKA;QACLQ,WAAWU;QACXI,MAAM;QACN,mBAAmBpB;QACnBqB,UAAU;YACNnB,SAAS,WAAW,GAAG5B,KAAKM,OAAO;gBAC/BqB,IAAID;gBACJM,WAAW;gBACXgB,aAAa;gBACbD,UAAUnB;YACd;YACA,WAAW,GAAG5B,KAAK,OAAO;gBACtBgC,WAAW;gBACXe,UAAU,WAAW,GAAG/C,KAAK,OAAO;oBAChCgC,WAAW;oBACXiB,OAAO;wBACHC,OAAOT;oBACX;gBACJ;YACJ;YACAZ,kBAAkB,WAAW,GAAG7B,KAAKM,OAAO;gBACxC,eAAe;gBACf0C,aAAa;gBACbD,UAAUJ,gBAAgB,CAAC,iBAAiB;YAChD;SACH;IACL;AACJ;AACArB,SAAS6B,YAAY,GAAG;IACpB3C,OAAOW;IACPV,UAAUW;IACVV,UAAUW;AACd;AACAC,SAAS8B,WAAW,GAAG;AACvB,SAAS9B,QAAQ,GAAG,CAEpB,oCAAoC"}

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

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

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

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

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

@@ -0,0 +1,73 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\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,CAEjB,iCAAiC"}

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

@@ -0,0 +1,18 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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});\n\n//# sourceMappingURL=RadioButton.js.map"],"names":["jsx","_jsx","forwardRef","classNames","Radio","RadioButton","props","ref","classes","className","radioProps"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,KAAK,QAAQ,UAAU;AAChC,OAAO,MAAMC,cAAc,WAAW,GAAGH,WAAW,CAACI,OAAOC;IACxD,MAAMC,UAAUL,WAAWG,MAAMG,SAAS,EAAE;IAC5C,MAAMC,aAAa;QACf,GAAGJ,KAAK;QACRG,WAAWD;QACXD;IACJ;IACA,OAAO,WAAW,GAAGN,KAAKG,OAAO;QAC7B,GAAGM,UAAU;IACjB;AACJ,GAAG,CAEH,uCAAuC"}

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

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, forwardRef, isValidElement, useId, useState } from "react";
+import classNames from "classnames/dedupe";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { ErrorMessage } from "../ErrorMessage";
+import { Label } from "../Label";
+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__*/ 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] = 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 = classNames("mobius", "mobius/RadioGroup", radioClasses);
+    const radioWrapperClasses = classNames("mobius/RadioWrapper", {
+        [`--is-${orientation}`]: true
+    });
+    const labelClasses = classNames(radioClasses);
+    const errorMessageId = useId();
+    const name = useId();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = spaceDelimitedList([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const labelId = useId();
+    return /*#__PURE__*/ _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__*/ _jsx(Label, {
+                htmlFor: name,
+                id: labelId,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: radioWrapperClasses,
+                children: Children.map(children, (child)=>{
+                    if (/*#__PURE__*/ isValidElement(child)) {
+                        return /*#__PURE__*/ cloneElement(child, {
+                            orientation,
+                            groupDisabled: isDisabled,
+                            name,
+                            selected,
+                            setSelected,
+                            isRequired,
+                            "aria-describedby": describedBy,
+                            onChange
+                        });
+                    }
+                    return child;
+                })
+            }),
+            /*#__PURE__*/ _jsx(ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+RadioGroup.displayName = "RadioGroup";
+export { RadioGroup }; //# sourceMappingURL=RadioGroup.js.map
+
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\n\n//# sourceMappingURL=RadioGroup.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","Children","cloneElement","forwardRef","isValidElement","useId","useState","classNames","spaceDelimitedList","ErrorMessage","Label","getDefaultVal","children","defaultValue","Array","isArray","option","find","item","props","value","RadioGroup","ref","label","isDisabled","isRequired","validationState","orientation","className","errorMessage","isReadOnly","onChange","rest","defaultSelected","selected","setSelected","radioClasses","radioGroupClasses","radioWrapperClasses","labelClasses","errorMessageId","name","shouldErrorMessageShow","undefined","describedBy","labelId","role","htmlFor","id","map","child","groupDisabled","displayName"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Radio/index.js"],"sourcesContent":["export * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\";\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,eAAe,CAE7B,iCAAiC"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, Children } from "react";
+import classNames from "classnames/dedupe";
+const SVG = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children, className, ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/SVG", className);
+    const svgNode = Children.only(children);
+    // Remove originalType and mdxType props
+    const { children: svgChildren, viewBox, xmlns } = svgNode.props;
+    return /*#__PURE__*/ _jsx("svg", {
+        viewBox: viewBox,
+        xmlns: xmlns,
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: svgChildren
+    });
+});
+SVG.displayName = "SVG";
+export { SVG }; //# sourceMappingURL=SVG.js.map
+
+//# sourceMappingURL=SVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\n\n//# sourceMappingURL=SVG.js.map"],"names":["jsx","_jsx","forwardRef","Children","classNames","SVG","props","ref","children","className","otherProps","classes","svgNode","only","svgChildren","viewBox","xmlns","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,SAASC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AAC7C,OAAOC,gBAAgB,oBAAoB;AAC3C,MAAMC,MAAM,WAAW,GAAGH,WAAW,CAACI,OAAOC;IACzC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGJ;IAC/C,MAAMK,UAAUP,WAAW,UAAU,cAAcK;IACnD,MAAMG,UAAUT,SAASU,IAAI,CAACL;IAC9B,wCAAwC;IACxC,MAAM,EAAEA,UAAUM,WAAW,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGJ,QAAQN,KAAK;IAC/D,OAAO,WAAW,GAAGL,KAAK,OAAO;QAC7Bc,SAASA;QACTC,OAAOA;QACPT,KAAKA;QACL,GAAGG,UAAU;QACbD,WAAWE;QACXH,UAAUM;IACd;AACJ;AACAT,IAAIY,WAAW,GAAG;AAClB,SAASZ,GAAG,GAAG,CAEf,+BAA+B"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+const Segment = (props)=>{
+    const { heading, children, colour, inverted, className, ...rest } = props;
+    const classes = classNames("mobius", "mobius/Segment", colour, {
+        inverted
+    }, className);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classes,
+        ...rest,
+        children: [
+            heading && /*#__PURE__*/ _jsx("div", {
+                className: "mobius/SegmentHeading",
+                children: heading
+            }),
+            children
+        ]
+    });
+};
+Segment.displayName = "Segment";
+export { Segment }; //# sourceMappingURL=Segment.js.map
+
+//# sourceMappingURL=Segment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\n\n//# sourceMappingURL=Segment.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","classNames","Segment","props","heading","children","colour","inverted","className","rest","classes","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,OAAOC,gBAAgB,oBAAoB;AAC3C,MAAMC,UAAU,CAACC;IACb,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGN;IACpE,MAAMO,UAAUT,WAAW,UAAU,kBAAkBK,QAAQ;QAC3DC;IACJ,GAAGC;IACH,OAAO,WAAW,GAAGR,MAAM,OAAO;QAC9BQ,WAAWE;QACX,GAAGD,IAAI;QACPJ,UAAU;YACND,WAAW,WAAW,GAAGN,KAAK,OAAO;gBACjCU,WAAW;gBACXH,UAAUD;YACd;YACAC;SACH;IACL;AACJ;AACAH,QAAQS,WAAW,GAAG;AACtB,SAAST,OAAO,GAAG,CAEnB,mCAAmC"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+const SegmentGroup = (props)=>{
+    const { children, horizontal, margin, className, ...rest } = props;
+    const marginClass = margin ? `margin-${margin}` : "";
+    const classes = classNames("mobius", "mobius/SegmentGroup", className, {
+        horizontal
+    }, marginClass);
+    return /*#__PURE__*/ _jsx("div", {
+        className: classes,
+        ...rest,
+        children: children
+    });
+};
+SegmentGroup.displayName = "SegmentGroup";
+export { SegmentGroup }; //# sourceMappingURL=SegmentGroup.js.map
+
+//# sourceMappingURL=SegmentGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\n\n//# sourceMappingURL=SegmentGroup.js.map"],"names":["jsx","_jsx","classNames","SegmentGroup","props","children","horizontal","margin","className","rest","marginClass","classes","displayName"],"mappings":"AAAA,SAASA,OAAOC,IAAI,QAAQ,oBAAoB;AAChD,OAAOC,gBAAgB,oBAAoB;AAC3C,MAAMC,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,UAAUT,WAAW,UAAU,uBAAuBM,WAAW;QACnEF;IACJ,GAAGI;IACH,OAAO,WAAW,GAAGT,KAAK,OAAO;QAC7BO,WAAWG;QACX,GAAGF,IAAI;QACPJ,UAAUA;IACd;AACJ;AACAF,aAAaS,WAAW,GAAG;AAC3B,SAAST,YAAY,GAAG,CAExB,wCAAwC"}

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

@@ -0,0 +1,4 @@
+export * from "./SegmentGroup";
+export * from "./Segment"; //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dist/esm/components/Segment/index.js"],"sourcesContent":["export * from \"./SegmentGroup\";\nexport * from \"./Segment\";\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,YAAY,CAE1B,iCAAiC"}

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

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { forwardRef, useId } from "react";
+import { useLabel } from "../../hooks/useLabel";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { ErrorMessage } from "../ErrorMessage";
+import { Flex } from "../Flex";
+import { Label } from "../Label";
+const Select = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
+    const { labelProps, fieldProps } = 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 = classNames("mobius/SelectWrapper", stateClasses, otherProps.className);
+    const selectClasses = classNames("mobius/Select", stateClasses, otherProps.className);
+    const labelClasses = classNames("mobius/Label", stateClasses, otherProps.className);
+    const iconClasses = classNames("mobius/SelectIcon", stateClasses);
+    const errorMessageId = useId();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = spaceDelimitedList([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const handleChange = (e)=>{
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    return /*#__PURE__*/ _jsxs(Flex, {
+        flexDirection: "column",
+        className: "mobius mobius/SelectOuter",
+        children: [
+            label && /*#__PURE__*/ _jsx(Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: wrapperClasses,
+                children: [
+                    /*#__PURE__*/ _jsx("select", {
+                        ...otherProps,
+                        ...fieldProps,
+                        ref: ref,
+                        multiple: false,
+                        className: selectClasses,
+                        disabled: isDisabled,
+                        "aria-invalid": !!errorMessage,
+                        "aria-describedby": describedBy,
+                        "aria-required": isRequired,
+                        onChange: handleChange
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: iconClasses
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+Select.displayName = "Select";
+export { Select }; //# sourceMappingURL=Select.js.map
+
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/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 };\n\n//# sourceMappingURL=Select.js.map"],"names":["jsx","_jsx","jsxs","_jsxs","classNames","forwardRef","useId","useLabel","spaceDelimitedList","ErrorMessage","Flex","Label","Select","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","stateClasses","wrapperClasses","className","selectClasses","labelClasses","iconClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","handleChange","e","flexDirection","children","multiple","disabled","id","displayName"],"mappings":"AAAA;AACA,SAASA,OAAOC,IAAI,EAAEC,QAAQC,KAAK,QAAQ,oBAAoB;AAC/D,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,KAAK,QAAQ,QAAQ;AAC1C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,KAAK,QAAQ,WAAW;AACjC,MAAMC,SAAS,WAAW,GAAGP,WAAW,CAACQ,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,GAAGhB,SAAS;QACxCQ;QACA,GAAGM,UAAU;IACjB;IACA,MAAMG,eAAe;QACjB,iBAAiBL;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACzD;IACA,MAAMK,iBAAiBrB,WAAW,wBAAwBoB,cAAcH,WAAWK,SAAS;IAC5F,MAAMC,gBAAgBvB,WAAW,iBAAiBoB,cAAcH,WAAWK,SAAS;IACpF,MAAME,eAAexB,WAAW,gBAAgBoB,cAAcH,WAAWK,SAAS;IAClF,MAAMG,cAAczB,WAAW,qBAAqBoB;IACpD,MAAMM,iBAAiBxB;IACvB,MAAMyB,yBAAyBb,eAAeY,iBAAiBE;IAC/D,MAAMC,cAAczB,mBAAmB;QACnCuB;QACAlB,KAAK,CAAC,mBAAmB;KAC5B;IACD,MAAMqB,eAAe,CAACC;QAClB,IAAInB,UAAU;YACVA,SAASmB;QACb;IACJ;IACA,OAAO,WAAW,GAAGhC,MAAMO,MAAM;QAC7B0B,eAAe;QACfV,WAAW;QACXW,UAAU;YACNtB,SAAS,WAAW,GAAGd,KAAKU,OAAO;gBAC/B,GAAGW,UAAU;gBACbI,WAAWE;gBACXS,UAAUtB;YACd;YACA,WAAW,GAAGZ,MAAM,OAAO;gBACvBuB,WAAWD;gBACXY,UAAU;oBACN,WAAW,GAAGpC,KAAK,UAAU;wBACzB,GAAGoB,UAAU;wBACb,GAAGE,UAAU;wBACbT,KAAKA;wBACLwB,UAAU;wBACVZ,WAAWC;wBACXY,UAAUpB;wBACV,gBAAgB,CAAC,CAACD;wBAClB,oBAAoBe;wBACpB,iBAAiBb;wBACjBJ,UAAUkB;oBACd;oBACA,WAAW,GAAGjC,KAAK,QAAQ;wBACvByB,WAAWG;oBACf;iBACH;YACL;YACAX,gBAAgB,WAAW,GAAGjB,KAAKQ,cAAc;gBAC7C+B,IAAIV;gBACJZ,cAAcA;YAClB;SACH;IACL;AACJ;AACAN,OAAO6B,WAAW,GAAG;AACrB,SAAS7B,MAAM,GAAG,CAElB,kCAAkC"}

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

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

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

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