@pantograph/vue 0.27.1 → 0.27.3

package/dist/{Combobox.vue_vue_type_script_setup_true_lang-CSN9cqZh.js → Combobox.vue_vue_type_script_setup_true_lang-BBkIM9dG.js}

@@ -1,46 +1,46 @@
-import { defineComponent as ge, useSlots as nt, computed as m, createBlock as E, openBlock as O, unref as c, mergeProps as se, createSlots as rt, renderList as $e, withCtx as K, renderSlot as Le, normalizeProps as De, guardReactiveProps as Ee, createVNode as Z, h as f, useAttrs as wt, createElementBlock as de, normalizeClass as Pe, toDisplayString as Mt, ref as ce, watch as Lt, isRef as Je, createCommentVNode as Re, createElementVNode as Qe, normalizeStyle as Dt, Fragment as Ae } from "vue";
+import { defineComponent as ge, useSlots as at, computed as m, createBlock as E, openBlock as P, unref as c, mergeProps as se, createSlots as rt, renderList as $e, withCtx as K, renderSlot as Le, normalizeProps as De, guardReactiveProps as Ee, createVNode as Z, h as v, useAttrs as wt, createElementBlock as de, normalizeClass as Pe, toDisplayString as Mt, ref as ce, watch as Lt, isRef as Je, createCommentVNode as Re, createElementVNode as Qe, normalizeStyle as Dt, Fragment as Ae } from "vue";
 import { createContext as Et, useEmitAsProps as Rt } from "reka-ui";
-import { omit as Be, isString as Xe, cloneDeep as ae, isFunction as At, debounce as Ye, pick as $t, last as Ze } from "es-toolkit";
-import { e as Ke, y as Y, g as A, u as Kt, w as Ft } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
-import { a as me } from "./options-J8HfRMSU.js";
-import { a as Nt, i as R } from "./isEmpty-CgVXdsCr.js";
-import { u as Wt } from "./bodyLock-DBGsJvTg.js";
-import { u as Ut, U as Ht } from "./useInputDataStates-DCxDvkM-.js";
-import { a as Gt } from "./collection-DUgtxIW2.js";
-import { u as Oe } from "./useVmodel-DlyNieM5.js";
-import { u as jt } from "./useVirtualScroll-CXkmR_v2.js";
-import { getBemBlock as qt, getBemModifier as Jt, getBemElement as h, normCls as U, generateVariantClassList as X, createOptionGetterFunc as Q, usePCId as et } from "@pantograph/utils";
-import { _ as Qt } from "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
-import "@pantograph/tokens";
-import { whenever as Xt } from "@vueuse/core";
-import "@tanstack/vue-virtual";
+import { omit as Be, isString as Xe, cloneDeep as ne, isFunction as At, debounce as Ye, pick as $t, last as Ze } from "es-toolkit";
+import { getComponentOptions as fe, isEmptyLikeLodash as R, isEmptyElement as A, useComponentStyle as Kt, useVModel as Oe, useLazyLoading as Nt, useFormInput as Ft, useVirtualScroll as Wt, useInputDataStates as Ht, useCollection as Ut, useDisableBodyPointerEvents as Gt } from "@pantograph/utils-vue";
+import { getBemBlock as jt, getBemModifier as qt, getBemElement as y, normCls as H, generateVariantClassList as X, createOptionGetterFunc as Q, usePCId as et } from "@pantograph/utils";
+import { _ as Jt } from "./Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
 import { cva as st } from "class-variance-authority";
-import { d as Yt, _ as it } from "./Avatar.vue_vue_type_script_setup_true_lang-CH_6o8dq.js";
-import { _ as ut } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Dwf4A9T3.js";
-import { _ as Zt } from "./GraphicalObjectGroup.vue_vue_type_script_setup_true_lang-CAvd-28M.js";
-import { b as eo, _ as to } from "./Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js";
-import { _ as oo } from "./Input.vue_vue_type_script_setup_true_lang-BBOWLata.js";
-import { g as lo, a as ao } from "./MenuItem.vue_vue_type_script_setup_true_lang-BhAWfw04.js";
-import { u as no } from "./useLazyLoading-Zo-PEp2E.js";
-import { _ as ro } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
-import { _ as so } from "./Empty.vue_vue_type_script_setup_true_lang-CnJOScIi.js";
-import { f as io, s as tt, _ as uo, a as po } from "./Tree.vue_vue_type_script_setup_true_lang-B5khp8Fw.js";
-import { _ as co } from "./Checkbox.vue_vue_type_script_setup_true_lang-DiG3cLmy.js";
-import { _ as go } from "./Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
-import { _ as mo } from "./Divider.vue_vue_type_script_setup_true_lang-BHkXVZCN.js";
-import fo from "@pantograph/style/combobox.css?raw";
-function vo(B) {
-  return Array.isArray(B) ? B : Array.from(B);
+import { _ as Ke } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
+import { _ as it, d as Qt } from "./Avatar.vue_vue_type_script_setup_true_lang-CAk_50Zi.js";
+import { _ as ut } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CKG8pyZ-.js";
+import { _ as Xt } from "./GraphicalObjectGroup.vue_vue_type_script_setup_true_lang-Ciq5L_5z.js";
+import { b as Yt, _ as Zt } from "./Chip.vue_vue_type_script_setup_true_lang-nFZDIpIs.js";
+import { _ as eo } from "./Input.vue_vue_type_script_setup_true_lang-B6TZLtSK.js";
+import { whenever as to } from "@vueuse/core";
+import { i as Y } from "./isArray-QlWcxgml.js";
+import { g as oo, a as lo } from "./MenuItem.vue_vue_type_script_setup_true_lang-CC0ZX8mk.js";
+import { _ as no } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-FKw-Hnvi.js";
+import { _ as ao } from "./Empty.vue_vue_type_script_setup_true_lang-BCQOhz-A.js";
+import { f as ro, s as tt, _ as so, a as io } from "./Tree.vue_vue_type_script_setup_true_lang-wJ-oWZvZ.js";
+import { _ as uo } from "./Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js";
+import "@pantograph/tokens";
+import { _ as po } from "./Skeleton.vue_vue_type_script_setup_true_lang-V3Y9sTi-.js";
+import { _ as co } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
+import go from "@pantograph/style/combobox.css?raw";
+import { i as fo } from "./isNumber-BduWbB-B.js";
+function mo(f) {
+  return Array.isArray(f) ? f : Array.from(f);
+}
+function vo(f) {
+  return Number.isSafeInteger(f) && f >= 0;
 }
-function ho(B) {
-  return B[0];
+function ho(f) {
+  return f != null && typeof f != "function" && vo(f.length);
 }
-function ot(B) {
-  if (Nt(B))
-    return ho(vo(B));
+function yo(f) {
+  return f[0];
 }
-const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placeholder"), lt = h(P, "option"), ct = ["sm", "md", "lg"], _o = ["error", "warning", "success"], dt = /* @__PURE__ */ ge({
-  ...me("ComboboxInput"),
+function ot(f) {
+  if (ho(f))
+    return yo(mo(f));
+}
+const [Ne, _o] = Et("Combobox"), B = jt("combobox"), pt = qt(B, "value-placeholder"), lt = y(B, "option"), ct = ["sm", "md", "lg"], bo = ["error", "warning", "success"], dt = /* @__PURE__ */ ge({
+  ...fe("ComboboxInput"),
   __name: "ComboboxInput",
   props: {
     id: {},
@@ -67,57 +67,57 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
     status: {},
     steps: { type: Boolean }
   },
-  setup(B) {
-    const t = B, o = nt(), r = Fe();
-    Xt(() => r.openModel.value && r.inputRef.value, r.focusOnInput);
-    const ee = m(() => r.placeholder.value ?? t.placeholder ?? r.props.placeholder ?? ""), M = (n) => {
-      var g, b;
-      if (r.props.headerSearch || n.stopPropagation(), n.key === "Backspace" && r.props.multiple && Y(r.model.value) && R(r.searchModel.value))
+  setup(f) {
+    const t = f, o = at(), r = Ne();
+    to(() => r.openModel.value && r.inputRef.value, r.focusOnInput);
+    const ee = m(() => r.placeholder.value ?? t.placeholder ?? r.props.placeholder ?? ""), M = (a) => {
+      var g, C;
+      if (r.props.headerSearch || a.stopPropagation(), a.key === "Backspace" && r.props.multiple && Y(r.model.value) && R(r.searchModel.value))
         r.model.value = r.model.value.slice(0, -1);
       else if (!r.openModel.value)
-        (n.key === "ArrowDown" || n.key === "Enter") && (r.openModel.value = !0);
+        (a.key === "ArrowDown" || a.key === "Enter") && (r.openModel.value = !0);
       else if (r.openModel.value)
-        if (n.key === "Escape") r.openModel.value = !1;
-        else if (n.key === "Tab" && !r.props.headerSearch) r.openModel.value = !1;
-        else if (["ArrowDown", "ArrowUp"].includes(n.key)) {
+        if (a.key === "Escape") r.openModel.value = !1;
+        else if (a.key === "Tab" && !r.props.headerSearch) r.openModel.value = !1;
+        else if (["ArrowDown", "ArrowUp"].includes(a.key)) {
           const s = r.getItems();
           if (s.length) {
-            const H = s.findIndex(
-              (C) => r.highlightedOptionKey.value && C.value && C.value === r.highlightedOptionKey.value
+            const U = s.findIndex(
+              (k) => r.highlightedOptionKey.value && k.value && k.value === r.highlightedOptionKey.value
             );
-            if (n.key === "ArrowDown") {
-              const C = s[H + 1];
-              r.highlightedOptionKey.value = (C == null ? void 0 : C.value) ?? r.highlightedOptionKey.value ?? s[0].value;
-            } else if (n.key === "ArrowUp") {
-              const C = s[H - 1];
-              r.highlightedOptionKey.value = (C == null ? void 0 : C.value) ?? s[0].value;
+            if (a.key === "ArrowDown") {
+              const k = s[U + 1];
+              r.highlightedOptionKey.value = (k == null ? void 0 : k.value) ?? r.highlightedOptionKey.value ?? s[0].value;
+            } else if (a.key === "ArrowUp") {
+              const k = s[U - 1];
+              r.highlightedOptionKey.value = (k == null ? void 0 : k.value) ?? s[0].value;
             }
-            (b = (g = s.find(
-              (C) => r.highlightedOptionKey.value && C.value && C.value === r.highlightedOptionKey.value
-            )) == null ? void 0 : g.ref) == null || b.scrollIntoView();
+            (C = (g = s.find(
+              (k) => r.highlightedOptionKey.value && k.value && k.value === r.highlightedOptionKey.value
+            )) == null ? void 0 : g.ref) == null || C.scrollIntoView();
           }
-        } else n.key === "Enter" && r.highlightedOptionKey.value && r.selectOption(r.getOptionByValue(r.highlightedOptionKey.value), !0);
-    }, y = h(P, "input");
-    return (n, g) => (O(), E(c(oo), se({ ...c(r).comboboxInputBinding.value, ...t }, {
+        } else a.key === "Enter" && r.highlightedOptionKey.value && r.selectOption(r.getOptionByValue(r.highlightedOptionKey.value), !0);
+    }, _ = y(B, "input");
+    return (a, g) => (P(), E(c(eo), se({ ...c(r).comboboxInputBinding.value, ...t }, {
       placeholder: ee.value,
       onKeydown: M,
       ref: c(r).inputRef,
-      class: c(U)(c(y), { [c(pt)]: c(r).valuePlaceholder.value }, t.class),
+      class: c(H)(c(_), { [c(pt)]: c(r).valuePlaceholder.value }, t.class),
       modelValue: c(r).searchModel.value,
-      "onUpdate:modelValue": g[0] || (g[0] = (b) => c(r).searchModel.value = b)
+      "onUpdate:modelValue": g[0] || (g[0] = (C) => c(r).searchModel.value = C)
     }), rt({ _: 2 }, [
-      $e(Object.keys(c(Be)(o, ["leading"])), (b) => ({
-        name: b,
+      $e(Object.keys(c(Be)(o, ["leading"])), (C) => ({
+        name: C,
         fn: K((s) => [
-          Le(n.$slots, b, De(Ee(s)))
+          Le(a.$slots, C, De(Ee(s)))
         ])
       })),
       c(r).props.headerSearch ? {
         name: "leading",
-        fn: K((b) => [
-          Le(n.$slots, "leading", De(Ee(b)), () => [
+        fn: K((C) => [
+          Le(a.$slots, "leading", De(Ee(C)), () => [
             Z(c(Ke), {
-              size: b.iconSize,
+              size: C.iconSize,
               icon: "tabler:search",
               flipOnDir: "rtl"
             }, null, 8, ["size"])
@@ -126,18 +126,18 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         key: "0"
       } : {
         name: "leading",
-        fn: K((b) => [
-          Le(n.$slots, "leading", De(Ee(b)))
+        fn: K((C) => [
+          Le(a.$slots, "leading", De(Ee(C)))
         ]),
         key: "1"
       }
     ]), 1040, ["placeholder", "class", "modelValue"]));
   }
-}), bo = /* @__PURE__ */ ge({
-  ...me("ComboboxTrigger"),
+}), Co = /* @__PURE__ */ ge({
+  ...fe("ComboboxTrigger"),
   __name: "ComboboxTrigger",
-  setup(B) {
-    const t = Fe(), o = ({ value: i }) => {
+  setup(f) {
+    const t = Ne(), o = ({ value: i }) => {
       i && Y(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((d) => d !== i));
     }, r = m(() => {
       switch (t.getSize.value) {
@@ -153,33 +153,33 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
     }), M = (i = ee.value) => {
       if (t.props.selectedItemIconAsTrailingIcon && (i != null && i._icon))
         return i._icon;
-    }, y = m(() => M()), n = m(() => {
+    }, _ = m(() => M()), a = m(() => {
       if (!t.props.noTrailing)
         return t.props.trailingIcon;
     }), g = m(() => {
-      var _, v;
-      const i = ae(t.model.value), d = Y(t.model.value);
+      var b, h;
+      const i = ne(t.model.value), d = Y(t.model.value);
       return {
         modelValue: i,
-        open: ae(t.openModel.value),
+        open: ne(t.openModel.value),
         option: d ? void 0 : t.getOptionByValue(t.model.value),
-        options: d ? (v = (_ = t.model.value).map) == null ? void 0 : v.call(_, t.getOptionByValue).filter(Boolean) : void 0
+        options: d ? (h = (b = t.model.value).map) == null ? void 0 : h.call(b, t.getOptionByValue).filter(Boolean) : void 0
       };
-    }), b = (i) => ({
+    }), C = (i) => ({
       ...g.value,
       option: t.getOptionByValue(i)
-    }), s = h(P, "trigger"), H = st(s, {
+    }), s = y(B, "trigger"), U = st(s, {
       variants: {
         size: X(ct, s),
         headerSearch: X("header-search", s),
-        status: X(_o, s),
+        status: X(bo, s),
         bordered: X("bordered", s),
         multiple: X("multiple", s),
         contentFit: X("content-fit", s),
         wrapped: X("wrapped", s),
         filled: X("filled", s)
       }
-    }), C = m(() => ({
+    }), k = m(() => ({
       type: "button",
       disabled: t.getDisabled.value,
       tabindex: t.getDisabled.value || !t.props.headerSearch ? -1 : 0,
@@ -190,8 +190,8 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       "aria-haspopup": "listbox",
       "aria-expanded": t.openModel.value,
       "data-state": t.openModel.value ? "open" : "closed",
-      class: U(
-        H({
+      class: H(
+        U({
           size: t.getSize.value,
           status: t.getStatus.value === "success" && R(t.model.value) ? void 0 : t.getStatus.value,
           bordered: t.props.bordered,
@@ -204,54 +204,54 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         t.props.triggerCls
       ),
       ...t.comboboxTriggerBinding.value
-    })), F = (i, d = r.value) => f(Ke, { icon: i, size: d }), te = () => {
-      var _, v;
+    })), N = (i, d = r.value) => v(Ke, { icon: i, size: d }), te = () => {
+      var b, h;
       let i;
-      const d = (v = (_ = t.slots).triggerTrailing) == null ? void 0 : v.call(
-        _,
+      const d = (h = (b = t.slots).triggerTrailing) == null ? void 0 : h.call(
+        b,
         g.value
       );
-      if (A(d) ? n.value && (i = F(n.value)) : i = d, i)
-        return f(
+      if (A(d) ? a.value && (i = N(a.value)) : i = d, i)
+        return v(
           "div",
-          { class: U(h(s, "trailing"), t.props.triggerTrailingCls) },
+          { class: H(y(s, "trailing"), t.props.triggerTrailingCls) },
           i
         );
     }, G = (i) => {
-      var _, v;
+      var b, h;
       const d = t.getOptionByValue(i) ?? { _key: i };
-      return f(it, {
+      return v(it, {
         size: t.getTagSize.value,
-        ...d ? ((v = (_ = t.props).getTagProps) == null ? void 0 : v.call(_, d)) ?? {} : {}
+        ...d ? ((h = (b = t.props).getTagProps) == null ? void 0 : h.call(b, d)) ?? {} : {}
       });
     }, L = (i) => {
-      var _, v;
+      var b, h;
       const d = t.getOptionByValue(i) ?? { _key: i };
-      return f(ut, {
-        ...d ? ((v = (_ = t.props).getTagProps) == null ? void 0 : v.call(_, d)) ?? {} : {},
+      return v(ut, {
+        ...d ? ((h = (b = t.props).getTagProps) == null ? void 0 : h.call(b, d)) ?? {} : {},
         size: t.getTagSize.value
       });
-    }, fe = () => {
+    }, me = () => {
       var i, d;
       if (!t.props.multiple && !Y(t.model.value) && t.model.value) {
-        let _;
-        Xe(t.model.value) && !R(t.model.value) && (_ = t.model.value);
-        const v = _ ? (d = (i = t.slots).optionLeading) == null ? void 0 : d.call(
+        let b;
+        Xe(t.model.value) && !R(t.model.value) && (b = t.model.value);
+        const h = b ? (d = (i = t.slots).optionLeading) == null ? void 0 : d.call(
           i,
-          lo(
+          oo(
             t.props.size,
-            b(_)
+            C(b)
           )
-        ) : null, q = !A(v);
-        if (q || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || y.value || t.props.leadingIcon) {
-          let k;
-          if (q ? k = v : t.props.tagRenderMode === "avatar" ? k = G(t.model.value) : t.props.tagRenderMode === "go" ? k = L(t.model.value) : y.value ? k = F(y.value) : t.props.leadingIcon && (k = F(t.props.leadingIcon)), !A(k))
-            return f(
+        ) : null, q = !A(h);
+        if (q || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || _.value || t.props.leadingIcon) {
+          let S;
+          if (q ? S = h : t.props.tagRenderMode === "avatar" ? S = G(t.model.value) : t.props.tagRenderMode === "go" ? S = L(t.model.value) : _.value ? S = N(_.value) : t.props.leadingIcon && (S = N(t.props.leadingIcon)), !A(S))
+            return v(
               "div",
               {
-                class: U(h(s, "leading"), t.props.triggerLeadingCls)
+                class: H(y(s, "leading"), t.props.triggerLeadingCls)
               },
-              k
+              S
             );
         }
       }
@@ -260,16 +260,16 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       const i = (ve = (ie = t.slots).trigger) == null ? void 0 : ve.call(ie, g.value);
       if (!A(i))
         return i;
-      const _ = () => {
+      const b = () => {
         const I = [], ue = [
-          h(s, "tags"),
+          y(s, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
         ], pe = (() => {
           if (t.props.multiple && Y(t.model.value)) {
             if (t.props.tagRenderMode === "avatar")
-              return f(
-                Yt,
+              return v(
+                Qt,
                 {
                   maxCount: t.props.maxCount,
                   size: t.getTagSize.value,
@@ -281,8 +281,8 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
                 () => t.model.value.map(G)
               );
             if (t.props.tagRenderMode === "go")
-              return f(
-                Zt,
+              return v(
+                Xt,
                 {
                   maxCount: t.props.maxCount,
                   size: t.getTagSize.value,
@@ -294,8 +294,8 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
                 () => t.model.value.map(L)
               );
             if (t.props.tagRenderMode === "chip")
-              return f(
-                eo,
+              return v(
+                Yt,
                 {
                   maxCount: t.props.maxCount,
                   size: t.getTagSize.value,
@@ -306,19 +306,19 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
                   class: ue,
                   onClose: o
                 },
-                () => t.model.value.map((ne) => {
-                  var V, N;
-                  const he = () => t.getLabelByValue(ne), ye = ({ size: Ie }) => {
-                    const be = M(t.getOptionByValue(ne)) ?? t.props.leadingIcon;
-                    return be ? F(be, Ie) : null;
-                  }, _e = t.getOptionByValue(ne);
-                  return f(
-                    to,
+                () => t.model.value.map((ae) => {
+                  var V, F;
+                  const he = () => t.getLabelByValue(ae), ye = ({ size: Ie }) => {
+                    const be = M(t.getOptionByValue(ae)) ?? t.props.leadingIcon;
+                    return be ? N(be, Ie) : null;
+                  }, _e = t.getOptionByValue(ae);
+                  return v(
+                    Zt,
                     {
-                      ..._e ? ((N = (V = t.props).getTagProps) == null ? void 0 : N.call(V, _e)) ?? {} : {},
-                      value: ne,
-                      class: U(h(s, "tag"), t.props.tagCls),
-                      closeIconCls: h(s, "tag__close")
+                      ..._e ? ((F = (V = t.props).getTagProps) == null ? void 0 : F.call(V, _e)) ?? {} : {},
+                      value: ae,
+                      class: H(y(s, "tag"), t.props.tagCls),
+                      closeIconCls: y(s, "tag__close")
                     },
                     {
                       text: he,
@@ -330,72 +330,72 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
           }
         })();
         return pe && I.push(pe), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && I.push(
-          f(
+          v(
             "div",
             {
-              class: U(h(s, "content__value"), {
+              class: H(y(s, "content__value"), {
                 [pt]: t.valuePlaceholder.value
               })
             },
             t.placeholder.value ?? t.props.placeholder
           )
         ) : I.push(
-          f(dt, {
+          v(dt, {
             noValueOnPlaceholder: t.props.noValueOnPlaceholder,
             searchIcon: !1,
             bordered: !1,
             simple: !0
           })
-        ), f("div", { class: h(s, "content") }, I);
-      }, v = [], q = fe();
-      A(q) || v.push(q), v.push(_());
-      const k = te();
-      return A(k) || v.push(k), f("button", C.value, v);
+        ), v("div", { class: y(s, "content") }, I);
+      }, h = [], q = me();
+      A(q) || h.push(q), h.push(b());
+      const S = te();
+      return A(S) || h.push(S), v("button", k.value, h);
     };
-    return (i, d) => (O(), E(j));
+    return (i, d) => (P(), E(j));
   }
-}), at = /* @__PURE__ */ ge({
-  ...me("ComboboxOption"),
+}), nt = /* @__PURE__ */ ge({
+  ...fe("ComboboxOption"),
   __name: "ComboboxOption",
   props: {
     option: {}
   },
-  setup(B) {
-    const t = B, o = Fe(), r = m(() => o.isOptionSelected(t.option._key)), ee = (n) => {
-      var s, H, C, F, te, G;
+  setup(f) {
+    const t = f, o = Ne(), r = m(() => o.isOptionSelected(t.option._key)), ee = (a) => {
+      var s, U, k, N, te, G;
       const g = [];
       !o.props.tree && o.props.multiple && o.props.checkbox && !t.option._noCheckbox && g.push(
-        f(co, {
+        v(uo, {
           modelValue: r.value,
-          size: n.checkboxSize,
+          size: a.checkboxSize,
           disabled: t.option._disabled
         })
       );
-      const b = (H = (s = o.slots).optionLeading) == null ? void 0 : H.call(s, { ...n, option: t.option });
-      return A(b) ? o.props.tagRenderMode === "avatar" && o.props.showTriggerTagOnOption ? g.push(
-        f(it, {
-          size: n.avatarSize,
-          ...((F = (C = o.props).getTagProps) == null ? void 0 : F.call(C, t.option)) ?? {}
+      const C = (U = (s = o.slots).optionLeading) == null ? void 0 : U.call(s, { ...a, option: t.option });
+      return A(C) ? o.props.tagRenderMode === "avatar" && o.props.showTriggerTagOnOption ? g.push(
+        v(it, {
+          size: a.avatarSize,
+          ...((N = (k = o.props).getTagProps) == null ? void 0 : N.call(k, t.option)) ?? {}
         })
       ) : o.props.tagRenderMode === "go" && o.props.showTriggerTagOnOption ? g.push(
-        f(ut, {
-          size: n.iconSize,
+        v(ut, {
+          size: a.iconSize,
           ...((G = (te = o.props).getTagProps) == null ? void 0 : G.call(te, t.option)) ?? {}
         })
-      ) : t.option._icon && g.push(f(Ke, { icon: t.option._icon, size: o.getIconSize.value })) : g.push(b), A(g) ? null : g;
-    }, M = wt(), y = () => {
-      const n = o.props.tree ? void 0 : t.option._description, g = (At(o.props.getMenuItemProps) ? o.props.getMenuItemProps(t.option) : o.props.getMenuItemProps) ?? {};
-      return f(
-        ao,
+      ) : t.option._icon && g.push(v(Ke, { icon: t.option._icon, size: o.getIconSize.value })) : g.push(C), A(g) ? null : g;
+    }, M = wt(), _ = () => {
+      const a = o.props.tree ? void 0 : t.option._description, g = (At(o.props.getMenuItemProps) ? o.props.getMenuItemProps(t.option) : o.props.getMenuItemProps) ?? {};
+      return v(
+        lo,
         {
-          class: h(P, "option"),
+          class: y(B, "option"),
           unFocusable: !0,
           staticStyle: o.props.tree,
-          description: n,
+          description: a,
           title: t.option._label,
           key: t.option._key,
           selected: r.value,
-          leadingCenter: !!n,
+          leadingCenter: !!a,
           size: o.getSize.value,
           disabled: o.props.tree ? !1 : t.option._disabled,
           onClick: () => o.selectOption(t.option),
@@ -411,21 +411,21 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         }
       );
     };
-    return (n, g) => (O(), E(y));
+    return (a, g) => (P(), E(_));
   }
-}), Co = /* @__PURE__ */ ge({
-  ...me("ComboboxLabel"),
+}), ko = /* @__PURE__ */ ge({
+  ...fe("ComboboxLabel"),
   __name: "ComboboxLabel",
   props: {
     label: {}
   },
-  setup(B) {
-    return (t, o) => (O(), de("div", {
-      class: Pe(c(h)(c(P), "label"))
+  setup(f) {
+    return (t, o) => (P(), de("div", {
+      class: Pe(c(y)(c(B), "label"))
     }, Mt(t.label), 3));
   }
-}), el = /* @__PURE__ */ ge({
-  ...me("Combobox"),
+}), Jo = /* @__PURE__ */ ge({
+  ...fe("Combobox"),
   __name: "Combobox",
   props: {
     modelValue: {},
@@ -516,28 +516,28 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
     dir: {}
   },
   emits: ["update:modelValue", "update:expandedKeys", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(B, { emit: t }) {
-    Kt("combobox", fo);
-    const o = B, r = t, ee = Ye((e) => {
+  setup(f, { emit: t }) {
+    Kt("combobox", go);
+    const o = f, r = t, ee = Ye((e) => {
       r("search", e);
     }, 500), M = Oe(o, "search", r, {
       passive: o.search === void 0,
       onChange: ee
-    }), y = Oe(o, "open", r, {
+    }), _ = Oe(o, "open", r, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
       onChange(e) {
         !e && o.resetSearchTermOnBlur && (M.value = void 0);
       }
-    }), n = Oe(
+    }), a = Oe(
       o,
       "modelValue",
       r,
       {
         passive: o.modelValue === void 0,
         onChange: (e) => {
-          var l, a;
-          y.value && !o.multiple && (y.value = !1), typeof V !== void 0 && (V != null && V.value) && o.sortSelectedItems && ((a = (l = V == null ? void 0 : V.value) == null ? void 0 : l.measure) == null || a.call(l));
+          var l, n;
+          _.value && !o.multiple && (_.value = !1), typeof V !== void 0 && (V != null && V.value) && o.sortSelectedItems && ((n = (l = V == null ? void 0 : V.value) == null ? void 0 : l.measure) == null || n.call(l));
         }
       }
     ), g = Oe(
@@ -547,25 +547,26 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       {
         passive: o.expandedKeys === void 0
       }
-    ), b = Ye((e) => {
+    ), C = Ye((e) => {
       g.value = e;
-    }, 500), s = nt(), H = Rt(r), C = m(() => ({
-      ...Be(H, ["update:modelValue", "update:search", "select"]),
+    }, 500), s = at(), U = Rt(r), k = m(() => ({
+      ...Be(U, ["update:modelValue", "update:search", "select"]),
       ...$t(o, [
         "placement",
         "reversePlacementOnDir",
         "zIndex",
         "to",
-        "dir",
-        "size",
         "sideOffset",
         "alignOffset",
+        "reference",
         "prioritizePosition",
-        "avoidCollisions"
+        "avoidCollisions",
+        "dir",
+        "size"
       ])
       // modal: true,
-    })), F = ce();
-    no({ target: F });
+    })), N = ce();
+    Nt({ target: N });
     const te = Q({
       key: "value",
       getter: o.getValue
@@ -618,13 +619,13 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       })
     }, L = (e, l) => {
       var p;
-      const a = `get${l[0].toUpperCase() + l.slice(1)}`;
-      return (p = G[a]) == null ? void 0 : p.call(G, e);
-    }, fe = (e, l, a) => !!(!o.tree && !(l != null && l.length) && (a != null && a.length)), j = m(
-      () => io({
-        getValue: (e, l, a) => {
+      const n = `get${l[0].toUpperCase() + l.slice(1)}`;
+      return (p = G[n]) == null ? void 0 : p.call(G, e);
+    }, me = (e, l, n) => !!(!o.tree && !(l != null && l.length) && (n != null && n.length)), j = m(
+      () => ro({
+        getValue: (e, l, n) => {
           const p = L(e, "value");
-          return R(p) && fe(e, l, a) ? et(lt) : p;
+          return R(p) && me(e, l, n) ? et(lt) : p;
         },
         getDisabled: (e) => L(e, "disabled"),
         arr: o.options ?? [],
@@ -646,39 +647,39 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
             };
           }
         },
-        allowNoValidKey: fe
+        allowNoValidKey: me
       })
-    ), i = (e, l = !1) => e ? j.value.filter((a) => {
+    ), i = (e, l = !1) => e ? j.value.filter((n) => {
       var p;
       if (l) {
-        const T = Ze(a._parentKeys ?? []);
+        const T = Ze(n._parentKeys ?? []);
         return T && T === e;
       }
-      return (p = a._parentKeys) == null ? void 0 : p.includes(e);
+      return (p = n._parentKeys) == null ? void 0 : p.includes(e);
     }) : [], d = (e) => {
       var l;
       if ((l = j.value) != null && l.length && !R(e))
-        return j.value.find((a) => a._key === e);
-    }, _ = (e) => {
+        return j.value.find((n) => n._key === e);
+    }, b = (e) => {
       const l = d(e);
       return l && (l._label || l._key) || e;
-    }, v = (e) => {
+    }, h = (e) => {
       const l = d(e);
       return l ? l._single ?? !1 : !1;
-    }, q = (e) => e === void 0 ? !1 : Array.isArray(n.value) ? !!(e && n.value.includes(e)) : n.value === e, k = m(() => {
+    }, q = (e) => e === void 0 ? !1 : Array.isArray(a.value) ? !!(e && a.value.includes(e)) : a.value === e, S = m(() => {
       var p, T, Ce, ke;
       let e = [];
-      const l = /* @__PURE__ */ new Set(), a = (u) => {
-        u != null && u._key && !l.has(u._key) && (e.push(ae(u)), l.add(u._key));
+      const l = /* @__PURE__ */ new Set(), n = (u) => {
+        u != null && u._key && !l.has(u._key) && (e.push(ne(u)), l.add(u._key));
       };
       if (M.value ? (j.value.forEach((u) => {
         var D, J;
         if (u._label && u._label.toLowerCase().includes(M.value.toLowerCase()) && !l.has(u._key)) {
-          if (a(u), u._hasChildren && i(u._key).forEach(a), (D = o.filterOptions) != null && D.strictNode)
+          if (n(u), u._hasChildren && i(u._key).forEach(n), (D = o.filterOptions) != null && D.strictNode)
             u._parentKeys && u._parentKeys.forEach((z) => {
               if (!l.has(z)) {
                 const oe = d(z);
-                a(oe);
+                n(oe);
               }
             });
           else if ((J = u._parentKeys) != null && J.length) {
@@ -686,66 +687,66 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
             if (!R(z)) {
               if (!l.has(z)) {
                 const le = d(z);
-                a(le);
+                n(le);
               }
-              i(z).forEach(a);
+              i(z).forEach(n);
             }
           }
         }
       }), e = e.sort(
         (u, $) => j.value.findIndex((D) => D._key === u._key) - j.value.findIndex((D) => D._key === $._key)
-      )) : e = ae(j.value), o.sortSelectedItems && !o.tree && !R(n.value)) {
-        let u = ae(e);
-        const $ = u.filter((S) => q(S._key)), D = Symbol("root"), J = Symbol("rootGroup"), z = {}, oe = (S, w, x = 1) => {
-          const W = u.splice(S, x);
+      )) : e = ne(j.value), o.sortSelectedItems && !o.tree && !R(a.value)) {
+        let u = ne(e);
+        const $ = u.filter((x) => q(x._key)), D = Symbol("root"), J = Symbol("rootGroup"), z = {}, oe = (x, w, O = 1) => {
+          const W = u.splice(x, O);
           u.splice(w, 0, ...W);
-        }, le = (S) => S ? u.findIndex((w) => w._key === S) : -1, Se = (S) => {
-          const w = z[S], x = le(w == null ? void 0 : w.key);
-          return w != null && w.length ? x + w.length + 1 : x + 1;
+        }, le = (x) => x ? u.findIndex((w) => w._key === x) : -1, Se = (x) => {
+          const w = z[x], O = le(w == null ? void 0 : w.key);
+          return w != null && w.length ? O + w.length + 1 : O + 1;
         };
-        $.forEach((S) => {
+        $.forEach((x) => {
           var w;
-          if ((w = S._parentKeys) != null && w.length) {
-            const x = ot(S._parentKeys);
-            let W = le(x);
+          if ((w = x._parentKeys) != null && w.length) {
+            const O = ot(x._parentKeys);
+            let W = le(O);
             const qe = Math.max(
               Se(D),
               Se(J)
             );
             if (W > qe) {
-              const xe = i(x).length;
+              const xe = i(O).length;
               oe(W, qe, xe + 1);
             }
             if (z[J] = {
-              key: x,
-              length: i(x).length
-            }, W = le(x), x && W > -1) {
-              const xe = le(S._key);
-              if (z[x] === void 0)
+              key: O,
+              length: i(O).length
+            }, W = le(O), O && W > -1) {
+              const xe = le(x._key);
+              if (z[O] === void 0)
                 oe(xe, W + 1);
               else {
-                const zt = Se(x);
+                const zt = Se(O);
                 oe(xe, zt);
               }
-              z[x] = {
+              z[O] = {
                 length: void 0,
-                key: S._key
+                key: x._key
               };
             }
           } else {
-            const x = le(S._key), W = Se(D);
-            x > W && oe(x, W), z[D] = {
-              key: S._key,
-              length: S._hasChildren ? i(S._key).length : void 0
+            const O = le(x._key), W = Se(D);
+            O > W && oe(O, W), z[D] = {
+              key: x._key,
+              length: x._hasChildren ? i(x._key).length : void 0
             };
           }
-          u = ae(u);
+          u = ne(u);
         }), e = u;
       }
       if (o.tree)
-        ((p = o.filterOptions) == null ? void 0 : p.expandParent) === "collapse" ? b([]) : ((T = o.filterOptions) == null ? void 0 : T.expandParent) === "expand" && b(e.filter((u) => u._hasChildren).map((u) => u._key));
+        ((p = o.filterOptions) == null ? void 0 : p.expandParent) === "collapse" ? C([]) : ((T = o.filterOptions) == null ? void 0 : T.expandParent) === "expand" && C(e.filter((u) => u._hasChildren).map((u) => u._key));
       else {
-        let u = ae(e);
+        let u = ne(e);
         for (let $ = 0; $ < u.length - 1; $++) {
           const D = u[$], J = u[$ + 1];
           !J._divider && (J._hasChildren || (Ce = D._parentKeys) != null && Ce.length && !((ke = J._parentKeys) != null && ke.length)) && (u.splice($ + 1, 0, { _key: et(lt), _divider: !0 }), $++);
@@ -753,7 +754,7 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         e = u;
       }
       return e;
-    }), { getDisabled: ie, getStatus: ve, getSize: I } = Ut(), ue = m(() => {
+    }), { getDisabled: ie, getStatus: ve, getSize: I } = Ft(), ue = m(() => {
       switch (I.value) {
         case "sm":
           return "xsm";
@@ -763,7 +764,7 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         default:
           return "sm";
       }
-    }), Ne = m(() => {
+    }), Fe = m(() => {
       switch (I.value) {
         case "sm":
           return "2xsm";
@@ -773,7 +774,7 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         default:
           return "xsm";
       }
-    }), pe = ce(), ne = {
+    }), pe = ce(), ae = {
       sm: 4,
       md: 6,
       lg: 8
@@ -786,14 +787,14 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       lg: 54
     }, _e = m(() => ({
       get count() {
-        return k.value.length;
+        return S.value.length;
       },
       getScrollElement: () => {
         var e;
         return (e = pe.value) == null ? void 0 : e.container.viewportElement;
       },
       estimateSize: (e) => {
-        const l = k.value[e];
+        const l = S.value[e];
         if (!o.tree && l) {
           if (l._divider)
             return 1;
@@ -806,87 +807,87 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       },
       overscan: 5,
       get gap() {
-        return ne[I.value] ?? 0;
+        return ae[I.value] ?? 0;
       }
     }));
-    let V, N;
+    let V, F;
     if (o.virtual) {
-      const { virtualizer: e, ...l } = jt(
+      const { virtualizer: e, ...l } = Wt(
         _e
       );
-      V = e, N = l;
+      V = e, F = l;
     }
     const Ie = m(
       () => {
         var e;
-        return o.virtual ? (((e = V == null ? void 0 : V.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => k.value[l.index]) : k.value;
+        return o.virtual ? (((e = V == null ? void 0 : V.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => S.value[l.index]) : S.value;
       }
-    ), be = m(() => (N == null ? void 0 : N.containerStyles.value) ?? {}), { inputBindings: gt, rootBindings: mt } = Ht({
+    ), be = m(() => (F == null ? void 0 : F.containerStyles.value) ?? {}), { inputBindings: gt, rootBindings: ft } = Ht({
       getDisabled: () => ie.value
     }), re = ce(), Te = () => {
       var e;
-      if (y.value && re.value && document.activeElement !== ((e = re.value) == null ? void 0 : e.input)) {
+      if (_.value && re.value && document.activeElement !== ((e = re.value) == null ? void 0 : e.input)) {
         re.value.input.style.pointerEvents = "auto";
         const l = setTimeout(() => {
-          var a, p;
-          (p = (a = re.value) == null ? void 0 : a.focus) == null || p.call(a), clearTimeout(l);
+          var n, p;
+          (p = (n = re.value) == null ? void 0 : n.focus) == null || p.call(n), clearTimeout(l);
         }, 100);
         re.value.input.style.pointerEvents = "";
       }
     }, We = m(
-      () => !o.noValueOnPlaceholder && (Y(n.value) ? n.value.length === 1 && !R(n.value[0]) : !R(n.value))
-    ), ft = m(() => {
+      () => !o.noValueOnPlaceholder && (Y(a.value) ? a.value.length === 1 && !R(a.value[0]) : !R(a.value))
+    ), mt = m(() => {
       if (We.value) {
-        if (o.multiple && Y(n.value))
-          return _(Ze(n.value));
-        if (!o.multiple && !Y(n.value))
-          return _(n.value);
+        if (o.multiple && Y(a.value))
+          return b(Ze(a.value));
+        if (!o.multiple && !Y(a.value))
+          return b(a.value);
       }
-    }), { CollectionSlot: vt, CollectionItem: Ue, itemMap: ht, getItems: yt } = Gt({
+    }), { CollectionSlot: vt, CollectionItem: He, itemMap: ht, getItems: yt } = Ut({
       isProvider: !0,
-      key: P
-    }), He = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], Ve = ce(), ze = (e) => {
+      key: B
+    }), Ue = () => a.value ? Array.isArray(a.value) ? a.value : [a.value] : [], Ve = ce(), ze = (e) => {
       Ve.value = e;
     }, Ge = (e) => ({
       "data-disabled": e._disabled ? "" : void 0,
       "data-highlighted": Ve.value === e._key ? "" : void 0
     }), we = ce();
-    yo({
+    _o({
       props: o,
       emit: r,
       searchModel: M,
-      openModel: y,
-      model: n,
+      openModel: _,
+      model: a,
       slots: s,
       valuePlaceholder: We,
-      placeholder: ft,
+      placeholder: mt,
       getOptionByValue: d,
       isOptionSelected: q,
-      getLabelByValue: _,
-      getSingleByValue: v,
+      getLabelByValue: b,
+      getSingleByValue: h,
       inputRef: re,
       focusOnInput: Te,
       getDisabled: ie,
       getStatus: ve,
       getSize: I,
       getTagSize: ue,
-      getIconSize: Ne,
+      getIconSize: Fe,
       comboboxInputBinding: gt,
-      comboboxTriggerBinding: mt,
+      comboboxTriggerBinding: ft,
       selectOption: (e, l) => {
-        var a, p;
-        if (l && ((a = we.value) != null && a.onSelect) && o.tree && ((p = we.value) == null || p.onSelect(e, !q(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
+        var n, p;
+        if (l && ((n = we.value) != null && n.onSelect) && o.tree && ((p = we.value) == null || p.onSelect(e, !q(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
           if (o.multiple)
             if (e._clear)
-              n.value = [], r("select", void 0, !1);
+              a.value = [], r("select", void 0, !1);
             else if (e._single)
-              n.value = [e._key], r("select", e._key, !0, e);
+              a.value = [e._key], r("select", e._key, !0, e);
             else {
-              let T = Y(n.value) ? n.value : [];
+              let T = Y(a.value) ? a.value : [];
               const Ce = T.includes(e._key);
-              T.length === 1 && v(T[0]) && e._key !== T[0] && (T = []), Ce ? (n.value = T.filter((ke) => ke !== e._key), r("select", e._key, !0, e)) : (n.value = [...T, e._key], r("select", e._key, !1, e));
+              T.length === 1 && h(T[0]) && e._key !== T[0] && (T = []), Ce ? (a.value = T.filter((ke) => ke !== e._key), r("select", e._key, !0, e)) : (a.value = [...T, e._key], r("select", e._key, !1, e));
             }
-          else e._clear ? (n.value = void 0, r("select", void 0, !1)) : (n.value = e._key, r("select", e._key, !0, e));
+          else e._clear ? (a.value = void 0, r("select", void 0, !1)) : (a.value = e._key, r("select", e._key, !0, e));
       },
       itemMap: ht,
       getItems: yt,
@@ -894,7 +895,7 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
     }), Lt(
       () => [o.clearOnChangeMultiple, o.multiple],
       () => {
-        o.clearOnChangeMultiple && (n.value = void 0);
+        o.clearOnChangeMultiple && (a.value = void 0);
       }
     );
     const _t = m(() => ({
@@ -911,61 +912,61 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       checkable: o.multiple && o.checkbox,
       virtual: V,
       syncCheckboxAndSelect: o.multiple,
-      data: k.value,
-      modelValue: He(),
-      checkedKeys: He(),
-      class: h(P, "tree")
+      data: S.value,
+      modelValue: Ue(),
+      checkedKeys: Ue(),
+      class: y(B, "tree")
     })), bt = m(() => {
       const e = o.scrollContainerProps ?? {};
       return {
         ...e,
         areaCls: [
-          h(P, "scroll_area"),
+          y(B, "scroll_area"),
           e == null ? void 0 : e.class,
           e == null ? void 0 : e.areaCls
         ],
         wrapProps: {
           ...(e == null ? void 0 : e.wrapProps) ?? {},
-          style: (N == null ? void 0 : N.scrollWrapperStyles.value) ?? {}
+          style: (F == null ? void 0 : F.scrollWrapperStyles.value) ?? {}
         }
       };
-    }), je = h(P, "popup"), Ct = st(je, {
+    }), je = y(B, "popup"), Ct = st(je, {
       variants: {
         size: X(ct, je)
       }
     }), Me = (e) => {
-      if (Ft(e))
+      if (fo(e))
         return `${e}px`;
       if (typeof e == "string")
         return e;
     }, kt = m(() => Me(o.popupWidth)), St = m(() => Me(o.popupHeight)), xt = m(() => Me(o.minWidth)), Ot = () => {
-      var a, p;
+      var n, p;
       const e = (p = s.header) == null ? void 0 : p.call(s, {
-        isEmpty: !((a = k.value) != null && a.length),
+        isEmpty: !((n = S.value) != null && n.length),
         search: M.value
       }), l = !A(e);
       if (l || o.headerSearch)
-        return f(
+        return v(
           "div",
-          { class: h(P, "header") },
-          l ? e : f(dt, o.headerSearchInputProps || {})
+          { class: y(B, "header") },
+          l ? e : v(dt, o.headerSearchInputProps || {})
         );
     }, Pt = () => {
-      var a, p;
+      var n, p;
       const e = (p = s.footer) == null ? void 0 : p.call(s, {
-        isEmpty: !((a = k.value) != null && a.length),
+        isEmpty: !((n = S.value) != null && n.length),
         search: M.value
       });
       if (!A(e))
-        return f("div", { class: h(P, "footer") }, e);
+        return v("div", { class: y(B, "footer") }, e);
     }, Bt = () => {
-      var a;
+      var n;
       const e = {
         type: I.value === "sm" ? "simple" : "advance",
         ...Be(o.emptyProps ?? {}, ["class"]),
-        class: U(h(P, "empty"), o.emptyCls)
-      }, l = (a = s.empty) == null ? void 0 : a.call(s, e);
-      return A(l) ? f(so, e, {
+        class: H(y(B, "empty"), o.emptyCls)
+      }, l = (n = s.empty) == null ? void 0 : n.call(s, e);
+      return A(l) ? v(ao, e, {
         title: s.emptyTitle,
         description: s.emptyDescription,
         actions: s.emptyActions,
@@ -974,20 +975,20 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
     }, It = () => {
       var l;
       const e = (l = s.loading) == null ? void 0 : l.call(s, {});
-      return A(e) ? new Array(k.value.length ? 2 : o.loadingRowCount).fill(1).map(
-        () => f(go, {
+      return A(e) ? new Array(S.value.length ? 2 : o.loadingRowCount).fill(1).map(
+        () => v(po, {
           size: I.value,
-          class: U(h(P, "skeleton"), o.skeletonCls),
+          class: H(y(B, "skeleton"), o.skeletonCls),
           ...Be(o.skeletonProps ?? {}, ["class"])
         })
       ) : e;
-    }, Tt = (e, l, a) => {
+    }, Tt = (e, l, n) => {
       const p = e._clear;
       if (o.multiple) {
         const T = e._single;
-        p ? n.value = [] : T ? n.value = [e._key] : n.value = a;
+        p ? a.value = [] : T ? a.value = [e._key] : a.value = n;
       } else
-        p || !l ? n.value = void 0 : n.value = e._key;
+        p || !l ? a.value = void 0 : a.value = e._key;
       r(
         "select",
         e._key,
@@ -995,12 +996,12 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
         e
       );
     }, Vt = (e) => {
-      e.key === "ArrowDown" && !y.value ? y.value = !0 : e.key === "Tab" && y.value && (y.value = !1);
+      e.key === "ArrowDown" && !_.value ? _.value = !0 : e.key === "Tab" && _.value && (_.value = !1);
     };
-    return o.disableOutsidePointerEvents && Wt(y), (e, l) => (O(), E(c(Qt), se({
-      open: c(y),
-      "onUpdate:open": l[2] || (l[2] = (a) => Je(y) ? y.value = a : null)
-    }, C.value, {
+    return o.disableOutsidePointerEvents && Gt(_), (e, l) => (P(), E(c(Jt), se({
+      open: c(_),
+      "onUpdate:open": l[2] || (l[2] = (n) => Je(_) ? _.value = n : null)
+    }, k.value, {
       containerProps: {
         ...e.containerProps ?? {},
         onClick: Te
@@ -1009,50 +1010,50 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       size: c(I),
       containerStyle: {
         pointerEvents: "auto",
-        display: c(y) ? void 0 : "none",
+        display: c(_) ? void 0 : "none",
         zIndex: e.zIndex,
         "--ptc-combobox-popup-width": e.samePopupWidth ? void 0 : kt.value,
         "--ptc-combobox-popup-height": St.value,
         "--ptc-combobox-trigger-min-w": xt.value
       },
-      containerCls: c(U)(c(Ct)(o), e.popupCls),
+      containerCls: c(H)(c(Ct)(o), e.popupCls),
       onKeydown: Vt
     }), rt({
       content: K(() => [
         Z(Ot),
-        Z(c(ro), se({
+        Z(c(no), se({
           ref_key: "scrollContainerRef",
           ref: pe
         }, bt.value), {
           default: K(() => [
-            k.value.length || e.loading ? (O(), E(c(vt), { key: 0 }, {
+            S.value.length || e.loading ? (P(), E(c(vt), { key: 0 }, {
               default: K(() => [
                 Qe("div", {
-                  class: Pe(c(U)(c(h)(c(P), "options"), e.optionsCls)),
+                  class: Pe(c(H)(c(y)(c(B), "options"), e.optionsCls)),
                   style: Dt(e.virtual ? be.value : {}),
-                  onPointerleave: l[1] || (l[1] = (a) => ze(void 0))
+                  onPointerleave: l[1] || (l[1] = (n) => ze(void 0))
                 }, [
-                  e.tree ? (O(), E(c(uo), se({
+                  e.tree ? (P(), E(c(so), se({
                     key: 0,
                     ref_key: "treeRef",
                     ref: we
                   }, _t.value, {
                     expandedKeys: c(g),
-                    "onUpdate:expandedKeys": l[0] || (l[0] = (a) => Je(g) ? g.value = a : null),
+                    "onUpdate:expandedKeys": l[0] || (l[0] = (n) => Je(g) ? g.value = n : null),
                     onExpand: Te,
                     onSelect: Tt
                   }), {
-                    default: K(({ items: a }) => [
-                      (O(!0), de(Ae, null, $e(a, (p) => (O(), E(c(Ue), {
+                    default: K(({ items: n }) => [
+                      (P(!0), de(Ae, null, $e(n, (p) => (P(), E(c(He), {
                         key: p._key,
                         value: p._key
                       }, {
                         default: K(() => [
-                          Z(c(po), se({ node: p }, { ref_for: !0 }, Ge(p), {
+                          Z(c(io), se({ node: p }, { ref_for: !0 }, Ge(p), {
                             onPointermove: (T) => ze(p._key)
                           }), {
                             default: K(() => [
-                              Z(at, { option: p }, null, 8, ["option"])
+                              Z(nt, { option: p }, null, 8, ["option"])
                             ]),
                             _: 2
                           }, 1040, ["node", "onPointermove"])
@@ -1061,37 +1062,37 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
                       }, 1032, ["value"]))), 128))
                     ]),
                     _: 1
-                  }, 16, ["expandedKeys"])) : (O(!0), de(Ae, { key: 1 }, $e(Ie.value, (a) => (O(), de(Ae, {
-                    key: a._key
+                  }, 16, ["expandedKeys"])) : (P(!0), de(Ae, { key: 1 }, $e(Ie.value, (n) => (P(), de(Ae, {
+                    key: n._key
                   }, [
-                    a._divider ? (O(), E(mo, { key: 0 })) : a._label && a._hasChildren ? (O(), E(Co, {
+                    n._divider ? (P(), E(co, { key: 0 })) : n._label && n._hasChildren ? (P(), E(ko, {
                       key: 1,
-                      label: a._label
-                    }, null, 8, ["label"])) : a._hasChildren ? Re("", !0) : (O(), E(c(Ue), {
+                      label: n._label
+                    }, null, 8, ["label"])) : n._hasChildren ? Re("", !0) : (P(), E(c(He), {
                       key: 2,
-                      value: a._key
+                      value: n._key
                     }, {
                       default: K(() => [
-                        Z(at, se({ option: a }, { ref_for: !0 }, Ge(a), {
-                          onPointermove: (p) => ze(a._key)
+                        Z(nt, se({ option: n }, { ref_for: !0 }, Ge(n), {
+                          onPointermove: (p) => ze(n._key)
                         }), null, 16, ["option", "onPointermove"])
                       ]),
                       _: 2
                     }, 1032, ["value"]))
                   ], 64))), 128)),
-                  e.loading ? (O(), E(It, { key: 2 })) : Re("", !0)
+                  e.loading ? (P(), E(It, { key: 2 })) : Re("", !0)
                 ], 38)
               ]),
               _: 1
-            })) : (O(), E(Bt, { key: 1 })),
-            e.lazyLoading ? (O(), de("div", {
+            })) : (P(), E(Bt, { key: 1 })),
+            e.lazyLoading ? (P(), de("div", {
               key: 2,
-              class: Pe(c(h)(c(P), "lazy_loading"))
+              class: Pe(c(y)(c(B), "lazy_loading"))
             }, [
               Qe("div", {
-                class: Pe(c(h)(c(P), "lazy_loading_trigger")),
+                class: Pe(c(y)(c(B), "lazy_loading_trigger")),
                 ref_key: "target",
-                ref: F
+                ref: N
               }, null, 2)
             ], 2)) : Re("", !0)
           ]),
@@ -1104,7 +1105,7 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
       e.noTrigger ? void 0 : {
         name: "default",
         fn: K(() => [
-          Z(bo)
+          Z(Co)
         ]),
         key: "0"
       }
@@ -1113,8 +1114,9 @@ const [Fe, yo] = Et("Combobox"), P = qt("combobox"), pt = Jt(P, "value-placehold
 });
 export {
   ct as C,
-  el as _,
-  _o as a,
-  Fe as i,
-  yo as p
+  Jo as _,
+  dt as a,
+  bo as b,
+  Ne as i,
+  _o as p
 };