@availity/mui-stepper 1.0.4 → 1.0.6

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.0.6](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.5...@availity/mui-stepper@1.0.6) (2025-04-30)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.0.5`
+* `mui-icon` updated to version `1.0.5`
+## [1.0.5](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.4...@availity/mui-stepper@1.0.5) (2025-04-21)
+
+### Dependency Updates
+
+* `mui-button` updated to version `1.0.4`
 ## [1.0.4](https://github.com/Availity/element/compare/@availity/mui-stepper@1.0.3...@availity/mui-stepper@1.0.4) (2025-04-14)
 
 ### Dependency Updates

package/dist/index.js

@@ -1104,11 +1104,15 @@ var Button = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_Button.default, __spreadProps(__spreadValues(__spreadValues({}, props), overrideProps), { ref }));
 });
 
+// ../button/src/lib/ButtonGroup.tsx
+var import_ButtonGroup = __toESM(require("@mui/material/ButtonGroup"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
 // ../button/src/lib/IconButton.tsx
 var import_react2 = require("react");
 var import_IconButton = __toESM(require("@mui/material/IconButton"));
 var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var outlinedStyles = {
   borderRadius: ".25rem",
   border: 1
@@ -1116,7 +1120,7 @@ var outlinedStyles = {
 var IconButton = (0, import_react2.forwardRef)((props, ref) => {
   const _a = props, { title, variant = "text", sx, size = "medium" } = _a, rest = __objRest(_a, ["title", "variant", "sx", "size"]);
   const styles = __spreadValues(__spreadValues({}, sx), variant === "outlined" && outlinedStyles);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Tooltip.default, { title, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_IconButton.default, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Tooltip.default, { title, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_IconButton.default, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
 });
 
 // ../button/src/lib/LoadingButton.tsx
@@ -1242,7 +1246,7 @@ function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui")
 var import_utils3 = require("@mui/material/utils");
 var import_DefaultPropsProvider = require("@mui/material/DefaultPropsProvider");
 var import_Button2 = __toESM(require("@mui/material/Button"));
-var import_ButtonGroup = require("@mui/material/ButtonGroup");
+var import_ButtonGroup2 = require("@mui/material/ButtonGroup");
 var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
 
 // ../../node_modules/@mui/lab/zero-styled/index.js
@@ -1256,7 +1260,7 @@ var loadingButtonClasses = generateUtilityClasses("MuiLoadingButton", ["root", "
 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 useUtilityClasses = (ownerState) => {
   const {
     loading,
@@ -1437,7 +1441,7 @@ var LoadingButtonLabel = (0, import_styles.styled)("span", {
   justifyContent: "inherit"
 });
 var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inProps, ref) {
-  const contextProps = React.useContext(import_ButtonGroup.ButtonGroupContext);
+  const contextProps = React.useContext(import_ButtonGroup2.ButtonGroupContext);
   const resolvedProps = resolveProps(contextProps, inProps);
   const props = (0, import_DefaultPropsProvider.useDefaultProps)({
     props: resolvedProps,
@@ -1461,7 +1465,7 @@ var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inP
     "variant"
   ]);
   const id = (0, import_utils3.unstable_useId)(idProp);
-  const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_CircularProgress.default, {
+  const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_CircularProgress.default, {
     "aria-labelledby": id,
     color: "inherit",
     size: 16
@@ -1474,12 +1478,12 @@ var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inP
     variant
   });
   const classes = useUtilityClasses(ownerState);
-  const loadingButtonLoadingIndicator = loading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoadingButtonLoadingIndicator, {
+  const loadingButtonLoadingIndicator = loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoadingButtonLoadingIndicator, {
     className: classes.loadingIndicator,
     ownerState,
     children: loadingIndicator
   }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(LoadingButtonRoot, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(LoadingButtonRoot, __spreadProps(__spreadValues({
     disabled: disabled || loading,
     id,
     ref
@@ -1487,10 +1491,10 @@ var LoadingButton = /* @__PURE__ */ React.forwardRef(function LoadingButton2(inP
     variant,
     classes,
     ownerState,
-    children: [ownerState.loadingPosition === "end" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoadingButtonLabel, {
+    children: [ownerState.loadingPosition === "end" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoadingButtonLabel, {
       className: classes.label,
       children
-    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === "end" ? loadingButtonLoadingIndicator : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LoadingButtonLabel, {
+    }) : loadingButtonLoadingIndicator, ownerState.loadingPosition === "end" ? loadingButtonLoadingIndicator : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(LoadingButtonLabel, {
       className: classes.label,
       children
     })]
@@ -1557,14 +1561,14 @@ var LoadingButton_default = LoadingButton;
 
 // ../button/src/lib/LoadingButton.tsx
 var import_CircularProgress2 = __toESM(require("@mui/material/CircularProgress"));
-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 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 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_runtime10.jsx)("span", { style: loading ? { padding: "0 .7rem" } : {} });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  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)(
     LoadingButton_default,
     __spreadProps(__spreadValues({
       endIcon,
@@ -1574,7 +1578,7 @@ var LoadingButton3 = (0, import_react3.forwardRef)((props, ref) => {
       loadingIndicator: LoadingIndicator
     }, rest), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: nonLoadingStyling, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: nonLoadingStyling, children })
     })
   );
 });
@@ -1585,29 +1589,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_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Box = (0, import_react4.forwardRef)((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Box.default, __spreadProps(__spreadValues({}, props), { ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Box.default, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../layout/src/lib/Container.tsx
 var import_Container = __toESM(require("@mui/material/Container"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 
 // ../layout/src/lib/Grid.tsx
 var import_Grid2 = __toESM(require("@mui/material/Grid2"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Grid = (args) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Grid2.default, __spreadValues({}, args));
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Grid2.default, __spreadValues({}, args));
 };
 
 // ../layout/src/lib/Stack.tsx
 var import_Stack = __toESM(require("@mui/material/Stack"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 
 // src/lib/Stepper.tsx
 var import_styles2 = require("@mui/material/styles");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = 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";
@@ -1644,8 +1648,8 @@ var Stepper = (_a) => {
     flexShrink: 0,
     paddingTop: "15px"
   });
-  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)(
+  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)(
       IconButton,
       {
         title: "Previous",
@@ -1654,10 +1658,10 @@ var Stepper = (_a) => {
           var _a2;
           return (_a2 = stepperRef.current) == null ? void 0 : _a2.scrollTo({ left: 0, behavior: "smooth" });
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_icon2.NavigatePreviousIcon, { fontSize: "xsmall" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_icon2.NavigatePreviousIcon, { fontSize: "xsmall" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_Stepper.default,
       __spreadProps(__spreadValues({
         "aria-label": "multi-step process",
@@ -1671,7 +1675,7 @@ var Stepper = (_a) => {
         tabIndex: 0
       })
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ScrollIconContainer, { style: { paddingLeft: "8px" }, children: showRightButton && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollIconContainer, { style: { paddingLeft: "8px" }, children: showRightButton && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       IconButton,
       {
         title: "Next",
@@ -1683,10 +1687,10 @@ var Stepper = (_a) => {
             behavior: "smooth"
           });
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_icon2.NavigateNextIcon, { fontSize: "xsmall" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_icon2.NavigateNextIcon, { fontSize: "xsmall" })
       }
     ) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_Stepper.default,
     __spreadProps(__spreadValues({
       "aria-label": "multi-step process",

package/dist/index.mjs

@@ -1085,11 +1085,15 @@ var Button = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx7(MUIButton, __spreadProps(__spreadValues(__spreadValues({}, props), overrideProps), { ref }));
 });
 
+// ../button/src/lib/ButtonGroup.tsx
+import { default as MUIButtonGroup } from "@mui/material/ButtonGroup";
+import { jsx as jsx8 } from "react/jsx-runtime";
+
 // ../button/src/lib/IconButton.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { default as MuiIconButton } from "@mui/material/IconButton";
 import Tooltip from "@mui/material/Tooltip";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var outlinedStyles = {
   borderRadius: ".25rem",
   border: 1
@@ -1097,7 +1101,7 @@ var outlinedStyles = {
 var IconButton = forwardRef2((props, ref) => {
   const _a = props, { title, variant = "text", sx, size = "medium" } = _a, rest = __objRest(_a, ["title", "variant", "sx", "size"]);
   const styles = __spreadValues(__spreadValues({}, sx), variant === "outlined" && outlinedStyles);
-  return /* @__PURE__ */ jsx8(Tooltip, { title, children: /* @__PURE__ */ jsx8(MuiIconButton, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
+  return /* @__PURE__ */ jsx9(Tooltip, { title, children: /* @__PURE__ */ jsx9(MuiIconButton, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
 });
 
 // ../button/src/lib/LoadingButton.tsx
@@ -1538,14 +1542,14 @@ var LoadingButton_default = LoadingButton;
 
 // ../button/src/lib/LoadingButton.tsx
 import CircularProgress2 from "@mui/material/CircularProgress";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var LoadingIndicator = /* @__PURE__ */ jsx9(CircularProgress2, { color: "inherit", size: 16, "aria-label": "loading" });
+import { jsx as jsx10 } from "react/jsx-runtime";
+var LoadingIndicator = /* @__PURE__ */ jsx10(CircularProgress2, { color: "inherit", size: 16, "aria-label": "loading" });
 var LoadingButton3 = forwardRef4((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__ */ jsx9("span", { style: loading ? { padding: "0 .7rem" } : {} });
-  return /* @__PURE__ */ jsx9(
+  const endIcon = rest.startIcon ? void 0 : /* @__PURE__ */ jsx10("span", { style: loading ? { padding: "0 .7rem" } : {} });
+  return /* @__PURE__ */ jsx10(
     LoadingButton_default,
     __spreadProps(__spreadValues({
       endIcon,
@@ -1555,7 +1559,7 @@ var LoadingButton3 = forwardRef4((props, ref) => {
       loadingIndicator: LoadingIndicator
     }, rest), {
       ref,
-      children: /* @__PURE__ */ jsx9("span", { style: nonLoadingStyling, children })
+      children: /* @__PURE__ */ jsx10("span", { style: nonLoadingStyling, children })
     })
   );
 });
@@ -1566,29 +1570,29 @@ import { NavigatePreviousIcon, NavigateNextIcon } from "@availity/mui-icon";
 // ../layout/src/lib/Box.tsx
 import { forwardRef as forwardRef5 } from "react";
 import MuiBox from "@mui/material/Box";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Box = forwardRef5((props, ref) => {
-  return /* @__PURE__ */ jsx10(MuiBox, __spreadProps(__spreadValues({}, props), { ref }));
+  return /* @__PURE__ */ jsx11(MuiBox, __spreadProps(__spreadValues({}, props), { ref }));
 });
 
 // ../layout/src/lib/Container.tsx
 import MuiContainer from "@mui/material/Container";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 
 // ../layout/src/lib/Grid.tsx
 import MuiGrid2 from "@mui/material/Grid2";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Grid = (args) => {
-  return /* @__PURE__ */ jsx12(MuiGrid2, __spreadValues({}, args));
+  return /* @__PURE__ */ jsx13(MuiGrid2, __spreadValues({}, args));
 };
 
 // ../layout/src/lib/Stack.tsx
 import MuiStack from "@mui/material/Stack";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 
 // src/lib/Stepper.tsx
 import { styled as styled2 } from "@mui/material/styles";
-import { jsx as jsx14, jsxs } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs } from "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";
@@ -1626,7 +1630,7 @@ var Stepper = (_a) => {
     paddingTop: "15px"
   });
   return showScrollButtons ? /* @__PURE__ */ jsxs(Grid, { container: true, direction: "row", justifyContent: "space-between", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsx14(ScrollIconContainer, { style: { paddingRight: "8px" }, children: showLeftButton && /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(ScrollIconContainer, { style: { paddingRight: "8px" }, children: showLeftButton && /* @__PURE__ */ jsx15(
       IconButton,
       {
         title: "Previous",
@@ -1635,10 +1639,10 @@ var Stepper = (_a) => {
           var _a2;
           return (_a2 = stepperRef.current) == null ? void 0 : _a2.scrollTo({ left: 0, behavior: "smooth" });
         },
-        children: /* @__PURE__ */ jsx14(NavigatePreviousIcon, { fontSize: "xsmall" })
+        children: /* @__PURE__ */ jsx15(NavigatePreviousIcon, { fontSize: "xsmall" })
       }
     ) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       MuiStepper,
       __spreadProps(__spreadValues({
         "aria-label": "multi-step process",
@@ -1652,7 +1656,7 @@ var Stepper = (_a) => {
         tabIndex: 0
       })
     ),
-    /* @__PURE__ */ jsx14(ScrollIconContainer, { style: { paddingLeft: "8px" }, children: showRightButton && /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(ScrollIconContainer, { style: { paddingLeft: "8px" }, children: showRightButton && /* @__PURE__ */ jsx15(
       IconButton,
       {
         title: "Next",
@@ -1664,10 +1668,10 @@ var Stepper = (_a) => {
             behavior: "smooth"
           });
         },
-        children: /* @__PURE__ */ jsx14(NavigateNextIcon, { fontSize: "xsmall" })
+        children: /* @__PURE__ */ jsx15(NavigateNextIcon, { fontSize: "xsmall" })
       }
     ) })
-  ] }) : /* @__PURE__ */ jsx14(
+  ] }) : /* @__PURE__ */ jsx15(
     MuiStepper,
     __spreadProps(__spreadValues({
       "aria-label": "multi-step process",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-stepper",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Availity MUI Stepper Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -40,11 +40,11 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-icon": "^1.0.2",
+    "@availity/mui-icon": "^1.1.0",
     "@availity/mui-typography": "^1.0.2"
   },
   "devDependencies": {
-    "@availity/mui-button": "^1.1.2",
+    "@availity/mui-button": "^1.1.4",
     "@availity/mui-layout": "^1.0.2",
     "@availity/mui-paper": "^1.0.2",
     "@availity/mui-typography": "^1.0.2",