@simplybusiness/mobius 4.4.6 → 4.5.0

package/dist/cjs/src/components/NumberField/NumberField.js

@@ -1,118 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NumberField", {
-    enumerable: true,
-    get: function() {
-        return NumberField;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _react = require("react");
-const _hooks = require("../../hooks");
-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 NumberField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { id, isDisabled, isRequired, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, className, errorMessage, validationState, isReadOnly, minValue, maxValue, step, placeholder, defaultValue = 0, onChange } = props;
-    const inputRef = (0, _react.useRef)(null);
-    const [value, setValue] = (0, _react.useState)(defaultValue);
-    const valueWithoutLeadingZero = value.toString().replace(/^0+/, "");
-    const optional = typeof isRequired === "boolean" && !isRequired;
-    const required = typeof isRequired === "boolean" && isRequired;
-    const { labelProps, fieldProps } = (0, _hooks.useLabel)({
-        id,
-        label,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy
-    });
-    const containerClasses = (0, _dedupe.default)("mobius/NumberField", className, {
-        "--is-optional": optional
-    });
-    const inputClasses = (0, _dedupe.default)("mobius/NumberFieldInput", className, {
-        "--is-required": required,
-        "--is-optional": optional,
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled
-    });
-    const labelClasses = (0, _dedupe.default)("mobius/NumberFieldLabel", {
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled
-    });
-    const errorMessageId = (0, _react.useId)();
-    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
-    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
-        shouldErrorMessageShow,
-        ariaDescribedBy
-    ]);
-    const handleChange = (event)=>{
-        // Only allow change between min and max values
-        const enteredValue = Number(event.target.value);
-        if (minValue && enteredValue < minValue || maxValue && enteredValue > maxValue) {
-            return;
-        }
-        setValue(enteredValue);
-        if (onChange) {
-            onChange(event);
-        }
-    };
-    // Only allow numeric input
-    const handleBeforeInput = (event)=>{
-        const allowedChars = /[\d]/;
-        if (event.data && !allowedChars.test(event.data)) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: containerClasses,
-        children: [
-            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
-                ...labelProps,
-                className: labelClasses,
-                children: label
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "mobius/NumberFieldInputWrapper",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    ...fieldProps,
-                    ref: inputRef || ref,
-                    className: inputClasses,
-                    type: "number",
-                    onChange: handleChange,
-                    onBeforeInput: handleBeforeInput,
-                    max: maxValue,
-                    min: minValue,
-                    step: step,
-                    value: valueWithoutLeadingZero,
-                    placeholder: placeholder,
-                    required: required,
-                    "aria-describedby": describedBy,
-                    "aria-errormessage": shouldErrorMessageShow,
-                    "aria-invalid": validationState === "invalid",
-                    readOnly: isReadOnly,
-                    disabled: isDisabled,
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: "false"
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
-                id: errorMessageId,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-
-//# sourceMappingURL=NumberField.js.map

package/dist/cjs/src/components/NumberField/NumberField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  CompositionEvent,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, useLabel } from \"../../hooks\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type NumberFieldElementType = HTMLInputElement;\n\nexport interface NumberFieldProps\n  extends DOMProps,\n    UseLabelProps,\n    RefAttributes<NumberFieldElementType> {\n  id?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  validationState?: \"valid\" | \"invalid\" | undefined;\n  /** The smallest value allowed for the input. */\n  minValue?: number;\n  /** The largest value allowed for the input. */\n  maxValue?: number;\n  /** The amount that the input value changes with each increment or decrement \"tick\". */\n  step?: number; // ??\n  /** The default value (uncontrolled). */\n  defaultValue?: number;\n  /** Handler that is called when the value changes. */\n  onChange?: (event: ChangeEvent<NumberFieldElementType>) => void;\n  /** Temporary text that occupies the text input when it is empty. */\n  placeholder?: string;\n  /** Whether user input is required on the input before form submission. */\n  isRequired?: boolean;\n  /** Whether the input is disabled. */\n  isDisabled?: boolean;\n  /** Whether the input can be selected but not changed by the user. */\n  isReadOnly?: boolean;\n  /** An error message for the field. */\n  errorMessage?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string | undefined;\n}\n\nexport type NumberFieldRef = Ref<NumberFieldElementType>;\n\nexport const NumberField: ForwardedRefComponent<\n  NumberFieldProps,\n  NumberFieldElementType\n> = forwardRef((props: NumberFieldProps, ref: NumberFieldRef) => {\n  const {\n    id,\n    isDisabled,\n    isRequired,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    className,\n    errorMessage,\n    validationState,\n    isReadOnly,\n    minValue,\n    maxValue,\n    step,\n    placeholder,\n    defaultValue = 0,\n    onChange,\n  } = props;\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [value, setValue] = useState<number>(defaultValue);\n  const valueWithoutLeadingZero = value.toString().replace(/^0+/, \"\");\n  const optional = typeof isRequired === \"boolean\" && !isRequired;\n  const required = typeof isRequired === \"boolean\" && isRequired;\n\n  const { labelProps, fieldProps } = useLabel({\n    id,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n\n  const containerClasses = classNames(\"mobius/NumberField\", className, {\n    \"--is-optional\": optional,\n  });\n\n  const inputClasses = classNames(\"mobius/NumberFieldInput\", className, {\n    \"--is-required\": required,\n    \"--is-optional\": optional,\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\n  });\n\n  const labelClasses = classNames(\"mobius/NumberFieldLabel\", {\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\n  });\n\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    ariaDescribedBy,\n  ]);\n\n  const handleChange = (event: ChangeEvent<NumberFieldElementType>) => {\n    // Only allow change between min and max values\n    const enteredValue = Number(event.target.value);\n    if (\n      (minValue && enteredValue < minValue) ||\n      (maxValue && enteredValue > maxValue)\n    ) {\n      return;\n    }\n    setValue(enteredValue);\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  // Only allow numeric input\n  const handleBeforeInput = (\n    event: CompositionEvent<NumberFieldElementType>,\n  ) => {\n    const allowedChars = /[\\d]/;\n\n    if (event.data && !allowedChars.test(event.data)) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div className={containerClasses}>\n      {label && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius/NumberFieldInputWrapper\">\n        <input\n          {...fieldProps}\n          ref={inputRef || ref}\n          className={inputClasses}\n          type=\"number\"\n          onChange={handleChange}\n          onBeforeInput={handleBeforeInput}\n          max={maxValue}\n          min={minValue}\n          step={step}\n          value={valueWithoutLeadingZero}\n          placeholder={placeholder}\n          required={required}\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={validationState === \"invalid\"}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n        />\n      </div>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </div>\n  );\n});\n"],"names":["NumberField","forwardRef","props","ref","id","isDisabled","isRequired","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","className","errorMessage","validationState","isReadOnly","minValue","maxValue","step","placeholder","defaultValue","onChange","inputRef","useRef","value","setValue","useState","valueWithoutLeadingZero","toString","replace","optional","required","labelProps","fieldProps","useLabel","containerClasses","classNames","inputClasses","labelClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","event","enteredValue","Number","target","handleBeforeInput","allowedChars","data","test","preventDefault","stopPropagation","div","Label","input","type","onBeforeInput","max","min","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","autoComplete","autoCorrect","spellCheck","ErrorMessage"],"mappings":"AAAA;;;;;+BAwDaA;;;eAAAA;;;;+DAtDU;uBAUhB;uBAEiC;oCAEL;8BACN;uBACP;;;;;;AAsCf,MAAMA,4BAGTC,IAAAA,iBAAU,EAAC,CAACC,OAAyBC;IACvC,MAAM,EACJC,EAAE,EACFC,UAAU,EACVC,UAAU,EACVC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjC,oBAAoBC,eAAe,EACnCC,SAAS,EACTC,YAAY,EACZC,eAAe,EACfC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,eAAe,CAAC,EAChBC,QAAQ,EACT,GAAGlB;IACJ,MAAMmB,WAAWC,IAAAA,aAAM,EAA0B;IACjD,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAASN;IAC3C,MAAMO,0BAA0BH,MAAMI,QAAQ,GAAGC,OAAO,CAAC,OAAO;IAChE,MAAMC,WAAW,OAAOvB,eAAe,aAAa,CAACA;IACrD,MAAMwB,WAAW,OAAOxB,eAAe,aAAaA;IAEpD,MAAM,EAAEyB,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,eAAQ,EAAC;QAC1C7B;QACAG;QACA,cAAcC;QACd,mBAAmBC;IACrB;IAEA,MAAMyB,mBAAmBC,IAAAA,eAAU,EAAC,sBAAsBxB,WAAW;QACnE,iBAAiBkB;IACnB;IAEA,MAAMO,eAAeD,IAAAA,eAAU,EAAC,2BAA2BxB,WAAW;QACpE,iBAAiBmB;QACjB,iBAAiBD;QACjB,cAAchB,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBR;IACnB;IAEA,MAAMgC,eAAeF,IAAAA,eAAU,EAAC,2BAA2B;QACzD,cAActB,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBR;IACnB;IAEA,MAAMiC,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyB5B,eAAe0B,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACA9B;KACD;IAED,MAAMkC,eAAe,CAACC;QACpB,+CAA+C;QAC/C,MAAMC,eAAeC,OAAOF,MAAMG,MAAM,CAACzB,KAAK;QAC9C,IACE,AAACR,YAAY+B,eAAe/B,YAC3BC,YAAY8B,eAAe9B,UAC5B;YACA;QACF;QACAQ,SAASsB;QACT,IAAI1B,UAAU;YACZA,SAASyB;QACX;IACF;IAEA,2BAA2B;IAC3B,MAAMI,oBAAoB,CACxBJ;QAEA,MAAMK,eAAe;QAErB,IAAIL,MAAMM,IAAI,IAAI,CAACD,aAAaE,IAAI,CAACP,MAAMM,IAAI,GAAG;YAChDN,MAAMQ,cAAc;YACpBR,MAAMS,eAAe;QACvB;IACF;IAEA,qBACE,sBAACC;QAAI5C,WAAWuB;;YACb3B,uBACC,qBAACiD,YAAK;gBAAE,GAAGzB,UAAU;gBAAEpB,WAAW0B;0BAC/B9B;;0BAGL,qBAACgD;gBAAI5C,WAAU;0BACb,cAAA,qBAAC8C;oBACE,GAAGzB,UAAU;oBACd7B,KAAKkB,YAAYlB;oBACjBQ,WAAWyB;oBACXsB,MAAK;oBACLtC,UAAUwB;oBACVe,eAAeV;oBACfW,KAAK5C;oBACL6C,KAAK9C;oBACLE,MAAMA;oBACNM,OAAOG;oBACPR,aAAaA;oBACbY,UAAUA;oBACVgC,oBAAkBpB;oBAClBqB,qBAAmBvB;oBACnBwB,gBAAcnD,oBAAoB;oBAClCoD,UAAUnD;oBACVoD,UAAU7D;oBACV8D,cAAa;oBACbC,aAAY;oBACZC,YAAW;;;0BAGf,qBAACC,0BAAY;gBAAClE,IAAIkC;gBAAgB1B,cAAcA;;;;AAGtD"}

package/dist/cjs/src/components/NumberField/index.js

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

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

package/dist/cjs/src/components/Option/Option.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Option", {
-    enumerable: true,
-    get: function() {
-        return Option;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const Option = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { isDisabled, ...rest } = props;
-    const mappedProps = {
-        ...rest,
-        disabled: isDisabled
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("option", {
-        ...mappedProps,
-        ref: ref
-    });
-});
-Option.displayName = "Option";
-
-//# sourceMappingURL=Option.js.map

package/dist/cjs/src/components/Option/Option.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/Option/Option.tsx"],"sourcesContent":["import { forwardRef, RefAttributes, Ref } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface OptionProps extends RefAttributes<HTMLOptionElement> {\n  value?: string;\n  children?: string;\n  isDisabled?: boolean;\n}\n\nexport type OptionRef = Ref<HTMLOptionElement>;\n\nconst Option: ForwardedRefComponent<OptionProps, HTMLOptionElement> =\n  forwardRef((props: OptionProps, ref: OptionRef) => {\n    const { isDisabled, ...rest } = props;\n    const mappedProps = {\n      ...rest,\n      disabled: isDisabled,\n    };\n    return <option {...mappedProps} ref={ref} />;\n  });\n\nOption.displayName = \"Option\";\nexport { Option };\n"],"names":["Option","forwardRef","props","ref","isDisabled","rest","mappedProps","disabled","option","displayName"],"mappings":";;;;+BAsBSA;;;eAAAA;;;;uBAtBsC;AAW/C,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EAAEC,UAAU,EAAE,GAAGC,MAAM,GAAGH;IAChC,MAAMI,cAAc;QAClB,GAAGD,IAAI;QACPE,UAAUH;IACZ;IACA,qBAAO,qBAACI;QAAQ,GAAGF,WAAW;QAAEH,KAAKA;;AACvC;AAEFH,OAAOS,WAAW,GAAG"}

package/dist/cjs/src/components/Option/index.js

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

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

package/dist/cjs/src/components/PasswordField/PasswordField.js

@@ -1,48 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PasswordField", {
-    enumerable: true,
-    get: function() {
-        return PasswordField;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _react = require("react");
-const _mergeRefs = require("../../utils/mergeRefs");
-const _TextField = require("../TextField");
-const _ShowHideButton = require("./ShowHideButton");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const PasswordField = /*#__PURE__*/ (0, _react.forwardRef)(({ className, ...props }, ref)=>{
-    const [show, setShow] = (0, _react.useState)(false);
-    const type = show ? "text" : "password";
-    const classes = (0, _dedupe.default)("mobius/PasswordField", className);
-    const localRef = (0, _react.useRef)(null);
-    const handleShowHideButtonClick = ()=>{
-        var _localRef_current;
-        setShow((oldShow)=>!oldShow);
-        (_localRef_current = localRef.current) === null || _localRef_current === void 0 ? void 0 : _localRef_current.focus();
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TextField.TextField, {
-        ref: (0, _mergeRefs.mergeRefs)([
-            localRef,
-            ref
-        ]),
-        className: classes,
-        ...props,
-        type: type,
-        suffixInside: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ShowHideButton.ShowHideButton, {
-            onClick: handleShowHideButtonClick,
-            show: show
-        })
-    });
-});
-
-//# sourceMappingURL=PasswordField.js.map

package/dist/cjs/src/components/PasswordField/PasswordField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/PasswordField/PasswordField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { forwardRef, useState, useRef } from \"react\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\nimport {\n  TextField,\n  type TextFieldProps,\n  type TextFieldRef,\n  type TextFieldElementType,\n} from \"../TextField\";\nimport { ShowHideButton } from \"./ShowHideButton\";\n\nexport interface PasswordFieldProps extends TextFieldProps {}\n\nexport type PasswordFieldRef = TextFieldRef;\n\nexport const PasswordField = forwardRef(\n  ({ className, ...props }: PasswordFieldProps, ref: TextFieldRef) => {\n    const [show, setShow] = useState(false);\n    const type = show ? \"text\" : \"password\";\n    const classes = classNames(\"mobius/PasswordField\", className);\n    const localRef = useRef<TextFieldElementType>(null);\n\n    const handleShowHideButtonClick = () => {\n      setShow(oldShow => !oldShow);\n      localRef.current?.focus();\n    };\n\n    return (\n      <TextField\n        ref={mergeRefs([localRef, ref])}\n        className={classes}\n        {...props}\n        type={type}\n        suffixInside={\n          <ShowHideButton onClick={handleShowHideButtonClick} show={show} />\n        }\n      />\n    );\n  },\n);\n"],"names":["PasswordField","forwardRef","className","props","ref","show","setShow","useState","type","classes","classNames","localRef","useRef","handleShowHideButtonClick","oldShow","current","focus","TextField","mergeRefs","suffixInside","ShowHideButton","onClick"],"mappings":"AAAA;;;;;+BAiBaA;;;eAAAA;;;;+DAfU;uBACsB;2BACnB;2BAMnB;gCACwB;;;;;;AAMxB,MAAMA,8BAAgBC,IAAAA,iBAAU,EACrC,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA2B,EAAEC;IAC5C,MAAM,CAACC,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAAC;IACjC,MAAMC,OAAOH,OAAO,SAAS;IAC7B,MAAMI,UAAUC,IAAAA,eAAU,EAAC,wBAAwBR;IACnD,MAAMS,WAAWC,IAAAA,aAAM,EAAuB;IAE9C,MAAMC,4BAA4B;YAEhCF;QADAL,QAAQQ,CAAAA,UAAW,CAACA;SACpBH,oBAAAA,SAASI,OAAO,cAAhBJ,wCAAAA,kBAAkBK,KAAK;IACzB;IAEA,qBACE,qBAACC,oBAAS;QACRb,KAAKc,IAAAA,oBAAS,EAAC;YAACP;YAAUP;SAAI;QAC9BF,WAAWO;QACV,GAAGN,KAAK;QACTK,MAAMA;QACNW,4BACE,qBAACC,8BAAc;YAACC,SAASR;YAA2BR,MAAMA;;;AAIlE"}

package/dist/cjs/src/components/PasswordField/ShowHideButton.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ShowHideButton", {
-    enumerable: true,
-    get: function() {
-        return ShowHideButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const ShowHideButton = ({ show = false, onClick })=>/*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-        className: "mobius/PasswordFieldShowButton",
-        type: "button",
-        onClick: (e)=>{
-            e.preventDefault();
-            onClick();
-        },
-        "aria-label": `${show ? "Hide" : "Show"} password`,
-        "data-testid": "show-hide-button",
-        children: show ? "hide" : "show"
-    });
-
-//# sourceMappingURL=ShowHideButton.js.map

package/dist/cjs/src/components/PasswordField/ShowHideButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/PasswordField/ShowHideButton.tsx"],"sourcesContent":["export interface ShowHideButtonProps {\n  show?: boolean;\n  onClick: () => void;\n}\n\nexport const ShowHideButton = ({\n  show = false,\n  onClick,\n}: ShowHideButtonProps) => (\n  <button\n    className=\"mobius/PasswordFieldShowButton\"\n    type=\"button\"\n    onClick={e => {\n      e.preventDefault();\n      onClick();\n    }}\n    aria-label={`${show ? \"Hide\" : \"Show\"} password`}\n    data-testid=\"show-hide-button\"\n  >\n    {show ? \"hide\" : \"show\"}\n  </button>\n);\n"],"names":["ShowHideButton","show","onClick","button","className","type","e","preventDefault","aria-label","data-testid"],"mappings":";;;;+BAKaA;;;eAAAA;;;;AAAN,MAAMA,iBAAiB,CAAC,EAC7BC,OAAO,KAAK,EACZC,OAAO,EACa,iBACpB,qBAACC;QACCC,WAAU;QACVC,MAAK;QACLH,SAASI,CAAAA;YACPA,EAAEC,cAAc;YAChBL;QACF;QACAM,cAAY,CAAC,EAAEP,OAAO,SAAS,OAAO,SAAS,CAAC;QAChDQ,eAAY;kBAEXR,OAAO,SAAS"}

package/dist/cjs/src/components/PasswordField/index.js

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

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

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

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

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

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

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./Popover"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,104 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Progress", {
-    enumerable: true,
-    get: function() {
-        return Progress;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
-const _react = require("react");
-const _Label = require("../Label");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function warnAboutInvalidValues(value, minValue, maxValue) {
-    if (minValue > maxValue) {
-        console.warn("minValue is greater than maxValue");
-    }
-    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__*/ (0, _react.forwardRef)((props, ref)=>{
-    const progressId = (0, _react.useId)();
-    const progressLabelId = (0, _react.useId)();
-    const { id, label, showValueLabel = !!label, valueFormatter, variant = "primary", className } = props;
-    let { value, minValue, maxValue } = props;
-    value = sanitizedValue(value, DEFAULT_VALUE);
-    minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);
-    maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);
-    // Will never happen but lets appease the typescript gods
-    if (value === undefined || minValue === undefined || maxValue === undefined) {
-        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 = (0, _dedupe.default)("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__*/ (0, _jsxruntime.jsxs)("div", {
-        id: id || progressId,
-        ...progressBarProps,
-        ref: ref,
-        className: classes,
-        role: "progressbar",
-        "aria-labelledby": progressLabelId,
-        children: [
-            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
-                id: progressLabelId,
-                className: "mobius/ProgressLabel",
-                elementType: "span",
-                children: label
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "mobius/ProgressTrack",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: "mobius/ProgressBar",
-                    style: {
-                        width: barWidth
-                    }
-                })
-            }),
-            showValueLabel && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
-                "data-testid": "value-label",
-                elementType: "span",
-                children: progressBarProps["aria-valuetext"]
-            })
-        ]
-    });
-});
-Progress.defaultProps = {
-    value: DEFAULT_VALUE,
-    minValue: DEFAULT_MIN_VALUE,
-    maxValue: DEFAULT_MAX_VALUE
-};
-Progress.displayName = "Progress";
-
-//# sourceMappingURL=Progress.js.map

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

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

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./Progress"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
-
-//# sourceMappingURL=index.js.map