@pantograph/vue 0.29.1 → 0.29.3

package/dist/{Tree.vue_vue_type_style_index_0_lang-DfkssuPL.js → index-ChJBx3zx.js}

@@ -1,35 +1,36 @@
-import { defineComponent as ke, useAttrs as He, useSlots as ze, computed as m, createBlock as Ve, openBlock as Ie, h as z, 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 { getComponentOptions as Ae, generateVariantClassList as J, getBemElement as M, normCls as Le, sortPlaceholderVariantsClass as nt, getBemBlock as ot, createOptionGetterFunc as D, getBemModifier as st, usePCId as it, sortPlaceholderCls as ct } from "@pantograph/utils";
-import { createContext as dt, RovingFocusItem as ut, RovingFocusGroup as gt } from "reka-ui";
-import { cva as Ee } from "class-variance-authority";
-import { isString as pt, uniq as _e, flattenDeep as ft, last as fe, cloneDeep as Oe, isEqual as Te, omit as ht, isFunction as Pe } from "es-toolkit";
-import yt from "@pantograph/sortable";
-import { isEmptyElement as $e, useFormInput as mt, useVirtualScroll as vt } from "@pantograph/utils-vue";
-import { _ as Fe } from "./IndentLevel.vue_vue_type_style_index_0_lang-B1tyl0fy.js";
-import { _ as bt } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
-import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-BEA8tGnv.js";
-import { u as kt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
-import { _ as It } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
-import { i as St } from "./isArray-QlWcxgml.js";
-import { s as Re } from "./index-ZfMi9Is4.js";
-const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Ct, Bt] = dt("Tree"), wt = /* @__PURE__ */ ke({
+import { defineComponent as ke, useAttrs as Xe, useSlots as ze, computed as m, createBlock as Ve, openBlock as Ie, h as z, unref as ae, createElementBlock as Ye, Fragment as Ze, createVNode as et, createElementVNode as tt, normalizeClass as rt, ref as ne, watch as pe, nextTick as at, onMounted as lt, onBeforeUnmount as nt, shallowRef as ot, render as st } from "vue";
+import { getComponentOptions as Ae, generateVariantClassList as J, getBemElement as M, normCls as Le, sortPlaceholderVariantsClass as it, getBemBlock as ct, createOptionGetterFunc as D, getBemModifier as dt, usePCId as ut, sortPlaceholderCls as gt, getComponentName as Ee } from "@pantograph/utils";
+import { createContext as pt, RovingFocusItem as ft, RovingFocusGroup as ht } from "reka-ui";
+import { cva as Oe } from "class-variance-authority";
+import { isString as yt, uniq as _e, flattenDeep as mt, last as fe, cloneDeep as $e, isEqual as Ke, omit as vt, isFunction as Ne } from "es-toolkit";
+import bt from "@pantograph/sortable";
+import { isEmptyElement as Fe, useFormInput as _t, useVirtualScroll as kt, installComponent as De } from "@pantograph/utils-vue";
+import { _ as Me } from "./IndentLevel.vue_vue_type_style_index_0_lang-DXqbeAQ-.js";
+import { _ as It } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { _ as St } from "./Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
+import { useConfig as Ct } from "./ConfigProvider/index.js";
+import { _ as xt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-C9L-FJn7.js";
+import { i as Bt } from "./isArray-QlWcxgml.js";
+import "./IndentLevel/index.js";
+import { a as Pe } from "./index-D2tZoezA.js";
+const wt = ["sm", "md", "lg"], Re = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [Tt, Kt] = pt("Tree"), Ge = /* @__PURE__ */ ke({
   ...Ae("TreeNode"),
   __name: "TreeNode",
   props: {
     node: {}
   },
   setup(V) {
-    const i = V, G = He(), e = ze(), r = Ct(), R = Ee(r.prefixes.node, {
+    const i = V, G = Xe(), e = ze(), r = Tt(), P = Oe(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)), j = 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(
-      () => !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(
+    }), v = (n) => r.getNodeChildren(n, !0, !1), T = m(() => v(i.node)), j = m(() => r.props.draggable ? i.node._draggable ?? !0 : !1), f = m(() => !!(r.disabled.value || i.node._disabled)), C = m(() => i.node._dragging ?? !1), k = m(
+      () => !C.value && r.expandedKeys.value.includes(i.node._key)
+    ), x = m(() => !C.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(
       () => {
         var n, d;
-        return !!((n = K.value) != null && n.length || (d = r.props) != null && d.lazyLoad && !i.node._leaf);
+        return !!((n = T.value) != null && n.length || (d = r.props) != null && d.lazyLoad && !i.node._leaf);
       }
     ), X = m(() => ({
       ...i.node,
@@ -42,11 +43,11 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
       f.value || r.onSelect(i.node, !Q.value);
     }, c = () => {
       const n = () => {
-        var T, y, Y, A, E, P, q, S;
+        var K, y, Y, A, E, N, q, S;
         const d = [];
-        if ((T = r.props) != null && T.draggable) {
+        if ((K = r.props) != null && K.draggable) {
           let b = null;
-          r.dragging.value || (b = z(bt, {
+          r.dragging.value || (b = z(It, {
             icon: "tabler:grip-vertical",
             size: r.iconSize.value,
             class: r.prefixes.draggableIcon
@@ -54,13 +55,13 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
         }
         d.push(
           z(
-            Fe,
+            Me,
             {
               level: I.value,
               children: U.value,
               size: r.indentSize.value,
               expanded: k.value,
-              showLine: C.value,
+              showLine: x.value,
               dir: r.props.dir,
               class: M(r.prefixes.node, "indent"),
               loading: i.node._loading,
@@ -76,7 +77,7 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
             }
           )
         ), (A = r.props) != null && A.checkable && d.push(
-          z(_t, {
+          z(St, {
             unExtendParent: !0,
             size: r.iconSize.value,
             modelValue: L.value,
@@ -86,17 +87,17 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
           })
         );
         const h = (E = e.default) == null ? void 0 : E.call(e, X.value);
-        return $e(h) ? d.push(
+        return Fe(h) ? d.push(
           z("div", { class: M(r.prefixes.node, "title") }, i.node._title)
         ) : d.push(h), z(
           "div",
           {
             ...G,
-            "data-key": (P = r.props) != null && P.draggable ? i.node._key : void 0,
+            "data-key": (N = r.props) != null && N.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 && j.value : void 0,
             class: Le(
-              R({
+              P({
                 disabled: f.value,
                 active: Q.value
               }),
@@ -108,7 +109,7 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
         );
       };
       return r.props.focusable ? z(
-        ut,
+        ft,
         {
           asChild: !0,
           tabStopId: i.node._key
@@ -118,44 +119,44 @@ const xt = ["sm", "md", "lg"], Ne = { none: "gap-none", sm: "gap-sm", md: "gap-m
     };
     return (n, d) => (Ie(), Ve(c));
   }
-}), oe = (V) => pt(V);
-function Kt({
+}), oe = (V) => yt(V);
+function Nt({
   getValue: V,
   getDisabled: i,
   arr: G,
   getChildren: e,
   getExtra: r,
-  allowNoValidKey: R
+  allowNoValidKey: P
 }) {
-  const v = [], K = (j, f) => {
-    j.forEach((x) => {
-      const k = e(x, f), C = V(x, f, k);
-      if (oe(C) || R != null && R(x, f, k))
+  const v = [], T = (j, f) => {
+    j.forEach((C) => {
+      const k = e(C, f), x = V(C, f, k);
+      if (oe(x) || P != null && P(C, f, k))
         v.push({
-          ...typeof x == "object" ? x : { _item: x },
+          ...typeof C == "object" ? C : { _item: C },
           _parentKeys: f,
-          _key: C,
-          _disabled: !!i(x),
+          _key: x,
+          _disabled: !!i(C),
           _hasChildren: !!(k != null && k.length),
-          ...(r == null ? void 0 : r(x)) ?? {}
-        }), k != null && k.length && K(k, [...f ?? [], C]);
+          ...(r == null ? void 0 : r(C)) ?? {}
+        }), k != null && k.length && T(k, [...f ?? [], x]);
       else
         throw "every node must provide a valid key";
     });
   };
-  return K(G), v;
+  return T(G), v;
 }
-const Tt = ({
+const Pt = ({
   getData: V,
   getExpandedKeys: i,
   getValue: G,
   getDisabled: e,
   getChildren: r,
-  isFlatten: R,
+  isFlatten: P,
   getExtra: v
 }) => {
-  const K = m(
-    () => R ? ae(V()) : Kt({
+  const T = m(
+    () => P ? ae(V()) : Nt({
       arr: ae(V()),
       getChildren: r,
       getValue: G,
@@ -164,7 +165,7 @@ const Tt = ({
     })
   ), j = m(() => {
     const a = ae(i());
-    return K.value.filter(
+    return T.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)));
@@ -172,20 +173,20 @@ const Tt = ({
     );
   }), f = (a, c = !1, n = !0) => {
     const d = a == null ? void 0 : a._key;
-    return !oe(d) || !a ? [] : K.value.filter((h) => {
-      var T;
+    return !oe(d) || !a ? [] : T.value.filter((h) => {
+      var K;
       if (c) {
         const y = fe(h._parentKeys ?? []);
         return y && y === d;
       }
-      return (T = h._parentKeys) == null ? void 0 : T.includes(d);
+      return (K = h._parentKeys) == null ? void 0 : K.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) => {
-    const c = C(fe(a._parentKeys ?? []));
+  }, C = () => T.value.filter((a) => !a._parentKeys), k = (a) => a ? f(a, !0, !1) : C(), x = (a) => oe(a) ? T.value.find((c) => c._key === a) : void 0, Q = (a) => {
+    const c = x(fe(a._parentKeys ?? []));
     return k(c).findIndex((n) => n._key === a._key);
   }, L = (a) => {
     const c = ae(a);
-    return c && St(c) ? Oe(c) : [];
+    return c && Bt(c) ? $e(c) : [];
   }, B = (a, c) => {
     const n = f(a);
     if (n != null && n.length)
@@ -196,43 +197,43 @@ const Tt = ({
   }, U = (a, c, n = !1) => {
     const d = L(c), h = a == null ? void 0 : a._key;
     if (!n && !a._disabled && !d.includes(h)) {
-      const T = f(a);
-      if (T != null && T.length)
+      const K = f(a);
+      if (K != null && K.length)
         return I(a, c) ? !0 : B(a, c) ? "indeterminate" : !1;
     }
     return d.includes(h);
   };
   return {
-    flattenData: K,
+    flattenData: T,
     visibleFlattenData: j,
     getNodeChildren: f,
-    getNodeByValue: C,
+    getNodeByValue: x,
     getNodeIndexInScope: Q,
     getChildrenOrRootNodes: k,
     isSomeChildrenSelected: B,
     isAllChildrenSelected: I,
     isSelected: U,
-    getRootNodes: x,
-    selectValue: (a, c, n, d, h, T) => {
+    getRootNodes: C,
+    selectValue: (a, c, n, d, h, K) => {
       let y = L(n);
       if (oe(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);
+            const A = f(a).map((g) => g._key), E = y.map(x).filter((g) => g && g._parentKeys);
             c || E.push(a);
             const q = _e(
-              ft(E.map((g) => g._parentKeys))
-            ).filter((g) => oe(g) && g !== a._key).filter(oe).map(C).filter(Boolean), S = [], b = [];
+              mt(E.map((g) => g._parentKeys))
+            ).filter((g) => oe(g) && g !== a._key).filter(oe).map(x).filter(Boolean), S = [], b = [];
             q.forEach((g) => {
               const ce = g == null ? void 0 : g._key;
               I(g, y) ? S.push(ce) : b.push(ce);
             }), c ? S.push(...A) : b.push(...A), y.push(...S), y = y.filter((g) => !b.includes(g));
           }
-        } else T === "replace" ? c && (y = [a._key]) : c ? y = [a._key] : y = [];
+        } else K === "replace" ? c && (y = [a._key]) : c ? y = [a._key] : y = [];
       return _e(y);
     }
   };
-}, Pt = /* @__PURE__ */ ke({
+}, Rt = /* @__PURE__ */ ke({
   __name: "TreePlaceholder",
   props: {
     level: {},
@@ -242,20 +243,20 @@ const Tt = ({
     children: { type: Boolean }
   },
   setup(V) {
-    return (i, G) => (Ie(), Je(Qe, null, [
-      Xe(ae(Fe), {
+    return (i, G) => (Ie(), Ye(Ze, null, [
+      et(ae(Me), {
         level: i.level,
         expanded: !1,
         branchIcon: i.branchIcon,
         children: i.children,
         size: i.indentSize
       }, null, 8, ["level", "branchIcon", "children", "size"]),
-      Ye("div", {
-        class: Ze(ae(nt)({ size: i.size }))
+      tt("div", {
+        class: rt(ae(it)({ size: i.size }))
       }, null, 2)
     ], 64));
   }
-}), Ut = /* @__PURE__ */ ke({
+}), zt = /* @__PURE__ */ ke({
   ...Ae("Tree"),
   __name: "Tree",
   props: {
@@ -300,16 +301,16 @@ const Tt = ({
   },
   emits: ["update:modelValue", "update:expandedKeys", "update:checkedKeys", "change", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
   setup(V, { expose: i, emit: G }) {
-    const e = V, r = G, R = ze(), v = ot("tree"), K = M(v, "node"), j = M(K, "group"), f = M(K, "draggable"), x = M(f, "icon"), k = M(j, "list"), C = {
-      node: K,
+    const e = V, r = G, P = ze(), v = ct("tree"), T = M(v, "node"), j = M(T, "group"), f = M(T, "draggable"), C = M(f, "icon"), k = M(j, "list"), x = {
+      node: T,
       group: j,
       draggable: f,
-      draggableIcon: x,
+      draggableIcon: C,
       groupList: k
-    }, Q = Ee(v, {
+    }, Q = Oe(v, {
       variants: {
-        size: J(xt, v),
-        gap: J(Ne, v),
+        size: J(wt, v),
+        gap: J(Re, v),
         selectable: J("selectable", v),
         disabled: J("disabled", v),
         inlineNode: J("inline-node", v),
@@ -373,9 +374,9 @@ const Tt = ({
       getNodeIndexInScope: n,
       isSelected: d,
       getNodeChildren: h,
-      selectValue: T,
+      selectValue: K,
       getRootNodes: y
-    } = Tt({
+    } = Pt({
       isFlatten: e.flattenData,
       getData: () => e.data,
       getExpandedKeys: () => I,
@@ -395,7 +396,7 @@ const Tt = ({
     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));
+        A || (A = !0, o !== (s == null ? void 0 : s[1]) ? I.value = e.expandedKeys ?? [] : t && !(s != null && s[0]) && (I.value = Y()), at(() => A = !1));
       },
       { deep: !0, immediate: !0 }
     ), pe(
@@ -413,7 +414,7 @@ const Tt = ({
       },
       { deep: !0 }
     );
-    const P = m({
+    const N = m({
       get() {
         return E.value;
       },
@@ -424,7 +425,7 @@ const Tt = ({
     pe(
       () => e.checkedKeys,
       () => {
-        q.value = e.checkedKeys ?? [], e.syncCheckboxAndSelect && (P.value = e.checkedKeys ?? []);
+        q.value = e.checkedKeys ?? [], e.syncCheckboxAndSelect && (N.value = e.checkedKeys ?? []);
       },
       { deep: !0 }
     );
@@ -435,32 +436,32 @@ const Tt = ({
       set(t) {
         e.checkedKeys || (q.value = t), r("update:checkedKeys", t);
       }
-    }), { getDisabled: b, getSize: g } = mt(), ce = (t) => !!d(t, P, !0), De = (t) => d(t, S, e.checkStrictly), Se = (t, o) => {
+    }), { getDisabled: b, getSize: g } = _t(), ce = (t) => !!d(t, N, !0), je = (t) => d(t, S, e.checkStrictly), Se = (t, o) => {
       if (e.selectable && !b.value) {
-        const s = T(
+        const s = K(
           t,
           o,
-          P,
+          N,
           !!(e.syncCheckboxAndSelect ? e.checkStrictly : e.checkStrictly !== !1),
           e.multiple,
           e.selectionBehavior
         );
-        Te(s, P.value) || (P.value = s, r("select", t, o, s), r("change", { modelValue: P.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (S.value = s, r("check", t, o, s)));
+        Ke(s, N.value) || (N.value = s, r("select", t, o, s), r("change", { modelValue: N.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (S.value = s, r("check", t, o, s)));
       }
-    }, Me = (t, o) => {
+    }, Ue = (t, o) => {
       if (e.checkable && !b.value) {
-        const s = T(t, o, S, !!e.checkStrictly, !0);
-        Te(s, S.value) || (S.value = s, r("check", t, o, S.value), r("change", { modelValue: P.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (P.value = s, r("select", t, o, s)));
+        const s = K(t, o, S, !!e.checkStrictly, !0);
+        Ke(s, S.value) || (S.value = s, r("check", t, o, S.value), r("change", { modelValue: N.value, checkedKeys: S.value }), e.syncCheckboxAndSelect && (N.value = s, r("select", t, o, s)));
       }
     }, se = (t) => {
-      let o = !0, s = Oe(I.value);
+      let o = !0, s = $e(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(() => {
       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(Re).includes(e.gap)) return e.gap;
       }
-    }), de = ne(!1), { getDir: Ge } = kt(), Z = Ge(), xe = m(() => {
+    }), de = ne(!1), { getDir: qe } = Ct(), Z = qe(), Ce = m(() => {
       switch (g.value) {
         case "sm":
           return "2xsm";
@@ -469,42 +470,42 @@ const Tt = ({
         default:
           return "xsm";
       }
-    }), je = m(() => g.value === "sm" ? "2xsm" : "xsm"), Ce = (t) => {
+    }), We = m(() => g.value === "sm" ? "2xsm" : "xsm"), xe = (t) => {
       var o;
       return (((o = t == null ? void 0 : t._parentKeys) == null ? void 0 : o.length) ?? 0) + 1;
     }, ye = ne(), Be = {
-      iconSize: je,
+      iconSize: We,
       disabled: b,
       props: e,
       expandedKeys: I,
-      model: P,
+      model: N,
       dir: Z,
       checked: S,
       onExpandKey: se,
       onSelect: Se,
-      onCheck: Me,
+      onCheck: Ue,
       scrollContainerRef: ye,
       getNodeChildren: h,
       getNodeField: B,
       getIsSelected: ce,
-      getIsChecked: De,
-      getLevel: Ce,
+      getIsChecked: je,
+      getLevel: xe,
       dragging: de,
-      indentSize: xe,
-      prefixes: C
+      indentSize: Ce,
+      prefixes: x
     };
-    Bt(Be);
+    Kt(Be);
     const me = ne();
     if (e.draggable) {
       let t, o;
       const s = (p) => {
         const u = p.getAttribute("data-key");
         if (u) return a(u);
-      }, O = st(M(v, "dragging_item"), g.value), w = () => {
+      }, O = dt(M(v, "dragging_item"), g.value), w = () => {
         var p;
         (p = t == null ? void 0 : t.destroy) == null || p.call(t), t = void 0;
       };
-      tt(async () => {
+      lt(async () => {
         let p, u, W, H, $;
         const be = (l) => ({
           ...l,
@@ -515,42 +516,42 @@ const Tt = ({
           oldDraggableIndex: p,
           newIndex: $,
           newDraggableIndex: $
-        }), Ke = (l, te) => {
+        }), Te = (l, te) => {
           if (l) {
-            const N = () => {
-              const ge = Ce(u), _ = !!(u != null && u._hasChildren);
+            const R = () => {
+              const ge = xe(u), _ = !!(u != null && u._hasChildren);
               return {
                 size: g.value,
                 level: ge,
                 children: _,
-                indentSize: xe.value,
+                indentSize: Ce.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, ct));
-            const ie = N();
-            return te && (ie.level = te), lt(z(Pt, ie), F), F;
+            F.style.width = re.width ? `${re.width}px` : "100%", F.style.height = re.height ? `${re.height}px` : "100%", F.classList.add(M(v, gt));
+            const ie = R();
+            return te && (ie.level = te), st(z(Rt, ie), F), F;
           }
         };
-        t ? w() : me.value && (t = new yt(me.value, {
-          ...ht(e.sortableProps || {}, ["onMove"]),
-          group: Pe(e.groupName) ? e.groupName() : e.groupName ?? it(v),
+        t ? w() : me.value && (t = new bt(me.value, {
+          ...vt(e.sortableProps || {}, ["onMove"]),
+          group: Ne(e.groupName) ? e.groupName() : e.groupName ?? ut(v),
           filter: "[data-draggable=false]",
           tree: !0,
-          draggable: `.${C.node}`,
-          handle: `.${C.node} .${C.draggable} .${C.draggableIcon}`,
+          draggable: `.${x.node}`,
+          handle: `.${x.node} .${x.draggable} .${x.draggableIcon}`,
           dataIdAttr: "data-key",
           dragClass: O,
           onChoose(l) {
             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 R = fe(W);
+                R && (p = h(R, !0, !1).findIndex(
                   (F) => F._key === u._key
                 ));
               } else
-                p = y().findIndex((N) => N._key === u._key);
+                p = y().findIndex((R) => R._key === u._key);
               u._dragging = !0;
             }
             r("choose", l);
@@ -573,42 +574,42 @@ const Tt = ({
                 _
               ], (ie = h(_, !0, !1)) != null && ie.length && !I.value.includes(_._key) && se(_));
             }
-            const N = l.draggedTreeItemLevel ?? 1;
+            const R = l.draggedTreeItemLevel ?? 1;
             if (!l.draggedTreeItemBefore) $ = 0;
             else if (l.draggedTreeItemBefore) {
-              if (l.draggedTreeItemBefore.level === N) {
+              if (l.draggedTreeItemBefore.level === R) {
                 const _ = s(l.draggedTreeItemBefore);
                 _ && ($ = n(_) + 1);
-              } else if (l.draggedTreeItemBefore.level < N)
+              } else if (l.draggedTreeItemBefore.level < R)
                 $ = 0;
-              else if (l.draggedTreeItemBefore.level > N) {
-                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < N) {
+              else if (l.draggedTreeItemBefore.level > R) {
+                if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < R) {
                   const _ = fe(H ?? []);
                   $ = c(_).length;
-                } else if (l.draggedTreeItemAfter.level === N) {
+                } else if (l.draggedTreeItemAfter.level === R) {
                   const _ = s(l.draggedTreeItemAfter);
                   _ && ($ = n(_));
                 }
               }
             }
             const F = be(l);
-            Pe((ge = e.sortableProps) == null ? void 0 : ge.onMove) && e.sortableProps.onMove(F, te);
+            Ne((ge = e.sortableProps) == null ? void 0 : ge.onMove) && e.sortableProps.onMove(F, te);
           },
           getPlaceholder(l) {
-            return Ke(l == null ? void 0 : l.item);
+            return Te(l == null ? void 0 : l.item);
           },
           getPlaceholderOnMove(l) {
-            return Ke(l == null ? void 0 : l.dragged, l.draggedTreeItemLevel || 1);
+            return Te(l == null ? void 0 : l.dragged, l.draggedTreeItemLevel || 1);
           }
         }));
-      }), rt(w);
+      }), nt(w);
     }
-    const Ue = {
+    const He = {
       none: 0,
       sm: 4,
       md: 6,
       lg: 8
-    }, qe = m(() => ({
+    }, Je = m(() => ({
       get count() {
         return X.value.length ?? 0;
       },
@@ -616,10 +617,10 @@ const Tt = ({
         var t;
         return (t = ye.value) == null ? void 0 : t.container.viewportElement;
       },
-      estimateSize: () => Re[e.size] ?? Re.md,
+      estimateSize: () => Pe[e.size] ?? Pe.md,
       overscan: 5,
       get gap() {
-        return Ue[he.value ?? g.value] ?? he.value ?? g.value ?? 0;
+        return He[he.value ?? g.value] ?? he.value ?? g.value ?? 0;
       }
     }));
     let ve, ee;
@@ -627,7 +628,7 @@ const Tt = ({
       if (typeof e.virtual == "object")
         ve = e.virtual;
       else {
-        const { virtualizer: t, ...o } = vt(qe);
+        const { virtualizer: t, ...o } = kt(Je);
         ve = t, ee = o;
       }
     const we = m(
@@ -637,21 +638,21 @@ const Tt = ({
           (o) => X.value[o.index]
         ) : X.value;
       }
-    ), ue = at(), We = () => {
+    ), ue = ot(), Qe = () => {
       var o;
       const t = () => {
         const s = () => {
           var le;
-          const w = (le = R.default) == null ? void 0 : le.call(R, {
+          const w = (le = P.default) == null ? void 0 : le.call(P, {
             items: we.value
           });
-          return $e(w) ? we.value.map(
+          return Fe(w) ? we.value.map(
             (p) => z(
-              wt,
+              Ge,
               { key: p._key, node: p },
               {
-                default: R.node,
-                switcherIcon: R.switcherIcon
+                default: P.node,
+                switcherIcon: P.switcherIcon
               }
             )
           ) : w;
@@ -680,7 +681,7 @@ const Tt = ({
           s()
         );
         return e.focusable ? z(
-          gt,
+          ht,
           {
             orientation: "vertical",
             asChild: !0,
@@ -698,7 +699,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" && Se(p, !((le = P.value) != null && le.includes(p._key)));
+                  w.key === "Enter" && Se(p, !((le = N.value) != null && le.includes(p._key)));
                 }
               }
             }
@@ -707,7 +708,7 @@ const Tt = ({
         ) : O();
       };
       return e.virtual && !e.outerVirtualScroll ? z(
-        It,
+        xt,
         {
           ...e.scrollContainerProps,
           ref: ye,
@@ -720,15 +721,17 @@ const Tt = ({
         t
       ) : t();
     };
-    return i(Be), (t, o) => (Ie(), Ve(We));
+    return i(Be), (t, o) => (Ie(), Ve(Qe));
   }
-});
+}), Jt = De(zt, Ee("Tree")), Qt = De(Ge, Ee("TreeNode"));
 export {
-  xt as T,
-  Ut as _,
-  wt as a,
-  Ne as b,
-  Kt as f,
-  Ct as i,
-  Bt as p
+  Re as T,
+  zt as _,
+  Ge as a,
+  Qt as b,
+  Jt as c,
+  wt as d,
+  Nt as f,
+  Tt as i,
+  Kt as p
 };