@pantograph/vue 0.25.4 → 0.25.6

package/dist/{Combobox.vue_vue_type_style_index_0_lang-C1ceC-d6.js → Combobox.vue_vue_type_style_index_0_lang-CrMJYH_U.js}

@@ -1,28 +1,28 @@
-import { defineComponent as le, computed as i, createBlock as _e, openBlock as ue, unref as P, mergeProps as Re, withCtx as fe, createElementBlock as Ae, createVNode as $e, h as a, normalizeClass as qe, renderSlot as Fe, ref as Ce, watch as Ne, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ye, normalizeProps as Ze, guardReactiveProps as et } from "vue";
-import { createContext as We, ComboboxInput as tt, ComboboxAnchor as ot, injectComboboxRootContext as nt, useFilter as at, ComboboxPortal as lt, ComboboxContent as rt, useEmitAsProps as st, ComboboxRoot as it } from "reka-ui";
+import { defineComponent as le, computed as i, createBlock as _e, openBlock as ue, unref as P, mergeProps as Re, withCtx as fe, createElementBlock as Ae, createVNode as $e, h as n, normalizeClass as qe, renderSlot as Fe, ref as Ce, watch as Ne, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ye, normalizeProps as Ze, guardReactiveProps as et } from "vue";
+import { createContext as We, ComboboxInput as tt, ComboboxAnchor as ot, injectComboboxRootContext as at, useFilter as nt, ComboboxPortal as lt, ComboboxContent as rt, useEmitAsProps as st, ComboboxRoot as it } from "reka-ui";
 import { last as pt, isString as ve, cloneDeep as Le, omit as Me, isFunction as we, omitBy as ut, pick as De, isUndefined as ct } from "es-toolkit";
 import { g as Oe, a as Se } from "./options-Bh1s18jm.js";
-import { l as ae, s as H, e as Be, k as F, m as xe, h as dt, j as gt, g as mt, t as ft, o as vt, u as ht } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { l as ne, s as H, e as Be, k as F, m as xe, h as dt, j as gt, g as mt, t as ft, o as vt, u as ht } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 import { getBemBlock as bt, getBemElement as f, generateVariantClassList as U, normCls as X } from "@pantograph/utils";
 import { cva as Pe } from "class-variance-authority";
-import { _ as yt } from "./Empty.vue_vue_type_style_index_0_lang-CzxHjKoM.js";
+import { _ as yt } from "./Empty.vue_vue_type_style_index_0_lang-C1kPtilP.js";
 import { _ as Ct } from "./Skeleton.vue_vue_type_style_index_0_lang-2rpO7HY2.js";
 import { _ as Ve } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { u as Vt, U as _t } from "./useInputDataStates-COzmxWTw.js";
+import { u as Vt, U as _t } from "./useInputDataStates-BNwXgt9l.js";
 import { u as xt } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as Ot, b as St } from "./Popover.vue_vue_type_style_index_0_lang-BgRvygIi.js";
-import { u as Bt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
-import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js";
-import { _ as kt } from "./Tree.vue_vue_type_style_index_0_lang-CauWPkMW.js";
-import { _ as It } from "./Chip.vue_vue_type_style_index_0_lang-C-YVGRd5.js";
-import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-Cb48sFjZ.js";
-import { d as zt, _ as Ke } from "./Avatar.vue_vue_type_style_index_0_lang-BU_5Uc1h.js";
-import { _ as Lt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-eUYKt1g8.js";
-import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BZWcWAd8.js";
-import { _ as Mt } from "./Input.vue_vue_type_script_setup_true_lang-BhpGixbX.js";
+import { g as Ot, b as St } from "./Popover.vue_vue_type_style_index_0_lang-BolWR0Oq.js";
+import { u as Bt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
+import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-Dl1jP8xY.js";
+import { _ as kt } from "./Tree.vue_vue_type_style_index_0_lang-wxS0iVAQ.js";
+import { _ as It } from "./Chip.vue_vue_type_style_index_0_lang-DZpyBQK1.js";
+import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-CeTQpuIw.js";
+import { _ as Ke, d as zt } from "./Avatar.vue_vue_type_style_index_0_lang-560JMJs8.js";
+import { _ as Lt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-BXpVeN5_.js";
+import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CpstWkLR.js";
+import { _ as Mt } from "./Input.vue_vue_type_script_setup_true_lang-Dtkw6-JD.js";
 import { whenever as wt } from "@vueuse/core";
-import { a as Dt } from "./MenuItem.vue_vue_type_style_index_0_lang-Tx1mw3fx.js";
-import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-DIUFXgde.js";
+import { a as Dt } from "./MenuItem.vue_vue_type_style_index_0_lang-BSbQKPOJ.js";
+import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-Q8nvY8Va.js";
 import "@pantograph/tokens";
 import "@tanstack/vue-virtual";
 const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"), Ue = ["sm", "md", "lg"], Ft = ["error", "warning", "success"], Nt = { key: 1 }, je = /* @__PURE__ */ le({
@@ -36,7 +36,7 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
         o.headerInputElement.value && o.open.value && o.focusOnInput();
       }
     );
-    const t = i(() => !ae(o.modelValue.value)), e = i(() => {
+    const t = i(() => !ne(o.modelValue.value)), e = i(() => {
       if (t.value) {
         if (o.props.multiple && H(o.modelValue.value) && !o.props.noLastValueOnPlaceholder)
           return o.getLabelByValue(pt(o.modelValue.value));
@@ -45,7 +45,7 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       }
       return o.props.placeholder ?? "";
     }), m = (N) => {
-      if (N.key === "Backspace" && o.props.multiple && H(o.modelValue.value) && ae(o.searchModel.value) && (o.setModelValue(o.modelValue.value.slice(0, -1)), ae(o.modelValue.value))) {
+      if (N.key === "Backspace" && o.props.multiple && H(o.modelValue.value) && ne(o.searchModel.value) && (o.setModelValue(o.modelValue.value.slice(0, -1)), ne(o.modelValue.value))) {
         const T = setTimeout(() => {
           o.focusOnInput(), clearTimeout(T);
         }, 2);
@@ -86,16 +86,11 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       _: 1
     }, 16, ["disabled", "placeholder", "modelValue", "class"]));
   }
-}), Wt = /* @__PURE__ */ le({
+}), Wt = le({
   name: Se("ComboboxTrigger"),
   props: {},
-  setup(g, {
-    slots: o,
-    attrs: t
-  }) {
-    const e = ke(), m = ({
-      value: l
-    }, C) => {
+  setup(g, { slots: o, attrs: t }) {
+    const e = ke(), m = ({ value: l }, C) => {
       if (C.stopPropagation(), l && H(e.modelValue.value) && !e.getDisabled.value) {
         const S = e.modelValue.value.filter((I) => I !== l);
         e.setModelValue(S);
@@ -120,7 +115,7 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
           return "xsm";
       }
     }), T = i(() => {
-      if (!e.props.multiple && ve(e.modelValue.value) && !ae(e.modelValue.value))
+      if (!e.props.multiple && ve(e.modelValue.value) && !ne(e.modelValue.value))
         return e.getOptionByValue(e.modelValue.value);
     }), x = (l = T.value) => {
       if (e.props.selectedItemIconAsTrailingIcon && xe(l) && "icon" in l)
@@ -152,28 +147,30 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       "aria-expanded": e.open.value,
       "aria-controls": e.contentId,
       "data-state": e.open.value ? "open" : "closed",
-      class: X(L({
-        size: e.getSize.value,
-        status: e.getStatus.value === "success" && ae(e.modelValue.value) ? void 0 : e.getStatus.value,
-        bordered: e.props.bordered,
-        multiple: e.props.multiple,
-        contentFit: e.props.contentFit,
-        wrapped: e.props.wrapped,
-        filled: !ae(e.modelValue.value),
-        headerSearch: e.props.headerSearch
-      }), e.props.triggerCls),
+      class: X(
+        L({
+          size: e.getSize.value,
+          status: e.getStatus.value === "success" && ne(e.modelValue.value) ? void 0 : e.getStatus.value,
+          bordered: e.props.bordered,
+          multiple: e.props.multiple,
+          contentFit: e.props.contentFit,
+          wrapped: e.props.wrapped,
+          filled: !ne(e.modelValue.value),
+          headerSearch: e.props.headerSearch
+        }),
+        e.props.triggerCls
+      ),
       ...t
-    })), K = (l, C = N.value) => a(Be, {
-      icon: l,
-      size: C
-    }), w = () => {
+    })), K = (l, C = N.value) => n(Be, { icon: l, size: C }), w = () => {
       var S;
       let l;
       const C = (S = o.triggerTrailing) == null ? void 0 : S.call(o, y.value);
       if (F(C) ? M.value && (l = K(M.value)) : l = C, l)
-        return a("div", {
-          class: X(f(p, "trailing"), e.props.triggerTrailingCls)
-        }, l);
+        return n(
+          "div",
+          { class: X(f(p, "trailing"), e.props.triggerTrailingCls) },
+          l
+        );
     };
     return () => {
       var Z;
@@ -181,109 +178,133 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
         if (!C) return !1;
         const J = dt(l) ?? null, Q = J.length === 1 ? J[0] : J;
         return Q ? gt(Q) && !mt(Q) : !0;
-      })(), {
-        class: Y,
-        ...q
-      } = O.value;
-      return a(ot, {
-        ...q,
-        class: C ? e.props.triggerCls : Y,
-        ...e.comboboxTriggerBinding.value,
-        asChild: I,
-        as: I ? "template" : "button",
-        key: String(I),
-        onKeyUp: re,
-        onClick: W
-      }, () => {
-        if (C)
-          return l;
-        const J = (v) => {
-          var E, z;
-          const D = e.getOptionByValue(v) ?? {
-            value: v
-          };
-          return a(Ke, {
-            ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
-            size: e.getTagSize.value
-          });
-        }, Q = (v) => {
-          var E, z;
-          const D = e.getOptionByValue(v) ?? {
-            value: v
-          };
-          return a(Ge, {
-            ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
-            size: e.getTagSize.value
-          });
-        }, ee = () => {
-          if (!e.props.multiple && !e.props.multiple && !H(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || j.value || e.props.leadingIcon)) {
-            let v;
-            if (e.props.tagRenderMode === "avatar" ? v = J(e.modelValue.value) : e.props.tagRenderMode === "go" ? v = Q(e.modelValue.value) : j.value ? v = K(j.value) : e.props.leadingIcon && (v = K(e.props.leadingIcon)), !F(v))
-              return a("div", {
-                class: X(f(p, "leading"), e.props.triggerLeadingCls)
-              }, v);
-          }
-        }, ce = () => {
-          const v = [], D = [f(p, "tags"), e.props.triggerContentCls, e.props.triggerContentValueCls], z = (() => {
-            if (e.props.multiple && H(e.modelValue.value)) {
-              if (e.props.tagRenderMode === "avatar")
-                return a(zt, {
-                  maxCount: e.props.maxCount,
-                  size: e.getTagSize.value,
-                  closeable: !e.getDisabled.value,
-                  noPopover: !0,
-                  noWrap: !e.props.wrapped,
-                  class: D
-                }, () => e.modelValue.value.map(J));
-              if (e.props.tagRenderMode === "go")
-                return a(Lt, {
-                  maxCount: e.props.maxCount,
-                  size: e.getTagSize.value,
-                  closeable: !e.getDisabled.value,
-                  noPopover: !0,
-                  noWrap: !e.props.wrapped,
-                  class: D
-                }, () => e.modelValue.value.map(Q));
-              if (e.props.tagRenderMode === "chip")
-                return a(Tt, {
-                  maxCount: e.props.maxCount,
-                  size: e.getTagSize.value,
-                  color: "primary",
-                  closeable: !e.getDisabled.value,
-                  noPopover: !0,
-                  noWrap: !e.props.wrapped,
-                  class: D,
-                  onClose: m
-                }, () => e.modelValue.value.map((R) => {
-                  var ge, ne;
-                  const se = () => e.getLabelByValue(R), he = ({
-                    size: be
-                  }) => {
-                    const me = x(e.getOptionByValue(R)) ?? e.props.leadingIcon;
-                    return me ? K(me, be) : null;
-                  }, ie = e.getOptionByValue(R);
-                  return a(It, {
-                    ...ie ? ((ne = (ge = e.props).getTagProps) == null ? void 0 : ne.call(ge, ie)) ?? {} : {},
-                    value: R,
-                    class: X(f(p, "tag"), e.props.tagCls),
-                    closeIconCls: f(p, "tag__close")
-                  }, {
-                    text: se,
-                    leading: he
-                  });
-                }));
+      })(), { class: Y, ...q } = O.value;
+      return n(
+        ot,
+        {
+          ...q,
+          class: C ? e.props.triggerCls : Y,
+          ...e.comboboxTriggerBinding.value,
+          asChild: I,
+          as: I ? "template" : "button",
+          key: String(I),
+          onKeyUp: re,
+          onClick: W
+        },
+        () => {
+          if (C)
+            return l;
+          const J = (v) => {
+            var E, z;
+            const D = e.getOptionByValue(v) ?? { value: v };
+            return n(Ke, {
+              ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
+              size: e.getTagSize.value
+            });
+          }, Q = (v) => {
+            var E, z;
+            const D = e.getOptionByValue(v) ?? { value: v };
+            return n(Ge, {
+              ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
+              size: e.getTagSize.value
+            });
+          }, ee = () => {
+            if (!e.props.multiple && !e.props.multiple && !H(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || j.value || e.props.leadingIcon)) {
+              let v;
+              if (e.props.tagRenderMode === "avatar" ? v = J(e.modelValue.value) : e.props.tagRenderMode === "go" ? v = Q(e.modelValue.value) : j.value ? v = K(j.value) : e.props.leadingIcon && (v = K(e.props.leadingIcon)), !F(v))
+                return n(
+                  "div",
+                  {
+                    class: X(
+                      f(p, "leading"),
+                      e.props.triggerLeadingCls
+                    )
+                  },
+                  v
+                );
             }
-          })();
-          return z && v.push(z), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && !e.props.multiple && ve(e.modelValue.value) && v.push(a("div", {
-            class: f(p, "content__value")
-          }, e.getLabelByValue(e.modelValue.value))) : v.push(a(je)), a("div", {
-            class: f(p, "content")
-          }, v);
-        }, oe = [], te = ee();
-        F(te) || oe.push(te), oe.push(ce());
-        const de = w();
-        return F(de) || oe.push(de), oe;
-      });
+          }, ce = () => {
+            const v = [], D = [
+              f(p, "tags"),
+              e.props.triggerContentCls,
+              e.props.triggerContentValueCls
+            ], z = (() => {
+              if (e.props.multiple && H(e.modelValue.value)) {
+                if (e.props.tagRenderMode === "avatar")
+                  return n(
+                    zt,
+                    {
+                      maxCount: e.props.maxCount,
+                      size: e.getTagSize.value,
+                      closeable: !e.getDisabled.value,
+                      noPopover: !0,
+                      noWrap: !e.props.wrapped,
+                      class: D
+                    },
+                    () => e.modelValue.value.map(J)
+                  );
+                if (e.props.tagRenderMode === "go")
+                  return n(
+                    Lt,
+                    {
+                      maxCount: e.props.maxCount,
+                      size: e.getTagSize.value,
+                      closeable: !e.getDisabled.value,
+                      noPopover: !0,
+                      noWrap: !e.props.wrapped,
+                      class: D
+                    },
+                    () => e.modelValue.value.map(Q)
+                  );
+                if (e.props.tagRenderMode === "chip")
+                  return n(
+                    Tt,
+                    {
+                      maxCount: e.props.maxCount,
+                      size: e.getTagSize.value,
+                      color: "primary",
+                      closeable: !e.getDisabled.value,
+                      noPopover: !0,
+                      noWrap: !e.props.wrapped,
+                      class: D,
+                      onClose: m
+                    },
+                    () => e.modelValue.value.map((R) => {
+                      var ge, ae;
+                      const se = () => e.getLabelByValue(R), he = ({ size: be }) => {
+                        const me = x(e.getOptionByValue(R)) ?? e.props.leadingIcon;
+                        return me ? K(me, be) : null;
+                      }, ie = e.getOptionByValue(R);
+                      return n(
+                        It,
+                        {
+                          ...ie ? ((ae = (ge = e.props).getTagProps) == null ? void 0 : ae.call(ge, ie)) ?? {} : {},
+                          value: R,
+                          class: X(f(p, "tag"), e.props.tagCls),
+                          closeIconCls: f(p, "tag__close")
+                        },
+                        {
+                          text: se,
+                          leading: he
+                        }
+                      );
+                    })
+                  );
+              }
+            })();
+            return z && v.push(z), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && !e.props.multiple && ve(e.modelValue.value) && v.push(
+              n(
+                "div",
+                { class: f(p, "content__value") },
+                e.getLabelByValue(e.modelValue.value)
+              )
+            ) : v.push(n(je)), n("div", { class: f(p, "content") }, v);
+          }, oe = [], te = ee();
+          F(te) || oe.push(te), oe.push(ce());
+          const de = w();
+          return F(de) || oe.push(de), oe;
+        }
+      );
     };
   }
 }), Kt = /* @__PURE__ */ le({
@@ -296,7 +317,7 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       Fe(o.$slots, "default")
     ], 2));
   }
-}), Ee = /* @__PURE__ */ le({
+}), Ee = le({
   name: Se("ComboboxOption"),
   props: {
     option: {
@@ -305,9 +326,7 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
     }
   },
   slots: Object,
-  setup(g, {
-    slots: o
-  }) {
+  setup(g, { slots: o }) {
     const t = ke(), e = i(() => {
       switch (t.getSize.value) {
         case "sm":
@@ -318,7 +337,9 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
         default:
           return "xsm";
       }
-    }), m = i(() => t.getOptionValue(g.option)), p = i(() => t.getOptionNoCheckbox(g.option)), L = i(() => t.getOptionClear(g.option)), N = i(() => t.getOptionSingle(g.option)), T = i(() => t.getOptionLabel(g.option)), x = i(() => t.getOptionIcon(g.option)), j = i(() => t.props.tree ? void 0 : t.getOptionDescription(g.option)), M = i(() => t.getOptionDisabled(g.option)), y = i(() => t.isItemSelected(m.value)), W = f(k, "option"), re = () => {
+    }), m = i(() => t.getOptionValue(g.option)), p = i(() => t.getOptionNoCheckbox(g.option)), L = i(() => t.getOptionClear(g.option)), N = i(() => t.getOptionSingle(g.option)), T = i(() => t.getOptionLabel(g.option)), x = i(() => t.getOptionIcon(g.option)), j = i(
+      () => t.props.tree ? void 0 : t.getOptionDescription(g.option)
+    ), M = i(() => t.getOptionDisabled(g.option)), y = i(() => t.isItemSelected(m.value)), W = f(k, "option"), re = () => {
       if (!(t.props.tree || !m.value || M.value))
         if (t.props.multiple)
           if (L.value)
@@ -337,66 +358,59 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       const O = (w) => {
         var S, I, Y, q, Z;
         const l = [];
-        !t.props.tree && t.props.multiple && t.props.checkbox && !p.value && l.push(a(Et, {
-          modelValue: y.value,
-          size: w.checkboxSize,
-          disabled: M.value
-        }));
-        const C = (S = o.leading) == null ? void 0 : S.call(o, {
-          option: g.option
-        });
-        return F(C) ? t.props.tagRenderMode === "avatar" ? l.push(a(Ke, {
-          ...((Y = (I = t.props).getTagProps) == null ? void 0 : Y.call(I, g.option)) ?? {},
-          size: t.getTagSize.value
-        })) : t.props.tagRenderMode === "go" ? l.push(a(Ge, {
-          ...((Z = (q = t.props).getTagProps) == null ? void 0 : Z.call(q, g.option)) ?? {},
-          size: t.getTagSize.value
-        })) : x.value && l.push(a(Be, {
-          icon: x.value,
-          size: e.value
-        })) : l.push(C), F(l) ? null : l;
+        !t.props.tree && t.props.multiple && t.props.checkbox && !p.value && l.push(
+          n(Et, {
+            modelValue: y.value,
+            size: w.checkboxSize,
+            disabled: M.value
+          })
+        );
+        const C = (S = o.leading) == null ? void 0 : S.call(o, { option: g.option });
+        return F(C) ? t.props.tagRenderMode === "avatar" ? l.push(
+          n(Ke, {
+            ...((Y = (I = t.props).getTagProps) == null ? void 0 : Y.call(I, g.option)) ?? {},
+            size: t.getTagSize.value
+          })
+        ) : t.props.tagRenderMode === "go" ? l.push(
+          n(Ge, {
+            ...((Z = (q = t.props).getTagProps) == null ? void 0 : Z.call(q, g.option)) ?? {},
+            size: t.getTagSize.value
+          })
+        ) : x.value && l.push(n(Be, { icon: x.value, size: e.value })) : l.push(C), F(l) ? null : l;
       };
       return (() => {
         const w = !!j.value;
-        return a(Dt, {
-          class: W,
-          description: j.value,
-          title: T.value,
-          key: m.value,
-          selected: y.value,
-          unFocusable: !0,
-          leadingCenter: !w,
-          size: t.getSize.value,
-          disabled: M.value,
-          onClick: re
-        }, {
-          leading: O,
-          trailing: () => {
-            var l;
-            return (l = o.trailing) == null ? void 0 : l.call(o, {
-              option: g.option
-            });
+        return n(
+          Dt,
+          {
+            class: W,
+            description: j.value,
+            title: T.value,
+            key: m.value,
+            selected: y.value,
+            unFocusable: !0,
+            leadingCenter: !w,
+            size: t.getSize.value,
+            disabled: M.value,
+            onClick: re
+          },
+          {
+            leading: O,
+            trailing: () => {
+              var l;
+              return (l = o.trailing) == null ? void 0 : l.call(o, { option: g.option });
+            }
           }
-        });
+        );
       })();
     };
   }
-}), Gt = /* @__PURE__ */ le({
+}), Gt = le({
   name: Se("ComboboxWrapper"),
-  setup(g, {
-    slots: o
-  }) {
-    const t = At(), e = nt(), m = Ce();
-    xt({
-      target: m
-    });
-    const p = Ce(), L = Ot({
-      triggerRef: p,
-      props: t.props
-    }), {
-      getFlipOnDir: N,
-      getDir: T
-    } = Bt(), x = N("reversePlacementOnDir"), j = T(), M = St({
+  setup(g, { slots: o }) {
+    const t = At(), e = at(), m = Ce();
+    xt({ target: m });
+    const p = Ce(), L = Ot({ triggerRef: p, props: t.props }), { getFlipOnDir: N, getDir: T } = Bt(), x = N("reversePlacementOnDir"), j = T(), M = St({
       props: t.props,
       flip: x,
       emitsAsProps: t.emitsAsProps,
@@ -404,14 +418,14 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       controlAutoFocus: !1,
       extraPropNames: ["bodyLock", "position"]
     }), y = ({
-      key: n,
+      key: a,
       getterKey: r,
       defaultValue: c,
       noReturnOption: h
     }) => (d) => {
       const V = we(c) ? c(d) : c;
       if (xe(d)) {
-        const A = d[n] ?? V, $ = r && t.props[r];
+        const A = d[a] ?? V, $ = r && t.props[r];
         if ($) {
           if (ve($))
             return d[$] ?? A;
@@ -459,11 +473,11 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       getterKey: "getGroupOptions",
       key: "options",
       noReturnOption: !0
-    }), q = (n) => {
+    }), q = (a) => {
       const r = (c) => {
-        if (c != null && c.length && n)
+        if (c != null && c.length && a)
           for (const h of c) {
-            if (W(h) === n) return h;
+            if (W(h) === a) return h;
             const d = Y(h);
             if (d != null && d.length) {
               const V = r(d);
@@ -472,21 +486,17 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
           }
       };
       return r(t.props.options);
-    }, Z = (n) => {
-      const r = q(n);
-      return r ? w(r) ?? n : n;
-    }, J = (n) => {
-      const r = q(n);
+    }, Z = (a) => {
+      const r = q(a);
+      return r ? w(r) ?? a : a;
+    }, J = (a) => {
+      const r = q(a);
       return r ? O(r) ?? !1 : !1;
-    }, {
-      contains: Q
-    } = at({
-      sensitivity: "base"
-    }), ee = i(() => {
-      const n = (r) => r == null ? void 0 : r.map((c) => {
+    }, { contains: Q } = nt({ sensitivity: "base" }), ee = i(() => {
+      const a = (r) => r == null ? void 0 : r.map((c) => {
         const h = w(c), d = W(c), V = S(c), A = I(c), $ = !t.searchModel.value || h && Q(h, t.searchModel.value), s = Y(c), b = !t.props.tree || d;
         if (s && b) {
-          const u = n(s);
+          const u = a(s);
           if (u != null && u.length || $)
             return {
               groupLabel: A,
@@ -505,12 +515,8 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
         } : null;
       }).filter(Boolean);
       if (t.props.options)
-        return n(t.props.options);
-    }), {
-      getDisabled: ce,
-      getStatus: oe,
-      getSize: te
-    } = Vt({
+        return a(t.props.options);
+    }), { getDisabled: ce, getStatus: oe, getSize: te } = Vt({
       getDisabled: () => t.props.disabled,
       getSize: () => t.props.size,
       getStatus: () => t.props.status
@@ -524,17 +530,14 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
         default:
           return "sm";
       }
-    }), {
-      inputBindings: v,
-      rootBindings: D
-    } = _t({
+    }), { inputBindings: v, rootBindings: D } = _t({
       getDisabled: () => ce.value
     }), E = Ce(), z = () => {
-      var n, r, c, h, d, V, A;
-      e.open.value && e.inputElement.value && (t.props.headerSearch && ((n = E.value) != null && n.input) ? document.activeElement !== ((r = E.value) == null ? void 0 : r.input) && ((d = (h = (c = E.value) == null ? void 0 : c.input) == null ? void 0 : h.focus) == null || d.call(h)) : document.activeElement !== e.inputElement.value && ((A = (V = e.inputElement.value) == null ? void 0 : V.focus) == null || A.call(V)));
-    }, R = (n) => {
-      e.modelValue.value = n, t.emit("update:modelValue", n);
-    }, se = (n) => n === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(n && e.modelValue.value.includes(n)) : e.modelValue.value === n;
+      var a, r, c, h, d, V, A;
+      e.open.value && e.inputElement.value && (t.props.headerSearch && ((a = E.value) != null && a.input) ? document.activeElement !== ((r = E.value) == null ? void 0 : r.input) && ((d = (h = (c = E.value) == null ? void 0 : c.input) == null ? void 0 : h.focus) == null || d.call(h)) : document.activeElement !== e.inputElement.value && ((A = (V = e.inputElement.value) == null ? void 0 : V.focus) == null || A.call(V)));
+    }, R = (a) => {
+      e.modelValue.value = a, t.emit("update:modelValue", a);
+    }, se = (a) => a === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(a && e.modelValue.value.includes(a)) : e.modelValue.value === a;
     Rt({
       ...t,
       getOptionValue: W,
@@ -560,59 +563,74 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
       comboboxTriggerBinding: D,
       ...e,
       modelValue: e.modelValue
-    }), Ne(() => [t.props.clearOnChangeMultiple, t.props.multiple], () => {
-      t.props.clearOnChangeMultiple && R(void 0);
-    });
+    }), Ne(
+      () => [t.props.clearOnChangeMultiple, t.props.multiple],
+      () => {
+        t.props.clearOnChangeMultiple && R(void 0);
+      }
+    );
     const he = i(() => {
-      const n = t.props.scrollContainerProps ?? {};
+      const a = t.props.scrollContainerProps ?? {};
       return {
-        ...n,
-        areaCls: [f(k, "scroll_area"), n == null ? void 0 : n.class, n == null ? void 0 : n.areaCls]
+        ...a,
+        areaCls: [
+          f(k, "scroll_area"),
+          a == null ? void 0 : a.class,
+          a == null ? void 0 : a.areaCls
+        ]
       };
     }), ie = f(k, "popup"), ge = Pe(ie, {
       variants: {
         size: U(Ue, ie)
       }
-    }), ne = (n) => {
-      if (vt(n))
-        return `${n}px`;
-      if (typeof n == "string")
-        return n;
-    }, be = i(() => ne(t.props.popupWidth)), me = i(() => ne(t.props.popupHeight)), Ie = i(() => ne(t.props.minWidth)), Te = i(() => ({
+    }), ae = (a) => {
+      if (vt(a))
+        return `${a}px`;
+      if (typeof a == "string")
+        return a;
+    }, be = i(() => ae(t.props.popupWidth)), me = i(() => ae(t.props.popupHeight)), Ie = i(() => ae(t.props.minWidth)), Te = i(() => ({
       type: te.value === "sm" ? "simple" : "advance",
       ...Me(t.props.emptyProps ?? {}, ["class"])
     })), He = i(() => Me(t.props.skeletonProps ?? {}, ["class"]));
     return () => {
       var A, $;
-      const n = (s) => a(Ee, {
-        option: s
-      }, {
-        trailing: o.optionTrailing,
-        leading: o.optionLeading
-      }), r = [];
+      const a = (s) => n(
+        Ee,
+        {
+          option: s
+        },
+        {
+          trailing: o.optionTrailing,
+          leading: o.optionLeading
+        }
+      ), r = [];
       let c;
       if (t.props.tree) {
         const b = H(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
-        c = a(kt, {
-          selectable: !0,
-          checkable: t.props.multiple && t.props.checkbox,
-          multiple: t.props.multiple,
-          defaultExpandAll: !0,
-          syncCheckboxAndSelect: t.props.multiple,
-          showLine: !0,
-          focusable: !1,
-          modelValue: b,
-          ...t.props.treeProps ?? {},
-          data: ee.value ?? [],
-          onExpand: z,
-          onSelect: (u, _, B) => {
-            const G = K(u._option);
-            t.props.multiple ? R(G ? [] : B) : R(G || !_ ? void 0 : u._key), t.emit("select", u._key, _, u._option);
+        c = n(
+          kt,
+          {
+            selectable: !0,
+            checkable: t.props.multiple && t.props.checkbox,
+            multiple: t.props.multiple,
+            defaultExpandAll: !0,
+            syncCheckboxAndSelect: t.props.multiple,
+            showLine: !0,
+            focusable: !1,
+            modelValue: b,
+            ...t.props.treeProps ?? {},
+            data: ee.value ?? [],
+            onExpand: z,
+            onSelect: (u, _, B) => {
+              const G = K(u._option);
+              t.props.multiple ? R(G ? [] : B) : R(G || !_ ? void 0 : u._key), t.emit("select", u._key, _, u._option);
+            },
+            class: "w-full"
           },
-          class: "w-full"
-        }, {
-          title: (u) => n(u._option)
-        }), r.push(c);
+          {
+            node: (u) => a(u._option)
+          }
+        ), r.push(c);
       } else {
         let s = !1;
         const b = [];
@@ -621,24 +639,29 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
           if ((_ = u.children) != null && _.length) {
             const B = [];
             u.children.forEach((G) => {
-              const pe = n(G._option);
+              const pe = a(G._option);
               se(W(G._option)) && t.props.sortSelectedItems ? b.push(pe) : B.push(pe);
-            }), B.length && ((s || r.length) && (r.push(a(Ve)), s = !1), u.groupLabel && r.push(a(Kt, {
-              class: t.props.labelCls
-            }, () => u.groupLabel)), r.push(...B), s = !0);
+            }), B.length && ((s || r.length) && (r.push(n(Ve)), s = !1), u.groupLabel && r.push(
+              n(Kt, { class: t.props.labelCls }, () => u.groupLabel)
+            ), r.push(...B), s = !0);
           } else {
-            const B = n(u._option);
-            se(W(u._option)) && t.props.sortSelectedItems ? b.push(B) : (s && (r.push(a(Ve)), s = !1), r.push(B));
+            const B = a(u._option);
+            se(W(u._option)) && t.props.sortSelectedItems ? b.push(B) : (s && (r.push(n(Ve)), s = !1), r.push(B));
           }
         }), t.props.sortSelectedItems && b.length) {
           const u = !!r.length;
-          r.splice(0, 0, ...b), u && r.splice(b.length, 0, a(Ve));
+          r.splice(0, 0, ...b), u && r.splice(b.length, 0, n(Ve));
         }
       }
-      const h = ft(c ? [c] : r, Ee).filter((s) => {
-        var b;
-        return xe(s == null ? void 0 : s.props) && ((b = s == null ? void 0 : s.props) == null ? void 0 : b.option);
-      }), d = !!(t.props.tree && ((A = ee.value) != null && A.length) || h != null && h.length), V = () => {
+      const h = ft(
+        c ? [c] : r,
+        Ee
+      ).filter(
+        (s) => {
+          var b;
+          return xe(s == null ? void 0 : s.props) && ((b = s == null ? void 0 : s.props) == null ? void 0 : b.option);
+        }
+      ), d = !!(t.props.tree && ((A = ee.value) != null && A.length) || h != null && h.length), V = () => {
         var b, u;
         const s = [];
         if (d || t.props.loading) {
@@ -648,77 +671,115 @@ const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"),
             if (!F(B)) _.push(B);
             else {
               const G = new Array(d ? 2 : t.props.loadingRowCount).fill(1);
-              _.push(...G.map(() => a(Ct, {
-                size: te.value,
-                class: X(f(k, "skeleton"), t.props.skeletonCls),
-                ...He.value
-              })));
+              _.push(
+                ...G.map(
+                  () => n(Ct, {
+                    size: te.value,
+                    class: X(
+                      f(k, "skeleton"),
+                      t.props.skeletonCls
+                    ),
+                    ...He.value
+                  })
+                )
+              );
             }
           }
-          s.push(a("div", {
-            class: X(f(k, "options"), t.props.optionsCls)
-          }, _));
+          s.push(
+            n(
+              "div",
+              {
+                class: X(f(k, "options"), t.props.optionsCls)
+              },
+              _
+            )
+          );
         } else if (!d) {
           const _ = (u = o.empty) == null ? void 0 : u.call(o, Te.value);
-          F(_) ? s.push(a(yt, {
-            class: X(f(k, "empty"), t.props.emptyCls),
-            ...Te.value
-          }, {
-            title: o.emptyTitle,
-            description: o.emptyDescription,
-            actions: o.emptyActions,
-            image: o.emptyImage
-          })) : s.push(_);
+          F(_) ? s.push(
+            n(
+              yt,
+              {
+                class: X(f(k, "empty"), t.props.emptyCls),
+                ...Te.value
+              },
+              {
+                title: o.emptyTitle,
+                description: o.emptyDescription,
+                actions: o.emptyActions,
+                image: o.emptyImage
+              }
+            )
+          ) : s.push(_);
         }
-        return t.props.lazyLoading && s.push(a("div", {
-          class: f(k, "lazy_loading")
-        }, a("div", {
-          class: f(k, "lazy_loading_trigger"),
-          ref: m
-        }))), s;
+        return t.props.lazyLoading && s.push(
+          n(
+            "div",
+            { class: f(k, "lazy_loading") },
+            n("div", {
+              class: f(k, "lazy_loading_trigger"),
+              ref: m
+            })
+          )
+        ), s;
       };
-      return [t.props.noTrigger ? null : a(Wt, {
-        ref: p,
-        ...t.attrs,
-        style: {
-          ...(($ = t.attrs) == null ? void 0 : $.style) ?? {},
-          "--ptc-combobox-trigger-min-w": Ie.value
-        }
-      }, {
-        trigger: o.trigger,
-        triggerTrailing: o.triggerTrailing
-      }), a(lt, L.value, () => a(rt, {
-        ...M.value,
-        class: X(ge(t.props), t.props.popupCls),
-        style: {
-          display: e.open.value ? void 0 : "none",
-          zIndex: t.props.zIndex,
-          "--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : be.value,
-          "--ptc-combobox-popup-height": me.value,
-          "--ptc-combobox-trigger-min-w": Ie.value
-        },
-        onClick: z
-      }, () => {
-        var B, G, pe, ze;
-        const s = [], b = (G = o.header) == null ? void 0 : G.call(o, {
-          isEmpty: !((B = ee.value) != null && B.length),
-          search: t.searchModel.value
-        }), u = !F(b);
-        if (t.props.headerSearch || u) {
-          const ye = [];
-          u && ye.push(b), t.props.headerSearch && ye.push(a(je)), s.push(a("div", {
-            class: f(k, "header")
-          }, ye));
-        }
-        s.push(a(Pt, he.value, V));
-        const _ = (ze = o.footer) == null ? void 0 : ze.call(o, {
-          isEmpty: !((pe = ee.value) != null && pe.length),
-          search: t.searchModel.value
-        });
-        return F(_) || s.push(a("div", {
-          class: f(k, "footer")
-        }, _)), s;
-      }))];
+      return [
+        t.props.noTrigger ? null : n(
+          Wt,
+          {
+            ref: p,
+            ...t.attrs,
+            style: {
+              ...(($ = t.attrs) == null ? void 0 : $.style) ?? {},
+              "--ptc-combobox-trigger-min-w": Ie.value
+            }
+          },
+          {
+            trigger: o.trigger,
+            triggerTrailing: o.triggerTrailing
+          }
+        ),
+        n(
+          lt,
+          L.value,
+          () => n(
+            rt,
+            {
+              ...M.value,
+              class: X(ge(t.props), t.props.popupCls),
+              style: {
+                display: e.open.value ? void 0 : "none",
+                zIndex: t.props.zIndex,
+                "--ptc-combobox-popup-width": t.props.samePopupWidth ? void 0 : be.value,
+                "--ptc-combobox-popup-height": me.value,
+                "--ptc-combobox-trigger-min-w": Ie.value
+              },
+              onClick: z
+            },
+            () => {
+              var B, G, pe, ze;
+              const s = [], b = (G = o.header) == null ? void 0 : G.call(o, {
+                isEmpty: !((B = ee.value) != null && B.length),
+                search: t.searchModel.value
+              }), u = !F(b);
+              if (t.props.headerSearch || u) {
+                const ye = [];
+                u && ye.push(b), t.props.headerSearch && ye.push(n(je)), s.push(
+                  n("div", { class: f(k, "header") }, ye)
+                );
+              }
+              s.push(n(Pt, he.value, V));
+              const _ = (ze = o.footer) == null ? void 0 : ze.call(o, {
+                isEmpty: !((pe = ee.value) != null && pe.length),
+                search: t.searchModel.value
+              });
+              return F(_) || s.push(
+                n("div", { class: f(k, "footer") }, _)
+              ), s;
+            }
+          )
+        )
+      ];
     };
   }
 }), yo = /* @__PURE__ */ le({