@kashifd/jwero-components 0.7.51 → 0.7.53

package/dist/index.es.js

@@ -48142,9 +48142,10 @@ const dW = ({
 }, uW = ({
   options: e,
   currentView: t,
-  onChangeView: r
+  onChangeView: r,
+  sx: a
 }) => {
-  const a = Ot();
+  const s = Ot();
   if (!Array.isArray(e) || e.length === 0)
     throw new Error(
       "The 'options' prop must be an array with at least one element."
@@ -48159,14 +48160,17 @@ const dW = ({
         boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
         cursor: "pointer",
         width: "fit-content",
-        height: "fit-content"
+        height: "fit-content",
+        background: "red",
+        ...a
       },
-      children: e == null ? void 0 : e.map((s, c) => {
-        var u, g, m, b, w;
-        return /* @__PURE__ */ v.jsx(pr, { title: (u = s.labelProps) == null ? void 0 : u.text, children: /* @__PURE__ */ v.jsxs(
+      children: e == null ? void 0 : e.map((c, u) => {
+        var b, w, S, O;
+        const g = u === 0, m = u === e.length - 1;
+        return /* @__PURE__ */ v.jsx(
           ze,
           {
-            onClick: () => r == null ? void 0 : r(s.value),
+            onClick: () => r == null ? void 0 : r(c.value),
             direction: "row",
             alignItems: "center",
             sx: {
@@ -48174,17 +48178,22 @@ const dW = ({
               padding: "0.4rem 0.75rem",
               transition: "0.3s ease",
               overflow: "hidden",
-              borderRadius: "0.625rem",
-              borderRight: c !== (e == null ? void 0 : e.length) - 1 ? `1px solid ${a.colors.surface2_lightgrey}` : "1px solid transparent",
-              backgroundColor: t === s.value ? a.colors.surface2_lightgrey : a.palette.background.paper
+              height: "100%",
+              borderRight: m ? "1px solid transparent" : `1px solid ${s.colors.surface2_lightgrey}`,
+              backgroundColor: t === c.value ? s.colors.surface2_lightgrey : s.palette.background.paper,
+              borderTopLeftRadius: g ? "0.625rem" : 0,
+              borderBottomLeftRadius: g ? "0.625rem" : 0,
+              borderTopRightRadius: m ? "0.625rem" : 0,
+              borderBottomRightRadius: m ? "0.625rem" : 0
             },
-            children: [
-              ((g = s.labelProps) == null ? void 0 : g.position) === "left" && /* @__PURE__ */ v.jsx(it, { ...s == null ? void 0 : s.labelTypographyProps, children: (m = s.labelProps) == null ? void 0 : m.text }),
-              s.icon,
-              ((b = s.labelProps) == null ? void 0 : b.position) === "right" && /* @__PURE__ */ v.jsx(it, { ...s == null ? void 0 : s.labelTypographyProps, children: (w = s.labelProps) == null ? void 0 : w.text })
-            ]
-          }
-        ) }, s.value);
+            children: /* @__PURE__ */ v.jsx(pr, { title: (c == null ? void 0 : c.tooltip) || "", children: /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
+              ((b = c.labelProps) == null ? void 0 : b.position) === "left" && /* @__PURE__ */ v.jsx(it, { ...c == null ? void 0 : c.labelTypographyProps, children: (w = c.labelProps) == null ? void 0 : w.text }),
+              c.icon,
+              ((S = c.labelProps) == null ? void 0 : S.position) === "right" && /* @__PURE__ */ v.jsx(it, { ...c == null ? void 0 : c.labelTypographyProps, children: (O = c.labelProps) == null ? void 0 : O.text })
+            ] }) })
+          },
+          c.value
+        );
       })
     }
   );