@edux-design/buttons 0.0.5 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edux-design/buttons",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "private": false,
   "sideEffects": [
     "**/*.css"

package/src/elements/ButtonGroup.jsx

@@ -28,7 +28,8 @@ const useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
  * @typedef {Object} ButtonGroupOption
  * @property {React.ReactNode} [label] - Main label for the option.
  * @property {React.ReactNode} [startAdornment] - Optional leading element (icon, badge, etc.).
- * @property {React.ReactNode} [endIcon] - Optional trailing element.
+ * @property {React.ReactNode} [endIcon] - Optional trailing element (legacy alias).
+ * @property {React.ReactNode} [endAdornment] - Optional trailing element.
  * @property {string|number} [value] - Unique value used for selection.
  * @property {boolean} [disabled] - Whether the option is disabled.
  */
@@ -340,8 +341,9 @@ export const ButtonGroup = forwardRef(function ButtonGroup(
           const hasStartAdornment =
             option.startAdornment !== undefined &&
             option.startAdornment !== null;
-          const hasendIcon =
-            option.endIcon !== undefined && option.endIcon !== null;
+          const endAdornment = option.endAdornment ?? option.endIcon;
+          const hasEndAdornment =
+            endAdornment !== undefined && endAdornment !== null;
 
           return (
             <button
@@ -370,12 +372,12 @@ export const ButtonGroup = forwardRef(function ButtonGroup(
                 {option.label ?? `Option ${index + 1}`}
               </span>
 
-              {hasendIcon && (
+              {hasEndAdornment && (
                 <span
                   aria-hidden="true"
                   className="flex items-center text-current"
                 >
-                  {option.endIcon}
+                  {endAdornment}
                 </span>
               )}
             </button>