@pantograph/vue 0.30.8 → 0.30.10

package/dist/Combobox/index.js

@@ -1,39 +1,39 @@
-import { defineComponent as _e, useSlots as ut, onBeforeUnmount as $t, computed as C, createBlock as K, openBlock as I, unref as i, mergeProps as ue, createSlots as Kt, renderList as Ne, withCtx as W, renderSlot as Le, normalizeProps as Me, guardReactiveProps as Re, createVNode as X, h as _, useAttrs as Ft, createElementBlock as he, normalizeClass as we, toDisplayString as Nt, ref as ve, watch as Wt, isRef as tt, createCommentVNode as Ae, createElementVNode as ot, normalizeStyle as Gt, Fragment as $e } from "vue";
-import { createContext as Ht, Slot as Ut, useEmitAsProps as jt } from "reka-ui";
-import { omit as ye, isString as lt, cloneDeep as ae, isFunction as qt, debounce as at, pick as Jt, last as nt } from "es-toolkit";
-import { isEmptyElement as $, useVModel as Oe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as pt } from "@pantograph/utils-vue";
-import { getBemBlock as oo, getBemModifier as lo, getBemElement as x, getComponentOptions as be, normCls as H, isEmptyLikeLodash as F, generateVariantClassList as q, createOptionGetterFunc as j, usePCId as Ie, getPxSize as Ke, getComponentName as ct } from "@pantograph/utils";
-import { _ as ao } from "../index--fAgg2DC.js";
+import { defineComponent as be, useSlots as ut, onBeforeUnmount as Nt, computed as C, createBlock as j, openBlock as w, unref as i, mergeProps as ue, createSlots as $t, renderList as Ke, withCtx as W, renderSlot as De, normalizeProps as Le, guardReactiveProps as Me, createVNode as Y, h as b, useAttrs as jt, createElementBlock as ye, normalizeClass as we, toDisplayString as Kt, ref as ve, watch as Ft, isRef as tt, createCommentVNode as Re, createElementVNode as ot, normalizeStyle as Wt, Fragment as Ne } from "vue";
+import { createContext as Gt, Slot as Ht, useEmitAsProps as Ut } from "reka-ui";
+import { omit as he, isString as lt, cloneDeep as ae, isFunction as qt, debounce as at, pick as Jt, last as nt } from "es-toolkit";
+import { isEmptyElement as $, useVModel as Pe, useLazyLoading as Qt, useFormInput as Xt, useVirtualScroll as Yt, useInputDataStates as Zt, useCollection as eo, useDisableBodyPointerEvents as to, installComponent as ct } from "@pantograph/utils-vue";
+import { getBemBlock as oo, getBemModifier as lo, getBemElement as k, getComponentOptions as _e, normCls as H, isEmptyLikeLodash as K, generateVariantClassList as J, createOptionGetterFunc as q, usePCId as Ie, getPxSize as $e, getComponentName as pt } from "@pantograph/utils";
+import { _ as ao } from "../index-CVKJ--1_.js";
 import { cva as dt } from "class-variance-authority";
 import "../Icon/index.js";
 import "../Avatar/index.js";
 import "../GraphicalObject/index.js";
-import { _ as gt, d as no } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
+import { _ as gt, d as no } from "../Avatar.vue_vue_type_style_index_0_lang-5wPimdpu.js";
 import { GraphicalObjectGroup as ro } from "../GraphicalObjectGroup/index.js";
-import { _ as so } from "../index-BCPptNhu.js";
-import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-CmXECWtq.js";
+import { _ as so } from "../index-EzEipSqD.js";
+import { _ as io } from "../Chip.vue_vue_type_style_index_0_lang-CjM8-c2F.js";
 import "../Input/index.js";
-import { whenever as uo, refDebounced as po } from "@vueuse/core";
-import { _ as co } from "../Input.vue_vue_type_script_setup_true_lang-CzKEJH7a.js";
-import { _ as We } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
-import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-BhdOsuVb.js";
-import { i as J } from "../isArray-QlWcxgml.js";
-import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
+import { whenever as uo, refDebounced as co } from "@vueuse/core";
+import { _ as po } from "../Input.vue_vue_type_script_setup_true_lang-9w1hhP5f.js";
+import { _ as Fe } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { g as go, a as mo } from "../MenuItem.vue_vue_type_style_index_0_lang-DsicR4mL.js";
+import { i as Q } from "../isArray-QlWcxgml.js";
+import { _ as mt } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Bnu4NkgN.js";
 import "../ScrollContainer/index.js";
 import "../Empty/index.js";
-import { f as fo, _ as vo, a as ho } from "../index-_lrD3ofV.js";
+import { f as fo, _ as vo, a as yo } from "../index-WDp1-fAG.js";
 import "../MenuItem/index.js";
 import "../Checkbox/index.js";
-import { _ as yo } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.js";
-import { _ as _o } from "../Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
-import { _ as bo } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import { _ as ho } from "../Checkbox.vue_vue_type_style_index_0_lang-upe4IS_Q.js";
+import { _ as bo } from "../Skeleton.vue_vue_type_style_index_0_lang-BrFBNDlI.js";
+import { _ as _o } from "../Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
 import { a as rt } from "../index-D2tZoezA.js";
 import { useConfig as Co } from "../ConfigProvider/index.js";
 import { h as st } from "../head-E4xQy0iK.js";
-import { _ as ko } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CRjnv1ii.js";
-import { _ as xo } from "../Empty.vue_vue_type_style_index_0_lang-DnH-eKDp.js";
-const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placeholder"), Fe = x(w, "option"), vt = ["sm", "md", "lg"], Po = ["error", "warning", "success"], He = /* @__PURE__ */ _e({
-  ...be("ComboboxInput"),
+import { _ as So } from "../ScrollContainer.vue_vue_type_style_index_0_lang-wNU6CesK.js";
+import { _ as ko } from "../Empty.vue_vue_type_style_index_0_lang-CjN-zB7k.js";
+const [We, xo] = Gt("Combobox"), T = oo("combobox"), ft = lo(T, "value-placeholder"), je = k(T, "option"), vt = ["sm", "md", "lg"], Bo = ["error", "warning", "success"], Ge = /* @__PURE__ */ be({
+  ..._e("ComboboxInput"),
   __name: "ComboboxInput",
   props: {
     id: {},
@@ -50,11 +50,11 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     leading: {},
     trailing: {},
     clearIcon: {},
-    trailingCls: {},
-    clearIconCls: {},
-    dividerCls: {},
-    leadingCls: {},
-    class: {},
+    trailingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    clearIconCls: { type: [Array, Object, String, Number, null, Boolean] },
+    dividerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    leadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     allowClear: { type: Boolean },
     bordered: { type: Boolean, default: void 0 },
     simple: { type: Boolean },
@@ -62,39 +62,39 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     status: {},
     steps: { type: Boolean }
   },
-  setup(Y) {
-    const t = Y, p = ut(), o = Ge();
-    uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), $t(() => {
+  setup(B) {
+    const t = B, c = ut(), o = We();
+    uo(() => o.openModel.value && o.inputRef.value, o.focusOnInput), Nt(() => {
       o.comboboxInputFocused.value = !1;
     });
-    const k = C(() => {
+    const S = C(() => {
       const L = t.placeholder ?? o.props.placeholder ?? "";
       return (o.props.headerSearch ? L : o.placeholder.value) ?? L;
-    }), U = x(w, "input");
-    return (L, y) => (I(), K(i(co), ue({
+    }), U = k(T, "input");
+    return (L, h) => (w(), j(i(po), ue({
       ...i(o).comboboxInputBinding.value,
       ...t,
       disabled: i(o).getDisabled.value || t.disabled
     }, {
-      placeholder: k.value,
+      placeholder: S.value,
       onKeydown: i(o).onKeyDown,
       ref: i(o).inputRef,
       class: i(H)(i(U), { [i(ft)]: i(o).valuePlaceholder.value }, t.class),
       contentFit: !i(o).props.headerSearch && i(o).props.contentFit,
       modelValue: i(o).searchModel.value,
-      "onUpdate:modelValue": y[0] || (y[0] = (d) => i(o).searchModel.value = d)
-    }), Kt({ _: 2 }, [
-      Ne(Object.keys(i(ye)(p, ["leading"])), (d) => ({
+      "onUpdate:modelValue": h[0] || (h[0] = (d) => i(o).searchModel.value = d)
+    }), $t({ _: 2 }, [
+      Ke(Object.keys(i(he)(c, ["leading"])), (d) => ({
         name: d,
         fn: W((g) => [
-          Le(L.$slots, d, Me(Re(g)))
+          De(L.$slots, d, Le(Me(g)))
         ])
       })),
       i(o).props.headerSearch ? {
         name: "leading",
         fn: W((d) => [
-          Le(L.$slots, "leading", Me(Re(d)), () => [
-            X(i(We), {
+          De(L.$slots, "leading", Le(Me(d)), () => [
+            Y(i(Fe), {
               size: d.iconSize,
               icon: "tabler:search",
               flipOnDir: "rtl"
@@ -105,18 +105,18 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       } : {
         name: "leading",
         fn: W((d) => [
-          Le(L.$slots, "leading", Me(Re(d)))
+          De(L.$slots, "leading", Le(Me(d)))
         ]),
         key: "1"
       }
     ]), 1040, ["placeholder", "onKeydown", "class", "contentFit", "modelValue"]));
   }
-}), Bo = /* @__PURE__ */ _e({
-  ...be("ComboboxTrigger"),
+}), Oo = /* @__PURE__ */ be({
+  ..._e("ComboboxTrigger"),
   __name: "ComboboxTrigger",
-  setup(Y) {
-    const t = Ge(), p = ({ value: r }) => {
-      r && J(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((b) => b !== r));
+  setup(B) {
+    const t = We(), c = ({ value: r }) => {
+      r && Q(t.model.value) && !t.getDisabled.value && (t.model.value = t.model.value.filter((_) => _ !== r));
     }, o = C(() => {
       switch (t.getSize.value) {
         case "sm":
@@ -125,39 +125,39 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         default:
           return "xsm";
       }
-    }), k = C(() => {
-      if (!t.props.multiple && lt(t.model.value) && !F(t.model.value))
+    }), S = C(() => {
+      if (!t.props.multiple && lt(t.model.value) && !K(t.model.value))
         return t.getOptionByValue(t.model.value);
-    }), U = (r = k.value) => {
+    }), U = (r = S.value) => {
       if (t.props.selectedItemIconAsTrailingIcon && (r != null && r._icon))
         return r._icon;
-    }, L = C(() => U()), y = C(() => {
+    }, L = C(() => U()), h = C(() => {
       if (!t.props.noTrailing)
         return t.props.trailingIcon ?? "tabler:chevron-down";
     }), d = C(() => {
       var f, v;
-      const r = ae(t.model.value), b = J(t.model.value);
+      const r = ae(t.model.value), _ = Q(t.model.value);
       return {
         modelValue: r,
         open: ae(t.openModel.value),
-        option: b ? void 0 : t.getOptionByValue(t.model.value),
-        options: b ? (v = (f = t.model.value).map) == null ? void 0 : v.call(f, t.getOptionByValue).filter(Boolean) : void 0
+        option: _ ? void 0 : t.getOptionByValue(t.model.value),
+        options: _ ? (v = (f = t.model.value).map) == null ? void 0 : v.call(f, t.getOptionByValue).filter(Boolean) : void 0
       };
     }), g = (r) => ({
       ...d.value,
       option: t.getOptionByValue(r)
-    }), n = x(w, "trigger"), N = dt(n, {
+    }), n = k(T, "trigger"), F = dt(n, {
       variants: {
-        size: q(vt, n),
-        headerSearch: q("header-search", n),
-        status: q(Po, n),
-        bordered: q("bordered", n),
-        multiple: q("multiple", n),
-        contentFit: q("content-fit", n),
-        wrapped: q("wrapped", n),
-        filled: q("filled", n)
+        size: J(vt, n),
+        headerSearch: J("header-search", n),
+        status: J(Bo, n),
+        bordered: J("bordered", n),
+        multiple: J("multiple", n),
+        contentFit: J("content-fit", n),
+        wrapped: J("wrapped", n),
+        filled: J("filled", n)
       }
-    }), Q = C(() => ({
+    }), X = C(() => ({
       type: "button",
       disabled: t.getDisabled.value,
       tabindex: t.getDisabled.value || !t.props.headerSearch ? -1 : 0,
@@ -168,89 +168,89 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       "aria-expanded": t.openModel.value,
       "data-state": t.openModel.value ? "open" : "closed",
       class: H(
-        N({
+        F({
           size: t.getSize.value,
-          status: t.getStatus.value === "success" && F(t.model.value) ? void 0 : t.getStatus.value,
+          status: t.getStatus.value === "success" && K(t.model.value) ? void 0 : t.getStatus.value,
           bordered: t.props.bordered,
           multiple: t.props.multiple,
           contentFit: t.props.contentFit,
           wrapped: t.props.wrapped,
-          filled: !F(t.model.value),
+          filled: !K(t.model.value),
           headerSearch: t.props.headerSearch
         }),
         t.props.triggerCls
       ),
       ...t.comboboxTriggerBinding.value
-    })), m = (r, b = o.value) => _(We, { icon: r, size: b }), ne = () => {
+    })), m = (r, _ = o.value) => b(Fe, { icon: r, size: _ }), ne = () => {
       var f, v;
       let r;
-      const b = (v = (f = t.slots).triggerTrailing) == null ? void 0 : v.call(
+      const _ = (v = (f = t.slots).triggerTrailing) == null ? void 0 : v.call(
         f,
         d.value
       );
-      if (!$(b)) r = b;
-      else if (y.value && y.value) {
-        const V = y.value === !0 ? "tabler:chevron-down" : y.value;
-        r = m(V);
+      if (!$(_)) r = _;
+      else if (h.value && h.value) {
+        const A = h.value === !0 ? "tabler:chevron-down" : h.value;
+        r = m(A);
       }
       if (r)
-        return _(
+        return b(
           "div",
-          { class: H(x(n, "trailing"), t.props.triggerTrailingCls) },
+          { class: H(k(n, "trailing"), t.props.triggerTrailingCls) },
           r
         );
     }, Z = (r) => {
       var f, v;
-      const b = t.getOptionByValue(r) ?? { _key: r };
-      return _(gt, {
+      const _ = t.getOptionByValue(r) ?? { _key: r };
+      return b(gt, {
         size: t.getTagSize.value,
-        ...b ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, b)) ?? {} : {}
+        ..._ ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, _)) ?? {} : {}
       });
-    }, pe = (r) => {
+    }, ce = (r) => {
       var f, v;
-      const b = t.getOptionByValue(r) ?? { _key: r };
-      return _(mt, {
-        ...b ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, b)) ?? {} : {},
+      const _ = t.getOptionByValue(r) ?? { _key: r };
+      return b(mt, {
+        ..._ ? ((v = (f = t.props).getTagProps) == null ? void 0 : v.call(f, _)) ?? {} : {},
         size: t.getTagSize.value
       });
     }, Ce = () => {
-      var r, b;
-      if (!t.props.multiple && !J(t.model.value) && t.model.value) {
+      var r, _;
+      if (!t.props.multiple && !Q(t.model.value) && t.model.value) {
         let f;
-        lt(t.model.value) && !F(t.model.value) && (f = t.model.value);
-        const v = f ? (b = (r = t.slots).optionLeading) == null ? void 0 : b.call(
+        lt(t.model.value) && !K(t.model.value) && (f = t.model.value);
+        const v = f ? (_ = (r = t.slots).optionLeading) == null ? void 0 : _.call(
           r,
           go(
             t.props.size,
             g(f)
           )
-        ) : null, V = !$(v);
-        if (V || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || L.value || t.props.leadingIcon) {
+        ) : null, A = !$(v);
+        if (A || t.props.tagRenderMode && ["avatar", "go"].includes(t.props.tagRenderMode) || L.value || t.props.leadingIcon) {
           let M;
-          if (V ? M = v : t.props.tagRenderMode === "avatar" ? M = Z(t.model.value) : t.props.tagRenderMode === "go" ? M = pe(t.model.value) : L.value ? M = m(L.value) : t.props.leadingIcon && (M = m(t.props.leadingIcon)), !$(M))
-            return _(
+          if (A ? M = v : t.props.tagRenderMode === "avatar" ? M = Z(t.model.value) : t.props.tagRenderMode === "go" ? M = ce(t.model.value) : L.value ? M = m(L.value) : t.props.leadingIcon && (M = m(t.props.leadingIcon)), !$(M))
+            return b(
               "div",
               {
-                class: H(x(n, "leading"), t.props.triggerLeadingCls)
+                class: H(k(n, "leading"), t.props.triggerLeadingCls)
               },
               M
             );
         }
       }
-    }, ce = () => {
+    }, pe = () => {
       var de, re;
       const r = (re = (de = t.slots).trigger) == null ? void 0 : re.call(de, d.value);
       if (!$(r))
-        return _(Ut, ye(Q.value, ["class"]), () => r);
+        return b(Ht, he(X.value, ["class"]), () => r);
       const f = () => {
-        const T = [], ee = [
-          x(n, "tags"),
+        const z = [], ee = [
+          k(n, "tags"),
           t.props.triggerContentCls,
           t.props.triggerContentValueCls
         ], E = (() => {
-          if (t.props.multiple && J(t.model.value)) {
+          if (t.props.multiple && Q(t.model.value)) {
             if (t.props.tagRenderMode === "avatar")
-              return _(
+              return b(
                 no,
                 {
                   maxCount: t.props.maxCount,
@@ -263,7 +263,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                 () => t.model.value.map(Z)
               );
             if (t.props.tagRenderMode === "go")
-              return _(
+              return b(
                 ro,
                 {
                   maxCount: t.props.maxCount,
@@ -273,10 +273,10 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                   noWrap: !t.props.wrapped,
                   class: ee
                 },
-                () => t.model.value.map(pe)
+                () => t.model.value.map(ce)
               );
             if (t.props.tagRenderMode === "chip")
-              return _(
+              return b(
                 so,
                 {
                   maxCount: t.props.maxCount,
@@ -286,131 +286,131 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                   noPopover: !0,
                   noWrap: !t.props.wrapped,
                   class: ee,
-                  onClose: p
+                  onClose: c
                 },
                 () => t.model.value.map((se) => {
                   var ge, me;
-                  const Te = () => t.getLabelByValue(se), ke = ({ size: ze }) => {
+                  const Te = () => t.getLabelByValue(se), Se = ({ size: ze }) => {
                     const R = U(t.getOptionByValue(se)) ?? t.props.leadingIcon;
                     return R ? m(R, ze) : null;
-                  }, xe = t.getOptionByValue(se);
-                  return _(
+                  }, ke = t.getOptionByValue(se);
+                  return b(
                     io,
                     {
-                      ...xe ? ((me = (ge = t.props).getTagProps) == null ? void 0 : me.call(ge, xe)) ?? {} : {},
+                      ...ke ? ((me = (ge = t.props).getTagProps) == null ? void 0 : me.call(ge, ke)) ?? {} : {},
                       value: se,
-                      class: H(x(n, "tag"), t.props.tagCls),
-                      closeIconCls: x(n, "tag__close")
+                      class: H(k(n, "tag"), t.props.tagCls),
+                      closeIconCls: k(n, "tag__close")
                     },
                     {
                       text: Te,
-                      leading: ke
+                      leading: Se
                     }
                   );
                 })
               );
           }
         })();
-        if (E && T.push(E), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && T.push(
-          _(
+        if (E && z.push(E), t.props.headerSearch ? (!t.props.noValueOnPlaceholder || t.props.placeholder) && z.push(
+          b(
             "div",
             {
-              class: H(x(n, "content__value"), {
+              class: H(k(n, "content__value"), {
                 [ft]: t.valuePlaceholder.value
               })
             },
             t.placeholder.value ?? t.props.placeholder
           )
-        ) : T.push(
-          _(He, {
+        ) : z.push(
+          b(Ge, {
             noValueOnPlaceholder: t.props.noValueOnPlaceholder,
             searchIcon: !1,
             bordered: !1,
             simple: !0
           })
-        ), !$(T) || !t.props.contentFit || t.props.trailingIcon)
-          return _("div", { class: x(n, "content") }, T);
-      }, v = [], V = Ce();
-      $(V) || v.push(V), v.push(f());
+        ), !$(z) || !t.props.contentFit || t.props.trailingIcon)
+          return b("div", { class: k(n, "content") }, z);
+      }, v = [], A = Ce();
+      $(A) || v.push(A), v.push(f());
       const M = ne();
-      return $(M) || v.push(M), _("button", Q.value, v);
+      return $(M) || v.push(M), b("button", X.value, v);
     };
-    return (r, b) => (I(), K(ce));
+    return (r, _) => (w(), j(pe));
   }
-}), it = /* @__PURE__ */ _e({
-  ...be("ComboboxOption"),
+}), it = /* @__PURE__ */ be({
+  ..._e("ComboboxOption"),
   __name: "ComboboxOption",
   props: {
     option: {}
   },
-  setup(Y) {
-    const t = Y, p = Ge(), o = C(() => p.isOptionSelected(t.option._key)), k = (y) => {
-      var n, N, Q, m, ne, Z;
+  setup(B) {
+    const t = B, c = We(), o = C(() => c.isOptionSelected(t.option._key)), S = (h) => {
+      var n, F, X, m, ne, Z;
       const d = [];
-      !p.props.tree && p.props.multiple && p.props.checkbox && !t.option._noCheckbox && d.push(
-        _(yo, {
+      !c.props.tree && c.props.multiple && c.props.checkbox && !t.option._noCheckbox && d.push(
+        b(ho, {
           unExtendParent: !0,
           modelValue: o.value,
-          size: y.checkboxSize,
-          disabled: t.option._disabled || p.getDisabled.value
+          size: h.checkboxSize,
+          disabled: t.option._disabled || c.getDisabled.value
         })
       );
-      const g = (N = (n = p.slots).optionLeading) == null ? void 0 : N.call(n, { ...y, option: t.option });
-      return $(g) ? p.props.tagRenderMode === "avatar" && p.props.showTriggerTagOnOption ? d.push(
-        _(gt, {
-          size: y.avatarSize,
-          ...((m = (Q = p.props).getTagProps) == null ? void 0 : m.call(Q, t.option)) ?? {}
+      const g = (F = (n = c.slots).optionLeading) == null ? void 0 : F.call(n, { ...h, option: t.option });
+      return $(g) ? c.props.tagRenderMode === "avatar" && c.props.showTriggerTagOnOption ? d.push(
+        b(gt, {
+          size: h.avatarSize,
+          ...((m = (X = c.props).getTagProps) == null ? void 0 : m.call(X, t.option)) ?? {}
         })
-      ) : p.props.tagRenderMode === "go" && p.props.showTriggerTagOnOption ? d.push(
-        _(mt, {
-          size: y.iconSize,
-          ...((Z = (ne = p.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
+      ) : c.props.tagRenderMode === "go" && c.props.showTriggerTagOnOption ? d.push(
+        b(mt, {
+          size: h.iconSize,
+          ...((Z = (ne = c.props).getTagProps) == null ? void 0 : Z.call(ne, t.option)) ?? {}
         })
-      ) : t.option._icon && d.push(_(We, { icon: t.option._icon, size: p.getIconSize.value })) : d.push(g), $(d) ? null : d;
-    }, U = Ft(), L = () => {
-      const y = p.props.tree ? void 0 : t.option._description, d = (qt(p.props.getMenuItemProps) ? p.props.getMenuItemProps(t.option) : p.props.getMenuItemProps) ?? {};
-      return _(
+      ) : t.option._icon && d.push(b(Fe, { icon: t.option._icon, size: c.getIconSize.value })) : d.push(g), $(d) ? null : d;
+    }, U = jt(), L = () => {
+      const h = c.props.tree ? void 0 : t.option._description, d = (qt(c.props.getMenuItemProps) ? c.props.getMenuItemProps(t.option) : c.props.getMenuItemProps) ?? {};
+      return b(
         mo,
         {
           unExtendParent: !0,
-          class: x(w, "option"),
+          class: k(T, "option"),
           unFocusable: !0,
-          staticStyle: p.props.tree,
-          description: y,
+          staticStyle: c.props.tree,
+          description: h,
           title: t.option._label,
           key: t.option._key,
           selected: o.value,
-          leadingCenter: !!y,
-          size: p.getSize.value,
-          disabled: p.props.tree ? !1 : t.option._disabled || p.getDisabled.value,
-          onClick: () => p.selectOption(t.option),
+          leadingCenter: !!h,
+          size: c.getSize.value,
+          disabled: c.props.tree ? !1 : t.option._disabled || c.getDisabled.value,
+          onClick: () => c.selectOption(t.option),
           slotProps: t,
           ...d,
           ...U
         },
         {
-          leading: k,
-          trailing: p.slots.optionTrailing,
-          title: p.slots.optionTitle,
-          description: p.slots.optionDescription
+          leading: S,
+          trailing: c.slots.optionTrailing,
+          title: c.slots.optionTitle,
+          description: c.slots.optionDescription
         }
       );
     };
-    return (y, d) => (I(), K(L));
+    return (h, d) => (w(), j(L));
   }
-}), Oo = /* @__PURE__ */ _e({
-  ...be("ComboboxLabel"),
+}), Po = /* @__PURE__ */ be({
+  ..._e("ComboboxLabel"),
   __name: "ComboboxLabel",
   props: {
     label: {}
   },
-  setup(Y) {
-    return (t, p) => (I(), he("div", {
-      class: we(i(x)(i(w), "label"))
-    }, Nt(t.label), 3));
+  setup(B) {
+    return (t, c) => (w(), ye("div", {
+      class: we(i(k)(i(T), "label"))
+    }, Kt(B.label), 3));
   }
-}), Io = /* @__PURE__ */ _e({
-  ...be("Combobox"),
+}), Io = /* @__PURE__ */ be({
+  ..._e("Combobox"),
   __name: "Combobox",
   props: {
     modelValue: {},
@@ -456,22 +456,22 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     lazyLoading: { type: Boolean },
     bordered: { type: Boolean, default: !0 },
     clearOnChangeMultiple: { type: Boolean, default: !0 },
-    triggerCls: {},
-    triggerLeadingCls: {},
-    triggerContentCls: {},
-    triggerContentPlaceholderCls: {},
-    triggerContentValueCls: {},
-    triggerTrailingCls: {},
-    itemLeadingCls: {},
-    optionCls: {},
-    tagCls: {},
-    popupCls: {},
-    labelCls: {},
-    optionsCls: {},
-    optionTextCls: {},
-    optionContentCls: {},
-    emptyCls: {},
-    skeletonCls: {},
+    triggerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    triggerLeadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    triggerContentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    triggerContentPlaceholderCls: { type: [Array, Object, String, Number, null, Boolean] },
+    triggerContentValueCls: { type: [Array, Object, String, Number, null, Boolean] },
+    triggerTrailingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    itemLeadingCls: { type: [Array, Object, String, Number, null, Boolean] },
+    optionCls: { type: [Array, Object, String, Number, null, Boolean] },
+    tagCls: { type: [Array, Object, String, Number, null, Boolean] },
+    popupCls: { type: [Array, Object, String, Number, null, Boolean] },
+    labelCls: { type: [Array, Object, String, Number, null, Boolean] },
+    optionsCls: { type: [Array, Object, String, Number, null, Boolean] },
+    optionTextCls: { type: [Array, Object, String, Number, null, Boolean] },
+    optionContentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    emptyCls: { type: [Array, Object, String, Number, null, Boolean] },
+    skeletonCls: { type: [Array, Object, String, Number, null, Boolean] },
     scrollContainerProps: {},
     emptyProps: {},
     samePopupWidth: { type: Boolean, default: !0 },
@@ -501,27 +501,27 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     noTrigger: { type: Boolean }
   },
   emits: ["update:modelValue", "update:expandedKeys", "keydownEnter", "keydownEscape", "update:search", "fetch", "search", "select", "update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(Y, { expose: t, emit: p }) {
-    const o = Y, k = p, U = () => {
+  setup(B, { expose: t, emit: c }) {
+    const o = B, S = c, U = () => {
       var e, l;
-      o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? Q([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && Q(
-        T.value.filter((a) => a._hasChildren).map((a) => a._key)
+      o.tree && (((e = o.filterOptions) == null ? void 0 : e.expandParent) === "collapse" ? X([]) : ((l = o.filterOptions) == null ? void 0 : l.expandParent) === "expand" && X(
+        z.value.filter((a) => a._hasChildren).map((a) => a._key)
       ));
     }, L = at((e) => {
-      k("search", e), U();
-    }, 500), y = Oe(o, "search", k, {
+      S("search", e), U();
+    }, 500), h = Pe(o, "search", S, {
       passive: o.search === void 0,
       onChange: L
-    }), d = po(y, 500), g = Oe(o, "open", k, {
+    }), d = co(h, 500), g = Pe(o, "open", S, {
       defaultValue: o.defaultOpen,
       passive: o.open === void 0,
       onChange(e) {
-        !e && o.resetSearchTermOnBlur && (y.value = void 0);
+        !e && o.resetSearchTermOnBlur && (h.value = void 0);
       }
-    }), n = Oe(
+    }), n = Pe(
       o,
       "modelValue",
-      k,
+      S,
       {
         passive: o.modelValue === void 0,
         onChange: () => {
@@ -529,21 +529,21 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           g.value && !o.multiple && (g.value = !1), R != null && R.value && o.sortSelectedItems && ((l = (e = R == null ? void 0 : R.value) == null ? void 0 : e.measure) == null || l.call(e));
         }
       }
-    ), N = Oe(
+    ), F = Pe(
       o,
       "expandedKeys",
-      k,
+      S,
       {
         passive: o.expandedKeys === void 0
       }
-    ), Q = at(
+    ), X = at(
       (e) => {
-        N.value = e;
+        F.value = e;
       },
       500,
       { edges: ["leading"] }
-    ), m = ut(), ne = jt(k), Z = C(() => ({
-      ...ye(ne, ["update:modelValue", "update:search", "select"]),
+    ), m = ut(), ne = Ut(S), Z = C(() => ({
+      ...he(ne, ["update:modelValue", "update:search", "select"]),
       ...Jt(o, [
         "placement",
         "reversePlacementOnDir",
@@ -559,54 +559,54 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         "noTrigger"
       ])
       // modal: true,
-    })), pe = ve();
-    Qt({ target: pe });
-    const Ce = j({
+    })), ce = ve();
+    Qt({ target: ce });
+    const Ce = q({
       key: "value",
       getter: o.getValue
-    }), ce = {
-      getDisabled: j({
+    }), pe = {
+      getDisabled: q({
         key: "disabled",
         getter: o.getDisabled,
         noReturnOption: !0,
         defaultValue: !1
       }),
-      getDescription: j({
+      getDescription: q({
         key: "description",
         getter: o.getDescription,
         noReturnOption: !0
       }),
       getValue: Ce,
-      getLabel: j({
+      getLabel: q({
         key: "label",
         getter: o.getLabel,
         noReturnOption: !0,
         defaultValue: Ce
       }),
-      getNoCheckbox: j({
+      getNoCheckbox: q({
         key: "noCheckbox",
         getter: o.getNoCheckbox,
         noReturnOption: !0,
         defaultValue: !1
       }),
-      getSingle: j({
+      getSingle: q({
         key: "single",
         getter: o.getSingle,
         noReturnOption: !0,
         defaultValue: !1
       }),
-      getClear: j({
+      getClear: q({
         key: "clear",
         getter: o.getClear,
         noReturnOption: !0,
         defaultValue: !1
       }),
-      getOptions: j({
+      getOptions: q({
         key: "options",
         getter: o.getOptions,
         noReturnOption: !0
       }),
-      getIcon: j({
+      getIcon: q({
         key: "icon",
         getter: o.getIcon,
         noReturnOption: !0
@@ -614,12 +614,12 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
     }, r = (e, l) => {
       var s;
       const a = `get${l[0].toUpperCase() + l.slice(1)}`;
-      return (s = ce[a]) == null ? void 0 : s.call(ce, e);
-    }, b = (e, l, a) => !!(!o.tree && !(l != null && l.length) && (a != null && a.length)), f = C(
+      return (s = pe[a]) == null ? void 0 : s.call(pe, e);
+    }, _ = (e, l, a) => !!(!o.tree && !(l != null && l.length) && (a != null && a.length)), f = C(
       () => fo({
         getValue: (e, l, a) => {
           const s = r(e, "value");
-          return F(s) && b(e, l, a) ? Ie(Fe) : s;
+          return K(s) && _(e, l, a) ? Ie(je) : s;
         },
         getDisabled: (e) => r(e, "disabled"),
         arr: o.options ?? [],
@@ -630,7 +630,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         getExtra: (e) => {
           if (e) {
             let l = r(e, "label");
-            return F(l) || (l = String(l)), {
+            return K(l) || (l = String(l)), {
               _description: r(e, "description"),
               _label: l,
               _title: o.tree ? l : void 0,
@@ -638,101 +638,101 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
               _single: r(e, "single"),
               _clear: r(e, "clear"),
               _icon: r(e, "icon"),
-              _id: Ie(De)
+              _id: Ie(Ee)
             };
           }
         },
-        allowNoValidKey: b
+        allowNoValidKey: _
       })
     ), v = (e, l = !1) => e ? f.value.filter((a) => {
       var s;
       if (l) {
-        const S = nt(a._parentKeys ?? []);
-        return S && S === e;
+        const x = nt(a._parentKeys ?? []);
+        return x && x === e;
       }
       return (s = a._parentKeys) == null ? void 0 : s.includes(e);
-    }) : [], V = (e) => {
+    }) : [], A = (e) => {
       var l;
-      if ((l = f.value) != null && l.length && !F(e))
+      if ((l = f.value) != null && l.length && !K(e))
         return f.value.find((a) => a._key === e);
     }, M = (e) => {
-      const l = V(e);
+      const l = A(e);
       return l && (l._label || l._key) || e;
     }, de = (e) => {
-      const l = V(e);
+      const l = A(e);
       return l ? l._single ?? !1 : !1;
-    }, re = (e) => e === void 0 ? !1 : Array.isArray(n.value) ? !!(e && n.value.includes(e)) : n.value === e, T = C(() => {
-      var s, S;
+    }, re = (e) => e === void 0 ? !1 : Array.isArray(n.value) ? !!(e && n.value.includes(e)) : n.value === e, z = C(() => {
+      var s, x;
       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));
       };
       if (d.value ? (f.value.forEach((u) => {
-        var h, D;
+        var y, D;
         if (u._label && u._label.toLowerCase().includes(d.value.toLowerCase()) && !l.has(u._key)) {
-          if (a(u), u._hasChildren && v(u._key).forEach(a), (h = o.filterOptions) != null && h.strictNode)
-            u._parentKeys && u._parentKeys.forEach((c) => {
-              if (!l.has(c)) {
-                const oe = V(c);
+          if (a(u), u._hasChildren && v(u._key).forEach(a), (y = o.filterOptions) != null && y.strictNode)
+            u._parentKeys && u._parentKeys.forEach((p) => {
+              if (!l.has(p)) {
+                const oe = A(p);
                 a(oe);
               }
             });
           else if ((D = u._parentKeys) != null && D.length) {
-            const c = st(u._parentKeys);
-            if (!F(c)) {
-              if (!l.has(c)) {
-                const le = V(c);
+            const p = st(u._parentKeys);
+            if (!K(p)) {
+              if (!l.has(p)) {
+                const le = A(p);
                 a(le);
               }
-              v(c).forEach(a);
+              v(p).forEach(a);
             }
           }
         }
       }), e = e.sort(
-        (u, z) => f.value.findIndex((h) => h._key === u._key) - f.value.findIndex((h) => h._key === z._key)
-      )) : e = ae(f.value), o.sortSelectedItems && !o.tree && !F(n.value)) {
+        (u, V) => f.value.findIndex((y) => y._key === u._key) - f.value.findIndex((y) => y._key === V._key)
+      )) : e = ae(f.value), o.sortSelectedItems && !o.tree && !K(n.value)) {
         let u = ae(e);
-        const z = u.filter((B) => re(B._key)), h = Symbol("root"), D = Symbol("rootGroup"), c = {}, oe = (B, A, O = 1) => {
-          const G = u.splice(B, O);
-          u.splice(A, 0, ...G);
-        }, le = (B) => B ? u.findIndex((A) => A._key === B) : -1, Pe = (B) => {
-          const A = c[B], O = le(A == null ? void 0 : A.key);
-          return A != null && A.length ? O + A.length + 1 : O + 1;
+        const V = u.filter((P) => re(P._key)), y = Symbol("root"), D = Symbol("rootGroup"), p = {}, oe = (P, N, I = 1) => {
+          const G = u.splice(P, I);
+          u.splice(N, 0, ...G);
+        }, le = (P) => P ? u.findIndex((N) => N._key === P) : -1, Be = (P) => {
+          const N = p[P], I = le(N == null ? void 0 : N.key);
+          return N != null && N.length ? I + N.length + 1 : I + 1;
         };
-        z.forEach((B) => {
-          var A;
-          if ((A = B._parentKeys) != null && A.length) {
-            const O = st(B._parentKeys);
-            let G = le(O);
+        V.forEach((P) => {
+          var N;
+          if ((N = P._parentKeys) != null && N.length) {
+            const I = st(P._parentKeys);
+            let G = le(I);
             const et = Math.max(
-              Pe(h),
-              Pe(D)
+              Be(y),
+              Be(D)
             );
             if (G > et) {
-              const Be = v(O).length;
-              oe(G, et, Be + 1);
+              const Oe = v(I).length;
+              oe(G, et, Oe + 1);
             }
-            if (c[D] = {
-              key: O,
-              length: v(O).length
-            }, G = le(O), O && G > -1) {
-              const Be = le(B._key);
-              if (c[O] === void 0)
-                oe(Be, G + 1);
+            if (p[D] = {
+              key: I,
+              length: v(I).length
+            }, G = le(I), I && G > -1) {
+              const Oe = le(P._key);
+              if (p[I] === void 0)
+                oe(Oe, G + 1);
               else {
-                const At = Pe(O);
-                oe(Be, At);
+                const Rt = Be(I);
+                oe(Oe, Rt);
               }
-              c[O] = {
+              p[I] = {
                 length: void 0,
-                key: B._key
+                key: P._key
               };
             }
           } else {
-            const O = le(B._key), G = Pe(h);
-            O > G && oe(O, G), c[h] = {
-              key: B._key,
-              length: B._hasChildren ? v(B._key).length : void 0
+            const I = le(P._key), G = Be(y);
+            I > G && oe(I, G), p[y] = {
+              key: P._key,
+              length: P._hasChildren ? v(P._key).length : void 0
             };
           }
           u = ae(u);
@@ -740,20 +740,20 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       }
       if (!o.tree) {
         const u = ae(e);
-        for (let z = 0; z < u.length - 1; z++) {
-          const h = u[z], D = u[z + 1];
-          !D._divider && (D._hasChildren || (s = h._parentKeys) != null && s.length && !((S = D._parentKeys) != null && S.length)) && (u.splice(z + 1, 0, {
-            _key: Ie(Fe),
+        for (let V = 0; V < u.length - 1; V++) {
+          const y = u[V], D = u[V + 1];
+          !D._divider && (D._hasChildren || (s = y._parentKeys) != null && s.length && !((x = D._parentKeys) != null && x.length)) && (u.splice(V + 1, 0, {
+            _key: Ie(je),
             _divider: !0,
-            _id: Ie(Fe)
-          }), z++);
+            _id: Ie(je)
+          }), V++);
         }
         e = u;
       }
       return e;
     });
     U();
-    const { getDisabled: ee, getStatus: Ue, getSize: E } = Xt({
+    const { getDisabled: ee, getStatus: He, getSize: E } = Xt({
       defaults: { size: "md" },
       exports: ["getDisabled", "getSize", "getStatus"]
     }), se = C(() => {
@@ -776,7 +776,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         default:
           return "xsm";
       }
-    }), ke = ve(), xe = {
+    }), Se = ve(), ke = {
       sm: 4,
       md: 6,
       lg: 8
@@ -789,14 +789,14 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       lg: 54
     }, ze = C(() => ({
       get count() {
-        return T.value.length;
+        return z.value.length;
       },
       getScrollElement: () => {
         var e;
-        return (e = ke.value) == null ? void 0 : e.container.viewportElement;
+        return (e = Se.value) == null ? void 0 : e.container.viewportElement;
       },
       estimateSize: (e) => {
-        const l = T.value[e];
+        const l = z.value[e];
         if (!o.tree && l) {
           if (l._divider)
             return 1;
@@ -809,7 +809,7 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       },
       overscan: 5,
       get gap() {
-        return xe[E.value] ?? 0;
+        return ke[E.value] ?? 0;
       }
     }));
     let R, te;
@@ -819,14 +819,14 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       );
       R = e, te = l;
     }
-    const ht = C(
+    const yt = C(
       () => {
         var e;
-        return o.virtual ? (((e = R == null ? void 0 : R.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => T.value[l.index]) : T.value;
+        return o.virtual ? (((e = R == null ? void 0 : R.value) == null ? void 0 : e.getVirtualItems()) ?? []).map((l) => z.value[l.index]) : z.value;
       }
-    ), yt = C(() => (te == null ? void 0 : te.containerStyles.value) ?? {}), {
-      inputBindings: _t,
-      rootBindings: bt,
+    ), ht = C(() => (te == null ? void 0 : te.containerStyles.value) ?? {}), {
+      inputBindings: bt,
+      rootBindings: _t,
       focused: Ct
     } = Zt({
       getDisabled: () => ee.value
@@ -840,105 +840,105 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
         }, 100);
         ie.value.input.style.pointerEvents = "";
       }
-    }, je = C(
-      () => !o.noValueOnPlaceholder && (J(n.value) ? n.value.length === 1 && !F(n.value[0]) : !F(n.value))
-    ), kt = C(() => {
-      if (je.value) {
-        if (o.multiple && J(n.value))
+    }, Ue = C(
+      () => !o.noValueOnPlaceholder && (Q(n.value) ? n.value.length === 1 && !K(n.value[0]) : !K(n.value))
+    ), St = C(() => {
+      if (Ue.value) {
+        if (o.multiple && Q(n.value))
           return M(nt(n.value));
-        if (!o.multiple && !J(n.value))
+        if (!o.multiple && !Q(n.value))
           return M(n.value);
       }
-    }), { CollectionSlot: xt, CollectionItem: qe, itemMap: St, getItems: Je } = eo({
+    }), { CollectionSlot: kt, CollectionItem: qe, itemMap: xt, getItems: Je } = eo({
       isProvider: !0,
-      key: w
-    }), Qe = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], P = ve(), Ee = (e) => {
-      P.value = e;
+      key: T
+    }), Qe = () => n.value ? Array.isArray(n.value) ? n.value : [n.value] : [], O = ve(), Ae = (e) => {
+      O.value = e;
     }, Xe = (e) => ({
       "data-disabled": e._disabled ? "" : void 0,
-      "data-highlighted": P.value === e._key ? "" : void 0
+      "data-highlighted": O.value === e._key ? "" : void 0
     }), fe = ve(), Ye = (e, l) => {
       var a, s;
       if (l && ((a = fe.value) != null && a.onSelect) && o.tree && ((s = fe.value) == null || s.onSelect(e, !re(e == null ? void 0 : e._key))), !(o.tree || !e || !e._key || e._disabled))
         if (o.multiple)
           if (e._clear)
-            n.value = [], k("select", void 0, !1);
+            n.value = [], S("select", void 0, !1);
           else if (e._single)
-            n.value = [e._key], k("select", e._key, !0, e);
+            n.value = [e._key], S("select", e._key, !0, e);
           else {
-            let S = J(n.value) ? n.value : [];
-            const u = S.includes(e._key);
-            S.length === 1 && de(S[0]) && e._key !== S[0] && (S = []), u ? (n.value = S.filter((z) => z !== e._key), k("select", e._key, !0, e)) : (n.value = [...S, e._key], k("select", e._key, !1, e));
+            let x = Q(n.value) ? n.value : [];
+            const u = x.includes(e._key);
+            x.length === 1 && de(x[0]) && e._key !== x[0] && (x = []), u ? (n.value = x.filter((V) => V !== e._key), S("select", e._key, !0, e)) : (n.value = [...x, e._key], S("select", e._key, !1, e));
           }
-        else e._clear ? (n.value = void 0, k("select", void 0, !1)) : (n.value = e._key, k("select", e._key, !0, e));
-    }, { getDir: Pt } = Co(), Se = Pt(), Ze = {
+        else e._clear ? (n.value = void 0, S("select", void 0, !1)) : (n.value = e._key, S("select", e._key, !0, e));
+    }, { getDir: Bt } = Co(), xe = Bt(), Ze = {
       props: o,
-      emit: k,
+      emit: S,
       onKeyDown: (e) => {
-        var l, a, s, S, u, z;
-        if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && J(n.value) && F(y.value))
+        var l, a, s, x, u, V;
+        if (o.headerSearch || e.stopPropagation(), e.key === "Backspace" && o.multiple && Q(n.value) && K(h.value))
           n.value = n.value.slice(0, -1);
         else if (!g.value)
           (e.key === "ArrowDown" || e.key === "Enter") && (g.value = !0);
         else if (g.value) {
-          const h = Je(o.tree);
+          const y = Je(o.tree);
           if (e.key === "Escape") g.value = !1;
           else if (e.key === "Tab" && !o.headerSearch) g.value = !1;
           else if (["ArrowDown", "ArrowUp"].includes(e.key)) {
-            if (h.length) {
-              const D = h.findIndex(
-                (c) => P.value && c.value && c.value === P.value
+            if (y.length) {
+              const D = y.findIndex(
+                (p) => O.value && p.value && p.value === O.value
               );
               if (e.key === "ArrowDown") {
-                const c = h[D + 1];
-                P.value = (c == null ? void 0 : c.value) ?? P.value ?? h[0].value;
+                const p = y[D + 1];
+                O.value = (p == null ? void 0 : p.value) ?? O.value ?? y[0].value;
               } else if (e.key === "ArrowUp") {
-                const c = h[D - 1];
-                P.value = (c == null ? void 0 : c.value) ?? h[0].value;
+                const p = y[D - 1];
+                O.value = (p == null ? void 0 : p.value) ?? y[0].value;
               }
-              (a = (l = h.find(
-                (c) => P.value && c.value && c.value === P.value
+              (a = (l = y.find(
+                (p) => O.value && p.value && p.value === O.value
               )) == null ? void 0 : l.ref) == null || a.scrollIntoView();
             }
           } else if (["ArrowLeft", "ArrowRight"].includes(e.key)) {
-            const D = V(P.value);
-            h.length && fe.value && o.tree && P.value && D && ((s = N.value) != null && s.includes(P.value) && (Se.value === "ltr" && e.key === "ArrowLeft" || Se.value === "rtl" && e.key === "ArrowRight") || !((S = N.value) != null && S.includes(P.value)) && (Se.value === "ltr" && e.key === "ArrowRight" || Se.value === "rtl" && e.key === "ArrowLeft")) && ((z = (u = fe.value).onExpandKey) == null || z.call(u, D));
-          } else e.key === "Enter" && (h.length === 1 && h[0].value && P.value !== h[0].value && (P.value = h[0].value), P.value && Ye(V(P.value), !0), k("keydownEnter", e, y.value));
-          e.key === "Escape" && k("keydownEscape", e);
+            const D = A(O.value);
+            y.length && fe.value && o.tree && O.value && D && ((s = F.value) != null && s.includes(O.value) && (xe.value === "ltr" && e.key === "ArrowLeft" || xe.value === "rtl" && e.key === "ArrowRight") || !((x = F.value) != null && x.includes(O.value)) && (xe.value === "ltr" && e.key === "ArrowRight" || xe.value === "rtl" && e.key === "ArrowLeft")) && ((V = (u = fe.value).onExpandKey) == null || V.call(u, D));
+          } else e.key === "Enter" && (y.length === 1 && y[0].value && O.value !== y[0].value && (O.value = y[0].value), O.value && Ye(A(O.value), !0), S("keydownEnter", e, h.value));
+          e.key === "Escape" && S("keydownEscape", e);
         }
       },
-      searchModel: y,
+      searchModel: h,
       openModel: g,
       model: n,
       slots: m,
-      valuePlaceholder: je,
-      placeholder: kt,
-      getOptionByValue: V,
+      valuePlaceholder: Ue,
+      placeholder: St,
+      getOptionByValue: A,
       isOptionSelected: re,
       getLabelByValue: M,
       getSingleByValue: de,
       inputRef: ie,
       focusOnInput: Ve,
       getDisabled: ee,
-      getStatus: Ue,
+      getStatus: He,
       getSize: E,
       getTagSize: se,
       getIconSize: Te,
-      comboboxInputBinding: _t,
-      comboboxTriggerBinding: bt,
+      comboboxInputBinding: bt,
+      comboboxTriggerBinding: _t,
       comboboxInputFocused: Ct,
       selectOption: Ye,
-      itemMap: St,
+      itemMap: xt,
       getItems: Je,
-      highlightedOptionKey: P
+      highlightedOptionKey: O
     };
-    So(Ze), Wt(
+    xo(Ze), Ft(
       () => [o.clearOnChangeMultiple, o.multiple],
       () => {
         o.clearOnChangeMultiple && (n.value = void 0);
       }
     );
-    const Bt = C(() => ({
+    const Ot = C(() => ({
       defaultExpandAll: !0,
       showLine: !0,
       disabled: ee.value,
@@ -953,16 +953,16 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       checkable: o.multiple && o.checkbox,
       virtual: R,
       syncCheckboxAndSelect: o.multiple,
-      data: T.value,
+      data: z.value,
       modelValue: Qe(),
       checkedKeys: Qe(),
-      class: x(w, "tree")
-    })), Ot = C(() => {
+      class: k(T, "tree")
+    })), Pt = C(() => {
       const e = o.scrollContainerProps ?? {};
       return {
         ...e,
         areaCls: [
-          x(w, "scroll_area"),
+          k(T, "scroll_area"),
           e == null ? void 0 : e.class,
           e == null ? void 0 : e.areaCls
         ],
@@ -971,74 +971,74 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
           style: (te == null ? void 0 : te.scrollWrapperStyles.value) ?? {}
         }
       };
-    }), De = x(w, "popup"), It = dt(De, {
+    }), Ee = k(T, "popup"), It = dt(Ee, {
       variants: {
-        size: q(vt, De)
+        size: J(vt, Ee)
       }
-    }), wt = C(() => Ke(o.popupWidth, !0)), Tt = C(() => Ke(o.popupHeight, !0)), zt = C(() => Ke(o.minWidth, !0)), Vt = () => {
+    }), wt = C(() => $e(o.popupWidth, !0)), Tt = C(() => $e(o.popupHeight, !0)), zt = C(() => $e(o.minWidth, !0)), Vt = () => {
       var a, s;
       const e = (s = m.header) == null ? void 0 : s.call(m, {
-        isEmpty: !((a = T.value) != null && a.length),
-        search: y.value
+        isEmpty: !((a = z.value) != null && a.length),
+        search: h.value
       }), l = !$(e);
       if (l || o.headerSearch)
-        return _(
+        return b(
           "div",
-          { class: x(w, "header") },
-          l ? e : _(He, o.headerSearchInputProps || {})
+          { class: k(T, "header") },
+          l ? e : b(Ge, o.headerSearchInputProps || {})
         );
-    }, Et = () => {
+    }, At = () => {
       var a, s;
       const e = (s = m.footer) == null ? void 0 : s.call(m, {
-        isEmpty: !((a = T.value) != null && a.length),
-        search: y.value
+        isEmpty: !((a = z.value) != null && a.length),
+        search: h.value
       });
       if (!$(e))
-        return _("div", { class: x(w, "footer") }, e);
-    }, Dt = () => {
+        return b("div", { class: k(T, "footer") }, e);
+    }, Et = () => {
       var a;
       const e = {
         type: E.value === "sm" ? "simple" : "advance",
-        ...ye(o.emptyProps ?? {}, ["class"]),
-        class: H(x(w, "empty"), o.emptyCls)
+        ...he(o.emptyProps ?? {}, ["class"]),
+        class: H(k(T, "empty"), o.emptyCls)
       }, l = (a = m.empty) == null ? void 0 : a.call(m, e);
-      return $(l) ? _(xo, e, {
+      return $(l) ? b(ko, e, {
         title: m.emptyTitle,
         description: m.emptyDescription,
         actions: m.emptyActions,
         image: m.emptyImage
       }) : l;
-    }, Lt = () => {
+    }, Dt = () => {
       var a;
       const e = (a = m.loading) == null ? void 0 : a.call(m, {});
-      return $(e) ? new Array(T.value.length ? 2 : o.loadingRowCount).fill(1).map(
-        () => _(_o, {
+      return $(e) ? new Array(z.value.length ? 2 : o.loadingRowCount).fill(1).map(
+        () => b(bo, {
           size: E.value,
-          class: H(x(w, "skeleton"), o.skeletonCls),
-          ...ye(o.skeletonProps ?? {}, ["class"])
+          class: H(k(T, "skeleton"), o.skeletonCls),
+          ...he(o.skeletonProps ?? {}, ["class"])
         })
       ) : e;
-    }, Mt = (e, l, a) => {
+    }, Lt = (e, l, a) => {
       const s = e._clear;
       if (o.multiple) {
-        const S = e._single;
-        s ? n.value = [] : S ? n.value = [e._key] : n.value = a;
+        const x = e._single;
+        s ? n.value = [] : x ? n.value = [e._key] : n.value = a;
       } else s || !l ? n.value = void 0 : n.value = e._key;
-      k(
+      S(
         "select",
         e._key,
         l,
         e
       );
-    }, Rt = (e) => {
+    }, Mt = (e) => {
       e.key === "ArrowDown" && !g.value ? g.value = !0 : e.key === "Tab" && g.value && (g.value = !1);
     };
-    return o.disableOutsidePointerEvents && to(g), t(Ze), (e, l) => (I(), K(i(ao), ue({
+    return o.disableOutsidePointerEvents && to(g), t(Ze), (e, l) => (w(), j(i(ao), ue({
       open: i(g),
       "onUpdate:open": l[2] || (l[2] = (a) => tt(g) ? g.value = a : null)
     }, Z.value, {
       containerProps: {
-        ...e.containerProps ?? {},
+        ...B.containerProps ?? {},
         onClick: Ve
       },
       noPadding: !0,
@@ -1046,54 +1046,54 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
       containerStyle: {
         pointerEvents: "auto",
         display: i(g) ? void 0 : "none",
-        zIndex: e.zIndex,
-        "--ptc-combobox-popup-width": e.samePopupWidth ? void 0 : wt.value,
+        zIndex: B.zIndex,
+        "--ptc-combobox-popup-width": B.samePopupWidth ? void 0 : wt.value,
         "--ptc-combobox-popup-height": Tt.value,
         "--ptc-combobox-trigger-min-w": zt.value
       },
-      containerCls: i(H)(i(It)({ size: i(E) }), e.popupCls),
-      onKeydown: Rt
+      containerCls: i(H)(i(It)({ size: i(E) }), B.popupCls),
+      onKeydown: Mt
     }), {
       default: W(() => [
-        X(Bo)
+        Y(Oo)
       ]),
       content: W(() => [
-        X(Vt),
-        X(i(ko), ue({
+        Y(Vt),
+        Y(i(So), ue({
           ref_key: "scrollContainerRef",
-          ref: ke
-        }, Ot.value), {
+          ref: Se
+        }, Pt.value), {
           default: W(() => [
-            T.value.length || e.loading ? (I(), K(i(xt), { key: 0 }, {
+            z.value.length || B.loading ? (w(), j(i(kt), { key: 0 }, {
               default: W(() => [
                 ot("div", {
-                  class: we(i(H)(i(x)(i(w), "options"), e.optionsCls)),
-                  style: Gt(e.virtual ? yt.value : {}),
-                  onPointerleave: l[1] || (l[1] = (a) => Ee(void 0))
+                  class: we(i(H)(i(k)(i(T), "options"), B.optionsCls)),
+                  style: Wt(B.virtual ? ht.value : {}),
+                  onPointerleave: l[1] || (l[1] = (a) => Ae(void 0))
                 }, [
-                  e.tree ? (I(), K(i(vo), ue({
+                  B.tree ? (w(), j(i(vo), ue({
                     key: 0,
                     ref_key: "treeRef",
                     ref: fe
-                  }, Bt.value, {
-                    expandedKeys: i(N),
-                    "onUpdate:expandedKeys": l[0] || (l[0] = (a) => tt(N) ? N.value = a : null),
+                  }, Ot.value, {
+                    expandedKeys: i(F),
+                    "onUpdate:expandedKeys": l[0] || (l[0] = (a) => tt(F) ? F.value = a : null),
                     onExpand: Ve,
-                    onSelect: Mt
+                    onSelect: Lt
                   }), {
                     default: W(({ items: a }) => [
-                      (I(!0), he($e, null, Ne(a, (s) => (I(), K(i(qe), {
+                      (w(!0), ye(Ne, null, Ke(a, (s) => (w(), j(i(qe), {
                         key: s._key,
                         value: s._key,
                         id: s._id
                       }, {
                         default: W(() => [
-                          X(i(ho), ue({ node: s }, { ref_for: !0 }, Xe(s), {
-                            onPointermove: (S) => Ee(s._key),
+                          Y(i(yo), ue({ node: s }, { ref_for: !0 }, Xe(s), {
+                            onPointermove: (x) => Ae(s._key),
                             id: s._id
                           }), {
                             default: W(() => [
-                              X(it, {
+                              Y(it, {
                                 option: s
                               }, null, 8, ["option"])
                             ]),
@@ -1104,57 +1104,57 @@ const [Ge, So] = Ht("Combobox"), w = oo("combobox"), ft = lo(w, "value-placehold
                       }, 1032, ["value", "id"]))), 128))
                     ]),
                     _: 1
-                  }, 16, ["expandedKeys"])) : (I(!0), he($e, { key: 1 }, Ne(ht.value, (a) => (I(), he($e, {
+                  }, 16, ["expandedKeys"])) : (w(!0), ye(Ne, { key: 1 }, Ke(yt.value, (a) => (w(), ye(Ne, {
                     key: a._key
                   }, [
-                    a._divider ? (I(), K(bo, { key: 0 })) : a._label && a._hasChildren ? (I(), K(Oo, {
+                    a._divider ? (w(), j(_o, { key: 0 })) : a._label && a._hasChildren ? (w(), j(Po, {
                       key: 1,
                       label: a._label
-                    }, null, 8, ["label"])) : a._hasChildren ? Ae("", !0) : (I(), K(i(qe), {
+                    }, null, 8, ["label"])) : a._hasChildren ? Re("", !0) : (w(), j(i(qe), {
                       key: 2,
                       value: a._key,
                       id: a._id
                     }, {
                       default: W(() => [
-                        X(it, ue({ option: a }, { ref_for: !0 }, Xe(a), {
-                          onPointermove: (s) => Ee(a._key),
+                        Y(it, ue({ option: a }, { ref_for: !0 }, Xe(a), {
+                          onPointermove: (s) => Ae(a._key),
                           id: a._id
                         }), null, 16, ["option", "onPointermove", "id"])
                       ]),
                       _: 2
                     }, 1032, ["value", "id"]))
                   ], 64))), 128)),
-                  e.loading ? (I(), K(Lt, { key: 2 })) : Ae("", !0)
+                  B.loading ? (w(), j(Dt, { key: 2 })) : Re("", !0)
                 ], 38)
               ]),
               _: 1
-            })) : (I(), K(Dt, { key: 1 })),
-            e.lazyLoading ? (I(), he("div", {
+            })) : (w(), j(Et, { key: 1 })),
+            B.lazyLoading ? (w(), ye("div", {
               key: 2,
-              class: we(i(x)(i(w), "lazy_loading"))
+              class: we(i(k)(i(T), "lazy_loading"))
             }, [
               ot("div", {
-                class: we(i(x)(i(w), "lazy_loading_trigger")),
+                class: we(i(k)(i(T), "lazy_loading_trigger")),
                 ref_key: "target",
-                ref: pe
+                ref: ce
               }, null, 2)
-            ], 2)) : Ae("", !0)
+            ], 2)) : Re("", !0)
           ]),
           _: 1
         }, 16),
-        X(Et)
+        Y(At)
       ]),
       _: 1
     }, 16, ["open", "containerProps", "size", "containerStyle", "containerCls"]));
   }
-}), pl = pt(Io, ct("Combobox")), cl = pt(He, ct("ComboboxInput"));
+}), cl = ct(Io, pt("Combobox")), pl = ct(Ge, pt("ComboboxInput"));
 export {
   Io as Combobox,
-  He as ComboboxInput,
-  cl as ComboboxInputPlugin,
-  pl as ComboboxPlugin,
+  Ge as ComboboxInput,
+  pl as ComboboxInputPlugin,
+  cl as ComboboxPlugin,
   vt as ComboboxSizes,
-  Po as ComboboxStatuses,
-  Ge as injectComboboxContext,
-  So as provideComboboxContext
+  Bo as ComboboxStatuses,
+  We as injectComboboxContext,
+  xo as provideComboboxContext
 };