@scbt-ecom/ui 0.22.3 → 0.22.4

package/dist/ui.js

@@ -41418,10 +41418,13 @@ const ZY = ({
   isMulti: l,
   ...c
 }) => {
-  const u = l || n.attachment ? "div" : on, d = (f) => {
-    console.log("select option clicked"), r.onClick && r.onClick(f);
+  const { onChange: u } = o, d = l || n.attachment ? "div" : on, f = () => {
+    console.log("select option clicked"), u(n, {
+      action: "select-option",
+      option: n
+    });
   };
-  return /* @__PURE__ */ T.jsxs(
+  return /* @__PURE__ */ T.jsx("button", { type: "button", onClick: f, className: "w-full text-start", children: /* @__PURE__ */ T.jsxs(
     Xo.Option,
     {
       ...c,
@@ -41432,32 +41435,29 @@ const ZY = ({
       innerRef: i,
       label: e,
       isSelected: t,
-      innerProps: {
-        ...r,
-        onClick: d
-      },
-      cx: (f, p) => H(
+      innerProps: r,
+      cx: (p, h) => H(
         "unset-all-apply desk-body-regular-l cursor-pointer rounded-sm px-2 py-4 bg-color-white",
-        "text-color-dark hover:bg-color-primary-tr-hover hover:text-color-primary-hover",
+        "text-color-dark hover:bg-color-primary-tr-hover hover:text-color-primary-hover w-full",
         "[&:not(:last-child)]:mb-1 [&>p]:hover:text-color-secondary [&:not(:disabled)]:cursor-pointer",
         {
           "!bg-color-primary-tr-hover !text-color-primary-hover": t || a,
           "pointer-events-none !text-color-disabled": n.disabled,
           "!flex items-center gap-x-4": l || n.attachment && n.attachment.left
         },
-        p,
+        h,
         s == null ? void 0 : s.container,
         r.className
       ),
       children: [
         l ? /* @__PURE__ */ T.jsx(wm, { checked: t, disabled: n.disabled }) : n.attachment && n.attachment.left && /* @__PURE__ */ T.jsx(Zi, { ...n.attachment.left }),
-        /* @__PURE__ */ T.jsxs(u, { children: [
+        /* @__PURE__ */ T.jsxs(d, { children: [
           e,
           n.additionalText && /* @__PURE__ */ T.jsx("p", { className: H("desk-body-regular-s text-color-tetriary", s == null ? void 0 : s.additionalText), children: n.additionalText })
         ] })
       ]
     }
-  );
+  ) });
 }, UY = ({ classes: t, ...e }) => /* @__PURE__ */ T.jsx(Xo.MenuList, { ...e, className: H("customScrollbar-y overflow-y-scroll p-1 pr-1", t == null ? void 0 : t.container) }), kE = jt(
   ({
     isSearchable: t,