@kashifd/jwero-components 0.7.39 → 0.7.41

package/dist/index.es.js

@@ -48217,9 +48217,10 @@ const fW = ({
     total_steps: 1,
     current_step: 1
   },
-  sx: g
+  sx: g,
+  titleSx: m
 }) => {
-  const m = jt();
+  const b = jt();
   return /* @__PURE__ */ v.jsx(
     Ve,
     {
@@ -48269,7 +48270,7 @@ const fW = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ v.jsxs("span", { style: { color: m.colors.text_primary }, children: [
+                    /* @__PURE__ */ v.jsxs("span", { style: { color: b.colors.text_primary }, children: [
                       d != null && d.custom_name ? (d == null ? void 0 : d.custom_name) + " " : "Steps ",
                       (d == null ? void 0 : d.current_step) ?? "1 "
                     ] }),
@@ -48291,7 +48292,7 @@ const fW = ({
               direction: "row",
               alignItems: "center",
               justifyContent: "space-between",
-              sx: { gap: "1rem", width: "100%" },
+              sx: { gap: "1rem", width: "100%", ...m },
               children: [
                 /* @__PURE__ */ v.jsxs(Ve, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
                   (s == null ? void 0 : s.icon) && (s == null ? void 0 : s.position) === "start" && /* @__PURE__ */ v.jsx(
@@ -48299,7 +48300,7 @@ const fW = ({
                     {
                       sx: {
                         borderRadius: "0.5rem",
-                        backgroundColor: m.colors.white,
+                        backgroundColor: b.colors.white,
                         padding: "0.5rem",
                         ...s == null ? void 0 : s.sx
                       },
@@ -48312,7 +48313,7 @@ const fW = ({
                     {
                       sx: {
                         borderRadius: "0.5rem",
-                        backgroundColor: m.colors.white,
+                        backgroundColor: b.colors.white,
                         padding: "0.5rem",
                         ...s == null ? void 0 : s.sx
                       },
@@ -48609,7 +48610,7 @@ const fW = ({
     {
       direction: "row",
       alignItems: "center",
-      sx: { gap: "1rem", width: "fit-content", ...a },
+      sx: { gap: "0.5rem", width: "fit-content", ...a },
       children: [
         /* @__PURE__ */ v.jsx(
           vt,
@@ -48621,7 +48622,7 @@ const fW = ({
               whiteSpace: "nowrap",
               mt: "0.2rem"
             },
-            children: "Rows per page:"
+            children: "Rows per page :"
           }
         ),
         /* @__PURE__ */ v.jsx(
@@ -48647,9 +48648,7 @@ const fW = ({
   pagination: d = {
     flag: !1,
     currentPage: 1,
-    totalPages: 1,
-    onChange: () => {
-    }
+    totalPages: 1
   },
   rowsPerPageProps: g = {
     flag: !1,
@@ -58589,6 +58588,8 @@ const hz = ({ name: e, data: t, labels: r }) => {
       sx: {
         backgroundColor: w.colors.white,
         minWidth: "200px",
+        height: "100%",
+        overflowY: "auto",
         // padding: "1rem",
         ...g
       },
@@ -58606,7 +58607,7 @@ const hz = ({ name: e, data: t, labels: r }) => {
             children: /* @__PURE__ */ v.jsx(vt, { variant: "xxxlSemibold", ...r, children: e })
           }
         ),
-        /* @__PURE__ */ v.jsx(Ve, { sx: { gap: "1rem", ...c }, children: Gr.isArrayWithValues(s) && s.map((S, O) => /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ v.jsx(Ve, { sx: { gap: "1rem", height: "100%", overflowY: "auto", ...c }, children: Gr.isArrayWithValues(s) && s.map((S, O) => /* @__PURE__ */ v.jsx(
           Mr,
           {
             title: S.access ? "" : `You don't have permission to edit ${S.label.toLowerCase() || ""}`,