@3sc/common-component 0.0.130 → 0.0.131

package/dist/index.es.js

@@ -26735,7 +26735,7 @@ const o3 = U(ce)(({ theme: e }) => ({
       s(d.offsetWidth), c(d.offsetLeft);
     }
   }, [e]), /* @__PURE__ */ v.jsx(ce, { sx: { display: "flex" }, children: /* @__PURE__ */ v.jsxs(o3, { children: [
-    /* @__PURE__ */ v.jsx(r3, { sx: { width: r, transform: `translateX(${a}px)`, height: "2.3rem" } }),
+    /* @__PURE__ */ v.jsx(r3, { sx: { width: r, transform: `translateX(${a}px)`, height: "2.5rem" } }),
     /* @__PURE__ */ v.jsx(
       bm,
       {
@@ -34068,16 +34068,18 @@ const w9 = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ v.jsx(v.Fr
   onCloseClick: a,
   onMergeClick: c,
   onExpandClick: l,
-  isDrawerExpanded: u
+  isDrawerExpanded: u,
+  styles: d
 }) => {
-  const d = it();
+  console.log(d);
+  const p = it();
   return /* @__PURE__ */ v.jsx(ce, { sx: { position: "relative", overflow: "hidden" }, children: /* @__PURE__ */ v.jsxs(Ao, { container: !0, sx: { height: "100%" }, children: [
     /* @__PURE__ */ v.jsx(
       Ao,
       {
         item: !0,
         sx: {
-          width: n ? "75%" : "100%",
+          width: n ? d != null && d.drawerWidth ? `calc(${"100%" - (d == null ? void 0 : d.drawerWidth)})` : "75%" : "100%",
           position: "relative",
           zIndex: 3,
           height: "calc(100vh - 7rem)",
@@ -34116,9 +34118,7 @@ const w9 = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ v.jsx(v.Fr
             width: "100%",
             height: "100%",
             backgroundColor: "transparent",
-            // backdropFilter: "blur(3px)",
             zIndex: 4
-            // transition: "opacity 0.3s ease-in-out",
           }
         }
       )
@@ -34128,22 +34128,18 @@ const w9 = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ v.jsx(v.Fr
       {
         item: !0,
         sx: {
-          width: u ? "90%" : "25%",
+          width: u ? "90%" : (d == null ? void 0 : d.drawerWidth) || "25%",
           position: n ? "relative" : "absolute",
           top: 0,
           right: 0,
           height: "calc(100vh - 7rem)",
-          // Full screen height
-          backgroundColor: d.palette.primary.notifyBackground,
-          // p: 2,
+          backgroundColor: p.palette.primary.notifyBackground,
           transform: o ? "translateX(0)" : "translateX(100%)",
           transition: "transform 0.4s ease-in-out , width 0.4s ease-in-out",
           zIndex: 4,
-          borderLeft: `0.1rem solid ${d.palette.primary.notifyBorderColor}`,
+          borderLeft: `0.1rem solid ${p.palette.primary.notifyBorderColor}`,
           display: "flex",
-          // Ensures child elements adjust properly
           flexDirection: "column"
-          // Stack elements vertically
         },
         children: [
           /* @__PURE__ */ v.jsxs(
@@ -34157,7 +34153,7 @@ const w9 = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ v.jsx(v.Fr
                 paddingBottom: "0.8rem",
                 px: 2,
                 pt: "0.8rem",
-                borderBottom: (p) => `0.1rem solid ${p.palette.primary.notifyBorderColor}`
+                borderBottom: (f) => `0.1rem solid ${f.palette.primary.notifyBorderColor}`
               },
               children: [
                 !u && /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
@@ -34182,7 +34178,7 @@ const w9 = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ v.jsx(v.Fr
                       sx: {
                         mx: "1rem",
                         height: "auto!important",
-                        borderColor: d.palette.primary.notifyBorderColor
+                        borderColor: p.palette.primary.notifyBorderColor
                       }
                     }
                   )
@@ -34206,13 +34202,13 @@ const w9 = ({ sortKey: e, sortDir: t, column: n }) => /* @__PURE__ */ v.jsx(v.Fr
                             cursor: "pointer"
                           },
                           children: [
-                            /* @__PURE__ */ v.jsx(ce, { component: "img", src: d.icons.close }),
+                            /* @__PURE__ */ v.jsx(ce, { component: "img", src: p.icons.close }),
                             /* @__PURE__ */ v.jsx(
                               jt,
                               {
                                 sx: {
                                   fontSize: "1.2rem",
-                                  color: d.palette.primary.notifyTextColor
+                                  color: p.palette.primary.notifyTextColor
                                 },
                                 children: r
                               }