@kashifd/jwero-components 0.5.25 → 0.5.27

package/dist/index.es.js

@@ -39487,87 +39487,68 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
   label: e,
   onOpenMenu: t,
   onClose: o,
-  iconProps: r = {
+  menuList: r,
+  iconProps: s = {
     position: xd
   },
-  endIcon: s,
-  boxSx: i,
-  labelProps: a
+  endIcon: i,
+  boxSx: a,
+  innerBoxSx: l,
+  labelProps: c
 }) => {
-  const l = Cd(null), [c, u] = Js(!1), d = () => {
-    u(!0), t && t();
-  }, p = () => {
-    u(!1), o && o();
-  }, h = [
-    {
-      title: "Option 1",
-      options: [
-        {
-          value: "1",
-          label: "Option a"
-        },
-        {
-          value: "2",
-          label: "Option b"
-        }
-      ]
-    },
-    {
-      title: "Option 2",
-      options: [
-        {
-          value: "3",
-          label: "Option c"
-        },
-        {
-          value: "4",
-          label: "Option d"
-        }
-      ]
-    }
-  ];
+  const u = Cd(null), [d, p] = Js(!1), h = () => {
+    p(!0), t && t();
+  }, y = () => {
+    p(!1), o && o();
+  };
   return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
     /* @__PURE__ */ f.jsxs(
       Fe,
       {
-        onClick: d,
-        ref: l,
+        onClick: h,
+        ref: u,
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
         sx: {
-          gap: "0.5rem",
+          gap: "1rem",
           padding: "0.5rem 0.75rem 0.5rem 0.5rem",
           backgroundColor: "#fff",
           borderRadius: "0.5rem",
-          minWidth: "10rem",
-          maxWidth: "10rem",
           border: "1px solid rgba(0, 0, 0, 0.08)",
-          boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.50) )}",
+          boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
           "&:hover": {
             cursor: "pointer",
-            boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.50))}"
+            boxShadow: "0px 1px 2px 0px rgba(0, 0, 0, 0.50)"
           },
-          ...i
+          ...a
         },
         children: [
-          /* @__PURE__ */ f.jsxs(Fe, { direction: "row", alignItems: "center", spacing: 0.75, children: [
-            r.icon && r.position === xd && r.icon,
-            /* @__PURE__ */ f.jsx(ut, { ...a, children: e }),
-            r.icon && r.position === pI && r.icon
-          ] }),
-          s && s
+          /* @__PURE__ */ f.jsxs(
+            Fe,
+            {
+              direction: "row",
+              alignItems: "center",
+              sx: { gap: "0.5rem", ...l },
+              children: [
+                s.icon && s.position === xd && s.icon,
+                /* @__PURE__ */ f.jsx(ut, { ...c, children: e }),
+                s.icon && s.position === pI && s.icon
+              ]
+            }
+          ),
+          i && i
         ]
       }
     ),
     /* @__PURE__ */ f.jsx(
       Wm,
       {
-        open: c,
-        onClose: p,
-        anchorEl: l == null ? void 0 : l.current,
+        open: d,
+        onClose: y,
+        anchorEl: u == null ? void 0 : u.current,
         placement: "bottom-start",
-        children: /* @__PURE__ */ f.jsx(dI, { menuList: h })
+        children: /* @__PURE__ */ f.jsx(dI, { menuList: r })
       }
     )
   ] });