@pantograph/vue 0.25.7 → 0.26.0

package/dist/{Combobox.vue_vue_type_style_index_0_lang-CzVJFdEg.js → Combobox.vue_vue_type_style_index_0_lang-DLgal2Q-.js}

@@ -1,31 +1,30 @@
-import { defineComponent as le, computed as i, createBlock as _e, openBlock as ue, unref as P, mergeProps as Re, withCtx as fe, createElementBlock as Ae, createVNode as $e, h as n, normalizeClass as qe, renderSlot as Fe, ref as Ce, watch as Ne, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ye, normalizeProps as Ze, guardReactiveProps as et } from "vue";
-import { createContext as Ke, ComboboxInput as tt, ComboboxAnchor as ot, injectComboboxRootContext as at, useFilter as nt, ComboboxPortal as lt, ComboboxContent as rt, useEmitAsProps as st, ComboboxRoot as it } from "reka-ui";
+import { defineComponent as le, computed as i, createBlock as xe, openBlock as ue, unref as P, mergeProps as Re, withCtx as fe, createElementBlock as Ae, createVNode as $e, h as n, normalizeClass as qe, renderSlot as Fe, ref as Ce, watch as Ne, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ye, normalizeProps as Ze, guardReactiveProps as et } from "vue";
+import { createContext as We, ComboboxInput as tt, ComboboxAnchor as ot, injectComboboxRootContext as at, useFilter as nt, ComboboxPortal as lt, ComboboxContent as rt, useEmitAsProps as st, ComboboxRoot as it } from "reka-ui";
 import { last as pt, isString as ve, cloneDeep as Le, omit as Me, isFunction as we, omitBy as ut, pick as De, isUndefined as ct } from "es-toolkit";
 import { g as Oe, a as Se } from "./options-Bh1s18jm.js";
-import { l as ne, s as H, e as Be, k as F, m as xe, h as dt, j as gt, g as mt, t as ft, o as vt, u as ht } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
-import { getBemBlock as bt, getBemElement as v, generateVariantClassList as U, normCls as X } from "@pantograph/utils";
+import { n as ne, v as H, e as Be, k as F, o as _e, h as dt, j as gt, g as mt, m as ft, q as vt, u as ht } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
+import { getBemBlock as bt, getBemElement as f, generateVariantClassList as U, normCls as X } from "@pantograph/utils";
 import { cva as Pe } from "class-variance-authority";
-import { _ as yt } from "./Empty.vue_vue_type_style_index_0_lang-C1kPtilP.js";
+import { _ as yt } from "./Empty.vue_vue_type_style_index_0_lang-Bk2nO0VN.js";
 import { _ as Ct } from "./Skeleton.vue_vue_type_style_index_0_lang-2rpO7HY2.js";
 import { _ as Ve } from "./Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { u as Vt, U as _t } from "./useInputDataStates-BNwXgt9l.js";
-import { u as xt } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as Ot, b as St } from "./Popover.vue_vue_type_style_index_0_lang-BolWR0Oq.js";
+import { u as Vt, U as xt } from "./useInputDataStates-D-XvZURF.js";
+import { u as _t } from "./useLazyLoading-Zo-PEp2E.js";
+import { g as Ot, b as St } from "./Popover.vue_vue_type_style_index_0_lang-BrLhsdZu.js";
 import { u as Bt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
-import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-Dl1jP8xY.js";
-import { _ as kt } from "./Tree.vue_vue_type_style_index_0_lang-wxS0iVAQ.js";
-import { _ as It } from "./Chip.vue_vue_type_style_index_0_lang-DZpyBQK1.js";
-import { _ as Tt } from "./ChipGroup.vue_vue_type_style_index_0_lang-CeTQpuIw.js";
-import { _ as We, d as zt } from "./Avatar.vue_vue_type_style_index_0_lang-560JMJs8.js";
-import { _ as Lt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-BXpVeN5_.js";
-import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CpstWkLR.js";
-import { _ as Mt } from "./Input.vue_vue_type_script_setup_true_lang-Dtkw6-JD.js";
+import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-ioHY1esc.js";
+import { _ as kt } from "./Tree.vue_vue_type_style_index_0_lang-i9HBxbnw.js";
+import { b as It, _ as Tt } from "./Chip.vue_vue_type_style_index_0_lang-CRI3QwLZ.js";
+import { _ as Ke, d as zt } from "./Avatar.vue_vue_type_style_index_0_lang-DmIuHoi3.js";
+import { _ as Lt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CFIKZKMj.js";
+import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DFogOMOj.js";
+import { _ as Mt } from "./Input.vue_vue_type_script_setup_true_lang-BZidgKiU.js";
 import { whenever as wt } from "@vueuse/core";
-import { a as Dt } from "./MenuItem.vue_vue_type_style_index_0_lang-BSbQKPOJ.js";
-import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-Q8nvY8Va.js";
+import { a as Dt } from "./MenuItem.vue_vue_type_style_index_0_lang-CK2KrtJa.js";
+import { _ as Et } from "./Checkbox.vue_vue_type_style_index_0_lang-QBA04hd1.js";
 import "@pantograph/tokens";
 import "@tanstack/vue-virtual";
-const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"), Ue = ["sm", "md", "lg"], Ft = ["error", "warning", "success"], Nt = { key: 1 }, je = /* @__PURE__ */ le({
+const [ke, Rt] = We("Combobox"), [At, $t] = We("_Combobox"), k = bt("combobox"), Ue = ["sm", "md", "lg"], Ft = ["error", "warning", "success"], Nt = { key: 1 }, je = /* @__PURE__ */ le({
   ...Oe("ComboboxInput"),
   __name: "ComboboxInput",
   setup(g) {
@@ -50,17 +49,17 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
           o.focusOnInput(), clearTimeout(T);
         }, 2);
       }
-    }, p = v(k, "input"), L = Pe(p, {
+    }, p = f(k, "input"), L = Pe(p, {
       variants: {
         valuePlaceholder: U("value-placeholder", p)
       }
     });
-    return (N, T) => (ue(), _e(P(tt), Re(P(o).comboboxInputBinding.value, {
+    return (N, T) => (ue(), xe(P(tt), Re(P(o).comboboxInputBinding.value, {
       disabled: P(o).getDisabled.value,
       placeholder: e.value,
       "as-child": "",
       modelValue: P(o).searchModel.value,
-      "onUpdate:modelValue": T[0] || (T[0] = (x) => P(o).searchModel.value = x),
+      "onUpdate:modelValue": T[0] || (T[0] = (_) => P(o).searchModel.value = _),
       onKeydown: m,
       class: P(L)({
         valuePlaceholder: t.value
@@ -68,14 +67,14 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       displayValue: () => ""
     }), {
       default: fe(() => [
-        P(o).props.headerSearch ? (ue(), _e(Mt, {
+        P(o).props.headerSearch ? (ue(), xe(Mt, {
           key: 0,
           ref: P(o).headerInputElement,
           placeholder: P(o).props.placeholder
         }, {
-          leading: fe(({ iconSize: x }) => [
+          leading: fe(({ iconSize: _ }) => [
             $e(Be, {
-              size: x,
+              size: _,
               icon: "tabler:search",
               flipOnDir: "rtl"
             }, null, 8, ["size"])
@@ -86,7 +85,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       _: 1
     }, 16, ["disabled", "placeholder", "modelValue", "class"]));
   }
-}), Kt = le({
+}), Wt = le({
   name: Se("ComboboxTrigger"),
   props: {},
   setup(g, { slots: o, attrs: t }) {
@@ -95,7 +94,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         const S = e.modelValue.value.filter((I) => I !== l);
         e.setModelValue(S);
       }
-    }, p = v(k, "trigger"), L = Pe(p, {
+    }, p = f(k, "trigger"), L = Pe(p, {
       variants: {
         size: U(Ue, p),
         headerSearch: U("header-search", p),
@@ -117,10 +116,10 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
     }), T = i(() => {
       if (!e.props.multiple && ve(e.modelValue.value) && !ne(e.modelValue.value))
         return e.getOptionByValue(e.modelValue.value);
-    }), x = (l = T.value) => {
-      if (e.props.selectedItemIconAsTrailingIcon && xe(l) && "icon" in l)
+    }), _ = (l = T.value) => {
+      if (e.props.selectedItemIconAsTrailingIcon && _e(l) && "icon" in l)
         return l.icon;
-    }, j = i(() => x()), M = i(() => {
+    }, j = i(() => _()), M = i(() => {
       if (!e.props.noTrailing)
         return e.props.trailingIcon;
     }), y = i(() => {
@@ -132,7 +131,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         option: C ? void 0 : e.getOptionByValue(e.modelValue.value),
         options: C ? (I = (S = e.modelValue.value).map) == null ? void 0 : I.call(S, e.getOptionByValue).filter(Boolean) : void 0
       };
-    }), K = () => {
+    }), W = () => {
       e.onOpenChange(!e.open.value);
     }, re = (l) => {
       e.props.headerSearch;
@@ -161,14 +160,14 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         e.props.triggerCls
       ),
       ...t
-    })), W = (l, C = N.value) => n(Be, { icon: l, size: C }), w = () => {
+    })), K = (l, C = N.value) => n(Be, { icon: l, size: C }), w = () => {
       var S;
       let l;
       const C = (S = o.triggerTrailing) == null ? void 0 : S.call(o, y.value);
-      if (F(C) ? M.value && (l = W(M.value)) : l = C, l)
+      if (F(C) ? M.value && (l = K(M.value)) : l = C, l)
         return n(
           "div",
-          { class: X(v(p, "trailing"), e.props.triggerTrailingCls) },
+          { class: X(f(p, "trailing"), e.props.triggerTrailingCls) },
           l
         );
     };
@@ -189,43 +188,43 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
           as: I ? "template" : "button",
           key: String(I),
           onKeyUp: re,
-          onClick: K
+          onClick: W
         },
         () => {
           if (C)
             return l;
-          const J = (h) => {
+          const J = (v) => {
             var E, z;
-            const D = e.getOptionByValue(h) ?? { value: h };
-            return n(We, {
+            const D = e.getOptionByValue(v) ?? { value: v };
+            return n(Ke, {
               ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
               size: e.getTagSize.value
             });
-          }, Q = (h) => {
+          }, Q = (v) => {
             var E, z;
-            const D = e.getOptionByValue(h) ?? { value: h };
+            const D = e.getOptionByValue(v) ?? { value: v };
             return n(Ge, {
               ...D ? ((z = (E = e.props).getTagProps) == null ? void 0 : z.call(E, D)) ?? {} : {},
               size: e.getTagSize.value
             });
           }, ee = () => {
             if (!e.props.multiple && !e.props.multiple && !H(e.modelValue.value) && e.modelValue.value && (e.props.tagRenderMode && ["avatar", "go"].includes(e.props.tagRenderMode) || j.value || e.props.leadingIcon)) {
-              let h;
-              if (e.props.tagRenderMode === "avatar" ? h = J(e.modelValue.value) : e.props.tagRenderMode === "go" ? h = Q(e.modelValue.value) : j.value ? h = W(j.value) : e.props.leadingIcon && (h = W(e.props.leadingIcon)), !F(h))
+              let v;
+              if (e.props.tagRenderMode === "avatar" ? v = J(e.modelValue.value) : e.props.tagRenderMode === "go" ? v = Q(e.modelValue.value) : j.value ? v = K(j.value) : e.props.leadingIcon && (v = K(e.props.leadingIcon)), !F(v))
                 return n(
                   "div",
                   {
                     class: X(
-                      v(p, "leading"),
+                      f(p, "leading"),
                       e.props.triggerLeadingCls
                     )
                   },
-                  h
+                  v
                 );
             }
           }, ce = () => {
-            const h = [], D = [
-              v(p, "tags"),
+            const v = [], D = [
+              f(p, "tags"),
               e.props.triggerContentCls,
               e.props.triggerContentValueCls
             ], z = (() => {
@@ -258,7 +257,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
                   );
                 if (e.props.tagRenderMode === "chip")
                   return n(
-                    Tt,
+                    It,
                     {
                       maxCount: e.props.maxCount,
                       size: e.getTagSize.value,
@@ -272,16 +271,16 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
                     () => e.modelValue.value.map((R) => {
                       var ge, ae;
                       const se = () => e.getLabelByValue(R), he = ({ size: be }) => {
-                        const me = x(e.getOptionByValue(R)) ?? e.props.leadingIcon;
-                        return me ? W(me, be) : null;
+                        const me = _(e.getOptionByValue(R)) ?? e.props.leadingIcon;
+                        return me ? K(me, be) : null;
                       }, ie = e.getOptionByValue(R);
                       return n(
-                        It,
+                        Tt,
                         {
                           ...ie ? ((ae = (ge = e.props).getTagProps) == null ? void 0 : ae.call(ge, ie)) ?? {} : {},
                           value: R,
-                          class: X(v(p, "tag"), e.props.tagCls),
-                          closeIconCls: v(p, "tag__close")
+                          class: X(f(p, "tag"), e.props.tagCls),
+                          closeIconCls: f(p, "tag__close")
                         },
                         {
                           text: se,
@@ -292,13 +291,13 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
                   );
               }
             })();
-            return z && h.push(z), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && !e.props.multiple && ve(e.modelValue.value) && h.push(
+            return z && v.push(z), e.props.headerSearch ? e.props.showLabelValueOnHeaderSearch && !e.props.multiple && ve(e.modelValue.value) && v.push(
               n(
                 "div",
-                { class: v(p, "content__value") },
+                { class: f(p, "content__value") },
                 e.getLabelByValue(e.modelValue.value)
               )
-            ) : h.push(n(je)), n("div", { class: v(p, "content") }, h);
+            ) : v.push(n(je)), n("div", { class: f(p, "content") }, v);
           }, oe = [], te = ee();
           F(te) || oe.push(te), oe.push(ce());
           const de = w();
@@ -307,12 +306,12 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       );
     };
   }
-}), Wt = /* @__PURE__ */ le({
+}), Kt = /* @__PURE__ */ le({
   ...Oe("ComboboxLabel"),
   __name: "ComboboxLabel",
   setup(g) {
     return (o, t) => (ue(), Ae("div", {
-      class: qe(P(v)(P(k), "label"))
+      class: qe(P(f)(P(k), "label"))
     }, [
       Fe(o.$slots, "default")
     ], 2));
@@ -337,9 +336,9 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         default:
           return "xsm";
       }
-    }), m = i(() => t.getOptionValue(g.option)), p = i(() => t.getOptionNoCheckbox(g.option)), L = i(() => t.getOptionClear(g.option)), N = i(() => t.getOptionSingle(g.option)), T = i(() => t.getOptionLabel(g.option)), x = i(() => t.getOptionIcon(g.option)), j = i(
+    }), m = i(() => t.getOptionValue(g.option)), p = i(() => t.getOptionNoCheckbox(g.option)), L = i(() => t.getOptionClear(g.option)), N = i(() => t.getOptionSingle(g.option)), T = i(() => t.getOptionLabel(g.option)), _ = i(() => t.getOptionIcon(g.option)), j = i(
       () => t.props.tree ? void 0 : t.getOptionDescription(g.option)
-    ), M = i(() => t.getOptionDisabled(g.option)), y = i(() => t.isItemSelected(m.value)), K = v(k, "option"), re = () => {
+    ), M = i(() => t.getOptionDisabled(g.option)), y = i(() => t.isItemSelected(m.value)), W = f(k, "option"), re = () => {
       if (!(t.props.tree || !m.value || M.value))
         if (t.props.multiple)
           if (L.value)
@@ -348,8 +347,8 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
             t.setModelValue([m.value]), t.emit("select", m.value, !0, g.option);
           else {
             let O = H(t.modelValue.value) ? t.modelValue.value : [];
-            const W = O.includes(m.value);
-            O.length === 1 && t.getSingleByValue(O[0]) && m.value !== O[0] && (O = []), W ? (t.setModelValue(O.filter((w) => w !== m.value)), t.emit("select", m.value, !0, g.option)) : (t.setModelValue([...O, m.value]), t.emit("select", m.value, !1, g.option));
+            const K = O.includes(m.value);
+            O.length === 1 && t.getSingleByValue(O[0]) && m.value !== O[0] && (O = []), K ? (t.setModelValue(O.filter((w) => w !== m.value)), t.emit("select", m.value, !0, g.option)) : (t.setModelValue([...O, m.value]), t.emit("select", m.value, !1, g.option));
           }
         else L.value ? (t.setModelValue(void 0), t.emit("select", void 0, !1)) : (t.setModelValue(m.value), t.emit("select", m.value, !0, g.option));
     };
@@ -367,7 +366,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         );
         const C = (S = o.leading) == null ? void 0 : S.call(o, { option: g.option });
         return F(C) ? t.props.tagRenderMode === "avatar" ? l.push(
-          n(We, {
+          n(Ke, {
             ...((Y = (I = t.props).getTagProps) == null ? void 0 : Y.call(I, g.option)) ?? {},
             size: t.getTagSize.value
           })
@@ -376,14 +375,14 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
             ...((Z = (q = t.props).getTagProps) == null ? void 0 : Z.call(q, g.option)) ?? {},
             size: t.getTagSize.value
           })
-        ) : x.value && l.push(n(Be, { icon: x.value, size: e.value })) : l.push(C), F(l) ? null : l;
+        ) : _.value && l.push(n(Be, { icon: _.value, size: e.value })) : l.push(C), F(l) ? null : l;
       };
       return (() => {
         const w = !!j.value;
         return n(
           Dt,
           {
-            class: K,
+            class: W,
             description: j.value,
             title: T.value,
             key: m.value,
@@ -409,10 +408,10 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
   name: Se("ComboboxWrapper"),
   setup(g, { slots: o }) {
     const t = At(), e = at(), m = Ce();
-    xt({ target: m });
-    const p = Ce(), L = Ot({ triggerRef: p, props: t.props }), { getFlipOnDir: N, getDir: T } = Bt(), x = N("reversePlacementOnDir"), j = T(), M = St({
+    _t({ target: m });
+    const p = Ce(), L = Ot({ triggerRef: p, props: t.props }), { getFlipOnDir: N, getDir: T } = Bt(), _ = N("reversePlacementOnDir"), j = T(), M = St({
       props: t.props,
-      flip: x,
+      flip: _,
       emitsAsProps: t.emitsAsProps,
       _dir: j,
       controlAutoFocus: !1,
@@ -421,10 +420,10 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       key: a,
       getterKey: r,
       defaultValue: c,
-      noReturnOption: b
+      noReturnOption: h
     }) => (d) => {
       const V = we(c) ? c(d) : c;
-      if (xe(d)) {
+      if (_e(d)) {
         const A = d[a] ?? V, $ = r && t.props[r];
         if ($) {
           if (ve($))
@@ -433,8 +432,8 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         }
         return A;
       }
-      return ve(d) && !b ? d ?? V : V;
-    }, K = y({
+      return ve(d) && !h ? d ?? V : V;
+    }, W = y({
       getterKey: "getValue",
       key: "value"
     }), re = y({
@@ -444,14 +443,14 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       getterKey: "getSingle",
       key: "single",
       noReturnOption: !0
-    }), W = y({
+    }), K = y({
       getterKey: "getClear",
       key: "clear",
       noReturnOption: !0
     }), w = y({
       getterKey: "getLabel",
       key: "label",
-      defaultValue: K
+      defaultValue: W
     }), l = y({
       getterKey: "getIcon",
       key: "icon",
@@ -476,9 +475,9 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
     }), q = (a) => {
       const r = (c) => {
         if (c != null && c.length && a)
-          for (const b of c) {
-            if (K(b) === a) return b;
-            const d = Y(b);
+          for (const h of c) {
+            if (W(h) === a) return h;
+            const d = Y(h);
             if (d != null && d.length) {
               const V = r(d);
               if (V) return V;
@@ -494,21 +493,21 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       return r ? O(r) ?? !1 : !1;
     }, { contains: Q } = nt({ sensitivity: "base" }), ee = i(() => {
       const a = (r) => r == null ? void 0 : r.map((c) => {
-        const b = w(c), d = K(c), V = S(c), A = I(c), $ = !t.searchModel.value || b && Q(b, t.searchModel.value), s = Y(c), f = !t.props.tree || d;
-        if (s && f) {
+        const h = w(c), d = W(c), V = S(c), A = I(c), $ = !t.searchModel.value || h && Q(h, t.searchModel.value), s = Y(c), b = !t.props.tree || d;
+        if (s && b) {
           const u = a(s);
           if (u != null && u.length || $)
             return {
               groupLabel: A,
-              title: b,
+              title: h,
               key: d,
               disabled: V,
               children: u,
               _option: c
             };
         }
-        return $ && f ? {
-          title: b,
+        return $ && b ? {
+          title: h,
           key: d,
           disabled: V,
           _option: c
@@ -530,20 +529,20 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         default:
           return "sm";
       }
-    }), { inputBindings: h, rootBindings: D } = _t({
+    }), { inputBindings: v, rootBindings: D } = xt({
       getDisabled: () => ce.value
     }), E = Ce(), z = () => {
-      var a, r, c, b, d, V, A;
-      e.open.value && e.inputElement.value && (t.props.headerSearch && ((a = E.value) != null && a.input) ? document.activeElement !== ((r = E.value) == null ? void 0 : r.input) && ((d = (b = (c = E.value) == null ? void 0 : c.input) == null ? void 0 : b.focus) == null || d.call(b)) : document.activeElement !== e.inputElement.value && ((A = (V = e.inputElement.value) == null ? void 0 : V.focus) == null || A.call(V)));
+      var a, r, c, h, d, V, A;
+      e.open.value && e.inputElement.value && (t.props.headerSearch && ((a = E.value) != null && a.input) ? document.activeElement !== ((r = E.value) == null ? void 0 : r.input) && ((d = (h = (c = E.value) == null ? void 0 : c.input) == null ? void 0 : h.focus) == null || d.call(h)) : document.activeElement !== e.inputElement.value && ((A = (V = e.inputElement.value) == null ? void 0 : V.focus) == null || A.call(V)));
     }, R = (a) => {
       e.modelValue.value = a, t.emit("update:modelValue", a);
     }, se = (a) => a === void 0 ? !1 : Array.isArray(e.modelValue.value) ? !!(a && e.modelValue.value.includes(a)) : e.modelValue.value === a;
     Rt({
       ...t,
-      getOptionValue: K,
+      getOptionValue: W,
       getOptionLabel: w,
       getOptionSingle: O,
-      getOptionClear: W,
+      getOptionClear: K,
       getOptionNoCheckbox: re,
       getOptionDescription: C,
       getOptionDisabled: S,
@@ -559,7 +558,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       getStatus: oe,
       getSize: te,
       getTagSize: de,
-      comboboxInputBinding: h,
+      comboboxInputBinding: v,
       comboboxTriggerBinding: D,
       ...e,
       modelValue: e.modelValue
@@ -574,12 +573,12 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       return {
         ...a,
         areaCls: [
-          v(k, "scroll_area"),
+          f(k, "scroll_area"),
           a == null ? void 0 : a.class,
           a == null ? void 0 : a.areaCls
         ]
       };
-    }), ie = v(k, "popup"), ge = Pe(ie, {
+    }), ie = f(k, "popup"), ge = Pe(ie, {
       variants: {
         size: U(Ue, ie)
       }
@@ -606,7 +605,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       ), r = [];
       let c;
       if (t.props.tree) {
-        const f = H(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
+        const b = H(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
         c = n(
           kt,
           {
@@ -617,14 +616,13 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
             syncCheckboxAndSelect: t.props.multiple,
             showLine: !0,
             focusable: !1,
+            modelValue: b,
             ...t.props.treeProps ?? {},
-            modelValue: f,
-            checkedKeys: f,
             data: ee.value ?? [],
             onExpand: z,
-            onSelect: (u, _, B) => {
-              const G = W(u._option);
-              t.props.multiple ? R(G ? [] : B) : R(G || !_ ? void 0 : u._key), t.emit("select", u._key, _, u._option);
+            onSelect: (u, x, B) => {
+              const G = K(u._option);
+              t.props.multiple ? R(G ? [] : B) : R(G || !x ? void 0 : u._key), t.emit("select", u._key, x, u._option);
             },
             class: "w-full"
           },
@@ -634,50 +632,50 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
         ), r.push(c);
       } else {
         let s = !1;
-        const f = [];
+        const b = [];
         if ((ee.value ?? []).forEach((u) => {
-          var _;
-          if ((_ = u.children) != null && _.length) {
+          var x;
+          if ((x = u.children) != null && x.length) {
             const B = [];
             u.children.forEach((G) => {
               const pe = a(G._option);
-              se(K(G._option)) && t.props.sortSelectedItems ? f.push(pe) : B.push(pe);
+              se(W(G._option)) && t.props.sortSelectedItems ? b.push(pe) : B.push(pe);
             }), B.length && ((s || r.length) && (r.push(n(Ve)), s = !1), u.groupLabel && r.push(
-              n(Wt, { class: t.props.labelCls }, () => u.groupLabel)
+              n(Kt, { class: t.props.labelCls }, () => u.groupLabel)
             ), r.push(...B), s = !0);
           } else {
             const B = a(u._option);
-            se(K(u._option)) && t.props.sortSelectedItems ? f.push(B) : (s && (r.push(n(Ve)), s = !1), r.push(B));
+            se(W(u._option)) && t.props.sortSelectedItems ? b.push(B) : (s && (r.push(n(Ve)), s = !1), r.push(B));
           }
-        }), t.props.sortSelectedItems && f.length) {
+        }), t.props.sortSelectedItems && b.length) {
           const u = !!r.length;
-          r.splice(0, 0, ...f), u && r.splice(f.length, 0, n(Ve));
+          r.splice(0, 0, ...b), u && r.splice(b.length, 0, n(Ve));
         }
       }
-      const b = ft(
+      const h = ft(
         c ? [c] : r,
         Ee
       ).filter(
         (s) => {
-          var f;
-          return xe(s == null ? void 0 : s.props) && ((f = s == null ? void 0 : s.props) == null ? void 0 : f.option);
+          var b;
+          return _e(s == null ? void 0 : s.props) && ((b = s == null ? void 0 : s.props) == null ? void 0 : b.option);
         }
-      ), d = !!(t.props.tree && ((A = ee.value) != null && A.length) || b != null && b.length), V = () => {
-        var f, u;
+      ), d = !!(t.props.tree && ((A = ee.value) != null && A.length) || h != null && h.length), V = () => {
+        var b, u;
         const s = [];
         if (d || t.props.loading) {
-          const _ = [];
-          if (d && _.push(...r), t.props.loading) {
-            const B = (f = o.loading) == null ? void 0 : f.call(o, {});
-            if (!F(B)) _.push(B);
+          const x = [];
+          if (d && x.push(...r), t.props.loading) {
+            const B = (b = o.loading) == null ? void 0 : b.call(o, {});
+            if (!F(B)) x.push(B);
             else {
               const G = new Array(d ? 2 : t.props.loadingRowCount).fill(1);
-              _.push(
+              x.push(
                 ...G.map(
                   () => n(Ct, {
                     size: te.value,
                     class: X(
-                      v(k, "skeleton"),
+                      f(k, "skeleton"),
                       t.props.skeletonCls
                     ),
                     ...He.value
@@ -690,18 +688,18 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
             n(
               "div",
               {
-                class: X(v(k, "options"), t.props.optionsCls)
+                class: X(f(k, "options"), t.props.optionsCls)
               },
-              _
+              x
             )
           );
         } else if (!d) {
-          const _ = (u = o.empty) == null ? void 0 : u.call(o, Te.value);
-          F(_) ? s.push(
+          const x = (u = o.empty) == null ? void 0 : u.call(o, Te.value);
+          F(x) ? s.push(
             n(
               yt,
               {
-                class: X(v(k, "empty"), t.props.emptyCls),
+                class: X(f(k, "empty"), t.props.emptyCls),
                 ...Te.value
               },
               {
@@ -711,14 +709,14 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
                 image: o.emptyImage
               }
             )
-          ) : s.push(_);
+          ) : s.push(x);
         }
         return t.props.lazyLoading && s.push(
           n(
             "div",
-            { class: v(k, "lazy_loading") },
+            { class: f(k, "lazy_loading") },
             n("div", {
-              class: v(k, "lazy_loading_trigger"),
+              class: f(k, "lazy_loading_trigger"),
               ref: m
             })
           )
@@ -726,7 +724,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       };
       return [
         t.props.noTrigger ? null : n(
-          Kt,
+          Wt,
           {
             ref: p,
             ...t.attrs,
@@ -759,23 +757,23 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
             },
             () => {
               var B, G, pe, ze;
-              const s = [], f = (G = o.header) == null ? void 0 : G.call(o, {
+              const s = [], b = (G = o.header) == null ? void 0 : G.call(o, {
                 isEmpty: !((B = ee.value) != null && B.length),
                 search: t.searchModel.value
-              }), u = !F(f);
+              }), u = !F(b);
               if (t.props.headerSearch || u) {
                 const ye = [];
-                u && ye.push(f), t.props.headerSearch && ye.push(n(je)), s.push(
-                  n("div", { class: v(k, "header") }, ye)
+                u && ye.push(b), t.props.headerSearch && ye.push(n(je)), s.push(
+                  n("div", { class: f(k, "header") }, ye)
                 );
               }
               s.push(n(Pt, he.value, V));
-              const _ = (ze = o.footer) == null ? void 0 : ze.call(o, {
+              const x = (ze = o.footer) == null ? void 0 : ze.call(o, {
                 isEmpty: !((pe = ee.value) != null && pe.length),
                 search: t.searchModel.value
               });
-              return F(_) || s.push(
-                n("div", { class: v(k, "footer") }, _)
+              return F(x) || s.push(
+                n("div", { class: f(k, "footer") }, x)
               ), s;
             }
           )
@@ -783,7 +781,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       ];
     };
   }
-}), yo = /* @__PURE__ */ le({
+}), bo = /* @__PURE__ */ le({
   ...Oe("Combobox"),
   __name: "Combobox",
   props: {
@@ -916,8 +914,8 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
     });
     Ne(
       () => t.open,
-      (x) => {
-        x || (L.value = void 0);
+      (_) => {
+        _ || (L.value = void 0);
       }
     );
     const N = Je(), T = Qe();
@@ -927,13 +925,13 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
       emit: e,
       searchModel: L,
       emitsAsProps: m
-    }), (x, j) => (ue(), _e(P(it), Re(p.value, { class: P(k) }), {
+    }), (_, j) => (ue(), xe(P(it), Re(p.value, { class: P(k) }), {
       default: fe(() => [
         $e(P(Gt), null, Xe({ _: 2 }, [
           Ye(Object.keys(N), (M) => ({
             name: M,
             fn: fe((y) => [
-              Fe(x.$slots, M, Ze(et(y)))
+              Fe(_.$slots, M, Ze(et(y)))
             ])
           }))
         ]), 1024)
@@ -944,7 +942,7 @@ const [ke, Rt] = Ke("Combobox"), [At, $t] = Ke("_Combobox"), k = bt("combobox"),
 });
 export {
   Ue as C,
-  yo as _,
+  bo as _,
   Ft as a,
   ke as i,
   Rt as p