@kashifd/jwero-components 0.5.24 → 0.5.26

package/dist/index.es.js

@@ -39490,13 +39490,16 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
   iconProps: r = {
     position: xd
   },
-  endIcon: s
+  endIcon: s,
+  boxSx: i,
+  innerBoxSx: a,
+  labelProps: l
 }) => {
-  const i = Cd(null), [a, l] = Js(!1), c = () => {
-    l(!0), t && t();
-  }, u = () => {
-    l(!1), o && o();
-  }, d = [
+  const c = Cd(null), [u, d] = Js(!1), p = () => {
+    d(!0), t && t();
+  }, h = () => {
+    d(!1), o && o();
+  }, y = [
     {
       title: "Option 1",
       options: [
@@ -39528,31 +39531,38 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
     /* @__PURE__ */ f.jsxs(
       Fe,
       {
-        onClick: c,
-        ref: i,
+        onClick: p,
+        ref: c,
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        spacing: 1,
         sx: {
+          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.50)",
           "&:hover": {
             cursor: "pointer",
-            boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.50))}"
-          }
+            boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.50)"
+          },
+          ...i
         },
         children: [
-          /* @__PURE__ */ f.jsxs(Fe, { direction: "row", alignItems: "center", spacing: 0.75, children: [
-            r.icon && r.position === xd && r.icon,
-            /* @__PURE__ */ f.jsx(ut, { children: e }),
-            r.icon && r.position === pI && r.icon
-          ] }),
+          /* @__PURE__ */ f.jsxs(
+            Fe,
+            {
+              direction: "row",
+              alignItems: "center",
+              sx: { gap: "0.5rem", ...a },
+              children: [
+                r.icon && r.position === xd && r.icon,
+                /* @__PURE__ */ f.jsx(ut, { ...l, children: e }),
+                r.icon && r.position === pI && r.icon
+              ]
+            }
+          ),
           s && s
         ]
       }
@@ -39560,11 +39570,11 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
     /* @__PURE__ */ f.jsx(
       Wm,
       {
-        open: a,
-        onClose: u,
-        anchorEl: i == null ? void 0 : i.current,
+        open: u,
+        onClose: h,
+        anchorEl: c == null ? void 0 : c.current,
         placement: "bottom-start",
-        children: /* @__PURE__ */ f.jsx(dI, { menuList: d })
+        children: /* @__PURE__ */ f.jsx(dI, { menuList: y })
       }
     )
   ] });