@simplybusiness/mobius 5.25.2 → 5.25.4

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/SVG/index.tsx"],"sourcesContent":["export * from \"./SVG\";\n"],"names":[],"mappings":";;;;qBAAc"}

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

@@ -1,37 +0,0 @@
-"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-segment__heading",
-                children: heading
-            }),
-            children
-        ]
-    });
-};
-Segment.displayName = "Segment";
-
-//# sourceMappingURL=Segment.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Segment/Segment.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentProps extends DOMProps {\n  className?: string;\n  heading?: string;\n  /** Background colour for Segment */\n  colour?: \"subtle\" | \"primary\" | \"secondary\";\n  /** When inverted, text is white.  Use on darker backgrounds. */\n  inverted?: boolean;\n  children?: ReactNode;\n}\n\nconst Segment = (props: SegmentProps) => {\n  const { heading, children, colour, inverted, className, ...rest } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-segment\",\n    colour,\n    { inverted },\n    className,\n  );\n\n  return (\n    <div className={classes} {...rest}>\n      {heading && <div className=\"mobius-segment__heading\">{heading}</div>}\n      {children}\n    </div>\n  );\n};\n\nSegment.displayName = \"Segment\";\nexport { Segment };\n"],"names":["Segment","props","heading","children","colour","inverted","className","rest","classes","classNames","div","displayName"],"mappings":";;;;+BAkCSA;;;eAAAA;;;;+DAjCc;;;;;;AAavB,MAAMA,UAAU,CAACC;IACf,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGN;IAEpE,MAAMO,UAAUC,IAAAA,eAAU,EACxB,UACA,kBACAL,QACA;QAAEC;IAAS,GACXC;IAGF,qBACE,sBAACI;QAAIJ,WAAWE;QAAU,GAAGD,IAAI;;YAC9BL,yBAAW,qBAACQ;gBAAIJ,WAAU;0BAA2BJ;;YACrDC;;;AAGP;AAEAH,QAAQW,WAAW,GAAG"}

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

@@ -1,32 +0,0 @@
-"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, gap, className, ...rest } = props;
-    const gapClass = gap ? `gap-${gap}` : "";
-    const classes = (0, _dedupe.default)("mobius", "mobius-segment-group", className, {
-        "--is-horizontal": horizontal
-    }, gapClass);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        className: classes,
-        ...rest,
-        children: children
-    });
-};
-SegmentGroup.displayName = "SegmentGroup";
-
-//# sourceMappingURL=SegmentGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentGroupProps extends DOMProps {\n  className?: string;\n  horizontal?: boolean;\n  gap?: \"size-xs\" | \"size-s\" | \"size-m\" | \"size-l\" | \"size-xl\" | \"size-xxl\";\n  children?: ReactNode;\n}\n\nconst SegmentGroup = (props: SegmentGroupProps) => {\n  const { children, horizontal, gap, className, ...rest } = props;\n\n  const gapClass = gap ? `gap-${gap}` : \"\";\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-segment-group\",\n    className,\n    { \"--is-horizontal\": horizontal },\n    gapClass,\n  );\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nSegmentGroup.displayName = \"SegmentGroup\";\nexport { SegmentGroup };\n"],"names":["SegmentGroup","props","children","horizontal","gap","className","rest","gapClass","classes","classNames","div","displayName"],"mappings":";;;;+BA+BSA;;;eAAAA;;;;+DA9Bc;;;;;;AAUvB,MAAMA,eAAe,CAACC;IACpB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAE1D,MAAMM,WAAWH,MAAM,CAAC,IAAI,EAAEA,KAAK,GAAG;IACtC,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACAJ,WACA;QAAE,mBAAmBF;IAAW,GAChCI;IAGF,qBACE,qBAACG;QAAIL,WAAWG;QAAU,GAAGF,IAAI;kBAC9BJ;;AAGP;AAEAF,aAAaW,WAAW,GAAG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Segment/index.tsx"],"sourcesContent":["export * from \"./SegmentGroup\";\nexport * from \"./Segment\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA"}

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

@@ -1,100 +0,0 @@
-"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 _icons = require("@simplybusiness/icons");
-const _useLabel = require("../../hooks/useLabel");
-const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
-const _ErrorMessage = require("../ErrorMessage");
-const _Label = require("../Label");
-const _hooks = require("../../hooks");
-const _Icon = require("../Icon");
-const _Stack = require("../Stack");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Select = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { label, onChange, validationState, isInvalid, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
-    const { labelProps, fieldProps } = (0, _useLabel.useLabel)({
-        label,
-        ...otherProps
-    });
-    const validationClasses = (0, _hooks.useValidationClasses)({
-        validationState,
-        isInvalid
-    });
-    const stateClasses = {
-        "--is-disabled": isDisabled,
-        "--is-required": typeof isRequired === "boolean" && isRequired,
-        "--is-optional": typeof isRequired === "boolean" && !isRequired
-    };
-    const sharedClasses = (0, _dedupe.default)(validationClasses, stateClasses);
-    const wrapperClasses = (0, _dedupe.default)("mobius-select__wrapper", sharedClasses, otherProps.className);
-    const selectClasses = (0, _dedupe.default)("mobius-select", sharedClasses, otherProps.className);
-    const labelClasses = (0, _dedupe.default)("mobius-label", sharedClasses, otherProps.className);
-    const iconClasses = (0, _dedupe.default)("mobius-select__icon", sharedClasses);
-    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)(_Stack.Stack, {
-        className: "mobius mobius-select__outer",
-        gap: "xs",
-        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,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
-                            icon: _icons.chevronDown
-                        })
-                    })
-                ]
-            }),
-            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
-                id: errorMessageId,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-Select.displayName = "Select";
-
-//# sourceMappingURL=Select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { ChangeEvent, ReactElement, Ref, RefAttributes } from \"react\";\nimport { forwardRef, useId } from \"react\";\nimport { chevronDown } from \"@simplybusiness/icons\";\nimport type { UseLabelProps } from \"../../hooks/useLabel\";\nimport { useLabel } from \"../../hooks/useLabel\";\nimport type { DOMProps, Validation } from \"../../types\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport type { OptionProps } from \"../Option\";\nimport { useValidationClasses } from \"../../hooks\";\nimport { Icon } from \"../Icon\";\nimport { Stack } from \"../Stack\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n  extends UseLabelProps,\n    Validation,\n    DOMProps,\n    RefAttributes<SelectElementType> {\n  name?: string;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n  value?: string;\n  defaultValue?: string;\n  className?: string;\n  errorMessage?: string;\n  children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n  \"aria-describedby\"?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n  forwardRef((props: SelectProps, ref: SelectRef) => {\n    const {\n      label,\n      onChange,\n      validationState,\n      isInvalid,\n      errorMessage,\n      isDisabled = false,\n      isRequired,\n      ...otherProps\n    } = props;\n\n    const { labelProps, fieldProps } = useLabel({\n      label,\n      ...otherProps,\n    });\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const stateClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    };\n\n    const sharedClasses = classNames(validationClasses, stateClasses);\n\n    const wrapperClasses = classNames(\n      \"mobius-select__wrapper\",\n      sharedClasses,\n      otherProps.className,\n    );\n    const selectClasses = classNames(\n      \"mobius-select\",\n      sharedClasses,\n      otherProps.className,\n    );\n    const labelClasses = classNames(\n      \"mobius-label\",\n      sharedClasses,\n      otherProps.className,\n    );\n    const iconClasses = classNames(\"mobius-select__icon\", sharedClasses);\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n      shouldErrorMessageShow,\n      props[\"aria-describedby\"],\n    ]);\n\n    const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      if (onChange) {\n        onChange(e);\n      }\n    };\n\n    return (\n      <Stack className=\"mobius mobius-select__outer\" gap=\"xs\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className={wrapperClasses}>\n          <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          <span className={iconClasses}>\n            <Icon icon={chevronDown} />\n          </span>\n        </div>\n        {errorMessage && (\n          <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n        )}\n      </Stack>\n    );\n  });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","isInvalid","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","validationClasses","useValidationClasses","stateClasses","sharedClasses","classNames","wrapperClasses","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","Stack","gap","Label","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","Icon","icon","chevronDown","ErrorMessage","id","displayName"],"mappings":"AAAA;;;;;+BAiISA;;;eAAAA;;;;+DA/Hc;uBAEW;uBACN;0BAEH;oCAGU;8BACN;uBACP;uBAEe;sBAChB;uBACC;;;;;;AAqBtB,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,SAAS,EACTC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGT;IAEJ,MAAM,EAAEU,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QAC1CV;QACA,GAAGO,UAAU;IACf;IAEA,MAAMI,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7CV;QACAC;IACF;IAEA,MAAMU,eAAe;QACnB,iBAAiBR;QACjB,iBAAiB,OAAOC,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMQ,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,iBAAiBD,IAAAA,eAAU,EAC/B,0BACAD,eACAP,WAAWU,SAAS;IAEtB,MAAMC,gBAAgBH,IAAAA,eAAU,EAC9B,iBACAD,eACAP,WAAWU,SAAS;IAEtB,MAAME,eAAeJ,IAAAA,eAAU,EAC7B,gBACAD,eACAP,WAAWU,SAAS;IAEtB,MAAMG,cAAcL,IAAAA,eAAU,EAAC,uBAAuBD;IACtD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBnB,eAAeiB,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACAzB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAM6B,eAAe,CAACC;QACpB,IAAI3B,UAAU;YACZA,SAAS2B;QACX;IACF;IAEA,qBACE,sBAACC,YAAK;QAACZ,WAAU;QAA8Ba,KAAI;;YAChD9B,uBACC,qBAAC+B,YAAK;gBAAE,GAAGvB,UAAU;gBAAES,WAAWE;0BAC/BnB;;0BAGL,sBAACgC;gBAAIf,WAAWD;;kCACd,qBAACiB;wBACE,GAAG1B,UAAU;wBACb,GAAGE,UAAU;wBACdV,KAAKA;wBACLmC,UAAU;wBACVjB,WAAWC;wBACXiB,UAAU9B;wBACV+B,gBAAc,CAAC,CAAChC;wBAChBiC,oBAAkBZ;wBAClBa,iBAAehC;wBACfL,UAAU0B;;kCAEZ,qBAACY;wBAAKtB,WAAWG;kCACf,cAAA,qBAACoB,UAAI;4BAACC,MAAMC,kBAAW;;;;;YAG1BtC,8BACC,qBAACuC,0BAAY;gBAACC,IAAIvB;gBAAgBjB,cAAcA;;;;AAIxD;AAEFR,OAAOiD,WAAW,GAAG"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Select/index.tsx"],"sourcesContent":["export * from \"./Select\";\n"],"names":[],"mappings":";;;;qBAAc"}

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

@@ -1,115 +0,0 @@
-"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-slider__label-wrapper",
-                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-slider__track-wrapper",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    className: "mobius-slider__track",
-                    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-slider__labels",
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "mobius-slider__min-label",
-                        "data-testid": "min-label",
-                        children: minLabel
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                        className: "mobius-slider__max-label",
-                        "data-testid": "max-label",
-                        children: maxLabel
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=Slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type { ChangeEvent } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { UseLabelProps } from \"../../hooks\";\nimport { useLabel } from \"../../hooks\";\nimport { Label } from \"../Label\";\nimport { numberFormatter } from \"./helpers\";\n\nexport interface SliderProps extends DOMProps, UseLabelProps {\n  label?: string;\n  variant?: \"primary\" | \"secondary\";\n  className?: string;\n  minValue?: number;\n  maxValue?: number;\n  defaultValue?: number;\n  value?: number;\n  step?: number;\n  isDisabled?: boolean;\n  onChange?: (value: number | undefined) => void;\n  onChangeEnd?: (value: number | undefined) => void;\n  minLabel?: string;\n  maxLabel?: string;\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const Slider = (props: SliderProps) => {\n  const {\n    id,\n    className,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    minValue,\n    maxValue,\n    step = 1,\n    defaultValue = 0,\n    value,\n    onChange,\n    onChangeEnd,\n    variant = \"primary\",\n    minLabel,\n    maxLabel,\n    formatOptions,\n    isDisabled = false,\n  } = props;\n  const trackRef = useRef(null);\n  const [currentValue, setCurrentValue] = useState<number>(\n    value || defaultValue || 0,\n  );\n  const [isDragging, setIsDraggging] = useState<boolean>(false);\n  const { labelProps, fieldProps } = useLabel({\n    id,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n  const formattedValue = numberFormatter(currentValue, formatOptions);\n\n  const classes = classNames(\"mobius\", \"mobius-slider\", className, {\n    \"--is-disabled\": isDisabled,\n    \"--is-primary\": variant === \"primary\",\n    \"--is-secondary\": variant === \"secondary\",\n    \"--is-dragging\": isDragging,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const val = +e.target.value;\n    setCurrentValue(val);\n    if (onChange) {\n      onChange(val);\n    }\n  };\n\n  const handleChangeStart = () => {\n    setIsDraggging(true);\n  };\n\n  const handleChangeEnd = () => {\n    setIsDraggging(false);\n    if (onChangeEnd) {\n      onChangeEnd(currentValue);\n    }\n  };\n\n  return (\n    <div className={classes}>\n      <div className=\"mobius-slider__label-wrapper\">\n        {label && <Label {...labelProps}>{label}</Label>}\n        {label && (\n          <output style={{ flex: \"1 0 auto\", textAlign: \"end\" }}>\n            {formattedValue}\n          </output>\n        )}\n      </div>\n\n      {/* The track element holds the visible track line and the thumb. */}\n      <div ref={trackRef} className=\"mobius-slider__track-wrapper\">\n        <input\n          className=\"mobius-slider__track\"\n          type=\"range\"\n          min={minValue}\n          max={maxValue}\n          value={currentValue}\n          step={step}\n          onChange={handleChange}\n          autoComplete=\"off\"\n          disabled={isDisabled}\n          onMouseDown={handleChangeStart}\n          onMouseUp={handleChangeEnd}\n          onKeyDown={handleChangeStart}\n          onKeyUp={handleChangeEnd}\n          {...fieldProps}\n        />\n      </div>\n\n      <div className=\"mobius-slider__labels\">\n        <div className=\"mobius-slider__min-label\" data-testid=\"min-label\">\n          {minLabel}\n        </div>\n        <div className=\"mobius-slider__max-label\" data-testid=\"max-label\">\n          {maxLabel}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Slider","props","id","className","label","ariaLabel","ariaLabelledBy","minValue","maxValue","step","defaultValue","value","onChange","onChangeEnd","variant","minLabel","maxLabel","formatOptions","isDisabled","trackRef","useRef","currentValue","setCurrentValue","useState","isDragging","setIsDraggging","labelProps","fieldProps","useLabel","formattedValue","numberFormatter","classes","classNames","handleChange","e","val","target","handleChangeStart","handleChangeEnd","div","Label","output","style","flex","textAlign","ref","input","type","min","max","autoComplete","disabled","onMouseDown","onMouseUp","onKeyDown","onKeyUp","data-testid"],"mappings":"AAAA;;;;;+BA4BaA;;;eAAAA;;;;+DA1BU;uBAEU;uBAGR;uBACH;yBACU;;;;;;AAmBzB,MAAMA,SAAS,CAACC;IACrB,MAAM,EACJC,EAAE,EACFC,SAAS,EACTC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,QAAQ,EACRC,QAAQ,EACRC,OAAO,CAAC,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,aAAa,KAAK,EACnB,GAAGjB;IACJ,MAAMkB,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,eAAQ,EAC9CZ,SAASD,gBAAgB;IAE3B,MAAM,CAACc,YAAYC,eAAe,GAAGF,IAAAA,eAAQ,EAAU;IACvD,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,eAAQ,EAAC;QAC1C1B;QACAE;QACA,cAAcC;QACd,mBAAmBC;IACrB;IACA,MAAMuB,iBAAiBC,IAAAA,wBAAe,EAACT,cAAcJ;IAErD,MAAMc,UAAUC,IAAAA,eAAU,EAAC,UAAU,iBAAiB7B,WAAW;QAC/D,iBAAiBe;QACjB,gBAAgBJ,YAAY;QAC5B,kBAAkBA,YAAY;QAC9B,iBAAiBU;IACnB;IAEA,MAAMS,eAAe,CAACC;QACpB,MAAMC,MAAM,CAACD,EAAEE,MAAM,CAACzB,KAAK;QAC3BW,gBAAgBa;QAChB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,MAAME,oBAAoB;QACxBZ,eAAe;IACjB;IAEA,MAAMa,kBAAkB;QACtBb,eAAe;QACf,IAAIZ,aAAa;YACfA,YAAYQ;QACd;IACF;IAEA,qBACE,sBAACkB;QAAIpC,WAAW4B;;0BACd,sBAACQ;gBAAIpC,WAAU;;oBACZC,uBAAS,qBAACoC,YAAK;wBAAE,GAAGd,UAAU;kCAAGtB;;oBACjCA,uBACC,qBAACqC;wBAAOC,OAAO;4BAAEC,MAAM;4BAAYC,WAAW;wBAAM;kCACjDf;;;;0BAMP,qBAACU;gBAAIM,KAAK1B;gBAAUhB,WAAU;0BAC5B,cAAA,qBAAC2C;oBACC3C,WAAU;oBACV4C,MAAK;oBACLC,KAAKzC;oBACL0C,KAAKzC;oBACLG,OAAOU;oBACPZ,MAAMA;oBACNG,UAAUqB;oBACViB,cAAa;oBACbC,UAAUjC;oBACVkC,aAAaf;oBACbgB,WAAWf;oBACXgB,WAAWjB;oBACXkB,SAASjB;oBACR,GAAGX,UAAU;;;0BAIlB,sBAACY;gBAAIpC,WAAU;;kCACb,qBAACoC;wBAAIpC,WAAU;wBAA2BqD,eAAY;kCACnDzC;;kCAEH,qBAACwB;wBAAIpC,WAAU;wBAA2BqD,eAAY;kCACnDxC;;;;;;AAKX"}

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

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    numberFormatter: function() {
-        return numberFormatter;
-    },
-    unwrapFirstValue: function() {
-        return unwrapFirstValue;
-    },
-    useUnwrappedHandler: function() {
-        return useUnwrappedHandler;
-    },
-    useWrappedValue: function() {
-        return useWrappedValue;
-    },
-    wrapValue: function() {
-        return wrapValue;
-    }
-});
-const _react = require("react");
-function unwrapFirstValue(value) {
-    if (Array.isArray(value)) {
-        return value[0];
-    }
-    return value;
-}
-function wrapValue(value) {
-    return value === undefined ? undefined : [
-        value
-    ];
-}
-function useUnwrappedHandler(handler) {
-    return (0, _react.useCallback)((value)=>{
-        handler === null || handler === void 0 ? void 0 : handler(unwrapFirstValue(value));
-    }, [
-        handler
-    ]);
-}
-function useWrappedValue(value) {
-    return (0, _react.useMemo)(()=>wrapValue(value), [
-        value
-    ]);
-}
-function numberFormatter(value, formatOptions, locale = (()=>{
-    var _navigator_languages;
-    return ((_navigator_languages = navigator.languages) === null || _navigator_languages === void 0 ? void 0 : _navigator_languages[0]) || "en-GB";
-})()) {
-    if (!formatOptions) {
-        return (value === null || value === void 0 ? void 0 : value.toString()) || "";
-    }
-    return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));
-}
-
-//# sourceMappingURL=helpers.js.map

package/dist/cjs/components/Slider/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Slider/helpers.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nexport function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined {\n  if (Array.isArray(value)) {\n    return value[0];\n  }\n  return value;\n}\n\nexport function wrapValue<T>(value: T | undefined): T[] | undefined {\n  return value === undefined ? undefined : [value];\n}\n\nexport function useUnwrappedHandler<T>(\n  handler: ((value: T | undefined) => void) | undefined,\n) {\n  return useCallback(\n    (value: T | T[]) => {\n      handler?.(unwrapFirstValue(value));\n    },\n    [handler],\n  );\n}\n\nexport function useWrappedValue<T>(value: T | undefined): T[] | undefined {\n  return useMemo(() => wrapValue(value), [value]);\n}\n\nexport function numberFormatter(\n  value: number | string | undefined,\n  formatOptions?: Intl.NumberFormatOptions,\n  locale = navigator.languages?.[0] || \"en-GB\",\n): string {\n  if (!formatOptions) {\n    return value?.toString() || \"\";\n  }\n\n  return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));\n}\n"],"names":["numberFormatter","unwrapFirstValue","useUnwrappedHandler","useWrappedValue","wrapValue","value","Array","isArray","undefined","handler","useCallback","useMemo","formatOptions","locale","navigator","languages","toString","Intl","NumberFormat","format"],"mappings":";;;;;;;;;;;IA4BgBA,eAAe;eAAfA;;IA1BAC,gBAAgB;eAAhBA;;IAWAC,mBAAmB;eAAnBA;;IAWAC,eAAe;eAAfA;;IAfAC,SAAS;eAATA;;;uBATqB;AAE9B,SAASH,iBAAoBI,KAA0B;IAC5D,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,KAAK,CAAC,EAAE;IACjB;IACA,OAAOA;AACT;AAEO,SAASD,UAAaC,KAAoB;IAC/C,OAAOA,UAAUG,YAAYA,YAAY;QAACH;KAAM;AAClD;AAEO,SAASH,oBACdO,OAAqD;IAErD,OAAOC,IAAAA,kBAAW,EAChB,CAACL;QACCI,oBAAAA,8BAAAA,QAAUR,iBAAiBI;IAC7B,GACA;QAACI;KAAQ;AAEb;AAEO,SAASN,gBAAmBE,KAAoB;IACrD,OAAOM,IAAAA,cAAO,EAAC,IAAMP,UAAUC,QAAQ;QAACA;KAAM;AAChD;AAEO,SAASL,gBACdK,KAAkC,EAClCO,aAAwC,EACxCC;QAASC;WAAAA,EAAAA,uBAAAA,UAAUC,SAAS,cAAnBD,2CAAAA,oBAAqB,CAAC,EAAE,KAAI;IAAO;IAE5C,IAAI,CAACF,eAAe;QAClB,OAAOP,CAAAA,kBAAAA,4BAAAA,MAAOW,QAAQ,OAAM;IAC9B;IAEA,OAAO,IAAIC,KAAKC,YAAY,CAACL,QAAQD,eAAeO,MAAM,CAAC,CAAEd,CAAAA,SAAS,CAAA;AACxE"}

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Slider/index.tsx"],"sourcesContent":["export * from \"./Slider\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/components/Stack/Stack.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Stack", {
-    enumerable: true,
-    get: function() {
-        return Stack;
-    }
-});
-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 Stack = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { elementType: Element = "div", gap, ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius-stack", {
-        [`--gap-${gap}`]: gap
-    }, otherProps.className);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-Stack.displayName = "Stack";
-
-//# sourceMappingURL=Stack.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport type React from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { SpacingType } from \"../../types\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** How big a gap between items */\n  gap?: SpacingType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack: ForwardedRefComponent<StackProps, StackElementType> =\n  forwardRef((props: StackProps, ref: StackRef) => {\n    const { elementType: Element = \"div\", gap, ...otherProps } = props;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-stack\",\n      {\n        [`--gap-${gap}`]: gap,\n      },\n      otherProps.className,\n    );\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  });\n\nStack.displayName = \"Stack\";\n"],"names":["Stack","forwardRef","props","ref","elementType","Element","gap","otherProps","classes","classNames","className","displayName"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;uBAnBc;+DACJ;;;;;;AAkBhB,MAAMA,sBACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAEC,GAAG,EAAE,GAAGC,YAAY,GAAGL;IAE7D,MAAMM,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACA;QACE,CAAC,CAAC,MAAM,EAAEH,KAAK,CAAC,EAAEA;IACpB,GACAC,WAAWG,SAAS;IAGtB,qBAAO,qBAACL;QAAQF,KAAKA;QAAM,GAAGI,UAAU;QAAEG,WAAWF;;AACvD;AAEFR,MAAMW,WAAW,GAAG"}

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Stack/index.tsx"],"sourcesContent":["export * from \"./Stack\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/components/Switch/Switch.js

@@ -1,62 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Switch", {
-    enumerable: true,
-    get: function() {
-        return Switch;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _VisuallyHidden = require("../VisuallyHidden");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const Switch = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { checked = false, className, onChange, ...otherProps } = props;
-    const [enabled, setEnabled] = (0, _react.useState)(checked);
-    (0, _react.useEffect)(()=>{
-        setEnabled(checked);
-    }, [
-        checked
-    ]);
-    const classes = (0, _dedupe.default)("mobius", "mobius-switch", {
-        "mobius-switch--checked": enabled
-    }, className);
-    const handleChange = (event)=>{
-        setEnabled(!enabled);
-        if (onChange) {
-            onChange(event);
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
-        ref: ref,
-        className: classes,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    children: enabled ? "On" : "Off"
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                type: "checkbox",
-                role: "switch",
-                checked: enabled,
-                onChange: handleChange,
-                ...otherProps
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: "mobius-switch__slider"
-            })
-        ]
-    });
-});
-Switch.displayName = "Switch";
-
-//# sourceMappingURL=Switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ChangeEvent,\n  type Ref,\n  type RefAttributes,\n  forwardRef,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\n\nexport type SwitchElementType = HTMLLabelElement;\n\nexport interface SwitchProps\n  extends DOMProps,\n    RefAttributes<SwitchElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  checked?: boolean;\n  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport type SwitchRef = Ref<SwitchElementType>;\n\nconst Switch = forwardRef<HTMLLabelElement, SwitchProps>((props, ref) => {\n  const { checked = false, className, onChange, ...otherProps } = props;\n  const [enabled, setEnabled] = useState<boolean>(checked);\n\n  useEffect(() => {\n    setEnabled(checked);\n  }, [checked]);\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-switch\",\n    {\n      \"mobius-switch--checked\": enabled,\n    },\n    className,\n  );\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setEnabled(!enabled);\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  return (\n    <label ref={ref} className={classes}>\n      <VisuallyHidden>\n        <span>{enabled ? \"On\" : \"Off\"}</span>\n      </VisuallyHidden>\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        checked={enabled}\n        onChange={handleChange}\n        {...otherProps}\n      />\n      <span className=\"mobius-switch__slider\"></span>\n    </label>\n  );\n});\n\nSwitch.displayName = \"Switch\";\nexport { Switch };\n"],"names":["Switch","forwardRef","props","ref","checked","className","onChange","otherProps","enabled","setEnabled","useState","useEffect","classes","classNames","handleChange","event","label","VisuallyHidden","span","input","type","role","displayName"],"mappings":"AAAA;;;;;+BAqESA;;;eAAAA;;;;uBA5DF;+DACgB;gCAEQ;;;;;;AAe/B,MAAMA,uBAASC,IAAAA,iBAAU,EAAgC,CAACC,OAAOC;IAC/D,MAAM,EAAEC,UAAU,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IAChE,MAAM,CAACM,SAASC,WAAW,GAAGC,IAAAA,eAAQ,EAAUN;IAEhDO,IAAAA,gBAAS,EAAC;QACRF,WAAWL;IACb,GAAG;QAACA;KAAQ;IAEZ,MAAMQ,UAAUC,IAAAA,eAAU,EACxB,UACA,iBACA;QACE,0BAA0BL;IAC5B,GACAH;IAGF,MAAMS,eAAe,CAACC;QACpBN,WAAW,CAACD;QACZ,IAAIF,UAAU;YACZA,SAASS;QACX;IACF;IAEA,qBACE,sBAACC;QAAMb,KAAKA;QAAKE,WAAWO;;0BAC1B,qBAACK,8BAAc;0BACb,cAAA,qBAACC;8BAAMV,UAAU,OAAO;;;0BAE1B,qBAACW;gBACCC,MAAK;gBACLC,MAAK;gBACLjB,SAASI;gBACTF,UAAUQ;gBACT,GAAGP,UAAU;;0BAEhB,qBAACW;gBAAKb,WAAU;;;;AAGtB;AAEAL,OAAOsB,WAAW,GAAG"}