@scbt-ecom/ui 0.0.52 → 0.0.53

package/dist/client.js

@@ -9760,7 +9760,7 @@ const Vo = ({
     htmlFor: e,
     className: D(
       "desk-body-regular-l pointer-events-none absolute left-4 top-2/4 -translate-y-1/2 text-color-tetriary transition-all duration-15",
-      { "desk-body-regular-s top-2 translate-y-0 bg-color-transparent": r && !o },
+      { "!top-2 !translate-y-0 !bg-color-transparent [&&]:desk-body-regular-s": r && !o },
       {
         "group-focus-within:desk-body-regular-s group-focus-within:top-2 group-focus-within:translate-y-0 group-focus-within:bg-color-transparent": !o
       },
@@ -9784,7 +9784,7 @@ const Vo = ({
       t
     ]
   }
-), GR = Ff("relative flex flex-col group", {
+), GR = Ff("relative min-w-[360px] flex flex-col group", {
   variants: {
     intent: {
       clear: "!w-full min-w-[140px]",
@@ -22633,39 +22633,39 @@ const dz = (t, e, n) => ({
   indicatorsContainer: () => D("", n == null ? void 0 : n.indicatorsContainer),
   input: () => D(
     "desk-body-regular-l !p-0 !m-0 z-10 rounded-md bg-color-transparent text-color-dark outline-none transition-all",
-    n == null ? void 0 : n.input
+    n == null ? void 0 : n.inputCombobox
   ),
-  valueContainer: () => D("desk-body-regular-l gap-2 !p-0", n == null ? void 0 : n.valueContainer),
+  valueContainer: () => D("desk-body-regular-l mr-7 gap-2 !p-0", n == null ? void 0 : n.valueContainer),
   control: () => D(
     "p-4 !min-h-[56px] !bg-color-transparent !border-transparent transition-colors !shadow-[0px_0px_0px_0px_rgba(0,0,0,0)]",
     {
       "p-0 pt-5 pl-4": !t
     },
-    n == null ? void 0 : n.control
+    n == null ? void 0 : n.controlCombobox
   ),
-  container: () => D("w-full !static", n == null ? void 0 : n.container),
+  container: () => D("w-full !static", n == null ? void 0 : n.containerCombobox),
   menuList: () => D("scrollHidden !customScrollbar-y !max-h-[246px] flex flex-col gap-[2px] overflow-x-hidden p-2", n == null ? void 0 : n.menuList),
   menu: (r) => D(
     "absolute !p-0 top-14 transition-all z-10 mt-2 flex w-full flex-col rounded-md border border-solid border-blue-grey-700 bg-color-white p-2 transition-all empty:invisible  !shadow-[0px_0px_0px_0px_rgba(0,0,0,0)]",
     { "scale-100 visible opacity-100": r.selectProps.menuIsOpen },
     { "scale-95 invisible opacity-0": !r.selectProps.menuIsOpen },
-    n == null ? void 0 : n.menu
+    n == null ? void 0 : n.menuCombobox
   ),
-  group: () => D("bg-color-positive z-10", n == null ? void 0 : n.group),
+  group: () => D("bg-color-positive z-10", n == null ? void 0 : n.groupCombobox),
   option: (r) => D(
     "flex !pl-10 cursor-pointer bg-color-initial text-color-initial items-center justify-between gap-2 active:!bg-color-blue-grey-200 rounded-sm px-3 py-3 hover:!bg-color-blue-grey-200 data-[disabled]:pointer-events-none data-[disabled]:!bg-color-blue-grey-100 data-[selected=true]:!bg-color-negative data-[disabled]:!text-color-disabled focus:!bg-color-blue-grey-200  active:!bg-color-blue-grey-200 hover:text-color-primary-hover",
     { "!pl-2": !t },
     { "!bg-color-primary-tr-focus !text-color-primary-hover": r.isSelected },
     { "!bg-color-primary-tr-focus !text-color-primary-hover": r.isFocused },
-    n == null ? void 0 : n.option
+    n == null ? void 0 : n.optionCombobox
   ),
   noOptionsMessage: () => D("!desk-body-regular-m !text-color-tetriary", n == null ? void 0 : n.noOptionsMessage),
   singleValue: () => D("!m-0", n == null ? void 0 : n.singleValue),
   multiValue: () => D("!bg-color-blue-grey-300 truncate max-w-[300px] !rounded-sm px-[8px] !m-0 py-[5px]", n == null ? void 0 : n.multiValue),
   multiValueLabel: () => D("[&&]:desk-body-regular-l !p-0 pl-[6px] !text-color-secondary", n == null ? void 0 : n.multiValueLabel),
   multiValueRemove: () => D("hover:!bg-color-transparent", n == null ? void 0 : n.multiValueRemove),
-  placeholder: () => D("!text-icon-blue-grey-600 !desk-body-regular-l", { "!text-color-disabled": e }, n == null ? void 0 : n.placeholder),
-  indicatorSeparator: () => D("!hidden")
+  placeholder: () => D("!text-icon-blue-grey-600 !desk-body-regular-l", { "!text-color-disabled": e }, n == null ? void 0 : n.placeholderCombobox),
+  indicatorSeparator: () => D("!hidden", n == null ? void 0 : n.indicatorSeparator)
 }), fz = ({ isSelected: t, classes: e, ...n }) => {
   const r = (i) => {
     n.innerProps.onClick && n.innerProps.onClick(i);
@@ -22716,53 +22716,54 @@ const dz = (t, e, n) => ({
   classes: d,
   isMulti: f = !1,
   isSearchable: p,
-  ...h
+  customChange: h,
+  ...m
 }) => {
-  const m = S.useId();
-  return /* @__PURE__ */ C.jsx("div", { children: /* @__PURE__ */ C.jsx(
+  const g = S.useId();
+  return /* @__PURE__ */ C.jsx(
     pn,
     {
       control: e,
-      name: h.name,
-      render: ({ field: { onChange: g, ref: v, name: x, value: w }, fieldState: { error: b } }) => /* @__PURE__ */ C.jsxs($r, { classes: d, size: u, children: [
+      name: m.name,
+      render: ({ field: { onChange: v, ref: x, name: w, value: b }, fieldState: { error: y } }) => /* @__PURE__ */ C.jsxs($r, { classes: d, size: u, children: [
         /* @__PURE__ */ C.jsxs(
           "div",
           {
             className: D(
               "relative flex rounded-sm border border-solid border-transparent bg-color-blue-grey-100 transition-colors hover:bg-color-blue-grey-200 focus:outline-blue-grey-800 active:bg-color-blue-grey-100 group-focus-within:border-blue-grey-800",
-              { "!border-negative": b },
+              { "!border-negative": y },
               { "!bg-color-blue-grey-100": s }
             ),
             children: [
-              !f && /* @__PURE__ */ C.jsx(Hw, { disabled: s, classes: d, fieldId: m, label: o, value: w }),
+              !f && /* @__PURE__ */ C.jsx(Hw, { disabled: s, classes: d, fieldId: g, label: o, value: b }),
               /* @__PURE__ */ C.jsx(
                 uz,
                 {
-                  inputId: m,
+                  inputId: g,
                   placeholder: f ? a : "",
                   classNamePrefix: r,
-                  instanceId: x,
+                  instanceId: w,
                   hideSelectedOptions: !1,
                   closeMenuOnSelect: !f,
                   components: {
-                    Option: (y) => /* @__PURE__ */ C.jsx(fz, { ...y, classes: d }),
-                    MultiValueRemove: (y) => /* @__PURE__ */ C.jsx(hz, { ...y, classes: d }),
-                    DropdownIndicator: (y) => /* @__PURE__ */ C.jsx(pz, { ...y, classes: d })
+                    Option: (E) => /* @__PURE__ */ C.jsx(fz, { ...E, classes: d }),
+                    MultiValueRemove: (E) => /* @__PURE__ */ C.jsx(hz, { ...E, classes: d }),
+                    DropdownIndicator: (E) => /* @__PURE__ */ C.jsx(pz, { ...E, classes: d })
                   },
                   classNames: dz(f, s, d),
                   isSearchable: p,
-                  ref: v,
+                  ref: x,
                   isDisabled: s,
                   isMulti: f,
                   defaultValue: n,
                   isClearable: i,
                   noOptionsMessage: () => c,
                   options: t,
-                  value: t.find((y) => y.value === w),
-                  onChange: (y) => {
-                    g(f ? y == null ? void 0 : y.map((E) => E.value) : y == null ? void 0 : y.value);
+                  value: t.find((E) => E.value === b),
+                  onChange: (E) => {
+                    h && h(E), v(f ? E == null ? void 0 : E.map((A) => A.value) : E == null ? void 0 : E.value);
                   },
-                  ...h
+                  ...m
                 }
               )
             ]
@@ -22772,14 +22773,14 @@ const dz = (t, e, n) => ({
           hn,
           {
             className: D(d == null ? void 0 : d.message),
-            intent: b != null && b.message ? "error" : "simple",
-            text: (b == null ? void 0 : b.message) || l,
+            intent: y != null && y.message ? "error" : "simple",
+            text: (y == null ? void 0 : y.message) || l,
             disabled: s
           }
         )
       ] })
     }
-  ) });
+  );
 };
 function bt(t) {
   this.content = t;