@kashifd/jwero-components 0.7.54 → 0.7.55

package/dist/index.es.js

@@ -49296,34 +49296,35 @@ const QF = /* @__PURE__ */ Jo(qF), KF = ({ ...e }) => /* @__PURE__ */ v.jsxs(
   innerBoxSx: g,
   labelProps: m,
   menuSx: b,
-  popperSx: w
+  popperSx: w,
+  popperProps: S
 }) => {
-  const S = Ot(), O = di(null), [R, M] = Qr(!1), I = () => {
-    M(!0), t && t();
-  }, j = () => {
-    M(!1);
+  const O = Ot(), R = di(null), [M, I] = Qr(!1), j = () => {
+    I(!0), t && t();
+  }, z = () => {
+    I(!1);
   };
   return Si(() => {
-    r && M(!1);
+    r && I(!1);
   }, [r]), /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
     /* @__PURE__ */ v.jsxs(
       Fe,
       {
-        onClick: I,
-        ref: O,
+        onClick: j,
+        ref: R,
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
         sx: {
           gap: "1rem",
           padding: "0.5rem 0.75rem 0.5rem 0.5rem",
-          backgroundColor: S.palette.background.paper,
+          backgroundColor: O.palette.background.paper,
           borderRadius: "0.5rem",
           border: "1px solid rgba(0, 0, 0, 0.08)",
           boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
           "&:hover": {
             cursor: "pointer",
-            bgcolor: S.palette.mode === "light" ? "#f5f5f5" : "#2e2d2d",
+            bgcolor: O.palette.mode === "light" ? "#f5f5f5" : "#2e2d2d",
             boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.50)"
           },
           ...u
@@ -49349,11 +49350,12 @@ const QF = /* @__PURE__ */ Jo(qF), KF = ({ ...e }) => /* @__PURE__ */ v.jsxs(
     /* @__PURE__ */ v.jsx(
       Wh,
       {
-        open: R,
-        onClose: j,
-        anchorEl: O == null ? void 0 : O.current,
+        open: M,
+        onClose: z,
+        anchorEl: R == null ? void 0 : R.current,
         placement: "bottom-start",
         boxSx: w,
+        popperProps: S,
         children: /* @__PURE__ */ v.jsx(Jx, { menuList: a, boxSx: b })
       }
     )