@availity/mui-button 1.1.2 → 1.1.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.1.3](https://github.com/Availity/element/compare/@availity/mui-button@1.1.2...@availity/mui-button@1.1.3) (2025-04-21)
+
+
+### Bug Fixes
+
+* **mui-button:** add buttongroup export ([c2bccd0](https://github.com/Availity/element/commit/c2bccd0727ce55bde320f3c6f921ca2a6df60f2e))
+
 ## [1.1.2](https://github.com/Availity/element/compare/@availity/mui-button@1.1.1...@availity/mui-button@1.1.2) (2025-04-14)
 
 ## [1.1.1](https://github.com/Availity/element/compare/@availity/mui-button@1.1.0...@availity/mui-button@1.1.1) (2025-04-11)

package/dist/index.d.mts

@@ -1,5 +1,7 @@
 import * as react from 'react';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonGroupProps as ButtonGroupProps$1 } from '@mui/material/ButtonGroup';
 import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
 import { LoadingButtonProps as LoadingButtonProps$1 } from '@mui/lab/LoadingButton';
 
@@ -18,6 +20,14 @@ type ButtonProps = {
 } & Omit<ButtonProps$1, 'color' | 'component' | 'variant' | 'disableElevation' | 'disableFocusRipple' | 'disableTouchRipple' | 'centerRipple' | 'disableRipple' | 'focusRipple' | 'size' | 'TouchRippleProps' | 'touchRippleRef'>;
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare module '@mui/material/ButtonGroup' {
+    interface ButtonGroupPropsColorOverrides {
+        tertiary: true;
+    }
+}
+type ButtonGroupProps = Omit<ButtonGroupProps$1, 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'variant'>;
+declare const ButtonGroup: (props: ButtonGroupProps) => react_jsx_runtime.JSX.Element;
+
 type IconButtonProps = {
     /**
      * Text for tooltip and aria-label
@@ -46,4 +56,4 @@ type LoadingButtonProps = {
 } & Omit<LoadingButtonProps$1, 'color' | 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'disableFocusRipple' | 'TouchRippleProps' | 'touchRippleRef' | 'loadingIndicator' | 'loadingPosition'>;
 declare const LoadingButton: react.ForwardRefExoticComponent<Omit<LoadingButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, IconButton, type IconButtonProps, LoadingButton, type LoadingButtonProps };
+export { Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, IconButton, type IconButtonProps, LoadingButton, type LoadingButtonProps };

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import * as react from 'react';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonGroupProps as ButtonGroupProps$1 } from '@mui/material/ButtonGroup';
 import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
 import { LoadingButtonProps as LoadingButtonProps$1 } from '@mui/lab/LoadingButton';
 
@@ -18,6 +20,14 @@ type ButtonProps = {
 } & Omit<ButtonProps$1, 'color' | 'component' | 'variant' | 'disableElevation' | 'disableFocusRipple' | 'disableTouchRipple' | 'centerRipple' | 'disableRipple' | 'focusRipple' | 'size' | 'TouchRippleProps' | 'touchRippleRef'>;
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare module '@mui/material/ButtonGroup' {
+    interface ButtonGroupPropsColorOverrides {
+        tertiary: true;
+    }
+}
+type ButtonGroupProps = Omit<ButtonGroupProps$1, 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'variant'>;
+declare const ButtonGroup: (props: ButtonGroupProps) => react_jsx_runtime.JSX.Element;
+
 type IconButtonProps = {
     /**
      * Text for tooltip and aria-label
@@ -46,4 +56,4 @@ type LoadingButtonProps = {
 } & Omit<LoadingButtonProps$1, 'color' | 'centerRipple' | 'disableRipple' | 'disableTouchRipple' | 'focusRipple' | 'disableFocusRipple' | 'TouchRippleProps' | 'touchRippleRef' | 'loadingIndicator' | 'loadingPosition'>;
 declare const LoadingButton: react.ForwardRefExoticComponent<Omit<LoadingButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, IconButton, type IconButtonProps, LoadingButton, type LoadingButtonProps };
+export { Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, IconButton, type IconButtonProps, LoadingButton, type LoadingButtonProps };

package/dist/index.js

@@ -60,6 +60,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
   IconButton: () => IconButton,
   LoadingButton: () => LoadingButton
 });
@@ -78,11 +79,23 @@ var Button = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, __spreadProps(__spreadValues(__spreadValues({}, props), overrideProps), { ref }));
 });
 
+// src/lib/ButtonGroup.tsx
+var import_ButtonGroup = __toESM(require("@mui/material/ButtonGroup"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var overrideProps2 = {
+  disableElevation: true,
+  disableFocusRipple: true,
+  disableRipple: true
+};
+var ButtonGroup = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ButtonGroup.default, __spreadProps(__spreadValues(__spreadValues({}, props), overrideProps2), { variant: "contained", color: "tertiary" }));
+};
+
 // 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_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var outlinedStyles = {
   borderRadius: ".25rem",
   border: 1
@@ -90,21 +103,21 @@ 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_runtime2.jsx)(import_Tooltip.default, { title, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_IconButton.default, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Tooltip.default, { title, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_IconButton.default, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
 });
 
 // src/lib/LoadingButton.tsx
 var import_react3 = require("react");
 var import_LoadingButton = __toESM(require("@mui/lab/LoadingButton"));
 var import_CircularProgress = __toESM(require("@mui/material/CircularProgress"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var LoadingIndicator = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_CircularProgress.default, { color: "inherit", size: 16, "aria-label": "loading" });
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var LoadingIndicator = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_CircularProgress.default, { color: "inherit", size: 16, "aria-label": "loading" });
 var LoadingButton = (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_runtime3.jsx)("span", { style: loading ? { padding: "0 .7rem" } : {} });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const endIcon = rest.startIcon ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: loading ? { padding: "0 .7rem" } : {} });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_LoadingButton.default,
     __spreadProps(__spreadValues({
       endIcon,
@@ -114,13 +127,14 @@ var LoadingButton = (0, import_react3.forwardRef)((props, ref) => {
       loadingIndicator: LoadingIndicator
     }, rest), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: nonLoadingStyling, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: nonLoadingStyling, children })
     })
   );
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
+  ButtonGroup,
   IconButton,
   LoadingButton
 });

package/dist/index.mjs

@@ -43,11 +43,23 @@ var Button = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(MUIButton, __spreadProps(__spreadValues(__spreadValues({}, props), overrideProps), { ref }));
 });
 
+// src/lib/ButtonGroup.tsx
+import { default as MUIButtonGroup } from "@mui/material/ButtonGroup";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var overrideProps2 = {
+  disableElevation: true,
+  disableFocusRipple: true,
+  disableRipple: true
+};
+var ButtonGroup = (props) => {
+  return /* @__PURE__ */ jsx2(MUIButtonGroup, __spreadProps(__spreadValues(__spreadValues({}, props), overrideProps2), { variant: "contained", color: "tertiary" }));
+};
+
 // 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 jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var outlinedStyles = {
   borderRadius: ".25rem",
   border: 1
@@ -55,21 +67,21 @@ 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__ */ jsx2(Tooltip, { title, children: /* @__PURE__ */ jsx2(MuiIconButton, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
+  return /* @__PURE__ */ jsx3(Tooltip, { title, children: /* @__PURE__ */ jsx3(MuiIconButton, __spreadProps(__spreadValues({ "aria-label": title, sx: __spreadValues({}, styles) }, rest), { ref, size })) });
 });
 
 // src/lib/LoadingButton.tsx
 import { forwardRef as forwardRef3 } from "react";
 import MUILoadingButton from "@mui/lab/LoadingButton";
 import CircularProgress from "@mui/material/CircularProgress";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var LoadingIndicator = /* @__PURE__ */ jsx3(CircularProgress, { color: "inherit", size: 16, "aria-label": "loading" });
+import { jsx as jsx4 } from "react/jsx-runtime";
+var LoadingIndicator = /* @__PURE__ */ jsx4(CircularProgress, { color: "inherit", size: 16, "aria-label": "loading" });
 var LoadingButton = forwardRef3((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__ */ jsx3("span", { style: loading ? { padding: "0 .7rem" } : {} });
-  return /* @__PURE__ */ jsx3(
+  const endIcon = rest.startIcon ? void 0 : /* @__PURE__ */ jsx4("span", { style: loading ? { padding: "0 .7rem" } : {} });
+  return /* @__PURE__ */ jsx4(
     MUILoadingButton,
     __spreadProps(__spreadValues({
       endIcon,
@@ -79,12 +91,13 @@ var LoadingButton = forwardRef3((props, ref) => {
       loadingIndicator: LoadingIndicator
     }, rest), {
       ref,
-      children: /* @__PURE__ */ jsx3("span", { style: nonLoadingStyling, children })
+      children: /* @__PURE__ */ jsx4("span", { style: nonLoadingStyling, children })
     })
   );
 });
 export {
   Button,
+  ButtonGroup,
   IconButton,
   LoadingButton
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-button",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Availity MUI Button Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './lib/Button';
+export * from './lib/ButtonGroup';
 export * from './lib/IconButton';
 export * from './lib/LoadingButton';