@opentiny/tiny-robot 0.4.2-alpha.9 → 0.5.0

package/dist/layout/index.js

@@ -1,9 +1,9 @@
-import { toValue as q, shallowRef as C, computed as f, provide as Ne, inject as $e, defineComponent as k, openBlock as E, createElementBlock as I, normalizeClass as K, createElementVNode as B, ref as ee, createBlock as X, createCommentVNode as N, renderSlot as $, Fragment as Le, renderList as Be, useAttrs as Ye, watch as ze, Teleport as Ve, mergeProps as Xe, unref as Z, createVNode as Ge, isVNode as Ue, Comment as qe, Text as Ze, useSlots as je, isRef as Ke, normalizeStyle as He, withCtx as pe, normalizeProps as Je, guardReactiveProps as Qe, createTextVNode as et, toDisplayString as tt, onBeforeUnmount as nt } from "vue";
-import { g as V, t as at, m as it, b as lt, a as rt, j as De, n as ot } from "../index4.js";
+import { toValue as q, shallowRef as A, computed as c, provide as ke, inject as Pe, defineComponent as k, openBlock as E, createElementBlock as I, normalizeClass as K, createElementVNode as B, ref as te, createBlock as G, createCommentVNode as N, renderSlot as $, Fragment as Me, renderList as Ne, useAttrs as $e, watch as _e, Teleport as Be, mergeProps as Ye, unref as Z, createVNode as Xe, useSlots as Ve, isRef as Ge, normalizeStyle as be, withCtx as pe, normalizeProps as Ue, guardReactiveProps as qe, createTextVNode as Ze, toDisplayString as je, onBeforeUnmount as Ke } from "vue";
+import { g as V, t as Je, m as Qe, b as et, a as tt, j as Se, n as nt } from "../index4.js";
 import { _ as Y } from "../_plugin-vue_export-helper.js";
-function We(e) {
-  const t = q(e.value) !== void 0, n = C(q(e.defaultValue));
-  return f({
+function ze(e) {
+  const t = q(e.value) !== void 0, n = A(q(e.defaultValue));
+  return c({
     get() {
       return t ? q(e.value) : n.value;
     },
@@ -13,73 +13,73 @@ function We(e) {
     }
   });
 }
-const st = [0];
-function Re(e, t) {
-  const n = C(null), a = C(null), l = C(null), c = C(null);
-  function x(d) {
-    const h = q(t.buttons) ?? st, s = d.currentTarget instanceof HTMLElement ? d.currentTarget : null;
-    if (!s || n.value || q(t.disabled) || !d.isPrimary || !h.includes(d.button))
+const at = [0];
+function We(e, t) {
+  const n = A(null), a = A(null), l = A(null), d = A(null);
+  function _(u) {
+    const h = q(t.buttons) ?? at, r = u.currentTarget instanceof HTMLElement ? u.currentTarget : null;
+    if (!r || n.value || q(t.disabled) || !u.isPrimary || !h.includes(u.button))
       return;
-    const v = t.onStart(d);
-    if (v) {
-      n.value = v, a.value = d.pointerId, l.value = s, c.value = s.ownerDocument.defaultView;
+    const m = t.onStart(u);
+    if (m) {
+      n.value = m, a.value = u.pointerId, l.value = r, d.value = r.ownerDocument.defaultView;
       try {
-        s.setPointerCapture(d.pointerId);
+        r.setPointerCapture(u.pointerId);
       } catch {
-        u("manual");
+        s("manual");
       }
     }
   }
-  function g(d) {
-    var s;
+  function g(u) {
+    var r;
     const h = n.value;
-    !h || d.pointerId !== a.value || (s = t.onMove) == null || s.call(t, h, d);
+    !h || u.pointerId !== a.value || (r = t.onMove) == null || r.call(t, h, u);
   }
-  function u(d, h) {
+  function s(u, h) {
     var o;
-    const s = n.value;
-    if (!s || h && h.pointerId !== a.value)
+    const r = n.value;
+    if (!r || h && h.pointerId !== a.value)
       return;
-    const v = a.value, i = l.value;
-    n.value = null, a.value = null, l.value = null, c.value = null, i && v !== null && i.hasPointerCapture(v) && i.releasePointerCapture(v), (o = t.onEnd) == null || o.call(t, s, { reason: d, event: h });
+    const m = a.value, i = l.value;
+    n.value = null, a.value = null, l.value = null, d.value = null, i && m !== null && i.hasPointerCapture(m) && i.releasePointerCapture(m), (o = t.onEnd) == null || o.call(t, r, { reason: u, event: h });
   }
-  return V(e, "pointerdown", x), V(c, "pointermove", g), V(c, "pointerup", (d) => {
-    u("pointerup", d);
-  }), V(c, "pointercancel", (d) => {
-    u("pointercancel", d);
-  }), at(() => {
-    u("scope-dispose");
+  return V(e, "pointerdown", _), V(d, "pointermove", g), V(d, "pointerup", (u) => {
+    s("pointerup", u);
+  }), V(d, "pointercancel", (u) => {
+    s("pointercancel", u);
+  }), Je(() => {
+    s("scope-dispose");
   }), {
-    isDragging: f(() => n.value !== null),
-    cancel: () => u("manual")
+    isDragging: c(() => n.value !== null),
+    cancel: () => s("manual")
   };
 }
-function ne(e) {
+function ae(e) {
   return e === void 0 ? void 0 : `${e}px`;
 }
-const ut = /^(-?(?:\d+|\d*\.\d+))px$/i, dt = /^0(?:\.0+)?$/i;
-function ct(e, t) {
+const it = /^(-?(?:\d+|\d*\.\d+))px$/i, lt = /^0(?:\.0+)?$/i;
+function ot(e, t) {
   if (typeof e == "number" && Number.isFinite(e))
     return e;
   if (typeof e != "string" || !e.trim())
     return t;
   const n = e.trim().toLowerCase();
-  if (dt.test(n))
+  if (lt.test(n))
     return 0;
-  const a = n.match(ut);
+  const a = n.match(it);
   if (a) {
     const l = Number.parseFloat(a[1]);
     return Number.isFinite(l) ? l : t;
   }
   return t;
 }
-function Te(e, t) {
+function De(e, t) {
   return {
     value: e.getPropertyValue(t),
     priority: e.getPropertyPriority(t)
   };
 }
-function Fe(e, t, n) {
+function Te(e, t, n) {
   if (!n.value) {
     e.removeProperty(t);
     return;
@@ -87,30 +87,30 @@ function Fe(e, t, n) {
   e.setProperty(t, n.value, n.priority);
 }
 function we(e, t) {
-  const n = e.style, a = Te(n, "cursor"), l = Te(n, "user-select");
+  const n = e.style, a = De(n, "cursor"), l = De(n, "user-select");
   n.setProperty("cursor", t, "important"), n.setProperty("user-select", "none", "important");
-  let c = !1;
+  let d = !1;
   return () => {
-    c || (c = !0, Fe(n, "cursor", a), Fe(n, "user-select", l));
+    d || (d = !0, Te(n, "cursor", a), Te(n, "user-select", l));
   };
 }
 function S(e, t, n) {
   return Math.min(Math.max(e, t), n);
 }
-const Oe = Symbol("LayoutContext");
-function gt(e) {
-  Ne(Oe, e);
+const Le = Symbol("LayoutContext");
+function rt(e) {
+  ke(Le, e);
 }
-function Ee() {
-  const e = $e(Oe, null);
+function Re() {
+  const e = Pe(Le, null);
   if (!e)
     throw new Error("[Layout] useLayoutContext must be used within Layout.");
   return e;
 }
-function ft(e) {
-  return Ee()[e];
+function st(e) {
+  return Re()[e];
 }
-const ht = /* @__PURE__ */ k({
+const ut = /* @__PURE__ */ k({
   name: "LayoutAsideResizeTrigger",
   __name: "AsideResizeTrigger",
   props: {
@@ -122,44 +122,44 @@ const ht = /* @__PURE__ */ k({
   },
   emits: ["width-change", "aside-resize-start", "aside-resize-end"],
   setup(e, { emit: t }) {
-    const n = e, a = t, l = C(null), { rootEl: c } = Ee(), { isDragging: x } = Re(l, {
+    const n = e, a = t, l = A(null), { rootEl: d } = Re(), { isDragging: _ } = We(l, {
       onStart: (i) => {
-        const o = n.asideEl, R = c.value;
-        if (!o || !R)
+        const o = n.asideEl, W = d.value;
+        if (!o || !W)
           return null;
-        const D = u(R, o), T = R.ownerDocument.body, F = R.ownerDocument.defaultView;
+        const D = s(W, o), T = W.ownerDocument.body, C = W.ownerDocument.defaultView;
         i.preventDefault();
-        const A = d(i, D, F, we(T, "col-resize"));
+        const L = u(i, D, C, we(T, "col-resize"));
         return a("aside-resize-start", {
           side: n.side,
-          expandedWidth: A.startWidth
-        }), A;
+          expandedWidth: L.startWidth
+        }), L;
       },
       onMove: (i, o) => {
-        const R = h(i, o.clientX);
-        s(i, R);
+        const W = h(i, o.clientX);
+        r(i, W);
       },
       onEnd: (i) => {
-        i.frameId !== null && i.view && (i.view.cancelAnimationFrame(i.frameId), i.frameId = null), v(i), i.releaseBodyInteraction(), a("aside-resize-end", {
+        i.frameId !== null && i.view && (i.view.cancelAnimationFrame(i.frameId), i.frameId = null), m(i), i.releaseBodyInteraction(), a("aside-resize-end", {
           side: n.side,
           expandedWidth: i.currentWidth
         });
       }
-    }), g = f(() => [
+    }), g = c(() => [
       `tr-layout__resize-trigger--${n.side}`,
       {
-        "is-dragging": x.value
+        "is-dragging": _.value
       }
     ]);
-    function u(i, o) {
-      const R = i.getBoundingClientRect(), D = getComputedStyle(i).getPropertyValue("--tr-layout-main-min-width").trim(), T = ct(D, 320), F = o.getBoundingClientRect().width, A = R.width - T - n.oppositeDockWidth;
+    function s(i, o) {
+      const W = i.getBoundingClientRect(), D = getComputedStyle(i).getPropertyValue("--tr-layout-main-min-width").trim(), T = ot(D, 320), C = o.getBoundingClientRect().width, L = W.width - T - n.oppositeDockWidth;
       return {
-        startWidth: F,
+        startWidth: C,
         minWidth: n.minWidth,
-        effectiveMax: Math.max(n.minWidth, Math.min(n.maxWidth, A))
+        effectiveMax: Math.max(n.minWidth, Math.min(n.maxWidth, L))
       };
     }
-    function d(i, o, R, D) {
+    function u(i, o, W, D) {
       return {
         side: n.side,
         startX: i.clientX,
@@ -169,26 +169,26 @@ const ht = /* @__PURE__ */ k({
         effectiveMax: o.effectiveMax,
         pendingWidth: null,
         frameId: null,
-        view: R,
+        view: W,
         releaseBodyInteraction: D
       };
     }
     function h(i, o) {
-      const R = o - i.startX, D = i.side === "left" ? i.startWidth + R : i.startWidth - R;
+      const W = o - i.startX, D = i.side === "left" ? i.startWidth + W : i.startWidth - W;
       return S(D, i.minWidth, i.effectiveMax);
     }
-    function s(i, o) {
+    function r(i, o) {
       if (o !== i.currentWidth) {
         if (i.pendingWidth = o, i.currentWidth = o, !i.view) {
-          v(i);
+          m(i);
           return;
         }
         i.frameId === null && (i.frameId = i.view.requestAnimationFrame(() => {
-          i.frameId = null, v(i);
+          i.frameId = null, m(i);
         }));
       }
     }
-    function v(i) {
+    function m(i) {
       if (i.pendingWidth === null)
         return;
       const o = i.pendingWidth;
@@ -206,7 +206,7 @@ const ht = /* @__PURE__ */ k({
       }, null, -1)
     ])], 2));
   }
-}), mt = /* @__PURE__ */ Y(ht, [["__scopeId", "data-v-f60b35e1"]]), vt = ["inert"], pt = { class: "tr-layout__aside-mask" }, yt = { class: "tr-layout__aside-body" }, xt = /* @__PURE__ */ k({
+}), dt = /* @__PURE__ */ Y(ut, [["__scopeId", "data-v-f60b35e1"]]), ct = ["inert"], gt = { class: "tr-layout__aside-mask" }, ft = { class: "tr-layout__aside-body" }, ht = /* @__PURE__ */ k({
   name: "LayoutAsideContent",
   __name: "AsideContent",
   props: {
@@ -215,7 +215,7 @@ const ht = /* @__PURE__ */ k({
   },
   emits: ["width-change", "aside-resize-start", "aside-resize-end"],
   setup(e, { emit: t }) {
-    const n = ee(null), a = e, l = t, c = f(() => [
+    const n = te(null), a = e, l = t, d = c(() => [
       `tr-layout__aside--${a.panel.side}`,
       `tr-layout__aside--effect-${a.panel.collapseEffect.value}`,
       {
@@ -226,38 +226,38 @@ const ht = /* @__PURE__ */ k({
         "tr-layout__aside--hidden": a.panel.isHidden.value
       }
     ]);
-    return (x, g) => (E(), I("aside", {
+    return (_, g) => (E(), I("aside", {
       ref_key: "asideRef",
       ref: n,
-      class: K(["tr-layout__aside", c.value]),
+      class: K(["tr-layout__aside", d.value]),
       inert: a.panel.isHidden.value || void 0
     }, [
-      e.panel.canResize.value ? (E(), X(mt, {
+      e.panel.canResize.value ? (E(), G(dt, {
         key: 0,
         side: e.panel.side,
         "aside-el": n.value,
         "min-width": e.panel.minExpandedWidth.value,
         "max-width": e.panel.maxExpandedWidth.value,
         "opposite-dock-width": e.oppositeDockWidth,
-        onWidthChange: g[0] || (g[0] = (u) => l("width-change", u)),
-        onAsideResizeStart: g[1] || (g[1] = (u) => l("aside-resize-start", u)),
-        onAsideResizeEnd: g[2] || (g[2] = (u) => l("aside-resize-end", u))
+        onWidthChange: g[0] || (g[0] = (s) => l("width-change", s)),
+        onAsideResizeStart: g[1] || (g[1] = (s) => l("aside-resize-start", s)),
+        onAsideResizeEnd: g[2] || (g[2] = (s) => l("aside-resize-end", s))
       }, null, 8, ["side", "aside-el", "min-width", "max-width", "opposite-dock-width"])) : N("", !0),
-      B("div", pt, [
-        B("div", yt, [
-          $(x.$slots, "default", {}, void 0, !0)
+      B("div", gt, [
+        B("div", ft, [
+          $(_.$slots, "default", {}, void 0, !0)
         ])
       ])
-    ], 10, vt));
+    ], 10, ct));
   }
-}), Ce = /* @__PURE__ */ Y(xt, [["__scopeId", "data-v-76a70135"]]), ce = 420, ge = 560, j = 0, _t = j, le = 24, zt = 320, Wt = 240;
-function Rt(e) {
+}), Fe = /* @__PURE__ */ Y(ht, [["__scopeId", "data-v-76a70135"]]), ce = 420, ge = 560, j = 0, vt = j, le = 24, mt = 320, pt = 240;
+function yt(e) {
   return (e == null ? void 0 : e.placement) ?? "center";
 }
-function wt(e) {
+function xt(e) {
   return e !== void 0 && "x" in e && "y" in e;
 }
-function Et(e, t, n, a, l) {
+function _t(e, t, n, a, l) {
   switch (e) {
     case "top-left":
       return {
@@ -287,13 +287,13 @@ function Et(e, t, n, a, l) {
       };
   }
 }
-function Ie(e) {
+function He(e) {
   return {
     x: (e == null ? void 0 : e.offsetX) ?? le,
     y: (e == null ? void 0 : e.offsetY) ?? le
   };
 }
-function St(e, t, n) {
+function zt(e, t, n) {
   switch (n) {
     case "top-left":
       return {
@@ -320,11 +320,11 @@ function St(e, t, n) {
       return null;
   }
 }
-function Dt(e, t) {
-  const n = e.x + e.width / 2, a = e.y + e.height / 2, l = (t.left + t.right) / 2, c = (t.top + t.bottom) / 2, x = n <= l ? "left" : "right";
-  return `${a <= c ? "top" : "bottom"}-${x}`;
+function Wt(e, t) {
+  const n = e.x + e.width / 2, a = e.y + e.height / 2, l = (t.left + t.right) / 2, d = (t.top + t.bottom) / 2, _ = n <= l ? "left" : "right";
+  return `${a <= d ? "top" : "bottom"}-${_}`;
 }
-function ke(e, t, n, a) {
+function Oe(e, t, n, a) {
   return {
     x: e,
     y: t,
@@ -332,7 +332,7 @@ function ke(e, t, n, a) {
     height: a
   };
 }
-function Tt(e = ce + j * 2, t = ge + j * 2, n = j, a = _t) {
+function wt(e = ce + j * 2, t = ge + j * 2, n = j, a = vt) {
   return {
     left: n,
     top: a,
@@ -340,102 +340,102 @@ function Tt(e = ce + j * 2, t = ge + j * 2, n = j, a = _t) {
     bottom: Math.max(a, t - n)
   };
 }
-function te(e, t) {
-  const n = Math.max(1, e.right - e.left), a = Math.max(1, e.bottom - e.top), l = S((t == null ? void 0 : t.minWidth) ?? zt, 1, n), c = S((t == null ? void 0 : t.minHeight) ?? Wt, 1, a);
+function ne(e, t) {
+  const n = Math.max(1, e.right - e.left), a = Math.max(1, e.bottom - e.top), l = S((t == null ? void 0 : t.minWidth) ?? mt, 1, n), d = S((t == null ? void 0 : t.minHeight) ?? pt, 1, a);
   return {
     minWidth: l,
     maxWidth: S((t == null ? void 0 : t.maxWidth) ?? n, l, n),
-    minHeight: c,
-    maxHeight: S((t == null ? void 0 : t.maxHeight) ?? a, c, a)
+    minHeight: d,
+    maxHeight: S((t == null ? void 0 : t.maxHeight) ?? a, d, a)
   };
 }
-function fe(e, t, n = te(t)) {
-  const a = S(e.width, n.minWidth, n.maxWidth), l = S(e.height, n.minHeight, n.maxHeight), c = Math.max(t.left, t.right - a), x = Math.max(t.top, t.bottom - l), g = S(e.x, t.left, c), u = S(e.y, t.top, x);
-  return ke(g, u, a, l);
+function fe(e, t, n = ne(t)) {
+  const a = S(e.width, n.minWidth, n.maxWidth), l = S(e.height, n.minHeight, n.maxHeight), d = Math.max(t.left, t.right - a), _ = Math.max(t.top, t.bottom - l), g = S(e.x, t.left, d), s = S(e.y, t.top, _);
+  return Oe(g, s, a, l);
 }
-function Ft(e, t, n, a = te(n)) {
-  const l = e.x + e.width, c = e.y + e.height, x = l - n.left, g = c - n.top;
-  let u = e.width, d = e.height, h = e.x, s = e.y;
+function Rt(e, t, n, a = ne(n)) {
+  const l = e.x + e.width, d = e.y + e.height, _ = l - n.left, g = d - n.top;
+  let s = e.width, u = e.height, h = e.x, r = e.y;
   if (t.includes("w"))
-    if (x >= a.minWidth) {
-      const i = Math.min(a.maxWidth, x);
-      u = S(e.width, a.minWidth, i), h = l - u;
+    if (_ >= a.minWidth) {
+      const i = Math.min(a.maxWidth, _);
+      s = S(e.width, a.minWidth, i), h = l - s;
     } else
-      u = a.minWidth, h = n.left;
+      s = a.minWidth, h = n.left;
   else if (t.includes("e")) {
     const i = Math.min(a.maxWidth, Math.max(a.minWidth, n.right - e.x));
-    u = S(e.width, a.minWidth, i), h = e.x;
+    s = S(e.width, a.minWidth, i), h = e.x;
   }
   if (t.includes("n"))
     if (g >= a.minHeight) {
       const i = Math.min(a.maxHeight, g);
-      d = S(e.height, a.minHeight, i), s = c - d;
+      u = S(e.height, a.minHeight, i), r = d - u;
     } else
-      d = a.minHeight, s = n.top;
+      u = a.minHeight, r = n.top;
   else if (t.includes("s")) {
     const i = Math.min(a.maxHeight, Math.max(a.minHeight, n.bottom - e.y));
-    d = S(e.height, a.minHeight, i), s = e.y;
+    u = S(e.height, a.minHeight, i), r = e.y;
   }
-  const v = {
+  const m = {
     ...e,
     x: h,
-    y: s,
-    width: u,
-    height: d
+    y: r,
+    width: s,
+    height: u
   };
-  return fe(v, n, a);
+  return fe(m, n, a);
 }
-function Ae(e, t) {
-  const n = te(e, t), a = S((t == null ? void 0 : t.width) ?? ce, n.minWidth, n.maxWidth), l = S((t == null ? void 0 : t.height) ?? ge, n.minHeight, n.maxHeight), c = Rt(t), x = Ie(t), g = Et(c, e, a, l, x);
-  return ke(g.x, g.y, a, l);
+function Ce(e, t) {
+  const n = ne(e, t), a = S((t == null ? void 0 : t.width) ?? ce, n.minWidth, n.maxWidth), l = S((t == null ? void 0 : t.height) ?? ge, n.minHeight, n.maxHeight), d = yt(t), _ = He(t), g = _t(d, e, a, l, _);
+  return Oe(g.x, g.y, a, l);
 }
-function Ct(e, t) {
-  return e ? wt(e) ? fe(e, t) : Ae(t, e) : Ae(t);
+function Et(e, t) {
+  return e ? xt(e) ? fe(e, t) : Ce(t, e) : Ce(t);
 }
-function At(e, t, n, a = !0) {
-  const l = te(t, n), c = fe(e, t, l), x = (n == null ? void 0 : n.placement) ?? "center", u = a && x === "center" ? Dt(c, t) : x, d = St(c, t, u), h = Ie(n);
+function St(e, t, n, a = !0) {
+  const l = ne(t, n), d = fe(e, t, l), _ = (n == null ? void 0 : n.placement) ?? "center", s = a && _ === "center" ? Wt(d, t) : _, u = zt(d, t, s), h = He(n);
   return {
-    placement: u,
-    offsetX: (d == null ? void 0 : d.x) ?? h.x,
-    offsetY: (d == null ? void 0 : d.y) ?? h.y,
-    width: c.width,
-    height: c.height
+    placement: s,
+    offsetX: (u == null ? void 0 : u.x) ?? h.x,
+    offsetY: (u == null ? void 0 : u.y) ?? h.y,
+    width: d.width,
+    height: d.height
   };
 }
-function bt(e, t) {
+function Dt(e, t) {
   return (e == null ? void 0 : e.x) === (t == null ? void 0 : t.x) && (e == null ? void 0 : e.y) === (t == null ? void 0 : t.y) && (e == null ? void 0 : e.width) === (t == null ? void 0 : t.width) && (e == null ? void 0 : e.height) === (t == null ? void 0 : t.height);
 }
-function Lt(e, t) {
+function Tt(e, t) {
   return {
     ...e,
     y: e.y + t,
     height: e.height - t
   };
 }
-function Ht(e, t) {
+function Ft(e, t) {
   return {
     ...e,
     height: e.height + t
   };
 }
-function Ot(e, t) {
+function Ct(e, t) {
   return {
     ...e,
     width: e.width + t
   };
 }
-function It(e, t) {
+function At(e, t) {
   return {
     ...e,
     x: e.x + t,
     width: e.width - t
   };
 }
-function kt(e) {
+function bt(e) {
   let t = { ...e.startRect };
-  return e.handle.includes("n") && (t = Lt(t, e.deltaY)), e.handle.includes("s") && (t = Ht(t, e.deltaY)), e.handle.includes("e") && (t = Ot(t, e.deltaX)), e.handle.includes("w") && (t = It(t, e.deltaX)), t;
+  return e.handle.includes("n") && (t = Tt(t, e.deltaY)), e.handle.includes("s") && (t = Ft(t, e.deltaY)), e.handle.includes("e") && (t = Ct(t, e.deltaX)), e.handle.includes("w") && (t = At(t, e.deltaX)), t;
 }
-const Pt = /* @__PURE__ */ k({
+const Lt = /* @__PURE__ */ k({
   name: "FloatingDragBar",
   __name: "FloatingDragBar",
   props: {
@@ -445,32 +445,32 @@ const Pt = /* @__PURE__ */ k({
   },
   emits: ["drag-start", "drag", "drag-end"],
   setup(e, { emit: t }) {
-    const n = e, a = t, l = C(null), { rootEl: c } = Ee(), x = f(() => n.canDrag), { isDragging: g } = it(c, {
+    const n = e, a = t, l = A(null), { rootEl: d } = Re(), _ = c(() => n.canDrag), { isDragging: g } = Qe(d, {
       handle: l,
       initialValue: { x: n.x, y: n.y },
       preventDefault: !0,
       buttons: [0],
-      disabled: f(() => !x.value),
-      onStart: (d) => {
-        a("drag-start", d);
+      disabled: c(() => !_.value),
+      onStart: (u) => {
+        a("drag-start", u);
       },
-      onMove: (d) => {
-        a("drag", d);
+      onMove: (u) => {
+        a("drag", u);
       },
-      onEnd: (d) => {
-        a("drag-end", d);
+      onEnd: (u) => {
+        a("drag-end", u);
       }
-    }), u = f(() => ({
-      "tr-layout__drag-bar--draggable": x.value,
+    }), s = c(() => ({
+      "tr-layout__drag-bar--draggable": _.value,
       "tr-layout__drag-bar--dragging": g.value
     }));
-    return (d, h) => (E(), I("div", {
+    return (u, h) => (E(), I("div", {
       ref_key: "dragBarEl",
       ref: l,
-      class: K(["tr-layout__drag-bar", u.value])
+      class: K(["tr-layout__drag-bar", s.value])
     }, null, 2));
   }
-}), Mt = /* @__PURE__ */ Y(Pt, [["__scopeId", "data-v-8be201e5"]]), Nt = /* @__PURE__ */ k({
+}), Ht = /* @__PURE__ */ Y(Lt, [["__scopeId", "data-v-8be201e5"]]), Ot = /* @__PURE__ */ k({
   name: "FloatingResizeTrigger",
   __name: "FloatingResizeTrigger",
   props: {
@@ -487,63 +487,63 @@ const Pt = /* @__PURE__ */ k({
       sw: "nesw",
       nw: "nwse",
       se: "nwse"
-    }, a = e, l = t, c = C(null), x = f(() => [
+    }, a = e, l = t, d = A(null), _ = c(() => [
       `tr-layout__floating-resize-trigger--${a.handle}`,
       `tr-layout__floating-resize-trigger--${g(a.handle)}`,
       {
         "is-active": a.active
       }
     ]);
-    Re(c, {
-      onStart: (s) => {
-        const v = s.currentTarget instanceof HTMLElement ? s.currentTarget : null;
-        if (!v)
+    We(d, {
+      onStart: (r) => {
+        const m = r.currentTarget instanceof HTMLElement ? r.currentTarget : null;
+        if (!m)
           return null;
-        s.preventDefault();
-        const i = v.ownerDocument.body, o = {
-          startX: s.clientX,
-          startY: s.clientY,
-          lastPointerX: s.clientX,
-          lastPointerY: s.clientY,
+        r.preventDefault();
+        const i = m.ownerDocument.body, o = {
+          startX: r.clientX,
+          startY: r.clientY,
+          lastPointerX: r.clientX,
+          lastPointerY: r.clientY,
           releaseBodyInteraction: we(i, `${g(a.handle)}-resize`)
         };
         return l("resize-start", a.handle), o;
       },
-      onMove: (s, v) => {
-        v.clientX === s.lastPointerX && v.clientY === s.lastPointerY || d(s, v.clientX, v.clientY);
+      onMove: (r, m) => {
+        m.clientX === r.lastPointerX && m.clientY === r.lastPointerY || u(r, m.clientX, m.clientY);
       },
-      onEnd: (s) => {
-        s.releaseBodyInteraction(), h(s);
+      onEnd: (r) => {
+        r.releaseBodyInteraction(), h(r);
       }
     });
-    function g(s) {
-      return n[s];
+    function g(r) {
+      return n[r];
     }
-    function u(s, v, i) {
-      const o = v - s.startX, R = i - s.startY;
-      return [o, R];
+    function s(r, m, i) {
+      const o = m - r.startX, W = i - r.startY;
+      return [o, W];
     }
-    function d(s, v, i) {
-      const [o, R] = u(s, v, i);
-      s.lastPointerX = v, s.lastPointerY = i, l("resize", a.handle, o, R);
+    function u(r, m, i) {
+      const [o, W] = s(r, m, i);
+      r.lastPointerX = m, r.lastPointerY = i, l("resize", a.handle, o, W);
     }
-    function h(s) {
-      const [v, i] = u(s, s.lastPointerX, s.lastPointerY);
-      l("resize-end", a.handle, v, i);
+    function h(r) {
+      const [m, i] = s(r, r.lastPointerX, r.lastPointerY);
+      l("resize-end", a.handle, m, i);
     }
-    return (s, v) => (E(), I("div", {
+    return (r, m) => (E(), I("div", {
       ref_key: "triggerRef",
-      ref: c,
-      class: K(["tr-layout__floating-resize-trigger", x.value]),
+      ref: d,
+      class: K(["tr-layout__floating-resize-trigger", _.value]),
       "aria-hidden": "true"
-    }, [...v[0] || (v[0] = [
+    }, [...m[0] || (m[0] = [
       B("span", {
         class: "tr-layout__floating-resize-trigger-indicator",
         "aria-hidden": "true"
       }, null, -1)
     ])], 2));
   }
-}), $t = /* @__PURE__ */ Y(Nt, [["__scopeId", "data-v-c9536bd0"]]), Bt = /* @__PURE__ */ k({
+}), It = /* @__PURE__ */ Y(Ot, [["__scopeId", "data-v-c9536bd0"]]), kt = /* @__PURE__ */ k({
   name: "FloatingResizeTriggers",
   __name: "FloatingResizeTriggers",
   props: {
@@ -551,26 +551,26 @@ const Pt = /* @__PURE__ */ k({
   },
   emits: ["resize-start", "resize", "resize-end"],
   setup(e, { emit: t }) {
-    const n = e, a = t, l = C(null);
-    function c(u) {
-      l.value = u, a("resize-start", u);
+    const n = e, a = t, l = A(null);
+    function d(s) {
+      l.value = s, a("resize-start", s);
     }
-    function x(u, d, h) {
-      a("resize", u, d, h);
+    function _(s, u, h) {
+      a("resize", s, u, h);
     }
-    function g(u, d, h) {
-      a("resize-end", u, d, h), l.value = null;
+    function g(s, u, h) {
+      a("resize-end", s, u, h), l.value = null;
     }
-    return (u, d) => (E(!0), I(Le, null, Be(n.handles, (h) => (E(), X($t, {
+    return (s, u) => (E(!0), I(Me, null, Ne(n.handles, (h) => (E(), G(It, {
       key: h,
       handle: h,
       active: l.value === h,
-      onResizeStart: c,
-      onResize: x,
+      onResizeStart: d,
+      onResize: _,
       onResizeEnd: g
     }, null, 8, ["handle", "active"]))), 128));
   }
-}), Yt = /* @__PURE__ */ k({
+}), Pt = /* @__PURE__ */ k({
   name: "LayoutSurface",
   inheritAttrs: !1,
   __name: "LayoutSurface",
@@ -581,124 +581,124 @@ const Pt = /* @__PURE__ */ k({
   },
   emits: ["update:floatingState", "floating-drag-start", "floating-drag", "floating-drag-end", "floating-resize-start", "floating-resize", "floating-resize-end"],
   setup(e, { expose: t, emit: n }) {
-    const a = ["s", "e", "w", "ne", "nw", "se", "sw"], l = e, c = n, x = Ye(), g = ee(null), { width: u, height: d } = lt({
+    const a = ["s", "e", "w", "ne", "nw", "se", "sw"], l = e, d = n, _ = $e(), g = te(null), { width: s, height: u } = et({
       type: "visual",
       initialWidth: ce + j * 2,
       initialHeight: ge + j * 2
-    }), h = f(() => Tt(u.value, d.value)), s = f(() => l.mode === "floating"), v = f(() => {
-      if (!(!s.value || !l.floatingState))
+    }), h = c(() => wt(s.value, u.value)), r = c(() => l.mode === "floating"), m = c(() => {
+      if (!(!r.value || !l.floatingState))
         return {
           ...l.floatingOptions,
           ...l.floatingState
         };
-    }), i = f(() => te(h.value, v.value)), o = f(() => Ct(v.value, h.value)), R = f(() => {
-      var r;
-      return ((r = v.value) == null ? void 0 : r.draggable) ?? !0;
-    }), D = f(() => {
-      var r;
-      return ((r = v.value) == null ? void 0 : r.resizable) === !0;
-    }), T = C(null), F = C(null), A = f(() => T.value !== null), m = f(() => F.value !== null), w = f(() => A.value || m.value), G = f(() => s.value && R.value && !m.value), y = f(() => !s.value || !D.value ? [] : a), _ = f(() => s.value ? {
+    }), i = c(() => ne(h.value, m.value)), o = c(() => Et(m.value, h.value)), W = c(() => {
+      var f;
+      return ((f = m.value) == null ? void 0 : f.draggable) ?? !0;
+    }), D = c(() => {
+      var f;
+      return ((f = m.value) == null ? void 0 : f.resizable) === !0;
+    }), T = A(null), C = A(null), L = c(() => T.value !== null), v = c(() => C.value !== null), w = c(() => L.value || v.value), U = c(() => r.value && W.value && !v.value), y = c(() => r.value && W.value), z = c(() => !r.value || !D.value ? [] : a), R = c(() => r.value ? {
       left: `${o.value.x}px`,
       top: `${o.value.y}px`,
       width: `${o.value.width}px`,
       height: `${o.value.height}px`
     } : {});
-    function W(r) {
-      return At(r, h.value, v.value);
+    function F(f) {
+      return St(f, h.value, m.value);
     }
-    function b(r) {
-      const p = fe(r, h.value, i.value);
-      return bt(o.value, p) || c("update:floatingState", W(p)), p;
+    function H(f) {
+      const x = fe(f, h.value, i.value);
+      return Dt(o.value, x) || d("update:floatingState", F(x)), x;
     }
-    function H(r, p) {
-      return b({
-        ...p,
-        x: r.x,
-        y: r.y
+    function O(f, x) {
+      return H({
+        ...x,
+        x: f.x,
+        y: f.y
       });
     }
-    function L(r, p, z, O) {
-      const M = kt({
-        handle: r,
-        deltaX: p,
-        deltaY: z,
-        startRect: O
-      }), Me = Ft(M, r, h.value, i.value);
-      return b(Me);
+    function X(f, x, b, M) {
+      const ee = bt({
+        handle: f,
+        deltaX: x,
+        deltaY: b,
+        startRect: M
+      }), Ie = Rt(ee, f, h.value, i.value);
+      return H(Ie);
     }
-    function U() {
-      T.value = o.value, c("floating-drag-start", W(T.value));
+    function P() {
+      T.value = o.value, d("floating-drag-start", F(T.value));
     }
-    function P(r) {
-      const p = T.value ?? o.value, z = H(r, p);
-      c("floating-drag", W(z));
+    function J(f) {
+      const x = T.value ?? o.value, b = O(f, x);
+      d("floating-drag", F(b));
     }
-    function J(r) {
-      const p = T.value ?? o.value, z = H(r, p);
-      c("floating-drag-end", W(z)), T.value = null;
+    function Q(f) {
+      const x = T.value ?? o.value, b = O(f, x);
+      d("floating-drag-end", F(b)), T.value = null;
     }
-    function Q(r) {
-      F.value = o.value, c("floating-resize-start", {
-        ...W(o.value),
-        handle: r
+    function ve(f) {
+      C.value = o.value, d("floating-resize-start", {
+        ...F(o.value),
+        handle: f
       });
     }
-    function me(r, p, z) {
-      const O = F.value ?? o.value, M = L(r, p, z, O);
-      c("floating-resize", {
-        ...W(M),
-        handle: r
+    function me(f, x, b) {
+      const M = C.value ?? o.value, ee = X(f, x, b, M);
+      d("floating-resize", {
+        ...F(ee),
+        handle: f
       });
     }
-    function ve(r, p, z) {
-      const O = F.value ?? o.value, M = L(r, p, z, O);
-      c("floating-resize-end", {
-        ...W(M),
-        handle: r
-      }), F.value = null;
+    function p(f, x, b) {
+      const M = C.value ?? o.value, ee = X(f, x, b, M);
+      d("floating-resize-end", {
+        ...F(ee),
+        handle: f
+      }), C.value = null;
     }
-    return ze(
-      [v, u, d],
+    return _e(
+      [m, s, u],
       () => {
-        !s.value || w.value || b(o.value);
+        !r.value || w.value || H(o.value);
       },
       { immediate: !0 }
     ), t({
       rootEl: g
-    }), (r, p) => (E(), X(Ve, {
+    }), (f, x) => (E(), G(Be, {
       to: "body",
-      disabled: !s.value
+      disabled: !r.value
     }, [
-      B("div", Xe({
+      B("div", Ye({
         ref_key: "rootEl",
         ref: g
-      }, Z(x), {
+      }, Z(_), {
         class: ["tr-layout", {
-          "tr-layout--floating": s.value,
+          "tr-layout--floating": r.value,
           "tr-layout--no-select": w.value
         }],
-        style: _.value
+        style: R.value
       }), [
-        s.value ? (E(), X(Mt, {
+        y.value ? (E(), G(Ht, {
           key: 0,
           x: o.value.x,
           y: o.value.y,
-          "can-drag": G.value,
-          onDragStart: U,
-          onDrag: P,
-          onDragEnd: J
+          "can-drag": U.value,
+          onDragStart: P,
+          onDrag: J,
+          onDragEnd: Q
         }, null, 8, ["x", "y", "can-drag"])) : N("", !0),
-        $(r.$slots, "default", {}, void 0, !0),
-        Ge(Bt, {
-          handles: y.value,
-          onResizeStart: Q,
+        $(f.$slots, "default", {}, void 0, !0),
+        Xe(kt, {
+          handles: z.value,
+          onResizeStart: ve,
           onResize: me,
-          onResizeEnd: ve
+          onResizeEnd: p
         }, null, 8, ["handles"])
       ], 16)
     ], 8, ["disabled"]));
   }
-}), Vt = /* @__PURE__ */ Y(Yt, [["__scopeId", "data-v-9e8f161f"]]), he = {
+}), Mt = /* @__PURE__ */ Y(Pt, [["__scopeId", "data-v-5e892f73"]]), he = {
   left: {
     open: !0,
     minWidth: 200,
@@ -712,114 +712,114 @@ const Pt = /* @__PURE__ */ k({
     maxWidth: 640
   }
 };
-function Xt(e) {
+function Nt(e) {
   return he[e].open;
 }
-function Gt(e) {
+function $t(e) {
   return he[e].minWidth;
 }
-function Ut(e) {
+function Bt(e) {
   return he[e].expandedWidth;
 }
-function qt(e) {
+function Yt(e) {
   return he[e].maxWidth;
 }
-function ae(e, t) {
+function ie(e, t) {
   return typeof e != "number" || !Number.isFinite(e) ? t : Math.max(0, e);
 }
-function be(e) {
-  const { side: t } = e, n = f(() => q(e.config)), a = f(() => {
-    var m;
-    return ((m = n.value) == null ? void 0 : m.mode) ?? "dock";
-  }), l = f(() => {
-    var m;
-    return ae((m = n.value) == null ? void 0 : m.collapsedWidth, 0);
-  }), c = f(() => {
-    var m;
-    return ((m = n.value) == null ? void 0 : m.collapseEffect) ?? "overlay";
-  }), x = f(() => {
-    var m;
-    return ((m = n.value) == null ? void 0 : m.resizable) ?? !1;
-  }), g = f(
+function Ae(e) {
+  const { side: t } = e, n = c(() => q(e.config)), a = c(() => {
+    var v;
+    return ((v = n.value) == null ? void 0 : v.mode) ?? "dock";
+  }), l = c(() => {
+    var v;
+    return ie((v = n.value) == null ? void 0 : v.collapsedWidth, 0);
+  }), d = c(() => {
+    var v;
+    return ((v = n.value) == null ? void 0 : v.collapseEffect) ?? "overlay";
+  }), _ = c(() => {
+    var v;
+    return ((v = n.value) == null ? void 0 : v.resizable) ?? !1;
+  }), g = c(
     () => {
-      var m;
-      return ae((m = n.value) == null ? void 0 : m.minExpandedWidth, Gt(t));
+      var v;
+      return ie((v = n.value) == null ? void 0 : v.minExpandedWidth, $t(t));
     }
-  ), u = f(() => {
+  ), s = c(() => {
     var w;
-    const m = ae(
+    const v = ie(
       (w = n.value) == null ? void 0 : w.maxExpandedWidth,
-      qt(t)
+      Yt(t)
     );
-    return Math.max(g.value, m);
+    return Math.max(g.value, v);
   });
-  function d(m) {
+  function u(v) {
     return S(
-      ae(m, Ut(t)),
+      ie(v, Bt(t)),
       g.value,
-      u.value
+      s.value
     );
   }
-  const h = We({
+  const h = ze({
     value: () => {
-      var m;
-      return (m = n.value) == null ? void 0 : m.open;
+      var v;
+      return (v = n.value) == null ? void 0 : v.open;
     },
     defaultValue: () => {
-      var m;
-      return ((m = n.value) == null ? void 0 : m.defaultOpen) ?? Xt(t);
+      var v;
+      return ((v = n.value) == null ? void 0 : v.defaultOpen) ?? Nt(t);
     },
-    onChange: (m) => {
+    onChange: (v) => {
       var w;
-      return (w = e.onOpenChange) == null ? void 0 : w.call(e, { side: t, open: m });
+      return (w = e.onOpenChange) == null ? void 0 : w.call(e, { side: t, open: v });
     }
-  }), s = We({
+  }), r = ze({
     value: () => {
-      var m;
-      return (m = n.value) == null ? void 0 : m.expandedWidth;
+      var v;
+      return (v = n.value) == null ? void 0 : v.expandedWidth;
     },
     defaultValue: () => {
-      var m;
-      return d((m = n.value) == null ? void 0 : m.defaultExpandedWidth);
+      var v;
+      return u((v = n.value) == null ? void 0 : v.defaultExpandedWidth);
     },
-    onChange: (m) => {
+    onChange: (v) => {
       var w;
-      return (w = e.onExpandedWidthChange) == null ? void 0 : w.call(e, { side: t, expandedWidth: m });
+      return (w = e.onExpandedWidthChange) == null ? void 0 : w.call(e, { side: t, expandedWidth: v });
     }
-  }), v = f(() => d(s.value)), i = f(() => a.value === "dock"), o = f(() => a.value === "drawer"), R = f(() => i.value && !h.value && l.value > 0), D = f(() => !h.value && !R.value), T = f(
-    () => i.value && h.value && x.value && u.value > g.value
+  }), m = c(() => u(r.value)), i = c(() => a.value === "dock"), o = c(() => a.value === "drawer"), W = c(() => i.value && !h.value && l.value > 0), D = c(() => !h.value && !W.value), T = c(
+    () => i.value && h.value && _.value && s.value > g.value
   );
-  function F(m) {
-    h.value !== m && (h.value = m);
+  function C(v) {
+    h.value !== v && (h.value = v);
   }
-  function A(m) {
-    const w = d(m);
-    v.value !== w && (s.value = w);
+  function L(v) {
+    const w = u(v);
+    m.value !== w && (r.value = w);
   }
   return {
     side: t,
-    isOpen: f(() => h.value),
-    expandedWidth: v,
+    isOpen: c(() => h.value),
+    expandedWidth: m,
     collapsedWidth: l,
-    collapseEffect: c,
+    collapseEffect: d,
     minExpandedWidth: g,
-    maxExpandedWidth: u,
+    maxExpandedWidth: s,
     isDock: i,
     isDrawer: o,
-    isRail: R,
+    isRail: W,
     isHidden: D,
     canResize: T,
-    setOpen: F,
-    setExpandedWidth: A
+    setOpen: C,
+    setExpandedWidth: L
   };
 }
-function Zt(e) {
-  const t = be({
+function Xt(e) {
+  const t = Ae({
     side: "left",
     config: e.leftConfig,
     onOpenChange: e.onOpenChange,
     onExpandedWidthChange: e.onExpandedWidthChange
-  }), n = be({
+  }), n = Ae({
     side: "right",
     config: e.rightConfig,
     onOpenChange: e.onOpenChange,
@@ -830,10 +830,10 @@ function Zt(e) {
     rightAsideState: n
   };
 }
-const jt = {
+const Vt = {
   left: "left-aside-open-change",
   right: "right-aside-open-change"
-}, Kt = {
+}, Gt = {
   start: {
     generic: "aside-resize-start",
     left: "left-aside-resize-start",
@@ -850,33 +850,24 @@ const jt = {
     right: "right-aside-resize-end"
   }
 };
-function Jt(e, t) {
-  e("aside-open-change", t), e(jt[t.side], {
+function Ut(e, t) {
+  e("aside-open-change", t), e(Vt[t.side], {
     open: t.open
   });
 }
 function ye(e, t, n) {
-  const a = Kt[t];
+  const a = Gt[t];
   e(a.generic, n), e(a[n.side], {
     expandedWidth: n.expandedWidth
   });
 }
-function xe(e) {
-  return e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : !0;
-}
-function Pe(e) {
-  return Array.isArray(e) ? e.some((t) => Ue(t) ? t.type === qe ? !1 : t.type === Ze ? xe(t.children) : t.type === Le ? Pe(t.children) : !0 : xe(t)) : xe(e);
-}
-function ie(e) {
-  return Pe(e == null ? void 0 : e());
-}
-const Qt = { class: "tr-layout__body" }, en = {
+const qt = { class: "tr-layout__body" }, Zt = {
   key: 1,
   class: "tr-layout__header"
-}, tn = { class: "tr-layout__main" }, nn = {
+}, jt = { class: "tr-layout__main" }, Kt = {
   key: 2,
   class: "tr-layout__footer"
-}, an = /* @__PURE__ */ k({
+}, Jt = /* @__PURE__ */ k({
   name: "Layout",
   __name: "Layout",
   props: {
@@ -889,76 +880,76 @@ const Qt = { class: "tr-layout__body" }, en = {
   },
   emits: ["update:floatingState", "floating-drag-start", "floating-drag", "floating-drag-end", "floating-resize-start", "floating-resize", "floating-resize-end", "aside-open-change", "aside-resize-start", "aside-resize", "aside-resize-end", "left-aside-open-change", "left-aside-resize-start", "left-aside-resize", "left-aside-resize-end", "right-aside-open-change", "right-aside-resize-start", "right-aside-resize", "right-aside-resize-end"],
   setup(e, { emit: t }) {
-    const n = e, a = t, l = je(), c = ee(null), x = f(() => {
-      var r;
-      return ((r = c.value) == null ? void 0 : r.rootEl) ?? null;
-    }), g = f(() => ie(l["left-aside"])), u = f(() => ie(l.header)), d = f(() => ie(l.footer)), h = f(() => ie(l["right-aside"]));
-    function s(r) {
-      Jt(a, r);
+    const n = e, a = t, l = Ve(), d = te(null), _ = c(() => {
+      var p;
+      return ((p = d.value) == null ? void 0 : p.rootEl) ?? null;
+    }), g = c(() => !!l["left-aside"]), s = c(() => !!l.header), u = c(() => !!l.footer), h = c(() => !!l["right-aside"]);
+    function r(p) {
+      Ut(a, p);
     }
-    function v(r) {
-      ye(a, "resize", r);
+    function m(p) {
+      ye(a, "resize", p);
     }
-    const { leftAsideState: i, rightAsideState: o } = Zt({
+    const { leftAsideState: i, rightAsideState: o } = Xt({
       leftConfig: () => n.leftAside,
       rightConfig: () => n.rightAside,
-      onOpenChange: s,
-      onExpandedWidthChange: v
+      onOpenChange: r,
+      onExpandedWidthChange: m
     });
-    function R(r, p, z, O) {
-      z && r.isDrawer.value && p.isDrawer.value && p.isOpen.value && O && p.setOpen(!1), r.setOpen(z);
+    function W(p, f, x, b) {
+      x && p.isDrawer.value && f.isDrawer.value && f.isOpen.value && b && f.setOpen(!1), p.setOpen(x);
     }
-    function D(r, p, z) {
-      R(r, p, !r.isOpen.value, z);
+    function D(p, f, x) {
+      W(p, f, !p.isOpen.value, x);
     }
     function T() {
       D(i, o, h.value);
     }
-    function F() {
+    function C() {
       D(o, i, g.value);
     }
-    const A = f(() => g.value && i.isDrawer.value && i.isOpen.value), m = f(() => h.value && o.isDrawer.value && o.isOpen.value), w = f(() => A.value || m.value);
-    function G() {
-      A.value && i.setOpen(!1), m.value && o.setOpen(!1);
+    const L = c(() => g.value && i.isDrawer.value && i.isOpen.value), v = c(() => h.value && o.isDrawer.value && o.isOpen.value), w = c(() => L.value || v.value);
+    function U() {
+      L.value && i.setOpen(!1), v.value && o.setOpen(!1);
     }
-    gt({
-      rootEl: x,
+    rt({
+      rootEl: _,
       left: {
         isOpen: i.isOpen,
         toggle: T
       },
       right: {
         isOpen: o.isOpen,
-        toggle: F
+        toggle: C
       }
     });
-    const y = ee(!1);
-    function _(r) {
-      y.value = !0, ye(a, "start", r);
+    const y = te(!1);
+    function z(p) {
+      y.value = !0, ye(a, "start", p);
     }
-    function W(r) {
-      y.value = !1, ye(a, "end", r);
+    function R(p) {
+      y.value = !1, ye(a, "end", p);
     }
-    function b(r) {
-      i.setExpandedWidth(r);
+    function F(p) {
+      i.setExpandedWidth(p);
     }
-    function H(r) {
-      o.setExpandedWidth(r);
+    function H(p) {
+      o.setExpandedWidth(p);
     }
-    function L(r, p) {
-      return !p || !r.isDock.value || r.isHidden.value ? 0 : r.isRail.value ? r.collapsedWidth.value : r.expandedWidth.value;
+    function O(p, f) {
+      return !f || !p.isDock.value || p.isHidden.value ? 0 : p.isRail.value ? p.collapsedWidth.value : p.expandedWidth.value;
     }
-    const U = {
+    const X = {
       placement: "center",
       offsetX: le,
       offsetY: le,
       width: ce,
       height: ge
-    }, P = We({
+    }, P = ze({
       value: () => n.floatingState,
-      defaultValue: () => n.defaultFloatingState ?? U,
-      onChange: (r) => a("update:floatingState", r)
-    }), J = f(() => L(i, g.value)), Q = f(() => L(o, h.value)), me = f(() => ({
+      defaultValue: () => n.defaultFloatingState ?? X,
+      onChange: (p) => a("update:floatingState", p)
+    }), J = c(() => O(i, g.value)), Q = c(() => O(o, h.value)), ve = c(() => ({
       "tr-layout--left-dock": g.value && i.isDock.value,
       "tr-layout--left-drawer": g.value && i.isDrawer.value,
       "tr-layout--left-expanded": g.value && i.isOpen.value,
@@ -968,60 +959,60 @@ const Qt = { class: "tr-layout__body" }, en = {
       "tr-layout--right-expanded": h.value && o.isOpen.value,
       "tr-layout--right-rail": h.value && o.isRail.value,
       "tr-layout--resizing": y.value
-    })), ve = f(() => {
-      const r = {}, p = ne(i.expandedWidth.value), z = ne(i.collapsedWidth.value), O = ne(o.expandedWidth.value), M = ne(o.collapsedWidth.value);
-      return p && (r["--left-dock-width"] = p), z && (r["--left-collapsed-width"] = z), O && (r["--right-dock-width"] = O), M && (r["--right-collapsed-width"] = M), r;
+    })), me = c(() => {
+      const p = {}, f = ae(i.expandedWidth.value), x = ae(i.collapsedWidth.value), b = ae(o.expandedWidth.value), M = ae(o.collapsedWidth.value);
+      return f && (p["--left-dock-width"] = f), x && (p["--left-collapsed-width"] = x), b && (p["--right-dock-width"] = b), M && (p["--right-collapsed-width"] = M), p;
     });
-    return (r, p) => (E(), X(Vt, {
+    return (p, f) => (E(), G(Mt, {
       ref_key: "surfaceRef",
-      ref: c,
+      ref: d,
       mode: e.mode,
-      class: K(me.value),
-      style: He(ve.value),
+      class: K(ve.value),
+      style: be(me.value),
       "floating-options": e.floatingOptions,
       "floating-state": Z(P),
-      "onUpdate:floatingState": p[0] || (p[0] = (z) => Ke(P) ? P.value = z : null),
-      onFloatingDragStart: p[1] || (p[1] = (z) => a("floating-drag-start", z)),
-      onFloatingDrag: p[2] || (p[2] = (z) => a("floating-drag", z)),
-      onFloatingDragEnd: p[3] || (p[3] = (z) => a("floating-drag-end", z)),
-      onFloatingResizeStart: p[4] || (p[4] = (z) => a("floating-resize-start", z)),
-      onFloatingResize: p[5] || (p[5] = (z) => a("floating-resize", z)),
-      onFloatingResizeEnd: p[6] || (p[6] = (z) => a("floating-resize-end", z))
+      "onUpdate:floatingState": f[0] || (f[0] = (x) => Ge(P) ? P.value = x : null),
+      onFloatingDragStart: f[1] || (f[1] = (x) => a("floating-drag-start", x)),
+      onFloatingDrag: f[2] || (f[2] = (x) => a("floating-drag", x)),
+      onFloatingDragEnd: f[3] || (f[3] = (x) => a("floating-drag-end", x)),
+      onFloatingResizeStart: f[4] || (f[4] = (x) => a("floating-resize-start", x)),
+      onFloatingResize: f[5] || (f[5] = (x) => a("floating-resize", x)),
+      onFloatingResizeEnd: f[6] || (f[6] = (x) => a("floating-resize-end", x))
     }, {
       default: pe(() => [
-        B("div", Qt, [
-          g.value ? (E(), X(Ce, {
+        B("div", qt, [
+          g.value ? (E(), G(Fe, {
             key: 0,
             panel: Z(i),
             "opposite-dock-width": Q.value,
-            onWidthChange: b,
-            onAsideResizeStart: _,
-            onAsideResizeEnd: W
+            onWidthChange: F,
+            onAsideResizeStart: z,
+            onAsideResizeEnd: R
           }, {
             default: pe(() => [
-              $(r.$slots, "left-aside", {}, void 0, !0)
+              $(p.$slots, "left-aside", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["panel", "opposite-dock-width"])) : N("", !0),
-          u.value ? (E(), I("header", en, [
-            $(r.$slots, "header", {}, void 0, !0)
+          s.value ? (E(), I("header", Zt, [
+            $(p.$slots, "header", {}, void 0, !0)
           ])) : N("", !0),
-          B("main", tn, [
-            $(r.$slots, "main", {}, void 0, !0)
+          B("main", jt, [
+            $(p.$slots, "main", {}, void 0, !0)
           ]),
-          d.value ? (E(), I("footer", nn, [
-            $(r.$slots, "footer", {}, void 0, !0)
+          u.value ? (E(), I("footer", Kt, [
+            $(p.$slots, "footer", {}, void 0, !0)
           ])) : N("", !0),
-          h.value ? (E(), X(Ce, {
+          h.value ? (E(), G(Fe, {
             key: 3,
             panel: Z(o),
             "opposite-dock-width": J.value,
             onWidthChange: H,
-            onAsideResizeStart: _,
-            onAsideResizeEnd: W
+            onAsideResizeStart: z,
+            onAsideResizeEnd: R
           }, {
             default: pe(() => [
-              $(r.$slots, "right-aside", {}, void 0, !0)
+              $(p.$slots, "right-aside", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["panel", "opposite-dock-width"])) : N("", !0),
@@ -1029,23 +1020,23 @@ const Qt = { class: "tr-layout__body" }, en = {
             key: 4,
             class: "tr-layout__backdrop",
             "aria-hidden": "true",
-            onPointerdown: G
+            onPointerdown: U
           }, null, 32)) : N("", !0)
         ])
       ]),
       _: 3
     }, 8, ["mode", "class", "style", "floating-options", "floating-state"]));
   }
-}), re = /* @__PURE__ */ Y(an, [["__scopeId", "data-v-47262b9e"]]), ln = /* @__PURE__ */ k({
+}), oe = /* @__PURE__ */ Y(Jt, [["__scopeId", "data-v-3177b7c4"]]), Qt = /* @__PURE__ */ k({
   name: "LayoutAsideToggle",
   __name: "LayoutAsideToggle",
   props: {
     side: {}
   },
   setup(e) {
-    const t = e, { isOpen: n, toggle: a } = ft(t.side), l = f(() => ({
+    const t = e, { isOpen: n, toggle: a } = st(t.side), l = c(() => ({
       isOpen: n.value
-    })), c = {
+    })), d = {
       left: {
         expanded: "Collapse navigation",
         collapsed: "Expand navigation"
@@ -1054,61 +1045,61 @@ const Qt = { class: "tr-layout__body" }, en = {
         expanded: "Hide side panel",
         collapsed: "Show side panel"
       }
-    }, x = f(() => {
-      const g = c[t.side];
+    }, _ = c(() => {
+      const g = d[t.side];
       return n.value ? g.expanded : g.collapsed;
     });
-    return (g, u) => (E(), I("button", {
+    return (g, s) => (E(), I("button", {
       class: "tr-layout-aside-toggle",
       type: "button",
-      onClick: u[0] || (u[0] = //@ts-ignore
-      (...d) => Z(a) && Z(a)(...d))
+      onClick: s[0] || (s[0] = //@ts-ignore
+      (...u) => Z(a) && Z(a)(...u))
     }, [
-      $(g.$slots, "default", Je(Qe(l.value)), () => [
-        et(tt(x.value), 1)
+      $(g.$slots, "default", Ue(qe(l.value)), () => [
+        Ze(je(_.value), 1)
       ], !0)
     ]));
   }
-}), oe = /* @__PURE__ */ Y(ln, [["__scopeId", "data-v-f173f270"]]), rn = 36, _e = "tr-layout-proxy-scrollbar-target", on = /* @__PURE__ */ k({
+}), re = /* @__PURE__ */ Y(Qt, [["__scopeId", "data-v-f173f270"]]), en = 36, xe = "tr-layout-proxy-scrollbar-target", tn = /* @__PURE__ */ k({
   name: "LayoutProxyScrollbar",
   __name: "LayoutProxyScrollbar",
   props: {
     scrollTarget: {}
   },
   setup(e) {
-    const t = e, n = ee(null), a = C(null), l = C(R()), c = C(!1), x = C(!1);
+    const t = e, n = te(null), a = A(null), l = A(W()), d = A(!1), _ = A(!1);
     let g = null;
-    const u = f(() => D(t.scrollTarget)), d = f(() => l.value.isScrollable), { isDragging: h, cancel: s } = Re(a, {
-      disabled: f(() => !l.value.isScrollable),
+    const s = c(() => D(t.scrollTarget)), u = c(() => l.value.isScrollable), { isDragging: h, cancel: r } = We(a, {
+      disabled: c(() => !l.value.isScrollable),
       onStart: (y) => {
-        const _ = u.value;
-        if (!_ || !l.value.isScrollable)
+        const z = s.value;
+        if (!z || !l.value.isScrollable)
           return null;
-        const W = _.ownerDocument.body;
-        return W ? (y.preventDefault(), {
-          scrollTarget: _,
+        const R = z.ownerDocument.body;
+        return R ? (y.preventDefault(), {
+          scrollTarget: z,
           startY: y.clientY,
-          startScrollTop: _.scrollTop,
-          releaseBodyInteraction: we(W, "grabbing")
+          startScrollTop: z.scrollTop,
+          releaseBodyInteraction: we(R, "grabbing")
         }) : null;
       },
-      onMove: (y, _) => {
-        const W = l.value;
-        W.isScrollable && (y.scrollTarget.scrollTop = A(y, _.clientY, W), w());
+      onMove: (y, z) => {
+        const R = l.value;
+        R.isScrollable && (y.scrollTarget.scrollTop = L(y, z.clientY, R), w());
       },
       onEnd: (y) => {
         y.releaseBodyInteraction();
       }
-    }), v = f(
-      () => d.value && (c.value || x.value || h.value)
-    ), i = f(() => ({
+    }), m = c(
+      () => u.value && (d.value || _.value || h.value)
+    ), i = c(() => ({
       height: `${l.value.thumbHeight}px`,
       transform: `translateY(${l.value.thumbOffset}px)`
-    })), o = f(() => ({
-      "tr-layout-proxy-scrollbar--visible": v.value,
+    })), o = c(() => ({
+      "tr-layout-proxy-scrollbar--visible": m.value,
       "tr-layout-proxy-scrollbar--dragging-thumb": h.value
     }));
-    function R() {
+    function W() {
       return {
         clientHeight: 0,
         scrollHeight: 0,
@@ -1120,124 +1111,124 @@ const Qt = { class: "tr-layout__body" }, en = {
       };
     }
     function D(y) {
-      const _ = rt(y);
-      return _ instanceof HTMLElement ? _ : null;
+      const z = tt(y);
+      return z instanceof HTMLElement ? z : null;
     }
-    function T(y, _) {
-      return y instanceof HTMLElement ? Math.max(y.clientHeight, 0) : _;
+    function T(y, z) {
+      return y instanceof HTMLElement ? Math.max(y.clientHeight, 0) : z;
     }
-    function F(y, _) {
-      const W = y.clientHeight, b = y.scrollHeight, H = y.scrollTop, L = b - W;
-      if (!(L > 1))
+    function C(y, z) {
+      const R = y.clientHeight, F = y.scrollHeight, H = y.scrollTop, O = F - R;
+      if (!(O > 1))
         return {
-          clientHeight: W,
-          scrollHeight: b,
+          clientHeight: R,
+          scrollHeight: F,
           scrollTop: H,
-          trackHeight: _,
-          thumbHeight: _,
+          trackHeight: z,
+          thumbHeight: z,
           thumbOffset: 0,
           isScrollable: !1
         };
-      const P = S(W / b * _, rn, _), J = _ - P, Q = H / L * J;
+      const P = S(R / F * z, en, z), J = z - P, Q = H / O * J;
       return {
-        clientHeight: W,
-        scrollHeight: b,
+        clientHeight: R,
+        scrollHeight: F,
         scrollTop: H,
-        trackHeight: _,
+        trackHeight: z,
         thumbHeight: P,
         thumbOffset: Q,
         isScrollable: !0
       };
     }
-    function A(y, _, W) {
-      const b = _ - y.startY, H = W.scrollHeight - W.clientHeight, L = W.trackHeight - W.thumbHeight, U = L > 0 ? H / L : 0;
-      return y.startScrollTop + b * U;
+    function L(y, z, R) {
+      const F = z - y.startY, H = R.scrollHeight - R.clientHeight, O = R.trackHeight - R.thumbHeight, X = O > 0 ? H / O : 0;
+      return y.startScrollTop + F * X;
     }
-    function m() {
+    function v() {
       g = null;
-      const y = u.value;
+      const y = s.value;
       if (!y) {
-        l.value = R();
+        l.value = W();
         return;
       }
-      const _ = T(n.value, y.clientHeight);
-      l.value = F(y, _);
+      const z = T(n.value, y.clientHeight);
+      l.value = C(y, z);
     }
     function w() {
       if (typeof window > "u") {
-        m();
+        v();
         return;
       }
-      g === null && (g = window.requestAnimationFrame(m));
+      g === null && (g = window.requestAnimationFrame(v));
     }
-    function G(y) {
-      x.value = y;
+    function U(y) {
+      _.value = y;
     }
-    return V(u, "mouseenter", () => {
-      c.value = !0;
-    }), V(u, "mouseleave", () => {
-      c.value = !1;
-    }), V(u, "scroll", () => {
+    return V(s, "mouseenter", () => {
+      d.value = !0;
+    }), V(s, "mouseleave", () => {
+      d.value = !1;
+    }), V(s, "scroll", () => {
       w();
-    }), De(u, () => {
+    }), Se(s, () => {
       w();
-    }), De(n, () => {
+    }), Se(n, () => {
       w();
-    }), ot(
-      u,
+    }), nt(
+      s,
       () => {
         w();
       },
       { childList: !0, subtree: !0 }
-    ), ze(
-      u,
-      (y, _) => {
-        s(), c.value = !1, x.value = !1, _ == null || _.classList.remove(_e), y == null || y.classList.add(_e), w();
+    ), _e(
+      s,
+      (y, z) => {
+        r(), d.value = !1, _.value = !1, z == null || z.classList.remove(xe), y == null || y.classList.add(xe), w();
       },
       { immediate: !0 }
-    ), ze(n, () => {
+    ), _e(n, () => {
       w();
-    }), nt(() => {
+    }), Ke(() => {
       var y;
-      g !== null && typeof window < "u" && window.cancelAnimationFrame(g), s(), (y = u.value) == null || y.classList.remove(_e);
-    }), (y, _) => d.value ? (E(), I("div", {
+      g !== null && typeof window < "u" && window.cancelAnimationFrame(g), r(), (y = s.value) == null || y.classList.remove(xe);
+    }), (y, z) => u.value ? (E(), I("div", {
       key: 0,
       ref_key: "scrollbarRef",
       ref: n,
       class: K(["tr-layout-proxy-scrollbar", o.value]),
       "aria-hidden": "true",
-      onMouseenter: _[0] || (_[0] = (W) => G(!0)),
-      onMouseleave: _[1] || (_[1] = (W) => G(!1))
+      onMouseenter: z[0] || (z[0] = (R) => U(!0)),
+      onMouseleave: z[1] || (z[1] = (R) => U(!1))
     }, [
       B("div", {
         ref_key: "thumbRef",
         ref: a,
         class: "tr-layout-proxy-scrollbar__thumb",
-        style: He(i.value)
+        style: be(i.value)
       }, null, 4)
     ], 34)) : N("", !0);
   }
-}), se = /* @__PURE__ */ Y(on, [["__scopeId", "data-v-d7c40335"]]);
+}), se = /* @__PURE__ */ Y(tn, [["__scopeId", "data-v-d7c40335"]]);
 se.name = "TrLayoutProxyScrollbar";
-const sn = function(e) {
+const nn = function(e) {
   e.component(se.name, se);
 }, ue = se;
-ue.install = sn;
-oe.name = "TrLayoutAsideToggle";
-const un = function(e) {
-  e.component(oe.name, oe);
-}, de = oe;
-de.install = un;
-re.name = "TrLayout";
-const dn = function(e) {
-  e.component(re.name, re), e.component(ue.name, ue), e.component(de.name, de);
-}, Se = re;
-Se.install = dn;
-Se.ProxyScrollbar = ue;
-Se.AsideToggle = de;
+ue.install = nn;
+re.name = "TrLayoutAsideToggle";
+const an = function(e) {
+  e.component(re.name, re);
+}, de = re;
+de.install = an;
+oe.name = "TrLayout";
+const ln = function(e) {
+  e.component(oe.name, oe), e.component(ue.name, ue), e.component(de.name, de);
+}, Ee = oe;
+Ee.install = ln;
+Ee.ProxyScrollbar = ue;
+Ee.AsideToggle = de;
 export {
-  Se as Layout,
+  Ee as Layout,
   de as LayoutAsideToggle,
   ue as LayoutProxyScrollbar,
-  Se as default
+  Ee as default
 };