@pantograph/vue 0.27.10 → 0.28.0

package/dist/{Tree.vue_vue_type_style_index_0_lang-BABaPZd9.js → Tree.vue_vue_type_style_index_0_lang-BFHerbO8.js}

@@ -1,36 +1,37 @@
-import { defineComponent as Ie, useAttrs as He, useSlots as Pe, computed as m, createBlock as Ve, openBlock as Se, h as P, unref as ae, createElementBlock as Je, Fragment as Qe, createVNode as Xe, createElementVNode as Ye, normalizeClass as Ze, ref as ne, watch as pe, nextTick as et, onMounted as tt, onBeforeUnmount as rt, shallowRef as at, render as lt } from "vue";
-import { generateVariantClassList as J, getBemElement as M, normCls as Ae, getBemBlock as nt, createOptionGetterFunc as D, getBemModifier as ot, usePCId as st } from "@pantograph/utils";
+import { defineComponent as ke, useAttrs as He, useSlots as Pe, computed as v, createBlock as Ve, openBlock as Ie, h as P, unref as ae, createElementBlock as Je, Fragment as Qe, createVNode as Xe, createElementVNode as Ye, normalizeClass as Ze, ref as oe, watch as pe, nextTick as et, onMounted as tt, onBeforeUnmount as rt, shallowRef as at, render as lt } from "vue";
+import { generateVariantClassList as J, getBemElement as M, normCls as Ae, getBemBlock as ot, createOptionGetterFunc as D, getBemModifier as nt, usePCId as st } from "@pantograph/utils";
 import { createContext as it, RovingFocusItem as ct, RovingFocusGroup as dt } from "reka-ui";
 import { cva as Le } from "class-variance-authority";
-import { isString as ut, uniq as _e, flattenDeep as gt, last as fe, cloneDeep as Ee, isEqual as Re, omit as pt, isFunction as ze } from "es-toolkit";
+import { isString as ut, uniq as _e, flattenDeep as gt, last as fe, cloneDeep as Ee, isEqual as Te, omit as pt, isFunction as Re } from "es-toolkit";
 import ft from "@pantograph/sortable";
-import { getComponentOptions as Oe, isEmptyElement as $e, sortPlaceholderVariantsClass as ht, useFormInput as yt, useVirtualScroll as mt, sortPlaceholderCls as vt } from "@pantograph/utils-vue";
-import { _ as Fe } from "./IndentLevel.vue_vue_type_style_index_0_lang-BUK5LxWK.js";
-import { _ as bt } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
-import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js";
+import { getComponentOptions as Oe, isEmptyElement as $e, sortPlaceholderVariantsClass as ht, useFormInput as yt, useVirtualScroll as vt, sortPlaceholderCls as mt } from "@pantograph/utils-vue";
+import { _ as Fe } from "./IndentLevel.vue_vue_type_style_index_0_lang-BDFJAmdt.js";
+import { _ as bt } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
+import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-DoCCVxxa.js";
 import { u as kt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
+import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-uN8OhXm4.js";
 import { i as St } from "./isArray-QlWcxgml.js";
-const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Ct, Bt] = it("Tree"), wt = /* @__PURE__ */ Ie({
+import { s as Ne } from "./index-ZfMi9Is4.js";
+const xt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Ct, Bt] = it("Tree"), wt = /* @__PURE__ */ ke({
   ...Oe("TreeNode"),
   __name: "TreeNode",
   props: {
     node: {}
   },
   setup(V) {
-    const i = V, j = He(), e = Pe(), r = Ct(), z = Le(r.prefixes.node, {
+    const i = V, G = He(), e = Pe(), r = Ct(), N = Le(r.prefixes.node, {
       variants: {
         disabled: J("disabled", r.prefixes.node),
         active: J("active", r.prefixes.node)
       }
-    }), v = (n) => r.getNodeChildren(n, !0, !1), K = m(() => v(i.node)), G = m(() => r.props.draggable ? i.node._draggable ?? !0 : !1), f = m(() => !!(r.disabled.value || i.node._disabled)), x = m(() => i.node._dragging ?? !1), k = m(
+    }), m = (o) => r.getNodeChildren(o, !0, !1), K = v(() => m(i.node)), j = v(() => r.props.draggable ? i.node._draggable ?? !0 : !1), f = v(() => !!(r.disabled.value || i.node._disabled)), x = v(() => i.node._dragging ?? !1), k = v(
       () => !x.value && r.expandedKeys.value.includes(i.node._key)
-    ), C = m(() => !x.value && !r.dragging.value && r.props.showLine ? U.value ? "all" : "before" : !1), Q = m(() => r.getIsSelected(i.node)), L = m(() => r.getIsChecked(i.node)), B = (n) => r.onCheck(i.node, !!n), I = m(() => r.getLevel(i.node)), U = m(
+    ), C = v(() => !x.value && !r.dragging.value && r.props.showLine ? U.value ? "all" : "before" : !1), Q = v(() => r.getIsSelected(i.node)), L = v(() => r.getIsChecked(i.node)), B = (o) => r.onCheck(i.node, !!o), I = v(() => r.getLevel(i.node)), U = v(
       () => {
-        var n, d;
-        return !!((n = K.value) != null && n.length || (d = r.props) != null && d.lazyLoad && !i.node._leaf);
+        var o, d;
+        return !!((o = K.value) != null && o.length || (d = r.props) != null && d.lazyLoad && !i.node._leaf);
       }
-    ), X = m(() => ({
+    ), X = v(() => ({
       ...i.node,
       selected: Q.value,
       checked: L.value,
@@ -40,7 +41,7 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
     })), a = () => {
       f.value || r.onSelect(i.node, !Q.value);
     }, c = () => {
-      const n = () => {
+      const o = () => {
         var T, y, Y, A, E, R, q, S;
         const d = [];
         if ((T = r.props) != null && T.draggable) {
@@ -89,12 +90,12 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
         ) : d.push(h), P(
           "div",
           {
-            ...j,
+            ...G,
             "data-key": (R = r.props) != null && R.draggable ? i.node._key : void 0,
             "data-level": (q = r.props) != null && q.draggable ? I.value : void 0,
-            "data-draggable": (S = r.props) != null && S.draggable ? !f.value && G.value : void 0,
+            "data-draggable": (S = r.props) != null && S.draggable ? !f.value && j.value : void 0,
             class: Ae(
-              z({
+              N({
                 disabled: f.value,
                 active: Q.value
               }),
@@ -111,25 +112,25 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
           asChild: !0,
           tabStopId: i.node._key
         },
-        n
-      ) : n();
+        o
+      ) : o();
     };
-    return (n, d) => (Se(), Ve(c));
+    return (o, d) => (Ie(), Ve(c));
   }
-}), oe = (V) => ut(V);
+}), ne = (V) => ut(V);
 function Kt({
   getValue: V,
   getDisabled: i,
-  arr: j,
+  arr: G,
   getChildren: e,
   getExtra: r,
-  allowNoValidKey: z
+  allowNoValidKey: N
 }) {
-  const v = [], K = (G, f) => {
-    G.forEach((x) => {
+  const m = [], K = (j, f) => {
+    j.forEach((x) => {
       const k = e(x, f), C = V(x, f, k);
-      if (oe(C) || z != null && z(x, f, k))
-        v.push({
+      if (ne(C) || N != null && N(x, f, k))
+        m.push({
           ...typeof x == "object" ? x : { _item: x },
           _parentKeys: f,
           _key: C,
@@ -141,59 +142,59 @@ function Kt({
         throw "every node must provide a valid key";
     });
   };
-  return K(j), v;
+  return K(G), m;
 }
 const Tt = ({
   getData: V,
   getExpandedKeys: i,
-  getValue: j,
+  getValue: G,
   getDisabled: e,
   getChildren: r,
-  isFlatten: z,
-  getExtra: v
+  isFlatten: N,
+  getExtra: m
 }) => {
-  const K = m(
-    () => z ? ae(V()) : Kt({
+  const K = v(
+    () => N ? ae(V()) : Kt({
       arr: ae(V()),
       getChildren: r,
-      getValue: j,
+      getValue: G,
       getDisabled: e,
-      getExtra: v
+      getExtra: m
     })
-  ), G = m(() => {
+  ), j = v(() => {
     const a = ae(i());
     return K.value.filter(
       (c) => {
-        var n, d;
-        return !c._parentKeys || ((d = (n = c._parentKeys) == null ? void 0 : n.every) == null ? void 0 : d.call(n, (h) => a.includes(h)));
+        var o, d;
+        return !c._parentKeys || ((d = (o = c._parentKeys) == null ? void 0 : o.every) == null ? void 0 : d.call(o, (h) => a.includes(h)));
       }
     );
-  }), f = (a, c = !1, n = !0) => {
+  }), f = (a, c = !1, o = !0) => {
     const d = a == null ? void 0 : a._key;
-    return !oe(d) || !a ? [] : K.value.filter((h) => {
+    return !ne(d) || !a ? [] : K.value.filter((h) => {
       var T;
       if (c) {
         const y = fe(h._parentKeys ?? []);
         return y && y === d;
       }
       return (T = h._parentKeys) == null ? void 0 : T.includes(d);
-    }).filter((h) => h && (!n || !(h != null && h._disabled)));
-  }, x = () => K.value.filter((a) => !a._parentKeys), k = (a) => a ? f(a, !0, !1) : x(), C = (a) => oe(a) ? K.value.find((c) => c._key === a) : void 0, Q = (a) => {
+    }).filter((h) => h && (!o || !(h != null && h._disabled)));
+  }, x = () => K.value.filter((a) => !a._parentKeys), k = (a) => a ? f(a, !0, !1) : x(), C = (a) => ne(a) ? K.value.find((c) => c._key === a) : void 0, Q = (a) => {
     const c = C(fe(a._parentKeys ?? []));
-    return k(c).findIndex((n) => n._key === a._key);
+    return k(c).findIndex((o) => o._key === a._key);
   }, L = (a) => {
     const c = ae(a);
     return c && St(c) ? Ee(c) : [];
   }, B = (a, c) => {
-    const n = f(a);
-    if (n != null && n.length)
-      return n.some((d) => U(d, c, !1) === !0);
+    const o = f(a);
+    if (o != null && o.length)
+      return o.some((d) => U(d, c, !1) === !0);
   }, I = (a, c) => {
-    const n = f(a);
-    return n != null && n.length ? n.every((d) => U(d, c, !1) === !0) : !1;
-  }, U = (a, c, n = !1) => {
+    const o = f(a);
+    return o != null && o.length ? o.every((d) => U(d, c, !1) === !0) : !1;
+  }, U = (a, c, o = !1) => {
     const d = L(c), h = a == null ? void 0 : a._key;
-    if (!n && !a._disabled && !d.includes(h)) {
+    if (!o && !a._disabled && !d.includes(h)) {
       const T = f(a);
       if (T != null && T.length)
         return I(a, c) ? !0 : B(a, c) ? "indeterminate" : !1;
@@ -202,7 +203,7 @@ const Tt = ({
   };
   return {
     flattenData: K,
-    visibleFlattenData: G,
+    visibleFlattenData: j,
     getNodeChildren: f,
     getNodeByValue: C,
     getNodeIndexInScope: Q,
@@ -211,16 +212,16 @@ const Tt = ({
     isAllChildrenSelected: I,
     isSelected: U,
     getRootNodes: x,
-    selectValue: (a, c, n, d, h, T) => {
-      let y = L(n);
-      if (oe(a._key) && !a._disabled)
+    selectValue: (a, c, o, d, h, T) => {
+      let y = L(o);
+      if (ne(a._key) && !a._disabled)
         if (h) {
           if (c ? y.push(a._key) : y = y.filter((Y) => a._key !== Y), !d) {
             const A = f(a).map((g) => g._key), E = y.map(C).filter((g) => g && g._parentKeys);
             c || E.push(a);
             const q = _e(
               gt(E.map((g) => g._parentKeys))
-            ).filter((g) => oe(g) && g !== a._key).filter(oe).map(C).filter(Boolean), S = [], b = [];
+            ).filter((g) => ne(g) && g !== a._key).filter(ne).map(C).filter(Boolean), S = [], b = [];
             q.forEach((g) => {
               const ce = g == null ? void 0 : g._key;
               I(g, y) ? S.push(ce) : b.push(ce);
@@ -231,7 +232,7 @@ const Tt = ({
       return _e(y);
     }
   };
-}, Rt = /* @__PURE__ */ Ie({
+}, Rt = /* @__PURE__ */ ke({
   __name: "TreePlaceholder",
   props: {
     level: {},
@@ -241,7 +242,7 @@ const Tt = ({
     children: { type: Boolean }
   },
   setup(V) {
-    return (i, j) => (Se(), Je(Qe, null, [
+    return (i, G) => (Ie(), Je(Qe, null, [
       Xe(ae(Fe), {
         level: i.level,
         expanded: !1,
@@ -254,24 +255,7 @@ const Tt = ({
       }, null, 2)
     ], 64));
   }
-}), ke = {
-  "3xsm": 14,
-  // 700 x 2px = 14px
-  "2xsm": 16,
-  // 800 x 2px = 16px
-  xsm: 20,
-  // 1000 x 2px = 20px
-  sm: 24,
-  // 1200 x 2px = 24px
-  md: 32,
-  // 1600 x 2px = 32px
-  lg: 40,
-  // 20000 x 2px = 40px
-  xlg: 48,
-  // 2400 x 2px = 48px
-  "2xlg": 56
-  // 2800 x 2px = 56px
-}, Gt = Object.keys(ke), Ut = /* @__PURE__ */ Ie({
+}), Ut = /* @__PURE__ */ ke({
   ...Oe("Tree"),
   __name: "Tree",
   props: {
@@ -315,21 +299,21 @@ const Tt = ({
     disabled: { type: Boolean, default: void 0 }
   },
   emits: ["update:modelValue", "update:expandedKeys", "update:checkedKeys", "change", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
-  setup(V, { expose: i, emit: j }) {
-    const e = V, r = j, z = Pe(), v = nt("tree"), K = M(v, "node"), G = M(K, "group"), f = M(K, "draggable"), x = M(f, "icon"), k = M(G, "list"), C = {
+  setup(V, { expose: i, emit: G }) {
+    const e = V, r = G, N = Pe(), m = ot("tree"), K = M(m, "node"), j = M(K, "group"), f = M(K, "draggable"), x = M(f, "icon"), k = M(j, "list"), C = {
       node: K,
-      group: G,
+      group: j,
       draggable: f,
       draggableIcon: x,
       groupList: k
-    }, Q = Le(v, {
+    }, Q = Le(m, {
       variants: {
-        size: J(xt, v),
-        gap: J(Ne, v),
-        selectable: J("selectable", v),
-        disabled: J("disabled", v),
-        inlineNode: J("inline-node", v),
-        dragging: J("dragging", v)
+        size: J(xt, m),
+        gap: J(ze, m),
+        selectable: J("selectable", m),
+        disabled: J("disabled", m),
+        inlineNode: J("inline-node", m),
+        dragging: J("dragging", m)
       }
     }), L = {
       getLoading: D({
@@ -377,16 +361,16 @@ const Tt = ({
         getter: e.getChildren,
         noReturnOption: !0
       })
-    }, B = (t, o) => {
+    }, B = (t, n) => {
       var O;
-      const s = `get${o[0].toUpperCase() + o.slice(1)}`;
+      const s = `get${n[0].toUpperCase() + n.slice(1)}`;
       return (O = L[s]) == null ? void 0 : O.call(L, t);
-    }, I = ne(e.expandedKeys ?? []), {
+    }, I = oe(e.expandedKeys ?? []), {
       flattenData: U,
       visibleFlattenData: X,
       getNodeByValue: a,
       getChildrenOrRootNodes: c,
-      getNodeIndexInScope: n,
+      getNodeIndexInScope: o,
       isSelected: d,
       getNodeChildren: h,
       selectValue: T,
@@ -410,8 +394,8 @@ const Tt = ({
     let A = !1;
     pe(
       () => [e.defaultExpandAll, e.expandedKeys],
-      ([t, o], s) => {
-        A || (A = !0, o !== (s == null ? void 0 : s[1]) ? I.value = e.expandedKeys ?? [] : t && !(s != null && s[0]) && (I.value = Y()), et(() => A = !1));
+      ([t, n], s) => {
+        A || (A = !0, n !== (s == null ? void 0 : s[1]) ? I.value = e.expandedKeys ?? [] : t && !(s != null && s[0]) && (I.value = Y()), et(() => A = !1));
       },
       { deep: !0, immediate: !0 }
     ), pe(
@@ -421,7 +405,7 @@ const Tt = ({
       },
       { deep: !0 }
     );
-    const E = ne(e.modelValue ?? []);
+    const E = oe(e.modelValue ?? []);
     pe(
       () => e.modelValue,
       () => {
@@ -429,14 +413,14 @@ const Tt = ({
       },
       { deep: !0 }
     );
-    const R = m({
+    const R = v({
       get() {
         return E.value;
       },
       set(t) {
         t && (e.modelValue || (E.value = t), r("update:modelValue", t));
       }
-    }), q = ne(e.checkedKeys ?? []);
+    }), q = oe(e.checkedKeys ?? []);
     pe(
       () => e.checkedKeys,
       () => {
@@ -444,39 +428,39 @@ const Tt = ({
       },
       { deep: !0 }
     );
-    const S = m({
+    const S = v({
       get() {
         return q.value;
       },
       set(t) {
         e.checkedKeys || (q.value = t), r("update:checkedKeys", t);
       }
-    }), { getDisabled: b, getSize: g } = yt(), ce = (t) => !!d(t, R, !0), De = (t) => d(t, S, e.checkStrictly), xe = (t, o) => {
+    }), { getDisabled: b, getSize: g } = yt(), ce = (t) => !!d(t, R, !0), De = (t) => d(t, S, e.checkStrictly), Se = (t, n) => {
       if (e.selectable && !b.value) {
         const s = T(
           t,
-          o,
+          n,
           R,
           !!(e.syncCheckboxAndSelect ? e.checkStrictly : e.checkStrictly !== !1),
           e.multiple,
           e.selectionBehavior
         );
-        Re(s, R.value) || (R.value = s, r("select", t, o, s), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (S.value = s, r("check", t, o, s)));
+        Te(s, R.value) || (R.value = s, r("select", t, n, s), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (S.value = s, r("check", t, n, s)));
       }
-    }, Me = (t, o) => {
+    }, Me = (t, n) => {
       if (e.checkable && !b.value) {
-        const s = T(t, o, S, !!e.checkStrictly, !0);
-        Re(s, S.value) || (S.value = s, r("check", t, o, S.value), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (R.value = s, r("select", t, o, s)));
+        const s = T(t, n, S, !!e.checkStrictly, !0);
+        Te(s, S.value) || (S.value = s, r("check", t, n, S.value), r("change", { modelValue: R.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (R.value = s, r("select", t, n, s)));
       }
     }, se = (t) => {
-      let o = !0, s = Ee(I.value);
-      s.includes(t._key) ? (s = s.filter((O) => O !== t._key), o = !1) : (s = _e([...s, t._key]), o = !0), I.value = s, r("expand", t, o);
-    }, he = m(() => {
+      let n = !0, s = Ee(I.value);
+      s.includes(t._key) ? (s = s.filter((O) => O !== t._key), n = !1) : (s = _e([...s, t._key]), n = !0), I.value = s, r("expand", t, n);
+    }, he = v(() => {
       if (e.gap) {
         if (typeof e.gap == "number") return `${e.gap}px`;
-        if (!Object.keys(Ne).includes(e.gap)) return e.gap;
+        if (!Object.keys(ze).includes(e.gap)) return e.gap;
       }
-    }), de = ne(!1), { getDir: je } = kt(), Z = je(), Ce = m(() => {
+    }), de = oe(!1), { getDir: Ge } = kt(), Z = Ge(), xe = v(() => {
       switch (g.value) {
         case "sm":
           return "2xsm";
@@ -485,11 +469,11 @@ const Tt = ({
         default:
           return "xsm";
       }
-    }), Ge = m(() => g.value === "sm" ? "2xsm" : "xsm"), Be = (t) => {
-      var o;
-      return (((o = t == null ? void 0 : t._parentKeys) == null ? void 0 : o.length) ?? 0) + 1;
-    }, ye = ne(), we = {
-      iconSize: Ge,
+    }), je = v(() => g.value === "sm" ? "2xsm" : "xsm"), Ce = (t) => {
+      var n;
+      return (((n = t == null ? void 0 : t._parentKeys) == null ? void 0 : n.length) ?? 0) + 1;
+    }, ye = oe(), Be = {
+      iconSize: je,
       disabled: b,
       props: e,
       expandedKeys: I,
@@ -497,26 +481,26 @@ const Tt = ({
       dir: Z,
       checked: S,
       onExpandKey: se,
-      onSelect: xe,
+      onSelect: Se,
       onCheck: Me,
       scrollContainerRef: ye,
       getNodeChildren: h,
       getNodeField: B,
       getIsSelected: ce,
       getIsChecked: De,
-      getLevel: Be,
+      getLevel: Ce,
       dragging: de,
-      indentSize: Ce,
+      indentSize: xe,
       prefixes: C
     };
-    Bt(we);
-    const me = ne();
+    Bt(Be);
+    const ve = oe();
     if (e.draggable) {
-      let t, o;
+      let t, n;
       const s = (p) => {
         const u = p.getAttribute("data-key");
         if (u) return a(u);
-      }, O = ot(M(v, "dragging_item"), g.value), w = () => {
+      }, O = nt(M(m, "dragging_item"), g.value), w = () => {
         var p;
         (p = t == null ? void 0 : t.destroy) == null || p.call(t), t = void 0;
       };
@@ -531,26 +515,26 @@ const Tt = ({
           oldDraggableIndex: p,
           newIndex: $,
           newDraggableIndex: $
-        }), Te = (l, te) => {
+        }), Ke = (l, te) => {
           if (l) {
-            const N = () => {
-              const ge = Be(u), _ = !!(u != null && u._hasChildren);
+            const z = () => {
+              const ge = Ce(u), _ = !!(u != null && u._hasChildren);
               return {
                 size: g.value,
                 level: ge,
                 children: _,
-                indentSize: Ce.value,
+                indentSize: xe.value,
                 branchIcon: (u ? u._switcherIcon ?? (e == null ? void 0 : e.switcherIcon) : e == null ? void 0 : e.switcherIcon) ?? "tabler:chevron-left"
               };
             }, F = document.createElement("div"), re = l.getBoundingClientRect();
-            F.style.width = re.width ? `${re.width}px` : "100%", F.style.height = re.height ? `${re.height}px` : "100%", F.classList.add(M(v, vt));
-            const ie = N();
+            F.style.width = re.width ? `${re.width}px` : "100%", F.style.height = re.height ? `${re.height}px` : "100%", F.classList.add(M(m, mt));
+            const ie = z();
             return te && (ie.level = te), lt(P(Rt, ie), F), F;
           }
         };
-        t ? w() : me.value && (t = new ft(me.value, {
+        t ? w() : ve.value && (t = new ft(ve.value, {
           ...pt(e.sortableProps || {}, ["onMove"]),
-          group: ze(e.groupName) ? e.groupName() : e.groupName ?? st(v),
+          group: Re(e.groupName) ? e.groupName() : e.groupName ?? st(m),
           filter: "[data-draggable=false]",
           tree: !0,
           draggable: `.${C.node}`,
@@ -561,12 +545,12 @@ const Tt = ({
             var te;
             if (u = s(l == null ? void 0 : l.item), W = (te = u == null ? void 0 : u._parentKeys) == null ? void 0 : te.map(a).filter(Boolean), u) {
               if (W != null && W.length) {
-                const N = fe(W);
-                N && (p = h(N, !0, !1).findIndex(
+                const z = fe(W);
+                z && (p = h(z, !0, !1).findIndex(
                   (F) => F._key === u._key
                 ));
               } else
-                p = y().findIndex((N) => N._key === u._key);
+                p = y().findIndex((z) => z._key === u._key);
               u._dragging = !0;
             }
             r("choose", l);
@@ -575,10 +559,10 @@ const Tt = ({
             u && (u._dragging = !1), r("unchoose", l);
           },
           onStart(l) {
-            u != null && u._key && I.value.includes(u._key) && (o = u, se(o)), de.value = !0, r("dragStart", be(l));
+            u != null && u._key && I.value.includes(u._key) && (n = u, se(n)), de.value = !0, r("dragStart", be(l));
           },
           onEnd(l) {
-            de.value = !1, o && (se(o), o = void 0), r("dragEnd", be(l)), p = W = $ = H = u = void 0;
+            de.value = !1, n && (se(n), n = void 0), r("dragEnd", be(l)), p = W = $ = H = u = void 0;
           },
           onMove(l, te) {
             var re, ie, ge;
@@ -589,32 +573,32 @@ const Tt = ({
                 _
               ], (ie = h(_, !0, !1)) != null && ie.length && !I.value.includes(_._key) && se(_));
             }
-            const N = l.draggedTreeItemLevel ?? 1;
+            const z = l.draggedTreeItemLevel ?? 1;
             if (!l.draggedTreeItemBefore) $ = 0;
             else if (l.draggedTreeItemBefore) {
-              if (l.draggedTreeItemBefore.level === N) {
+              if (l.draggedTreeItemBefore.level === z) {
                 const _ = s(l.draggedTreeItemBefore);
-                _ && ($ = n(_) + 1);
-              } else if (l.draggedTreeItemBefore.level < N)
+                _ && ($ = o(_) + 1);
+              } else if (l.draggedTreeItemBefore.level < z)
                 $ = 0;
-              else if (l.draggedTreeItemBefore.level > N) {
-                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < N) {
+              else if (l.draggedTreeItemBefore.level > z) {
+                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < z) {
                   const _ = fe(H ?? []);
                   $ = c(_).length;
-                } else if (l.draggedTreeItemAfter.level === N) {
+                } else if (l.draggedTreeItemAfter.level === z) {
                   const _ = s(l.draggedTreeItemAfter);
-                  _ && ($ = n(_));
+                  _ && ($ = o(_));
                 }
               }
             }
             const F = be(l);
-            ze((ge = e.sortableProps) == null ? void 0 : ge.onMove) && e.sortableProps.onMove(F, te);
+            Re((ge = e.sortableProps) == null ? void 0 : ge.onMove) && e.sortableProps.onMove(F, te);
           },
           getPlaceholder(l) {
-            return Te(l == null ? void 0 : l.item);
+            return Ke(l == null ? void 0 : l.item);
           },
           getPlaceholderOnMove(l) {
-            return Te(l == null ? void 0 : l.dragged, l.draggedTreeItemLevel || 1);
+            return Ke(l == null ? void 0 : l.dragged, l.draggedTreeItemLevel || 1);
           }
         }));
       }), rt(w);
@@ -624,7 +608,7 @@ const Tt = ({
       sm: 4,
       md: 6,
       lg: 8
-    }, qe = m(() => ({
+    }, qe = v(() => ({
       get count() {
         return X.value.length ?? 0;
       },
@@ -632,42 +616,42 @@ const Tt = ({
         var t;
         return (t = ye.value) == null ? void 0 : t.container.viewportElement;
       },
-      estimateSize: () => ke[e.size] ?? ke.md,
+      estimateSize: () => Ne[e.size] ?? Ne.md,
       overscan: 5,
       get gap() {
         return Ue[he.value ?? g.value] ?? he.value ?? g.value ?? 0;
       }
     }));
-    let ve, ee;
+    let me, ee;
     if (e.virtual)
       if (typeof e.virtual == "object")
-        ve = e.virtual;
+        me = e.virtual;
       else {
-        const { virtualizer: t, ...o } = mt(qe);
-        ve = t, ee = o;
+        const { virtualizer: t, ...n } = vt(qe);
+        me = t, ee = n;
       }
-    const Ke = m(
+    const we = v(
       () => {
         var t;
-        return e.virtual ? (((t = ae(ve)) == null ? void 0 : t.getVirtualItems()) ?? []).map(
-          (o) => X.value[o.index]
+        return e.virtual ? (((t = ae(me)) == null ? void 0 : t.getVirtualItems()) ?? []).map(
+          (n) => X.value[n.index]
         ) : X.value;
       }
     ), ue = at(), We = () => {
-      var o;
+      var n;
       const t = () => {
         const s = () => {
           var le;
-          const w = (le = z.default) == null ? void 0 : le.call(z, {
-            items: Ke.value
+          const w = (le = N.default) == null ? void 0 : le.call(N, {
+            items: we.value
           });
-          return $e(w) ? Ke.value.map(
+          return $e(w) ? we.value.map(
             (p) => P(
               wt,
               { key: p._key, node: p },
               {
-                default: z.node,
-                switcherIcon: z.switcherIcon
+                default: N.node,
+                switcherIcon: N.switcherIcon
               }
             )
           ) : w;
@@ -691,7 +675,7 @@ const Tt = ({
               "--ptc-tree-gap": he.value,
               ...e.virtual ? (ee == null ? void 0 : ee.containerStyles.value) ?? {} : {}
             },
-            ref: me
+            ref: ve
           },
           s()
         );
@@ -714,7 +698,7 @@ const Tt = ({
                     const H = !(p._dragging ?? !1) && I.value.includes(p._key);
                     (H && (Z.value === "rtl" && w.key === "ArrowRight" || Z.value === "ltr" && w.key === "ArrowLeft") || !H && (Z.value === "ltr" && w.key === "ArrowRight" || Z.value === "rtl" && w.key === "ArrowLeft")) && se(p);
                   }
-                  w.key === "Enter" && xe(p, !((le = R.value) != null && le.includes(p._key)));
+                  w.key === "Enter" && Se(p, !((le = R.value) != null && le.includes(p._key)));
                 }
               }
             }
@@ -729,24 +713,22 @@ const Tt = ({
           ref: ye,
           dir: Z.value,
           wrapProps: {
-            ...((o = e.scrollContainerProps) == null ? void 0 : o.wrapProps) ?? {},
+            ...((n = e.scrollContainerProps) == null ? void 0 : n.wrapProps) ?? {},
             style: (ee == null ? void 0 : ee.scrollWrapperStyles.value) ?? {}
           }
         },
         t
       ) : t();
     };
-    return i(we), (t, o) => (Se(), Ve(We));
+    return i(Be), (t, n) => (Ie(), Ve(We));
   }
 });
 export {
   xt as T,
   Ut as _,
   wt as a,
-  Ne as b,
-  Gt as c,
+  ze as b,
   Kt as f,
   Ct as i,
-  Bt as p,
-  ke as s
+  Bt as p
 };