@availity/mui-stepper 0.4.0 → 1.0.0-alpha.0

package/dist/index.js

@@ -59,9 +59,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
+// ../../node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
     "use strict";
     var b = "function" === typeof Symbol && Symbol.for;
     var c = b ? Symbol.for("react.element") : 60103;
@@ -172,9 +172,9 @@ var require_react_is_production_min = __commonJS({
   }
 });
 
-// ../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
+// ../../node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports2) {
+  "../../node_modules/react-is/cjs/react-is.development.js"(exports2) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -327,9 +327,9 @@ var require_react_is_development = __commonJS({
   }
 });
 
-// ../../node_modules/prop-types/node_modules/react-is/index.js
+// ../../node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "../../node_modules/prop-types/node_modules/react-is/index.js"(exports2, module2) {
+  "../../node_modules/react-is/index.js"(exports2, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -1008,8 +1008,8 @@ var require_prop_types = __commonJS({
 });
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Step: () => Step,
   StepButton: () => StepButton,
   StepConnector: () => StepConnector,
@@ -1018,7 +1018,7 @@ __export(src_exports, {
   StepLabel: () => StepLabel,
   Stepper: () => Stepper
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/lib/Step.tsx
 var import_Step = __toESM(require("@mui/material/Step"));
@@ -1058,12 +1058,9 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var StepIcon = (_a) => {
   var _b = _a, { error, completed, warning } = _b, rest = __objRest(_b, ["error", "completed", "warning"]);
   let tag = null;
-  if (error)
-    tag = import_mui_icon.WarningCircleIcon;
-  if (warning)
-    tag = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_icon.WarningCircleIcon, __spreadValues({ color: "warning" }, props));
-  if (completed)
-    tag = import_mui_icon.SuccessCircleIcon;
+  if (error) tag = import_mui_icon.WarningCircleIcon;
+  if (warning) tag = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_icon.WarningCircleIcon, __spreadValues({ color: "warning" }, props));
+  if (completed) tag = import_mui_icon.SuccessCircleIcon;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_StepIcon.default, __spreadProps(__spreadValues({}, rest), { error, completed, as: tag }));
 };
 
@@ -1125,43 +1122,11 @@ var IconButton = (0, import_react2.forwardRef)((props, ref) => {
 // ../button/src/lib/LoadingButton.tsx
 var import_react3 = require("react");
 
-// ../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-// ../../node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 // ../../node_modules/@mui/lab/LoadingButton/LoadingButton.js
 var React = __toESM(require("react"));
 var import_prop_types = __toESM(require_prop_types());
 
-// ../../node_modules/@mui/lab/node_modules/@mui/utils/chainPropTypes/chainPropTypes.js
+// ../../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js
 function chainPropTypes(propType1, propType2) {
   if (process.env.NODE_ENV === "production") {
     return () => null;
@@ -1171,34 +1136,61 @@ function chainPropTypes(propType1, propType2) {
   };
 }
 
-// ../../node_modules/@mui/lab/node_modules/@mui/utils/resolveProps/resolveProps.js
+// ../../node_modules/@mui/utils/esm/resolveProps/resolveProps.js
 function resolveProps(defaultProps, props) {
-  const output = _extends({}, props);
-  Object.keys(defaultProps).forEach((propName) => {
-    if (propName.toString().match(/^(components|slots)$/)) {
-      output[propName] = _extends({}, defaultProps[propName], output[propName]);
-    } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
-      const defaultSlotProps = defaultProps[propName] || {};
-      const slotProps = props[propName];
-      output[propName] = {};
-      if (!slotProps || !Object.keys(slotProps)) {
-        output[propName] = defaultSlotProps;
-      } else if (!defaultSlotProps || !Object.keys(defaultSlotProps)) {
-        output[propName] = slotProps;
-      } else {
-        output[propName] = _extends({}, slotProps);
-        Object.keys(defaultSlotProps).forEach((slotPropName) => {
-          output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
-        });
+  const output = __spreadValues({}, props);
+  for (const key in defaultProps) {
+    if (Object.prototype.hasOwnProperty.call(defaultProps, key)) {
+      const propName = key;
+      if (propName === "components" || propName === "slots") {
+        output[propName] = __spreadValues(__spreadValues({}, defaultProps[propName]), output[propName]);
+      } else if (propName === "componentsProps" || propName === "slotProps") {
+        const defaultSlotProps = defaultProps[propName];
+        const slotProps = props[propName];
+        if (!slotProps) {
+          output[propName] = defaultSlotProps || {};
+        } else if (!defaultSlotProps) {
+          output[propName] = slotProps;
+        } else {
+          output[propName] = __spreadValues({}, slotProps);
+          for (const slotKey in defaultSlotProps) {
+            if (Object.prototype.hasOwnProperty.call(defaultSlotProps, slotKey)) {
+              const slotPropName = slotKey;
+              output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
+            }
+          }
+        }
+      } else if (output[propName] === void 0) {
+        output[propName] = defaultProps[propName];
       }
-    } else if (output[propName] === void 0) {
-      output[propName] = defaultProps[propName];
     }
-  });
+  }
+  return output;
+}
+
+// ../../node_modules/@mui/utils/esm/composeClasses/composeClasses.js
+function composeClasses(slots, getUtilityClass, classes = void 0) {
+  const output = {};
+  for (const slotName in slots) {
+    const slot = slots[slotName];
+    let buffer = "";
+    let start = true;
+    for (let i = 0; i < slot.length; i += 1) {
+      const value = slot[i];
+      if (value) {
+        buffer += (start === true ? "" : " ") + getUtilityClass(value);
+        start = false;
+        if (classes && classes[value]) {
+          buffer += " " + classes[value];
+        }
+      }
+    }
+    output[slotName] = buffer;
+  }
   return output;
 }
 
-// ../../node_modules/@mui/lab/node_modules/@mui/utils/ClassNameGenerator/ClassNameGenerator.js
+// ../../node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js
 var defaultGenerator = (componentName) => componentName;
 var createClassNameGenerator = () => {
   let generate = defaultGenerator;
@@ -1217,7 +1209,7 @@ var createClassNameGenerator = () => {
 var ClassNameGenerator = createClassNameGenerator();
 var ClassNameGenerator_default = ClassNameGenerator;
 
-// ../../node_modules/@mui/lab/node_modules/@mui/utils/generateUtilityClass/generateUtilityClass.js
+// ../../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js
 var globalStateClasses = {
   active: "active",
   checked: "checked",
@@ -1237,7 +1229,7 @@ function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
   return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator_default.generate(componentName)}-${slot}`;
 }
 
-// ../../node_modules/@mui/lab/node_modules/@mui/utils/generateUtilityClasses/generateUtilityClasses.js
+// ../../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js
 function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") {
   const result = {};
   slots.forEach((slot) => {
@@ -1248,48 +1240,23 @@ function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui")
 
 // ../../node_modules/@mui/lab/LoadingButton/LoadingButton.js
 var import_utils3 = require("@mui/material/utils");
-
-// ../../node_modules/@mui/base/node_modules/@mui/utils/composeClasses/composeClasses.js
-function composeClasses(slots, getUtilityClass, classes = void 0) {
-  const output = {};
-  Object.keys(slots).forEach(
-    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
-    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
-    (slot) => {
-      output[slot] = slots[slot].reduce((acc, key) => {
-        if (key) {
-          const utilityClass = getUtilityClass(key);
-          if (utilityClass !== "") {
-            acc.push(utilityClass);
-          }
-          if (classes && classes[key]) {
-            acc.push(classes[key]);
-          }
-        }
-        return acc;
-      }, []).join(" ");
-    }
-  );
-  return output;
-}
-
-// ../../node_modules/@mui/lab/LoadingButton/LoadingButton.js
-var import_styles = require("@mui/material/styles");
+var import_DefaultPropsProvider = require("@mui/material/DefaultPropsProvider");
 var import_Button2 = __toESM(require("@mui/material/Button"));
 var import_ButtonGroup = require("@mui/material/ButtonGroup");
 var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
 
+// ../../node_modules/@mui/lab/zero-styled/index.js
+var import_styles = require("@mui/material/styles");
+
 // ../../node_modules/@mui/lab/LoadingButton/loadingButtonClasses.js
 function getLoadingButtonUtilityClass(slot) {
   return generateUtilityClass("MuiLoadingButton", slot);
 }
-var loadingButtonClasses = generateUtilityClasses("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]);
+var loadingButtonClasses = generateUtilityClasses("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]);
 var loadingButtonClasses_default = loadingButtonClasses;
 
 // ../../node_modules/@mui/lab/LoadingButton/LoadingButton.js
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
 var useUtilityClasses = (ownerState) => {
   const {
     loading,
@@ -1298,12 +1265,13 @@ var useUtilityClasses = (ownerState) => {
   } = ownerState;
   const slots = {
     root: ["root", loading && "loading"],
+    label: ["label"],
     startIcon: [loading && `startIconLoading${(0, import_utils3.capitalize)(loadingPosition)}`],
     endIcon: [loading && `endIconLoading${(0, import_utils3.capitalize)(loadingPosition)}`],
     loadingIndicator: ["loadingIndicator", loading && `loadingIndicator${(0, import_utils3.capitalize)(loadingPosition)}`]
   };
   const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return __spreadValues(__spreadValues({}, classes), composedClasses);
 };
 var rootShouldForwardProp = (prop) => prop !== "ownerState" && prop !== "theme" && prop !== "sx" && prop !== "as" && prop !== "classes";
 var LoadingButtonRoot = (0, import_styles.styled)(import_Button2.default, {
@@ -1317,40 +1285,56 @@ var LoadingButtonRoot = (0, import_styles.styled)(import_Button2.default, {
       [`& .${loadingButtonClasses_default.endIconLoadingEnd}`]: styles.endIconLoadingEnd
     }];
   }
-})(({
-  ownerState,
+})((0, import_utils3.unstable_memoTheme)(({
   theme
-}) => _extends({
+}) => ({
+  display: "inline-flex",
   [`& .${loadingButtonClasses_default.startIconLoadingStart}, & .${loadingButtonClasses_default.endIconLoadingEnd}`]: {
     transition: theme.transitions.create(["opacity"], {
       duration: theme.transitions.duration.short
     }),
     opacity: 0
-  }
-}, ownerState.loadingPosition === "center" && {
-  transition: theme.transitions.create(["background-color", "box-shadow", "border-color"], {
-    duration: theme.transitions.duration.short
-  }),
-  [`&.${loadingButtonClasses_default.loading}`]: {
-    color: "transparent"
-  }
-}, ownerState.loadingPosition === "start" && ownerState.fullWidth && {
-  [`& .${loadingButtonClasses_default.startIconLoadingStart}, & .${loadingButtonClasses_default.endIconLoadingEnd}`]: {
-    transition: theme.transitions.create(["opacity"], {
-      duration: theme.transitions.duration.short
-    }),
-    opacity: 0,
-    marginRight: -8
-  }
-}, ownerState.loadingPosition === "end" && ownerState.fullWidth && {
-  [`& .${loadingButtonClasses_default.startIconLoadingStart}, & .${loadingButtonClasses_default.endIconLoadingEnd}`]: {
-    transition: theme.transitions.create(["opacity"], {
-      duration: theme.transitions.duration.short
-    }),
-    opacity: 0,
-    marginLeft: -8
-  }
-}));
+  },
+  variants: [{
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      transition: theme.transitions.create(["background-color", "box-shadow", "border-color"], {
+        duration: theme.transitions.duration.short
+      }),
+      [`&.${loadingButtonClasses_default.loading}`]: {
+        color: "transparent"
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.loadingPosition === "start" && ownerState.fullWidth,
+    style: {
+      [`& .${loadingButtonClasses_default.startIconLoadingStart}, & .${loadingButtonClasses_default.endIconLoadingEnd}`]: {
+        transition: theme.transitions.create(["opacity"], {
+          duration: theme.transitions.duration.short
+        }),
+        opacity: 0,
+        marginRight: -8
+      }
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.loadingPosition === "end" && ownerState.fullWidth,
+    style: {
+      [`& .${loadingButtonClasses_default.startIconLoadingStart}, & .${loadingButtonClasses_default.endIconLoadingEnd}`]: {
+        transition: theme.transitions.create(["opacity"], {
+          duration: theme.transitions.duration.short
+        }),
+        opacity: 0,
+        marginLeft: -8
+      }
+    }
+  }]
+})));
 var LoadingButtonLoadingIndicator = (0, import_styles.styled)("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
@@ -1360,40 +1344,106 @@ var LoadingButtonLoadingIndicator = (0, import_styles.styled)("span", {
     } = props;
     return [styles.loadingIndicator, styles[`loadingIndicator${(0, import_utils3.capitalize)(ownerState.loadingPosition)}`]];
   }
-})(({
-  theme,
-  ownerState
-}) => _extends({
+})((0, import_utils3.unstable_memoTheme)(({
+  theme
+}) => ({
   position: "absolute",
   visibility: "visible",
-  display: "flex"
-}, ownerState.loadingPosition === "start" && (ownerState.variant === "outlined" || ownerState.variant === "contained") && {
-  left: ownerState.size === "small" ? 10 : 14
-}, ownerState.loadingPosition === "start" && ownerState.variant === "text" && {
-  left: 6
-}, ownerState.loadingPosition === "center" && {
-  left: "50%",
-  transform: "translate(-50%)",
-  color: (theme.vars || theme).palette.action.disabled
-}, ownerState.loadingPosition === "end" && (ownerState.variant === "outlined" || ownerState.variant === "contained") && {
-  right: ownerState.size === "small" ? 10 : 14
-}, ownerState.loadingPosition === "end" && ownerState.variant === "text" && {
-  right: 6
-}, ownerState.loadingPosition === "start" && ownerState.fullWidth && {
-  position: "relative",
-  left: -10
-}, ownerState.loadingPosition === "end" && ownerState.fullWidth && {
-  position: "relative",
-  right: -10
-}));
+  display: "flex",
+  variants: [{
+    props: {
+      loadingPosition: "start",
+      size: "small"
+    },
+    style: {
+      left: 10
+    }
+  }, {
+    props: ({
+      loadingPosition,
+      ownerState
+    }) => loadingPosition === "start" && ownerState.size !== "small",
+    style: {
+      left: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "start"
+    },
+    style: {
+      left: 6
+    }
+  }, {
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      left: "50%",
+      transform: "translate(-50%)",
+      color: (theme.vars || theme).palette.action.disabled
+    }
+  }, {
+    props: {
+      loadingPosition: "end",
+      size: "small"
+    },
+    style: {
+      right: 10
+    }
+  }, {
+    props: ({
+      loadingPosition,
+      ownerState
+    }) => loadingPosition === "end" && ownerState.size !== "small",
+    style: {
+      right: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "end"
+    },
+    style: {
+      right: 6
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.loadingPosition === "start" && ownerState.fullWidth,
+    style: {
+      position: "relative",
+      left: -10
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.loadingPosition === "end" && ownerState.fullWidth,
+    style: {
+      position: "relative",
+      right: -10
+    }
+  }]
+})));
+var LoadingButtonLabel = (0, import_styles.styled)("span", {
+  name: "MuiLoadingButton",
+  slot: "Label",
+  overridesResolver: (props, styles) => {
+    return [styles.label];
+  }
+})({
+  display: "inherit",
+  alignItems: "inherit",
+  justifyContent: "inherit"
+});
 var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inProps, ref) {
   const contextProps = React.useContext(import_ButtonGroup.ButtonGroupContext);
   const resolvedProps = resolveProps(contextProps, inProps);
-  const props = (0, import_styles.useThemeProps)({
+  const props = (0, import_DefaultPropsProvider.useDefaultProps)({
     props: resolvedProps,
     name: "MuiLoadingButton"
   });
-  const {
+  const _a = props, {
     children,
     disabled = false,
     id: idProp,
@@ -1401,14 +1451,22 @@ var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inP
     loadingIndicator: loadingIndicatorProp,
     loadingPosition = "center",
     variant = "text"
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
+  } = _a, other = __objRest(_a, [
+    "children",
+    "disabled",
+    "id",
+    "loading",
+    "loadingIndicator",
+    "loadingPosition",
+    "variant"
+  ]);
   const id = (0, import_utils3.unstable_useId)(idProp);
   const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_CircularProgress.default, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
   });
-  const ownerState = _extends({}, props, {
+  const ownerState = __spreadProps(__spreadValues({}, props), {
     disabled,
     loading,
     loadingIndicator,
@@ -1421,15 +1479,21 @@ var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inP
     ownerState,
     children: loadingIndicator
   }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(LoadingButtonRoot, _extends({
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(LoadingButtonRoot, __spreadProps(__spreadValues({
     disabled: disabled || loading,
     id,
     ref
-  }, other, {
+  }, other), {
     variant,
     classes,
     ownerState,
-    children: [ownerState.loadingPosition === "end" ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === "end" ? loadingButtonLoadingIndicator : children]
+    children: [ownerState.loadingPosition === "end" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoadingButtonLabel, {
+      className: classes.label,
+      children
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === "end" ? loadingButtonLoadingIndicator : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoadingButtonLabel, {
+      className: classes.label,
+      children
+    })]
   }));
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes = {
@@ -1493,14 +1557,14 @@ var LoadingButton_default = LoadingButton;
 
 // ../button/src/lib/LoadingButton.tsx
 var import_CircularProgress2 = __toESM(require("@mui/material/CircularProgress"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var LoadingIndicator = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_CircularProgress2.default, { color: "inherit", size: 16, "aria-label": "loading" });
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var LoadingIndicator = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_CircularProgress2.default, { color: "inherit", size: 16, "aria-label": "loading" });
 var LoadingButton3 = (0, import_react3.forwardRef)((props, ref) => {
   const _a = props, { children, loading } = _a, rest = __objRest(_a, ["children", "loading"]);
   const loadingPosition = rest.startIcon ? "start" : "end";
   const nonLoadingStyling = rest.startIcon || rest.endIcon || loading ? {} : { padding: "0 .7rem" };
-  const endIcon = rest.startIcon ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: loading ? { padding: "0 .7rem" } : {} });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const endIcon = rest.startIcon ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: loading ? { padding: "0 .7rem" } : {} });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     LoadingButton_default,
     __spreadProps(__spreadValues({
       endIcon,
@@ -1510,7 +1574,7 @@ var LoadingButton3 = (0, import_react3.forwardRef)((props, ref) => {
       loadingIndicator: LoadingIndicator
     }, rest), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: nonLoadingStyling, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: nonLoadingStyling, children })
     })
   );
 });
@@ -1521,29 +1585,29 @@ var import_mui_icon2 = require("@availity/mui-icon");
 // ../layout/src/lib/Box.tsx
 var import_react4 = require("react");
 var import_Box = __toESM(require("@mui/material/Box"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Box = (0, import_react4.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Box.default, __spreadProps(__spreadValues({}, props), { ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Box.default, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../layout/src/lib/Container.tsx
 var import_Container = __toESM(require("@mui/material/Container"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // ../layout/src/lib/Grid.tsx
-var import_Unstable_Grid2 = __toESM(require("@mui/material/Unstable_Grid2"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_Grid2 = __toESM(require("@mui/material/Grid2"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Grid = (args) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Unstable_Grid2.default, __spreadValues({}, args));
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Grid2.default, __spreadValues({}, args));
 };
 
 // ../layout/src/lib/Stack.tsx
 var import_Stack = __toESM(require("@mui/material/Stack"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/lib/Stepper.tsx
 var import_styles2 = require("@mui/material/styles");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Stepper = (_a) => {
   var _b = _a, { children, connector, orientation, scrollButtons } = _b, rest = __objRest(_b, ["children", "connector", "orientation", "scrollButtons"]);
   const alternativeLabel = orientation !== "vertical";
@@ -1580,8 +1644,8 @@ var Stepper = (_a) => {
     flexShrink: 0,
     paddingTop: "15px"
   });
-  return showScrollButtons ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Grid, { container: true, direction: "row", justifyContent: "space-between", wrap: "nowrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollIconContainer, { style: { paddingRight: "8px" }, children: showLeftButton && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return showScrollButtons ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Grid, { container: true, direction: "row", justifyContent: "space-between", wrap: "nowrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ScrollIconContainer, { style: { paddingRight: "8px" }, children: showLeftButton && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       IconButton,
       {
         title: "Previous",
@@ -1590,10 +1654,10 @@ var Stepper = (_a) => {
           var _a2;
           return (_a2 = stepperRef.current) == null ? void 0 : _a2.scrollTo({ left: 0, behavior: "smooth" });
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_icon2.NavigatePreviousIcon, { fontSize: "xsmall" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_icon2.NavigatePreviousIcon, { fontSize: "xsmall" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_Stepper.default,
       __spreadProps(__spreadValues({
         "aria-label": "multi-step process",
@@ -1607,7 +1671,7 @@ var Stepper = (_a) => {
         tabIndex: 0
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollIconContainer, { style: { paddingLeft: "8px" }, children: showRightButton && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ScrollIconContainer, { style: { paddingLeft: "8px" }, children: showRightButton && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       IconButton,
       {
         title: "Next",
@@ -1619,10 +1683,10 @@ var Stepper = (_a) => {
             behavior: "smooth"
           });
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_icon2.NavigateNextIcon, { fontSize: "xsmall" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_icon2.NavigateNextIcon, { fontSize: "xsmall" })
       }
     ) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_Stepper.default,
     __spreadProps(__spreadValues({
       "aria-label": "multi-step process",
@@ -1674,22 +1738,4 @@ object-assign/index.js:
   (c) Sindre Sorhus
   @license MIT
   *)
-
-@mui/utils/index.js:
-  (**
-   * @mui/utils v5.15.14
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-@mui/utils/index.js:
-  (**
-   * @mui/utils v5.15.14
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
 */