@kashifd/jwero-components 0.7.85 → 0.7.87

package/dist/index.es.js

@@ -48489,22 +48489,23 @@ const TW = ({
   subTitle: t,
   onClose: r,
   titleComponent: a,
-  titleIconProps: s,
-  endIconProps: c = {
+  subTitleComponent: s,
+  titleIconProps: c,
+  endIconProps: u = {
     flag: !0,
     onClickFunction: r,
     icon: /* @__PURE__ */ v.jsx(Na, {})
   },
-  stepProps: u = {
+  stepProps: g = {
     flag: !0,
     custom_name: "Steps",
     total_steps: 1,
     current_step: 1
   },
-  sx: g,
-  titleSx: m
+  sx: m,
+  titleSx: b
 }) => {
-  const b = Ot();
+  const w = Ot();
   return /* @__PURE__ */ v.jsx(
     Fe,
     {
@@ -48515,11 +48516,11 @@ const TW = ({
         padding: "1rem",
         background: "var(--Gradient-4, linear-gradient(135deg, #FFF0EC 24.4%, #F5FFF9 97.75%))",
         borderBottom: "1px solid rgba(85, 87, 112, 0.08)",
-        ...g
+        ...m
       },
       children: /* @__PURE__ */ v.jsxs(Fe, { sx: { gap: "0.65rem", width: "100%" }, children: [
         /* @__PURE__ */ v.jsxs(Fe, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
-          (c == null ? void 0 : c.flag) && /* @__PURE__ */ v.jsx(
+          (u == null ? void 0 : u.flag) && /* @__PURE__ */ v.jsx(
             dr,
             {
               disableRipple: !0,
@@ -48532,10 +48533,10 @@ const TW = ({
                 }
               },
               onClick: r,
-              children: (c == null ? void 0 : c.flag) && (c == null ? void 0 : c.icon) && (c == null ? void 0 : c.icon)
+              children: (u == null ? void 0 : u.flag) && (u == null ? void 0 : u.icon) && (u == null ? void 0 : u.icon)
             }
           ),
-          (u == null ? void 0 : u.flag) && /* @__PURE__ */ v.jsx(
+          (g == null ? void 0 : g.flag) && /* @__PURE__ */ v.jsx(
             Fe,
             {
               sx: {
@@ -48554,14 +48555,14 @@ const TW = ({
                     fontWeight: 500
                   },
                   children: [
-                    /* @__PURE__ */ v.jsxs("span", { style: { color: b.colors.text_primary }, children: [
-                      u != null && u.custom_name ? (u == null ? void 0 : u.custom_name) + " " : "Steps ",
-                      (u == null ? void 0 : u.current_step) ?? "1 "
+                    /* @__PURE__ */ v.jsxs("span", { style: { color: w.colors.text_primary }, children: [
+                      g != null && g.custom_name ? (g == null ? void 0 : g.custom_name) + " " : "Steps ",
+                      (g == null ? void 0 : g.current_step) ?? "1 "
                     ] }),
                     /* @__PURE__ */ v.jsxs("span", { style: { color: "rgba(85, 87, 112, 0.5) " }, children: [
                       " ",
                       "/ ",
-                      (u == null ? void 0 : u.total_steps) ?? 1
+                      (g == null ? void 0 : g.total_steps) ?? 1
                     ] })
                   ]
                 }
@@ -48576,32 +48577,32 @@ const TW = ({
               direction: "row",
               alignItems: "center",
               justifyContent: "space-between",
-              sx: { gap: "1rem", width: "100%", ...m },
+              sx: { gap: "1rem", width: "100%", ...b },
               children: [
                 /* @__PURE__ */ v.jsxs(Fe, { 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(
+                  (c == null ? void 0 : c.icon) && (c == null ? void 0 : c.position) === "start" && /* @__PURE__ */ v.jsx(
                     Fe,
                     {
                       sx: {
                         borderRadius: "0.5rem",
-                        backgroundColor: b.colors.white,
+                        backgroundColor: w.colors.white,
                         padding: "0.5rem",
-                        ...s == null ? void 0 : s.sx
+                        ...c == null ? void 0 : c.sx
                       },
-                      children: s == null ? void 0 : s.icon
+                      children: c == null ? void 0 : c.icon
                     }
                   ),
                   /* @__PURE__ */ v.jsx(nt, { sx: { color: "#012687" }, variant: "xxxlSemibold", children: e }),
-                  (s == null ? void 0 : s.icon) && (s == null ? void 0 : s.position) === "end" && /* @__PURE__ */ v.jsx(
+                  (c == null ? void 0 : c.icon) && (c == null ? void 0 : c.position) === "end" && /* @__PURE__ */ v.jsx(
                     Fe,
                     {
                       sx: {
                         borderRadius: "0.5rem",
-                        backgroundColor: b.colors.white,
+                        backgroundColor: w.colors.white,
                         padding: "0.5rem",
-                        ...s == null ? void 0 : s.sx
+                        ...c == null ? void 0 : c.sx
                       },
-                      children: s == null ? void 0 : s.icon
+                      children: c == null ? void 0 : c.icon
                     }
                   )
                 ] }),
@@ -48609,7 +48610,8 @@ const TW = ({
               ]
             }
           ),
-          t && /* @__PURE__ */ v.jsx(nt, { sx: { color: "#012687" }, children: t })
+          t && /* @__PURE__ */ v.jsx(nt, { sx: { color: "#012687", mt: "0.25rem" }, children: t }),
+          s && s
         ] })
       ] })
     }
@@ -59935,7 +59937,7 @@ const ly = (e, t = 10) => {
   type: t,
   isClosable: r,
   onClose: a,
-  variant: s,
+  variant: s = "simple",
   description: c,
   sx: u
 }) => {
@@ -61936,7 +61938,8 @@ const zH = ({
                       fontStyle: "normal",
                       fontWeight: "400",
                       lineHeight: "normal",
-                      letterSpacing: "-0.0175rem"
+                      letterSpacing: "-0.0175rem",
+                      whiteSpace: "pre-wrap"
                     },
                     children: r
                   }