@ambuj.bhaskar/react-component-library 0.16.0-alpha → 0.17.0-alpha

package/dist/index.d.ts

@@ -52,6 +52,7 @@ export declare type ButtonGroupProps = {
     onChange?: (value: string | number) => void;
     color?: Color;
     gap?: CSSstring;
+    width?: CSSstring;
 };
 
 export declare type ButtonProps = HTMLButtonProps & {

package/dist/index.js

@@ -1474,18 +1474,20 @@ const T9e = ({
   onChange: n = () => {
   },
   color: r,
-  gap: o
-}) => /* @__PURE__ */ Ie.jsx("div", { className: "button_group", style: { gap: o }, children: e == null ? void 0 : e.map((i, l) => /* @__PURE__ */ Ie.jsx(
+  width: o,
+  gap: i
+}) => /* @__PURE__ */ Ie.jsx("div", { className: "button_group", style: { gap: i }, children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ Ie.jsx(
   Zn,
   {
     variant: "primary",
-    content: i.label,
-    onClick: () => n(i.value),
-    className: `button_group_button ${l == 0 ? "first" : ""} ${l == e.length - 1 ? "last" : ""} ${i.value == t ? "active" : ""}`,
+    content: l.label,
+    onClick: () => n(l.value),
+    width: o,
+    className: `button_group_button ${c == 0 ? "first" : ""} ${c == e.length - 1 ? "last" : ""} ${l.value == t ? "active" : ""}`,
     backgroundColor: r,
     borderColor: r
   },
-  i.value
+  l.value
 )) }), qa = (e, t) => {
   const n = e;
   return isNaN(n.getTime()) ? "" : t === "date" ? n.toLocaleDateString(void 0, {