@kashifd/jwero-components 0.5.25 → 0.5.26

package/dist/index.es.js

@@ -39492,13 +39492,14 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
   },
   endIcon: s,
   boxSx: i,
-  labelProps: a
+  innerBoxSx: a,
+  labelProps: l
 }) => {
-  const l = Cd(null), [c, u] = Js(!1), d = () => {
-    u(!0), t && t();
-  }, p = () => {
-    u(!1), o && o();
-  }, h = [
+  const c = Cd(null), [u, d] = Js(!1), p = () => {
+    d(!0), t && t();
+  }, h = () => {
+    d(!1), o && o();
+  }, y = [
     {
       title: "Option 1",
       options: [
@@ -39530,32 +39531,38 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
     /* @__PURE__ */ f.jsxs(
       Fe,
       {
-        onClick: d,
-        ref: l,
+        onClick: p,
+        ref: c,
         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.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, { ...a, 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
         ]
       }
@@ -39563,11 +39570,11 @@ const sI = /* @__PURE__ */ Gn(rI), hd = U(Nt)(({}) => ({
     /* @__PURE__ */ f.jsx(
       Wm,
       {
-        open: c,
-        onClose: p,
-        anchorEl: l == null ? void 0 : l.current,
+        open: u,
+        onClose: h,
+        anchorEl: c == null ? void 0 : c.current,
         placement: "bottom-start",
-        children: /* @__PURE__ */ f.jsx(dI, { menuList: h })
+        children: /* @__PURE__ */ f.jsx(dI, { menuList: y })
       }
     )
   ] });