@kashifd/jwero-components 0.5.28 → 0.5.30

package/dist/index.es.js

@@ -39596,11 +39596,12 @@ const iI = /* @__PURE__ */ Gn(sI), hd = U(Dt)(({}) => ({
   ] });
 }, jI = ({
   info: e,
-  showStatusChip: t = !0,
-  showBackgroundImage: o = !0,
-  showSubData: r = !0,
+  showStatusChip: t = !1,
+  showBackgroundImage: o = !1,
+  showSubData: r = !1,
   labelProps: s,
-  dataProps: i
+  dataProps: i,
+  boxSx: a
 }) => /* @__PURE__ */ p.jsx(
   Dt,
   {
@@ -39611,58 +39612,59 @@ const iI = /* @__PURE__ */ Gn(sI), hd = U(Dt)(({}) => ({
       backgroundColor: "#fff",
       borderRadius: "1rem",
       backgroundImage: o && (e != null && e.backgroundImage) ? `url(${e.backgroundImage})` : "",
-      backgroundSize: "cover"
+      backgroundSize: "cover",
+      ...a
     },
-    children: /* @__PURE__ */ p.jsxs(Ne, { sx: { gap: "1rem" }, children: [
+    children: /* @__PURE__ */ p.jsxs(Ne, { sx: { gap: "0.5rem" }, children: [
       /* @__PURE__ */ p.jsx(rt, { variant: "xlMedium", ...s, children: e == null ? void 0 : e.label }),
       /* @__PURE__ */ p.jsxs(
         Ne,
         {
           sx: {
             gap: "0.5rem",
-            paddingBottom: "0.5rem",
             alignItems: "flex-start"
           },
           children: [
             /* @__PURE__ */ p.jsx(rt, { variant: "xxlSemibold", ...i, children: e == null ? void 0 : e.total_number }),
-            t && /* @__PURE__ */ p.jsx(
-              Ne,
-              {
-                sx: {
-                  gap: "0.5rem",
-                  paddingBottom: "0.5rem",
-                  alignItems: "flex-start"
-                },
-                children: /* @__PURE__ */ p.jsx(
-                  XM,
-                  {
-                    type: (e == null ? void 0 : e.chipType) || "custom",
-                    customProps: e == null ? void 0 : e.customChipProps,
-                    textSx: {
-                      textAlign: "center",
-                      fontFamily: "Inter,sans-serif",
-                      fontSize: "0.75rem",
-                      fontStyle: "normal",
-                      fontWeight: 600,
-                      lineHeight: "1.25rem",
-                      letterSpacing: "-0.015rem"
+            (t || r && (e == null ? void 0 : e.subData)) && /* @__PURE__ */ p.jsxs(Ne, { sx: { gap: "0.75rem" }, children: [
+              t && /* @__PURE__ */ p.jsx(
+                Ne,
+                {
+                  sx: {
+                    gap: "0.5rem",
+                    alignItems: "flex-start"
+                  },
+                  children: /* @__PURE__ */ p.jsx(
+                    XM,
+                    {
+                      type: (e == null ? void 0 : e.chipType) || "custom",
+                      customProps: e == null ? void 0 : e.customChipProps,
+                      textSx: {
+                        textAlign: "center",
+                        fontFamily: "Inter,sans-serif",
+                        fontSize: "0.75rem",
+                        fontStyle: "normal",
+                        fontWeight: 600,
+                        lineHeight: "1.25rem",
+                        letterSpacing: "-0.015rem"
+                      }
                     }
-                  }
-                )
-              }
-            ),
-            r && (e == null ? void 0 : e.subData) && /* @__PURE__ */ p.jsx(
-              Ne,
-              {
-                direction: "row",
-                spacing: 2,
-                sx: { width: "100%", justifyContent: "space-between" },
-                children: e.subData.map((a) => /* @__PURE__ */ p.jsxs(Dt, { textAlign: "center", children: [
-                  /* @__PURE__ */ p.jsx(rt, { variant: "lRegular", children: a.label }),
-                  /* @__PURE__ */ p.jsx(rt, { variant: "xlSemibold", children: a.value })
-                ] }, a.label))
-              }
-            )
+                  )
+                }
+              ),
+              r && (e == null ? void 0 : e.subData) && /* @__PURE__ */ p.jsx(
+                Ne,
+                {
+                  direction: "row",
+                  spacing: 2,
+                  sx: { width: "100%", justifyContent: "space-between" },
+                  children: e.subData.map((l) => /* @__PURE__ */ p.jsxs(Dt, { textAlign: "center", children: [
+                    /* @__PURE__ */ p.jsx(rt, { variant: "lRegular", children: l.label }),
+                    /* @__PURE__ */ p.jsx(rt, { variant: "xlSemibold", children: l.value })
+                  ] }, l.label))
+                }
+              )
+            ] })
           ]
         }
       )