@treeui/vue 0.1.2 → 0.2.1

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, computed as i, reactive as Ue, provide as Xe, openBlock as s, createElementBlock as n, renderSlot as T, inject as Pe, useId as Je, ref as j, onMounted as Ot, onBeforeUnmount as he, normalizeClass as P, createElementVNode as c, unref as D, createTextVNode as ne, toDisplayString as N, createCommentVNode as S, normalizeStyle as Q, createBlock as _e, resolveDynamicComponent as zt, withCtx as de, createVNode as Y, useAttrs as se, watch as ce, mergeProps as J, toRef as ve, Teleport as Ee, Transition as $e, Fragment as re, renderList as ie, nextTick as Z, normalizeProps as Ae, guardReactiveProps as Se, useSlots as Ye, readonly as Kt, TransitionGroup as Ft } from "vue";
+import { defineComponent as L, computed as i, reactive as Ue, provide as Xe, openBlock as a, createElementBlock as n, renderSlot as T, inject as Pe, useId as Je, ref as j, onMounted as Ot, onBeforeUnmount as he, normalizeClass as P, createElementVNode as c, unref as D, createTextVNode as re, toDisplayString as N, createCommentVNode as S, normalizeStyle as Q, createBlock as _e, resolveDynamicComponent as zt, withCtx as de, createVNode as Y, useAttrs as se, watch as ce, mergeProps as J, toRef as ve, Teleport as Ee, Transition as $e, Fragment as oe, renderList as ie, nextTick as Z, normalizeProps as Ae, guardReactiveProps as Se, useSlots as Ye, readonly as Kt, TransitionGroup as Ft } from "vue";
 import { createId as be, isEscapeKey as pe, isActivationKey as ke, startOfDay as Le, parseDateValue as Ke, startOfMonth as we, startOfWeek as Me, addDays as Ce, toDateValue as Fe, isSameDay as He, addMonths as je, focusFirst as Oe, getFocusableElements as Pt, focusLast as Mt } from "@treeui/utils";
 import { getTreeIcon as me, treeIconDefaults as De } from "@treeui/icons";
 const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @__PURE__ */ L({
@@ -11,8 +11,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     collapsible: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(() => {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(() => {
       const $ = e.defaultValue;
       return $ === void 0 ? [] : Array.isArray($) ? $ : [$];
     }), d = Ue(new Set(u.value)), v = i(() => e.modelValue !== void 0), m = i(() => {
@@ -88,7 +88,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       focusNext: F,
       focusFirst: M,
       focusLast: X
-    }), ($, w) => (s(), n("div", Ht, [
+    }), ($, w) => (a(), n("div", Ht, [
       T($.$slots, "default")
     ]));
   }
@@ -99,10 +99,10 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const a = t, e = Pe(Et);
+    const s = t, e = Pe(Et);
     if (!e)
       throw new Error("[TreeUI] TAccordionItem must be used inside a TAccordion.");
-    const o = e, u = Je(), d = Je(), v = j(null), m = i(() => o.isItemOpen(a.value)), _ = i(() => a.disabled || o.disabled), p = i(() => [
+    const o = e, u = Je(), d = Je(), v = j(null), m = i(() => o.isItemOpen(s.value)), _ = i(() => s.disabled || o.disabled), p = i(() => [
       "tree-accordion__item",
       {
         "is-open": m.value,
@@ -110,16 +110,16 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }
     ]);
     function l() {
-      _.value || o.toggleItem(a.value);
+      _.value || o.toggleItem(s.value);
     }
     function r(f) {
       if (!_.value)
         switch (f.key) {
           case "ArrowDown":
-            f.preventDefault(), o.focusNext(a.value);
+            f.preventDefault(), o.focusNext(s.value);
             break;
           case "ArrowUp":
-            f.preventDefault(), o.focusPrev(a.value);
+            f.preventDefault(), o.focusPrev(s.value);
             break;
           case "Home":
             f.preventDefault(), o.focusFirst();
@@ -130,10 +130,10 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         }
     }
     return Ot(() => {
-      v.value && o.registerTrigger(a.value, v.value);
+      v.value && o.registerTrigger(s.value, v.value);
     }), he(() => {
-      o.unregisterTrigger(a.value);
-    }), (f, g) => (s(), n("div", {
+      o.unregisterTrigger(s.value);
+    }), (f, g) => (a(), n("div", {
       class: P(p.value)
     }, [
       c("h3", jt, [
@@ -150,9 +150,9 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
           onKeydown: r
         }, [
           T(f.$slots, "trigger", { open: m.value }, () => [
-            ne(N(t.value), 1)
+            re(N(t.value), 1)
           ]),
-          (s(), n("svg", {
+          (a(), n("svg", {
             class: P(["tree-accordion__icon", { "is-open": m.value }]),
             xmlns: "http://www.w3.org/2000/svg",
             width: "16",
@@ -169,7 +169,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
           ])], 2))
         ], 40, Ut)
       ]),
-      m.value ? (s(), n("div", {
+      m.value ? (a(), n("div", {
         key: 0,
         id: D(d),
         role: "region",
@@ -194,8 +194,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     dismissible: { type: Boolean, default: !1 }
   },
   emits: ["dismiss"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(() => [
       "tree-alert",
       `tree-alert--${e.variant}`,
       `tree-alert--${e.size}`
@@ -203,17 +203,17 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     function d() {
       o("dismiss");
     }
-    return (v, m) => (s(), n("div", {
+    return (v, m) => (a(), n("div", {
       class: P(u.value),
       role: "alert"
     }, [
-      v.$slots.icon ? (s(), n("span", Gt, [
+      v.$slots.icon ? (a(), n("span", Gt, [
         T(v.$slots, "icon")
       ])) : S("", !0),
       c("div", Wt, [
         T(v.$slots, "default")
       ]),
-      t.dismissible ? (s(), n("button", {
+      t.dismissible ? (a(), n("button", {
         key: 1,
         type: "button",
         class: "tree-alert__dismiss",
@@ -251,15 +251,15 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     size: { default: "md" }
   },
   setup(t) {
-    const a = t, e = i(() => [
+    const s = t, e = i(() => [
       "tree-badge",
-      `tree-badge--${a.variant}`,
-      `tree-badge--${a.size}`
+      `tree-badge--${s.variant}`,
+      `tree-badge--${s.size}`
     ]);
-    return (o, u) => (s(), n("span", {
+    return (o, u) => (a(), n("span", {
       class: P(e.value)
     }, [
-      o.$slots.icon ? (s(), n("span", Xt, [
+      o.$slots.icon ? (a(), n("span", Xt, [
         T(o.$slots, "icon")
       ])) : S("", !0),
       T(o.$slots, "default")
@@ -274,11 +274,11 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     separator: { default: "/" }
   },
   setup(t) {
-    const a = t;
-    return (e, o) => (s(), n("nav", Yt, [
+    const s = t;
+    return (e, o) => (a(), n("nav", Yt, [
       c("ol", {
         class: "tree-breadcrumb__list",
-        style: Q({ "--tree-breadcrumb-separator": `'${a.separator}'` })
+        style: Q({ "--tree-breadcrumb-separator": `'${s.separator}'` })
       }, [
         T(e.$slots, "default")
       ], 4)
@@ -295,15 +295,15 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     current: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const a = t, e = i(() => a.current || !a.href);
-    return (o, u) => (s(), n("li", Jt, [
-      t.href && !e.value ? (s(), n("a", {
+    const s = t, e = i(() => s.current || !s.href);
+    return (o, u) => (a(), n("li", Jt, [
+      t.href && !e.value ? (a(), n("a", {
         key: 0,
         href: t.href,
         class: "tree-breadcrumb__link"
       }, [
         T(o.$slots, "default")
-      ], 8, Qt)) : (s(), n("span", Zt, [
+      ], 8, Qt)) : (a(), n("span", Zt, [
         T(o.$slots, "default")
       ]))
     ]));
@@ -315,8 +315,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     label: { default: "Loading" }
   },
   setup(t) {
-    const a = t, e = i(() => ["tree-spinner", `tree-spinner--${a.size}`]);
-    return (o, u) => (s(), n("span", {
+    const s = t, e = i(() => ["tree-spinner", `tree-spinner--${s.size}`]);
+    return (o, u) => (a(), n("span", {
       class: P(e.value),
       role: "status",
       "aria-label": t.label
@@ -346,8 +346,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     type: { default: "button" }
   },
   emits: ["click"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(() => e.as === "button"), d = i(() => e.disabled || e.loading), v = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(() => e.as === "button"), d = i(() => e.disabled || e.loading), v = i(() => [
       "tree-button",
       `tree-button--${e.variant}`,
       `tree-button--${e.size}`,
@@ -362,7 +362,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }
       o("click", _);
     };
-    return (_, p) => (s(), _e(zt(t.as), {
+    return (_, p) => (a(), _e(zt(t.as), {
       type: u.value ? t.type : void 0,
       class: P(v.value),
       disabled: u.value ? d.value : void 0,
@@ -372,13 +372,13 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       onClick: m
     }, {
       default: de(() => [
-        t.loading ? (s(), n("span", aa, [
+        t.loading ? (a(), n("span", aa, [
           Y(Ve, {
             size: "sm",
             label: "Loading"
           })
         ])) : S("", !0),
-        _.$slots.icon ? (s(), n("span", sa, [
+        _.$slots.icon ? (a(), n("span", sa, [
           T(_.$slots, "icon")
         ])) : S("", !0),
         c("span", oa, [
@@ -402,22 +402,22 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     size: { default: "md" }
   },
   setup(t) {
-    const a = t, e = i(() => [
+    const s = t, e = i(() => [
       "tree-card",
-      `tree-card--${a.variant}`,
-      `tree-card--${a.size}`
+      `tree-card--${s.variant}`,
+      `tree-card--${s.size}`
     ]);
-    return (o, u) => (s(), _e(zt(t.as), {
+    return (o, u) => (a(), _e(zt(t.as), {
       class: P(e.value)
     }, {
       default: de(() => [
-        o.$slots.header ? (s(), n("header", la, [
+        o.$slots.header ? (a(), n("header", la, [
           T(o.$slots, "header")
         ])) : S("", !0),
         c("div", na, [
           T(o.$slots, "default")
         ]),
-        o.$slots.footer ? (s(), n("footer", ra, [
+        o.$slots.footer ? (a(), n("footer", ra, [
           T(o.$slots, "footer")
         ])) : S("", !0)
       ]),
@@ -458,8 +458,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     invalid: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = j(null);
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = j(null);
     ce(
       () => e.indeterminate,
       (l) => {
@@ -484,7 +484,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     }), p = () => {
       o("update:modelValue", !e.modelValue);
     };
-    return (l, r) => (s(), n("label", {
+    return (l, r) => (a(), n("label", {
       class: P(v.value),
       style: Q(m.value)
     }, [
@@ -501,9 +501,9 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         onChange: p
       }), null, 16, ia),
       c("span", da, [
-        t.modelValue && !t.indeterminate ? (s(), n("svg", ca, [...r[0] || (r[0] = [
+        t.modelValue && !t.indeterminate ? (a(), n("svg", ca, [...r[0] || (r[0] = [
           c("polyline", { points: "3.5 8.5 6.5 11.5 12.5 4.5" }, null, -1)
-        ])])) : t.indeterminate ? (s(), n("svg", ua, [...r[1] || (r[1] = [
+        ])])) : t.indeterminate ? (a(), n("svg", ua, [...r[1] || (r[1] = [
           c("line", {
             x1: "4",
             y1: "8",
@@ -512,13 +512,13 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
           }, null, -1)
         ])])) : S("", !0)
       ]),
-      l.$slots.default ? (s(), n("span", fa, [
+      l.$slots.default ? (a(), n("span", fa, [
         T(l.$slots, "default")
       ])) : S("", !0)
     ], 6));
   }
-}), Te = (t, a, e) => {
-  const o = j(a), u = i(() => t.value ?? o.value);
+}), Te = (t, s, e) => {
+  const o = j(s), u = i(() => t.value ?? o.value);
   return {
     value: u,
     setValue: (v) => {
@@ -535,8 +535,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     size: { default: "md" }
   },
   emits: ["select", "update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = be("tree-context-menu"), d = j(null), v = j(/* @__PURE__ */ new Map()), m = j(-1), _ = j({ x: 0, y: 0 }), { value: p, setValue: l } = Te(
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = be("tree-context-menu"), d = j(null), v = j(/* @__PURE__ */ new Map()), m = j(-1), _ = j({ x: 0, y: 0 }), { value: p, setValue: l } = Te(
       ve(e, "open"),
       e.defaultOpen,
       (y) => {
@@ -615,7 +615,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       y ? (document.addEventListener("pointerdown", w), document.addEventListener("contextmenu", E)) : (document.removeEventListener("pointerdown", w), document.removeEventListener("contextmenu", E));
     }), he(() => {
       document.removeEventListener("pointerdown", w), document.removeEventListener("contextmenu", E);
-    }), (y, z) => (s(), n("div", {
+    }), (y, z) => (a(), n("div", {
       ref_key: "rootRef",
       ref: d,
       class: P(r.value),
@@ -623,10 +623,10 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       onContextmenu: X
     }, [
       T(y.$slots, "default"),
-      (s(), _e(Ee, { to: "body" }, [
+      (a(), _e(Ee, { to: "body" }, [
         Y($e, { name: "tree-fade" }, {
           default: de(() => [
-            D(p) && !t.disabled ? (s(), n("ul", {
+            D(p) && !t.disabled ? (a(), n("ul", {
               key: 0,
               id: D(u),
               role: "menu",
@@ -634,7 +634,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
               style: Q({ top: `${_.value.y}px`, left: `${_.value.x}px` }),
               "aria-label": "Context menu"
             }, [
-              (s(!0), n(re, null, ie(t.items, (H, x) => (s(), n("li", {
+              (a(!0), n(oe, null, ie(t.items, (H, x) => (a(), n("li", {
                 key: H.value,
                 ref_for: !0,
                 ref: (h) => F(h, H.value),
@@ -652,7 +652,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                   item: H,
                   index: x
                 }, () => [
-                  ne(N(H.label), 1)
+                  re(N(H.label), 1)
                 ])
               ], 42, ba))), 128))
             ], 14, pa)) : S("", !0)
@@ -686,8 +686,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     id: { default: void 0 }
   },
   emits: ["update:modelValue", "update:open", "open-change", "select"],
-  setup(t, { emit: a }) {
-    const e = me("calendar"), o = me("chevron-left"), u = me("chevron-right"), d = t, v = a, m = se(), _ = Le(/* @__PURE__ */ new Date()), p = i(() => Ke(d.modelValue)), l = i(() => Ke(d.min)), r = i(() => Ke(d.max)), f = d.id ?? be("tree-date-picker"), g = `${f}-caption`, A = j(null), O = j(null), V = /* @__PURE__ */ new Map(), F = j(we(p.value ?? _)), M = j(p.value ?? _), X = i(() => {
+  setup(t, { emit: s }) {
+    const e = me("calendar"), o = me("chevron-left"), u = me("chevron-right"), d = t, v = s, m = se(), _ = Le(/* @__PURE__ */ new Date()), p = i(() => Ke(d.modelValue)), l = i(() => Ke(d.min)), r = i(() => Ke(d.max)), f = d.id ?? be("tree-date-picker"), g = `${f}-caption`, A = j(null), O = j(null), V = /* @__PURE__ */ new Map(), F = j(we(p.value ?? _)), M = j(p.value ?? _), X = i(() => {
       const { class: B, style: U, name: ee, ...xe } = m;
       return xe;
     }), $ = i(
@@ -741,15 +741,15 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       return Array.from(
         { length: 6 },
         (U, ee) => Array.from({ length: 7 }, (xe, te) => {
-          const le = Ce(B, ee * 7 + te), Lt = Fe(le);
+          const ne = Ce(B, ee * 7 + te), Lt = Fe(ne);
           return {
-            date: le,
-            dayLabel: le.getDate(),
-            disabled: C(le),
-            inMonth: le.getMonth() === F.value.getMonth(),
-            isFocused: He(le, M.value),
-            isSelected: He(le, p.value),
-            isToday: He(le, _),
+            date: ne,
+            dayLabel: ne.getDate(),
+            disabled: C(ne),
+            inMonth: ne.getMonth() === F.value.getMonth(),
+            isFocused: He(ne, M.value),
+            isSelected: He(ne, p.value),
+            isToday: He(ne, _),
             key: Lt
           };
         })
@@ -779,7 +779,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         return;
       }
       R();
-    }, oe = (B) => {
+    }, le = (B) => {
       const U = je(F.value, B);
       K(U), b();
     }, G = (B) => {
@@ -847,14 +847,14 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       document.removeEventListener("pointerdown", fe);
     }), he(() => {
       document.removeEventListener("pointerdown", fe);
-    }), (B, U) => (s(), n("div", {
+    }), (B, U) => (a(), n("div", {
       ref_key: "rootRef",
       ref: A,
       class: P(w.value),
       style: Q(E.value),
       "data-state": D(y) ? "open" : "closed"
     }, [
-      $.value ? (s(), n("input", {
+      $.value ? (a(), n("input", {
         key: 0,
         type: "hidden",
         name: $.value,
@@ -874,7 +874,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         onClick: W,
         onKeydown: Be
       }), [
-        B.$slots.prefix ? (s(), n("span", ya, [
+        B.$slots.prefix ? (a(), n("span", ya, [
           T(B.$slots, "prefix")
         ])) : S("", !0),
         c("span", {
@@ -889,7 +889,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       ], 16, ha),
       Y($e, { name: "tree-fade" }, {
         default: de(() => [
-          D(y) && !t.disabled ? (s(), n("div", {
+          D(y) && !t.disabled ? (a(), n("div", {
             key: 0,
             id: D(f),
             class: "tree-date-picker__content",
@@ -903,7 +903,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                 class: "tree-date-picker__nav",
                 disabled: !ue.value,
                 "aria-label": "Previous month",
-                onClick: U[0] || (U[0] = (ee) => oe(-1))
+                onClick: U[0] || (U[0] = (ee) => le(-1))
               }, [
                 Y(D(o), Ae(Se(D(De))), null, 16)
               ], 8, wa),
@@ -916,13 +916,13 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                 class: "tree-date-picker__nav",
                 disabled: !I.value,
                 "aria-label": "Next month",
-                onClick: U[1] || (U[1] = (ee) => oe(1))
+                onClick: U[1] || (U[1] = (ee) => le(1))
               }, [
                 Y(D(u), Ae(Se(D(De))), null, 16)
               ], 8, Ca)
             ]),
             c("div", Da, [
-              (s(!0), n(re, null, ie(h.value, (ee) => (s(), n("span", {
+              (a(!0), n(oe, null, ie(h.value, (ee) => (a(), n("span", {
                 key: ee,
                 class: "tree-date-picker__weekday"
               }, N(ee), 1))), 128))
@@ -932,12 +932,12 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
               role: "grid",
               "aria-labelledby": g
             }, [
-              (s(!0), n(re, null, ie(ae.value, (ee, xe) => (s(), n("div", {
+              (a(!0), n(oe, null, ie(ae.value, (ee, xe) => (a(), n("div", {
                 key: xe,
                 class: "tree-date-picker__row",
                 role: "row"
               }, [
-                (s(!0), n(re, null, ie(ee, (te) => (s(), n("div", {
+                (a(!0), n(oe, null, ie(ee, (te) => (a(), n("div", {
                   key: te.key,
                   class: "tree-date-picker__cell",
                   role: "gridcell",
@@ -945,7 +945,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                 }, [
                   c("button", {
                     ref_for: !0,
-                    ref: (le) => k(le, te.key),
+                    ref: (ne) => k(ne, te.key),
                     type: "button",
                     class: P(["tree-date-picker__day", {
                       "is-muted": !te.inMonth,
@@ -957,8 +957,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                     tabindex: te.isFocused ? 0 : -1,
                     "aria-current": te.isToday ? "date" : void 0,
                     "aria-label": te.key,
-                    onClick: (le) => ye(te.date),
-                    onKeydown: (le) => ge(le, te.date)
+                    onClick: (ne) => ye(te.date),
+                    onKeydown: (ne) => ge(ne, te.date)
                   }, N(te.dayLabel), 43, xa)
                 ], 8, Ba))), 128))
               ]))), 128))
@@ -993,8 +993,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     id: { default: void 0 }
   },
   emits: ["update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = me("x"), o = t, u = a, d = se(), v = o.id ?? be("tree-drawer"), m = `${v}-title`, _ = `${v}-description`, p = j(null), l = j(null), r = j(null), f = i(() => !!(o.title || g.header)), g = Ye(), A = i(() => ["tree-drawer", d.class]), O = i(() => d.style), V = i(() => {
+  setup(t, { emit: s }) {
+    const e = me("x"), o = t, u = s, d = se(), v = o.id ?? be("tree-drawer"), m = `${v}-title`, _ = `${v}-description`, p = j(null), l = j(null), r = j(null), f = i(() => !!(o.title || g.header)), g = Ye(), A = i(() => ["tree-drawer", d.class]), O = i(() => d.style), V = i(() => {
       const { class: b, style: k, ...R } = d;
       return R;
     }), F = i(() => [
@@ -1059,14 +1059,14 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }));
     }), he(() => {
       M.value && H();
-    }), (b, k) => (s(), n("div", {
+    }), (b, k) => (a(), n("div", {
       ref_key: "rootRef",
       ref: p,
       class: P(A.value),
       style: Q(O.value),
       "data-state": D(M) ? "open" : "closed"
     }, [
-      b.$slots.trigger ? (s(), n("span", J({
+      b.$slots.trigger ? (a(), n("span", J({
         key: 0,
         class: "tree-drawer__trigger"
       }, V.value, {
@@ -1075,10 +1075,10 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }), [
         T(b.$slots, "trigger")
       ], 16, Ia)) : S("", !0),
-      (s(), _e(Ee, { to: "body" }, [
+      (a(), _e(Ee, { to: "body" }, [
         Y($e, { name: "tree-drawer-fade" }, {
           default: de(() => [
-            D(M) ? (s(), n("div", {
+            D(M) ? (a(), n("div", {
               key: 0,
               class: "tree-drawer__portal",
               "data-state": D(M) ? "open" : "closed"
@@ -1101,8 +1101,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                 onClick: ue,
                 onKeydown: I
               }, [
-                f.value || t.showCloseButton ? (s(), n("div", Oa, [
-                  f.value ? (s(), n("div", {
+                f.value || t.showCloseButton ? (a(), n("div", Oa, [
+                  f.value ? (a(), n("div", {
                     key: 0,
                     id: m,
                     class: "tree-drawer__header"
@@ -1111,7 +1111,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                       c("h2", za, N(t.title), 1)
                     ])
                   ])) : S("", !0),
-                  t.showCloseButton ? (s(), n("button", {
+                  t.showCloseButton ? (a(), n("button", {
                     key: 1,
                     type: "button",
                     class: "tree-drawer__close",
@@ -1121,7 +1121,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                     Y(D(e), Ae(Se(D(De))), null, 16)
                   ], 8, Pa)) : S("", !0)
                 ])) : S("", !0),
-                t.description ? (s(), n("p", {
+                t.description ? (a(), n("p", {
                   key: 1,
                   id: _,
                   class: "tree-drawer__description"
@@ -1131,7 +1131,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                     T(b.$slots, "default")
                   ])
                 ]),
-                b.$slots.footer ? (s(), n("div", Ea, [
+                b.$slots.footer ? (a(), n("div", Ea, [
                   T(b.$slots, "footer")
                 ])) : S("", !0)
               ], 42, Sa)
@@ -1154,8 +1154,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     label: { default: "" }
   },
   emits: ["select", "update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = be("tree-dropdown"), v = j(null), m = j(null), _ = j(/* @__PURE__ */ new Map()), p = j(-1), l = i(() => {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = be("tree-dropdown"), v = j(null), m = j(null), _ = j(/* @__PURE__ */ new Map()), p = j(-1), l = i(() => {
       const { class: x, style: h, ...C } = u;
       return C;
     }), { value: r, setValue: f } = Te(
@@ -1240,7 +1240,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       x ? document.addEventListener("pointerdown", H) : document.removeEventListener("pointerdown", H);
     }), he(() => {
       document.removeEventListener("pointerdown", H);
-    }), (x, h) => (s(), n("div", {
+    }), (x, h) => (a(), n("div", {
       ref_key: "rootRef",
       ref: v,
       class: P(g.value),
@@ -1280,14 +1280,14 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       ]),
       Y($e, { name: "tree-fade" }, {
         default: de(() => [
-          D(r) && !t.disabled ? (s(), n("ul", {
+          D(r) && !t.disabled ? (a(), n("ul", {
             key: 0,
             id: D(d),
             role: "menu",
             class: "tree-dropdown__menu",
             "aria-label": t.label || void 0
           }, [
-            (s(!0), n(re, null, ie(t.items, (C, K) => (s(), n("li", {
+            (a(!0), n(oe, null, ie(t.items, (C, K) => (a(), n("li", {
               key: C.value,
               ref_for: !0,
               ref: (ae) => w(ae, C.value),
@@ -1305,7 +1305,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                 item: C,
                 index: K
               }, () => [
-                ne(N(C.label), 1)
+                re(N(C.label), 1)
               ])
             ], 42, ja))), 128))
           ], 8, Ha)) : S("", !0)
@@ -1333,7 +1333,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     size: { default: void 0 }
   },
   setup(t) {
-    const a = t, e = Pe("tree-radio-group", null), o = se(), u = i(() => e ? e.modelValue() === a.value : !1), d = i(() => a.disabled || ((e == null ? void 0 : e.disabled()) ?? !1)), v = i(() => a.invalid || ((e == null ? void 0 : e.invalid()) ?? !1)), m = i(() => a.size ?? (e == null ? void 0 : e.size()) ?? "md"), _ = i(() => [
+    const s = t, e = Pe("tree-radio-group", null), o = se(), u = i(() => e ? e.modelValue() === s.value : !1), d = i(() => s.disabled || ((e == null ? void 0 : e.disabled()) ?? !1)), v = i(() => s.invalid || ((e == null ? void 0 : e.invalid()) ?? !1)), m = i(() => s.size ?? (e == null ? void 0 : e.size()) ?? "md"), _ = i(() => [
       "tree-radio",
       `tree-radio--${m.value}`,
       {
@@ -1346,11 +1346,11 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       const { class: f, style: g, ...A } = o;
       return A;
     }), r = () => {
-      e && e.onChange(a.value);
+      e && e.onChange(s.value);
     };
     return (f, g) => {
       var A;
-      return s(), n("label", {
+      return a(), n("label", {
         class: P(_.value),
         style: Q(p.value)
       }, [
@@ -1366,9 +1366,9 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
           onChange: r
         }), null, 16, Ua),
         c("span", Na, [
-          u.value ? (s(), n("span", qa)) : S("", !0)
+          u.value ? (a(), n("span", qa)) : S("", !0)
         ]),
-        f.$slots.default ? (s(), n("span", Ga, [
+        f.$slots.default ? (a(), n("span", Ga, [
           T(f.$slots, "default")
         ])) : S("", !0)
       ], 6);
@@ -1385,8 +1385,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     size: { default: "md" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se();
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se();
     Xe("tree-radio-group", {
       modelValue: () => e.modelValue,
       name: () => e.name,
@@ -1404,7 +1404,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       const { class: _, style: p, ...l } = u;
       return l;
     });
-    return (_, p) => (s(), n("div", J(m.value, {
+    return (_, p) => (a(), n("div", J(m.value, {
       class: d.value,
       style: v.value,
       role: "radiogroup"
@@ -1450,8 +1450,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     placeholder: { default: "" }
   },
   emits: ["update:modelValue", "update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = be("tree-select"), v = j(null), m = j(null), _ = j(/* @__PURE__ */ new Map()), p = j(-1), l = i(() => {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = be("tree-select"), v = j(null), m = j(null), _ = j(/* @__PURE__ */ new Map()), p = j(-1), l = i(() => {
       const { class: h, style: C, ...K } = u;
       return K;
     }), { value: r, setValue: f } = Te(
@@ -1545,7 +1545,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       h ? document.addEventListener("pointerdown", x) : document.removeEventListener("pointerdown", x);
     }), he(() => {
       document.removeEventListener("pointerdown", x);
-    }), (h, C) => (s(), n("div", {
+    }), (h, C) => (a(), n("div", {
       ref_key: "rootRef",
       ref: v,
       class: P(g.value),
@@ -1567,31 +1567,31 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         onClick: X,
         onKeydown: z
       }), [
-        h.$slots.prefix ? (s(), n("span", Ya, [
+        h.$slots.prefix ? (a(), n("span", Ya, [
           T(h.$slots, "prefix")
         ])) : S("", !0),
         c("span", {
           class: "tree-select__value",
           "data-placeholder": t.modelValue ? void 0 : !0
         }, N(O.value || t.placeholder), 9, Ja),
-        t.loading ? (s(), _e(Ve, {
+        t.loading ? (a(), _e(Ve, {
           key: 1,
           size: "sm",
           label: "Loading"
-        })) : (s(), n("svg", Qa, [...C[0] || (C[0] = [
+        })) : (a(), n("svg", Qa, [...C[0] || (C[0] = [
           c("polyline", { points: "4 6 8 10 12 6" }, null, -1)
         ])]))
       ], 16, Xa),
       Y($e, { name: "tree-fade" }, {
         default: de(() => [
-          D(r) && !t.disabled ? (s(), n("ul", {
+          D(r) && !t.disabled ? (a(), n("ul", {
             key: 0,
             id: D(d),
             role: "listbox",
             class: "tree-select__listbox",
             "aria-label": typeof l.value["aria-label"] == "string" ? l.value["aria-label"] : void 0
           }, [
-            (s(!0), n(re, null, ie(t.options, (K, ae) => (s(), n("li", {
+            (a(!0), n(oe, null, ie(t.options, (K, ae) => (a(), n("li", {
               key: K.value,
               ref_for: !0,
               ref: (ue) => E(ue, K.value),
@@ -1607,8 +1607,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
               onClick: (ue) => $(K),
               onKeydown: (ue) => H(ue, K)
             }, [
-              ne(N(K.label) + " ", 1),
-              K.value === t.modelValue ? (s(), n("svg", ts, [...C[1] || (C[1] = [
+              re(N(K.label) + " ", 1),
+              K.value === t.modelValue ? (a(), n("svg", ts, [...C[1] || (C[1] = [
                 c("polyline", { points: "3.5 8.5 6.5 11.5 12.5 4.5" }, null, -1)
               ])])) : S("", !0)
             ], 42, es))), 128))
@@ -1637,8 +1637,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     placeholder: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = i(() => [
       "tree-input",
       `tree-input--${e.size}`,
       {
@@ -1653,11 +1653,11 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     }), _ = i(() => `${e.modelValue ?? ""}`), p = (l) => {
       o("update:modelValue", l.target.value);
     };
-    return (l, r) => (s(), n("label", {
+    return (l, r) => (a(), n("label", {
       class: P(d.value),
       style: Q(v.value)
     }, [
-      l.$slots.prefix ? (s(), n("span", as, [
+      l.$slots.prefix ? (a(), n("span", as, [
         T(l.$slots, "prefix")
       ])) : S("", !0),
       c("input", J(m.value, {
@@ -1669,12 +1669,12 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         "aria-invalid": t.invalid || void 0,
         onInput: p
       }), null, 16, ss),
-      t.loading ? (s(), _e(Ve, {
+      t.loading ? (a(), _e(Ve, {
         key: 1,
         size: "sm",
         label: "Loading"
       })) : S("", !0),
-      l.$slots.suffix ? (s(), n("span", os, [
+      l.$slots.suffix ? (a(), n("span", os, [
         T(l.$slots, "suffix")
       ])) : S("", !0)
     ], 6));
@@ -1693,8 +1693,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     autoGrow: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = j(null), v = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = j(null), v = i(() => [
       "tree-textarea",
       `tree-textarea--${e.size}`,
       {
@@ -1717,7 +1717,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       async () => {
         e.autoGrow && (await Z(), r());
       }
-    ), (f, g) => (s(), n("label", {
+    ), (f, g) => (a(), n("label", {
       class: P(v.value),
       style: Q(m.value)
     }, [
@@ -1733,7 +1733,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         "aria-invalid": t.invalid || void 0,
         onInput: l
       }), null, 16, ls),
-      t.loading ? (s(), _e(Ve, {
+      t.loading ? (a(), _e(Ve, {
         key: 0,
         size: "sm",
         label: "Loading"
@@ -1763,8 +1763,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     id: { default: void 0 }
   },
   emits: ["update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = me("x"), o = t, u = a, d = se(), v = o.id ?? be("tree-modal"), m = `${v}-title`, _ = `${v}-description`, p = j(null), l = j(null), r = j(null), f = i(() => !!(o.title || g.header)), g = Ye(), A = i(() => ["tree-modal", d.class]), O = i(() => d.style), V = i(() => {
+  setup(t, { emit: s }) {
+    const e = me("x"), o = t, u = s, d = se(), v = o.id ?? be("tree-modal"), m = `${v}-title`, _ = `${v}-description`, p = j(null), l = j(null), r = j(null), f = i(() => !!(o.title || g.header)), g = Ye(), A = i(() => ["tree-modal", d.class]), O = i(() => d.style), V = i(() => {
       const { class: b, style: k, ...R } = d;
       return R;
     }), F = i(() => [
@@ -1828,14 +1828,14 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }));
     }), he(() => {
       M.value && H();
-    }), (b, k) => (s(), n("div", {
+    }), (b, k) => (a(), n("div", {
       ref_key: "rootRef",
       ref: p,
       class: P(A.value),
       style: Q(O.value),
       "data-state": D(M) ? "open" : "closed"
     }, [
-      b.$slots.trigger ? (s(), n("span", J({
+      b.$slots.trigger ? (a(), n("span", J({
         key: 0,
         class: "tree-modal__trigger"
       }, V.value, {
@@ -1844,10 +1844,10 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }), [
         T(b.$slots, "trigger")
       ], 16, rs)) : S("", !0),
-      (s(), _e(Ee, { to: "body" }, [
+      (a(), _e(Ee, { to: "body" }, [
         Y($e, { name: "tree-modal-fade" }, {
           default: de(() => [
-            D(M) ? (s(), n("div", {
+            D(M) ? (a(), n("div", {
               key: 0,
               class: "tree-modal__portal",
               "data-state": D(M) ? "open" : "closed"
@@ -1871,8 +1871,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                   onClick: ue,
                   onKeydown: I
                 }, [
-                  f.value || t.showCloseButton ? (s(), n("div", us, [
-                    f.value ? (s(), n("div", {
+                  f.value || t.showCloseButton ? (a(), n("div", us, [
+                    f.value ? (a(), n("div", {
                       key: 0,
                       id: m,
                       class: "tree-modal__header"
@@ -1881,7 +1881,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                         c("h2", fs, N(t.title), 1)
                       ])
                     ])) : S("", !0),
-                    t.showCloseButton ? (s(), n("button", {
+                    t.showCloseButton ? (a(), n("button", {
                       key: 1,
                       type: "button",
                       class: "tree-modal__close",
@@ -1891,7 +1891,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                       Y(D(e), Ae(Se(D(De))), null, 16)
                     ], 8, vs)) : S("", !0)
                   ])) : S("", !0),
-                  t.description ? (s(), n("p", {
+                  t.description ? (a(), n("p", {
                     key: 1,
                     id: _,
                     class: "tree-modal__description"
@@ -1901,7 +1901,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
                       T(b.$slots, "default")
                     ])
                   ]),
-                  b.$slots.footer ? (s(), n("div", bs, [
+                  b.$slots.footer ? (a(), n("div", bs, [
                     T(b.$slots, "footer")
                   ])) : S("", !0)
                 ], 42, cs)
@@ -1921,14 +1921,14 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     animation: { default: "pulse" }
   },
   setup(t) {
-    const a = t, e = i(() => [
+    const s = t, e = i(() => [
       "tree-skeleton",
-      a.animation !== "none" ? `tree-skeleton--${a.animation}` : ""
+      s.animation !== "none" ? `tree-skeleton--${s.animation}` : ""
     ]), o = i(() => ({
-      width: a.width,
-      height: a.height
+      width: s.width,
+      height: s.height
     }));
-    return (u, d) => (s(), n("span", {
+    return (u, d) => (a(), n("span", {
       class: P(e.value),
       style: Q(o.value),
       "aria-hidden": "true"
@@ -1949,8 +1949,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     invalid: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = i(() => [
       "tree-switch",
       `tree-switch--${e.size}`,
       {
@@ -1965,7 +1965,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     }), _ = () => {
       o("update:modelValue", !e.modelValue);
     };
-    return (p, l) => (s(), n("label", {
+    return (p, l) => (a(), n("label", {
       class: P(d.value),
       style: Q(v.value)
     }, [
@@ -1985,7 +1985,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       }, [
         c("span", { class: "tree-switch__thumb" })
       ], -1)),
-      p.$slots.default ? (s(), n("span", _s, [
+      p.$slots.default ? (a(), n("span", _s, [
         T(p.$slots, "default")
       ])) : S("", !0)
     ], 6));
@@ -2003,8 +2003,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     id: { default: void 0 }
   },
   emits: ["update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = e.id ?? be("tree-tooltip"), v = i(() => {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = e.id ?? be("tree-tooltip"), v = i(() => {
       const { class: M, style: X, ...$ } = u;
       return $;
     }), m = i(() => ["tree-tooltip", u.class]), _ = i(() => u.style), { value: p, setValue: l } = Te(
@@ -2037,7 +2037,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       "tree-tooltip__content",
       `tree-tooltip__content--${e.side}`
     ]);
-    return he(f), (M, X) => (s(), n("span", {
+    return he(f), (M, X) => (a(), n("span", {
       class: P(m.value),
       style: Q(_.value),
       "data-state": D(p) ? "open" : "closed",
@@ -2056,7 +2056,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       ], 16, ys),
       Y($e, { name: "tree-fade" }, {
         default: de(() => [
-          D(p) && !t.disabled ? (s(), n("span", {
+          D(p) && !t.disabled ? (a(), n("span", {
             key: 0,
             id: D(d),
             role: "tooltip",
@@ -2064,7 +2064,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
             "data-state": D(p) ? "open" : "closed"
           }, [
             T(M.$slots, "content", {}, () => [
-              ne(N(t.content), 1)
+              re(N(t.content), 1)
             ])
           ], 10, gs)) : S("", !0)
         ]),
@@ -2096,43 +2096,43 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     size: { default: "md" }
   },
   setup(t) {
-    const a = t, e = se(), o = i(() => !!a.error || !!u.error), u = Ye(), d = i(() => [
+    const s = t, e = se(), o = i(() => !!s.error || !!u.error), u = Ye(), d = i(() => [
       "tree-form-field",
-      `tree-form-field--${a.size}`,
+      `tree-form-field--${s.size}`,
       {
-        "is-disabled": a.disabled,
+        "is-disabled": s.disabled,
         "is-invalid": o.value,
-        "is-required": a.required
+        "is-required": s.required
       },
       e.class
     ]), v = i(() => e.style), m = i(() => {
       const { class: _, style: p, ...l } = e;
       return l;
     });
-    return (_, p) => (s(), n("div", J(m.value, {
+    return (_, p) => (a(), n("div", J(m.value, {
       class: d.value,
       style: v.value
     }), [
-      t.label || _.$slots.label ? (s(), n("label", {
+      t.label || _.$slots.label ? (a(), n("label", {
         key: 0,
         class: "tree-form-field__label",
         for: t.htmlFor
       }, [
         T(_.$slots, "label", {}, () => [
-          ne(N(t.label), 1)
+          re(N(t.label), 1)
         ]),
-        t.required ? (s(), n("span", $s, "*")) : S("", !0)
+        t.required ? (a(), n("span", $s, "*")) : S("", !0)
       ], 8, ks)) : S("", !0),
       c("div", Ts, [
         T(_.$slots, "default")
       ]),
-      o.value ? (s(), n("p", ws, [
+      o.value ? (a(), n("p", ws, [
         T(_.$slots, "error", {}, () => [
-          ne(N(t.error), 1)
+          re(N(t.error), 1)
         ])
-      ])) : t.hint || _.$slots.hint ? (s(), n("p", Cs, [
+      ])) : t.hint || _.$slots.hint ? (a(), n("p", Cs, [
         T(_.$slots, "hint", {}, () => [
-          ne(N(t.hint), 1)
+          re(N(t.hint), 1)
         ])
       ])) : S("", !0)
     ], 16));
@@ -2152,8 +2152,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     label: { default: "Pagination" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(
       () => Math.min(Math.max(1, e.modelValue), e.totalPages)
     ), d = i(() => {
       const p = e.totalPages, l = u.value, r = e.siblings, f = [], g = Math.max(2, l - r), A = Math.min(p - 1, l + r);
@@ -2174,7 +2174,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     function _(p, l) {
       (p.key === "Enter" || p.key === " ") && (p.preventDefault(), m(l));
     }
-    return (p, l) => (s(), n("nav", {
+    return (p, l) => (a(), n("nav", {
       class: P(v.value),
       "aria-label": t.label
     }, [
@@ -2205,11 +2205,11 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
             ])
           ], 8, Vs)
         ]),
-        (s(!0), n(re, null, ie(d.value, (r, f) => (s(), n("li", {
+        (a(!0), n(oe, null, ie(d.value, (r, f) => (a(), n("li", {
           key: r === "ellipsis" ? `ellipsis-${f}` : r,
           class: "tree-pagination__item"
         }, [
-          r === "ellipsis" ? (s(), n("span", Is, " … ")) : (s(), n("button", {
+          r === "ellipsis" ? (a(), n("span", Is, " … ")) : (a(), n("button", {
             key: 1,
             class: P(["tree-pagination__button", { "is-active": r === u.value }]),
             type: "button",
@@ -2261,8 +2261,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     id: { default: void 0 }
   },
   emits: ["update:open", "open-change"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = e.id ?? be("tree-popover"), v = j(null), m = j(null), _ = j(null), p = i(() => {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = e.id ?? be("tree-popover"), v = j(null), m = j(null), _ = j(null), p = i(() => {
       const { class: w, style: E, ...y } = u;
       return y;
     }), { value: l, setValue: r } = Te(
@@ -2307,7 +2307,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       w ? document.addEventListener("pointerdown", $) : document.removeEventListener("pointerdown", $);
     }), he(() => {
       document.removeEventListener("pointerdown", $);
-    }), (w, E) => (s(), n("div", {
+    }), (w, E) => (a(), n("div", {
       ref_key: "rootRef",
       ref: v,
       class: P(f.value),
@@ -2334,7 +2334,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       ], 32),
       Y($e, { name: "tree-popover-fade" }, {
         default: de(() => [
-          D(l) && !t.disabled ? (s(), n("div", {
+          D(l) && !t.disabled ? (a(), n("div", {
             key: 0,
             id: D(d),
             ref_key: "contentRef",
@@ -2361,12 +2361,12 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     label: { default: "Progress" }
   },
   setup(t) {
-    const a = t, e = i(() => a.value === void 0 || a.value === null), o = i(() => e.value ? 0 : Math.min(100, Math.max(0, a.value / a.max * 100))), u = i(() => [
+    const s = t, e = i(() => s.value === void 0 || s.value === null), o = i(() => e.value ? 0 : Math.min(100, Math.max(0, s.value / s.max * 100))), u = i(() => [
       "tree-progress",
-      `tree-progress--${a.size}`,
+      `tree-progress--${s.size}`,
       { "tree-progress--indeterminate": e.value }
     ]);
-    return (d, v) => (s(), n("div", {
+    return (d, v) => (a(), n("div", {
       class: P(u.value),
       role: "progressbar",
       "aria-valuenow": e.value ? void 0 : o.value,
@@ -2393,8 +2393,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = be("tree-tabs"), d = j(e.defaultValue), v = j([]), m = Ue({}), _ = i(() => e.modelValue ?? d.value), p = (V) => {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = be("tree-tabs"), d = j(e.defaultValue), v = j([]), m = Ue({}), _ = i(() => e.modelValue ?? d.value), p = (V) => {
       V !== _.value && (e.modelValue === void 0 && (d.value = V), o("update:modelValue", V));
     }, l = (V) => {
       v.value.includes(V) || v.value.push(V);
@@ -2426,7 +2426,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       "tree-tabs",
       `tree-tabs--${e.size}`
     ]);
-    return (V, F) => (s(), n("div", {
+    return (V, F) => (a(), n("div", {
       class: P(O.value)
     }, [
       T(V.$slots, "default")
@@ -2435,14 +2435,14 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
 }), Tt = /* @__PURE__ */ L({
   __name: "TreeTabList",
   setup(t) {
-    const a = Pe(Re);
-    if (!a)
+    const s = Pe(Re);
+    if (!s)
       throw new Error("TTabList must be used inside TTabs");
     const e = j(null), o = () => e.value ? Array.from(
       e.value.querySelectorAll('[role="tab"]')
     ) : [], u = () => o().filter((l) => {
       const r = l.dataset.tabValue;
-      return r ? !a.isTabDisabled(r) : !1;
+      return r ? !s.isTabDisabled(r) : !1;
     }), d = (l) => {
       const r = u();
       if (!r.length) return;
@@ -2450,23 +2450,23 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
       let A = r.indexOf(f) + l;
       A < 0 && (A = r.length - 1), A >= r.length && (A = 0);
       const O = r[A];
-      if (O.focus(), a.activationMode.value === "automatic") {
+      if (O.focus(), s.activationMode.value === "automatic") {
         const V = O.dataset.tabValue;
-        V && a.setActiveValue(V);
+        V && s.setActiveValue(V);
       }
     }, v = () => {
       const l = u();
-      if (l.length && (l[0].focus(), a.activationMode.value === "automatic")) {
+      if (l.length && (l[0].focus(), s.activationMode.value === "automatic")) {
         const r = l[0].dataset.tabValue;
-        r && a.setActiveValue(r);
+        r && s.setActiveValue(r);
       }
     }, m = () => {
       const l = u();
       if (!l.length) return;
       const r = l[l.length - 1];
-      if (r.focus(), a.activationMode.value === "automatic") {
+      if (r.focus(), s.activationMode.value === "automatic") {
         const f = r.dataset.tabValue;
-        f && a.setActiveValue(f);
+        f && s.setActiveValue(f);
       }
     }, _ = (l) => {
       var r;
@@ -2484,17 +2484,17 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
           l.preventDefault(), m();
           break;
         default:
-          if (a.activationMode.value === "manual" && ke(l)) {
+          if (s.activationMode.value === "manual" && ke(l)) {
             l.preventDefault();
             const g = (r = l.target.dataset) == null ? void 0 : r.tabValue;
-            g && a.setActiveValue(g);
+            g && s.setActiveValue(g);
           }
           break;
       }
     }, p = i(() => [
       "tree-tabs__list"
     ]);
-    return (l, r) => (s(), n("div", {
+    return (l, r) => (a(), n("div", {
       ref_key: "listRef",
       ref: e,
       role: "tablist",
@@ -2512,19 +2512,19 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const a = t, e = Pe(Re);
+    const s = t, e = Pe(Re);
     if (!e)
       throw new Error("TTab must be used inside TTabs");
     Ot(() => {
-      e.registerTab(a.value), e.setTabDisabled(a.value, a.disabled);
+      e.registerTab(s.value), e.setTabDisabled(s.value, s.disabled);
     }), ce(
-      () => a.disabled,
-      (p) => e.setTabDisabled(a.value, p)
+      () => s.disabled,
+      (p) => e.setTabDisabled(s.value, p)
     ), he(() => {
-      e.unregisterTab(a.value);
+      e.unregisterTab(s.value);
     });
-    const o = i(() => e.activeValue.value === a.value), u = i(() => e.isTabDisabled(a.value)), d = i(() => `${e.baseId}-tab-${a.value}`), v = i(() => `${e.baseId}-panel-${a.value}`), m = () => {
-      u.value || e.setActiveValue(a.value);
+    const o = i(() => e.activeValue.value === s.value), u = i(() => e.isTabDisabled(s.value)), d = i(() => `${e.baseId}-tab-${s.value}`), v = i(() => `${e.baseId}-panel-${s.value}`), m = () => {
+      u.value || e.setActiveValue(s.value);
     }, _ = i(() => [
       "tree-tabs__tab",
       `tree-tabs__tab--${e.size.value}`,
@@ -2533,7 +2533,7 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
         "is-disabled": u.value
       }
     ]);
-    return (p, l) => (s(), n("button", {
+    return (p, l) => (a(), n("button", {
       id: d.value,
       role: "tab",
       type: "button",
@@ -2554,11 +2554,11 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     value: {}
   },
   setup(t) {
-    const a = t, e = Pe(Re);
+    const s = t, e = Pe(Re);
     if (!e)
       throw new Error("TTabPanel must be used inside TTabs");
-    const o = i(() => e.activeValue.value === a.value), u = i(() => `${e.baseId}-panel-${a.value}`), d = i(() => `${e.baseId}-tab-${a.value}`);
-    return (v, m) => o.value ? (s(), n("div", {
+    const o = i(() => e.activeValue.value === s.value), u = i(() => `${e.baseId}-panel-${s.value}`), d = i(() => `${e.baseId}-tab-${s.value}`);
+    return (v, m) => o.value ? (a(), n("div", {
       key: 0,
       id: u.value,
       role: "tabpanel",
@@ -2578,20 +2578,20 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
     toast: {}
   },
   emits: ["close"],
-  setup(t, { emit: a }) {
+  setup(t, { emit: s }) {
     const e = me("x"), o = {
       info: me("info"),
       success: me("check"),
       warning: me("alert-circle"),
       danger: me("alert-circle")
-    }, u = t, d = a, v = be("tree-toast-item"), m = `${v}-title`, _ = `${v}-description`, p = i(() => [
+    }, u = t, d = s, v = be("tree-toast-item"), m = `${v}-title`, _ = `${v}-description`, p = i(() => [
       "tree-toast",
       `tree-toast--${u.toast.variant}`
     ]), l = i(() => o[u.toast.variant]);
     function r() {
       d("close", u.toast.id);
     }
-    return (f, g) => (s(), n("div", {
+    return (f, g) => (a(), n("div", {
       class: P(p.value),
       role: "status",
       "aria-labelledby": m,
@@ -2605,13 +2605,13 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
           id: m,
           class: "tree-toast__title"
         }, N(t.toast.title), 1),
-        t.toast.description ? (s(), n("p", {
+        t.toast.description ? (a(), n("p", {
           key: 0,
           id: _,
           class: "tree-toast__description"
         }, N(t.toast.description), 1)) : S("", !0)
       ]),
-      t.toast.closable ? (s(), n("button", {
+      t.toast.closable ? (a(), n("button", {
         key: 0,
         type: "button",
         class: "tree-toast__close",
@@ -2624,8 +2624,8 @@ const Et = Symbol("tree-accordion"), Ht = { class: "tree-accordion" }, Qe = /* @
   }
 }), Ie = j([]), ze = /* @__PURE__ */ new Map();
 function Ns(t) {
-  const a = be("tree-toast"), e = {
-    id: a,
+  const s = be("tree-toast"), e = {
+    id: s,
     title: t.title,
     description: t.description,
     variant: t.variant ?? "info",
@@ -2634,15 +2634,15 @@ function Ns(t) {
   };
   if (Ie.value = [...Ie.value, e], e.duration > 0) {
     const o = setTimeout(() => {
-      Rt(a);
+      Rt(s);
     }, e.duration);
-    ze.set(a, o);
+    ze.set(s, o);
   }
-  return a;
+  return s;
 }
 function Rt(t) {
-  const a = ze.get(t);
-  a && (clearTimeout(a), ze.delete(t)), Ie.value = Ie.value.filter((e) => e.id !== t);
+  const s = ze.get(t);
+  s && (clearTimeout(s), ze.delete(t)), Ie.value = Ie.value.filter((e) => e.id !== t);
 }
 function qs() {
   for (const t of ze.values())
@@ -2664,33 +2664,36 @@ const Dt = /* @__PURE__ */ L({
     max: { default: 5 }
   },
   setup(t) {
-    const a = t, { toasts: e, remove: o } = Gs(), u = i(
-      () => e.value.slice(-a.max)
+    const s = t, { toasts: e, remove: o } = Gs(), u = i(
+      () => e.value.slice(-s.max)
     ), d = i(() => [
       "tree-toast-provider",
-      `tree-toast-provider--${a.position}`
+      `tree-toast-provider--${s.position}`
     ]);
     function v(m) {
       o(m);
     }
-    return (m, _) => (s(), _e(Ee, { to: "body" }, [
-      c("div", {
-        class: P(d.value),
-        "aria-live": "polite",
-        "aria-relevant": "additions removals"
-      }, [
-        Y(Ft, { name: "tree-toast" }, {
-          default: de(() => [
-            (s(!0), n(re, null, ie(u.value, (p) => (s(), _e(Ge, {
-              key: p.id,
-              toast: p,
-              onClose: v
-            }, null, 8, ["toast"]))), 128))
-          ]),
-          _: 1
-        })
-      ], 2)
-    ]));
+    return (m, _) => (a(), n(oe, null, [
+      T(m.$slots, "default"),
+      (a(), _e(Ee, { to: "body" }, [
+        c("div", {
+          class: P(d.value),
+          "aria-live": "polite",
+          "aria-relevant": "additions removals"
+        }, [
+          Y(Ft, { name: "tree-toast" }, {
+            default: de(() => [
+              (a(!0), n(oe, null, ie(u.value, (p) => (a(), _e(Ge, {
+                key: p.id,
+                toast: p,
+                onClose: v
+              }, null, 8, ["toast"]))), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ]))
+    ], 64));
   }
 }), Ws = ["aria-label"], Xs = ["src", "alt"], Ys = {
   key: 1,
@@ -2706,28 +2709,28 @@ const Dt = /* @__PURE__ */ L({
     status: { default: void 0 }
   },
   setup(t) {
-    const a = t, e = i(() => [
+    const s = t, e = i(() => [
       "tree-avatar",
-      `tree-avatar--${a.size}`
-    ]), o = i(() => a.initials ? a.initials : a.alt ? a.alt.split(" ").filter(Boolean).map((d) => d[0]).slice(0, 2).join("").toUpperCase() : "");
+      `tree-avatar--${s.size}`
+    ]), o = i(() => s.initials ? s.initials : s.alt ? s.alt.split(" ").filter(Boolean).map((d) => d[0]).slice(0, 2).join("").toUpperCase() : "");
     function u(d) {
       const v = d.target;
       v.style.display = "none";
     }
-    return (d, v) => (s(), n("span", {
+    return (d, v) => (a(), n("span", {
       class: P(e.value),
       role: "img",
       "aria-label": t.alt || void 0
     }, [
-      t.src ? (s(), n("img", {
+      t.src ? (a(), n("img", {
         key: 0,
         src: t.src,
         alt: t.alt,
         class: "tree-avatar__image",
         onError: u
-      }, null, 40, Xs)) : (s(), n("span", Ys, N(o.value), 1)),
+      }, null, 40, Xs)) : (a(), n("span", Ys, N(o.value), 1)),
       T(d.$slots, "default"),
-      t.status ? (s(), n("span", {
+      t.status ? (a(), n("span", {
         key: 2,
         class: P(["tree-avatar__status", `tree-avatar__status--${t.status}`]),
         "aria-label": t.status
@@ -2742,11 +2745,11 @@ const Dt = /* @__PURE__ */ L({
     label: { default: void 0 }
   },
   setup(t) {
-    const a = t, e = i(() => [
+    const s = t, e = i(() => [
       "tree-divider",
-      `tree-divider--${a.orientation}`
+      `tree-divider--${s.orientation}`
     ]);
-    return (o, u) => (s(), n("hr", {
+    return (o, u) => (a(), n("hr", {
       class: P(e.value),
       role: t.decorative ? "none" : "separator",
       "aria-orientation": t.decorative ? void 0 : t.orientation,
@@ -2803,8 +2806,8 @@ const Dt = /* @__PURE__ */ L({
     sortBy: { default: void 0 }
   },
   emits: ["sort"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = j(void 0), d = i(() => e.sortBy ?? u.value), v = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = j(void 0), d = i(() => e.sortBy ?? u.value), v = i(() => [
       "tree-table",
       `tree-table--${e.size}`
     ]), m = i(() => {
@@ -2834,14 +2837,14 @@ const Dt = /* @__PURE__ */ L({
     function l(r, f) {
       f.sortable && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), _(f));
     }
-    return (r, f) => (s(), n("div", Zs, [
+    return (r, f) => (a(), n("div", Zs, [
       c("table", {
         class: P(v.value),
         role: "grid"
       }, [
         c("thead", eo, [
           c("tr", to, [
-            (s(!0), n(re, null, ie(t.columns, (g) => (s(), n("th", {
+            (a(!0), n(oe, null, ie(t.columns, (g) => (a(), n("th", {
               key: g.key,
               class: P(["tree-table__header", [
                 g.sortable ? "tree-table__header--sortable" : "",
@@ -2858,13 +2861,13 @@ const Dt = /* @__PURE__ */ L({
                 var A, O;
                 return [
                   c("span", so, [
-                    ne(N(g.label) + " ", 1),
-                    g.sortable ? (s(), n("span", oo, [
-                      ((A = d.value) == null ? void 0 : A.key) === g.key && d.value.direction === "asc" ? (s(), n("svg", lo, [...f[0] || (f[0] = [
+                    re(N(g.label) + " ", 1),
+                    g.sortable ? (a(), n("span", oo, [
+                      ((A = d.value) == null ? void 0 : A.key) === g.key && d.value.direction === "asc" ? (a(), n("svg", lo, [...f[0] || (f[0] = [
                         c("path", { d: "m18 15-6-6-6 6" }, null, -1)
-                      ])])) : ((O = d.value) == null ? void 0 : O.key) === g.key && d.value.direction === "desc" ? (s(), n("svg", no, [...f[1] || (f[1] = [
+                      ])])) : ((O = d.value) == null ? void 0 : O.key) === g.key && d.value.direction === "desc" ? (a(), n("svg", no, [...f[1] || (f[1] = [
                         c("path", { d: "m6 9 6 6 6-6" }, null, -1)
-                      ])])) : (s(), n("svg", ro, [...f[2] || (f[2] = [
+                      ])])) : (a(), n("svg", ro, [...f[2] || (f[2] = [
                         c("path", { d: "m7 15 5 5 5-5" }, null, -1),
                         c("path", { d: "m7 9 5-5 5 5" }, null, -1)
                       ])]))
@@ -2876,21 +2879,21 @@ const Dt = /* @__PURE__ */ L({
           ])
         ]),
         c("tbody", io, [
-          m.value.length === 0 ? (s(), n("tr", co, [
+          m.value.length === 0 ? (a(), n("tr", co, [
             c("td", {
               colspan: t.columns.length,
               class: "tree-table__cell tree-table__cell--empty"
             }, [
               T(r.$slots, "empty", {}, () => [
-                f[3] || (f[3] = ne(" No data available. ", -1))
+                f[3] || (f[3] = re(" No data available. ", -1))
               ])
             ], 8, uo)
           ])) : S("", !0),
-          (s(!0), n(re, null, ie(m.value, (g, A) => (s(), n("tr", {
+          (a(!0), n(oe, null, ie(m.value, (g, A) => (a(), n("tr", {
             key: A,
             class: "tree-table__row"
           }, [
-            (s(!0), n(re, null, ie(t.columns, (O) => (s(), n("td", {
+            (a(!0), n(oe, null, ie(t.columns, (O) => (a(), n("td", {
               key: O.key,
               class: P(["tree-table__cell", O.align ? `tree-table__cell--${O.align}` : ""])
             }, [
@@ -2898,7 +2901,7 @@ const Dt = /* @__PURE__ */ L({
                 row: g,
                 value: g[O.key]
               }, () => [
-                ne(N(g[O.key] ?? ""), 1)
+                re(N(g[O.key] ?? ""), 1)
               ])
             ], 2))), 128))
           ]))), 128))
@@ -2919,8 +2922,8 @@ const Dt = /* @__PURE__ */ L({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["remove"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(() => [
       "tree-tag",
       `tree-tag--${e.variant}`,
       `tree-tag--${e.size}`,
@@ -2929,16 +2932,16 @@ const Dt = /* @__PURE__ */ L({
     function d() {
       e.disabled || o("remove");
     }
-    return (v, m) => (s(), n("span", {
+    return (v, m) => (a(), n("span", {
       class: P(u.value)
     }, [
-      v.$slots.icon ? (s(), n("span", fo, [
+      v.$slots.icon ? (a(), n("span", fo, [
         T(v.$slots, "icon")
       ])) : S("", !0),
       c("span", vo, [
         T(v.$slots, "default")
       ]),
-      t.removable ? (s(), n("button", {
+      t.removable ? (a(), n("button", {
         key: 1,
         type: "button",
         class: "tree-tag__remove",
@@ -3001,8 +3004,8 @@ const Dt = /* @__PURE__ */ L({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(() => [
       "tree-pricing-card",
       `tree-pricing-card--${e.size}`,
       {
@@ -3011,17 +3014,17 @@ const Dt = /* @__PURE__ */ L({
     ]), d = () => {
       e.disabled || o("select");
     };
-    return (v, m) => (s(), n("article", {
+    return (v, m) => (a(), n("article", {
       class: P(u.value)
     }, [
-      t.badge || v.$slots.badge ? (s(), n("div", bo, [
+      t.badge || v.$slots.badge ? (a(), n("div", bo, [
         T(v.$slots, "badge", {}, () => [
           Y(Ne, {
             variant: "solid",
             size: "sm"
           }, {
             default: de(() => [
-              ne(N(t.badge), 1)
+              re(N(t.badge), 1)
             ]),
             _: 1
           })
@@ -3030,20 +3033,20 @@ const Dt = /* @__PURE__ */ L({
       c("header", mo, [
         T(v.$slots, "header", {}, () => [
           c("h3", _o, N(t.title), 1),
-          t.description ? (s(), n("p", ho, N(t.description), 1)) : S("", !0)
+          t.description ? (a(), n("p", ho, N(t.description), 1)) : S("", !0)
         ])
       ]),
       c("div", yo, [
         T(v.$slots, "price", {}, () => [
           c("span", go, N(t.currency), 1),
           c("span", ko, N(t.price), 1),
-          t.period ? (s(), n("span", $o, N(t.period), 1)) : S("", !0)
+          t.period ? (a(), n("span", $o, N(t.period), 1)) : S("", !0)
         ])
       ]),
-      t.features.length > 0 || v.$slots.features ? (s(), n("div", To, [
+      t.features.length > 0 || v.$slots.features ? (a(), n("div", To, [
         T(v.$slots, "features", {}, () => [
           c("ul", wo, [
-            (s(!0), n(re, null, ie(t.features, (_, p) => (s(), n("li", {
+            (a(!0), n(oe, null, ie(t.features, (_, p) => (a(), n("li", {
               key: p,
               class: P(["tree-pricing-card__feature-item", { "tree-pricing-card__feature-item--excluded": _.included === !1 }])
             }, [
@@ -3053,7 +3056,7 @@ const Dt = /* @__PURE__ */ L({
           ])
         ])
       ])) : S("", !0),
-      t.buttonText || v.$slots.action ? (s(), n("footer", Do, [
+      t.buttonText || v.$slots.action ? (a(), n("footer", Do, [
         T(v.$slots, "action", {}, () => [
           Y(qe, {
             variant: t.highlighted ? "solid" : "outline",
@@ -3062,7 +3065,7 @@ const Dt = /* @__PURE__ */ L({
             onClick: d
           }, {
             default: de(() => [
-              ne(N(t.buttonText), 1)
+              re(N(t.buttonText), 1)
             ]),
             _: 1
           }, 8, ["variant", "size", "disabled"])
@@ -3078,14 +3081,14 @@ const Dt = /* @__PURE__ */ L({
     columns: { default: void 0 }
   },
   emits: ["select"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = i(() => e.columns ? { gridTemplateColumns: `repeat(${e.columns}, 1fr)` } : { gridTemplateColumns: `repeat(${e.plans.length}, 1fr)` });
-    return (d, v) => (s(), n("div", {
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = i(() => e.columns ? { gridTemplateColumns: `repeat(${e.columns}, 1fr)` } : { gridTemplateColumns: `repeat(${e.plans.length}, 1fr)` });
+    return (d, v) => (a(), n("div", {
       class: "tree-pricing",
       style: Q(u.value),
       role: "list"
     }, [
-      (s(!0), n(re, null, ie(t.plans, (m, _) => (s(), n("div", {
+      (a(!0), n(oe, null, ie(t.plans, (m, _) => (a(), n("div", {
         key: _,
         role: "listitem"
       }, [
@@ -3124,8 +3127,8 @@ const Dt = /* @__PURE__ */ L({
     uploadImage: { type: Function, default: void 0 }
   },
   emits: ["update:modelValue", "image-upload", "image-upload-error"],
-  setup(t, { emit: a }) {
-    const e = t, o = a, u = se(), d = j(null), v = j(!1), m = i(() => [
+  setup(t, { emit: s }) {
+    const e = t, o = s, u = se(), d = j(null), v = j(!1), m = i(() => [
       "tree-md-editor",
       `tree-md-editor--${e.size}`,
       {
@@ -3141,18 +3144,18 @@ const Dt = /* @__PURE__ */ L({
     }, f = (I, b = "") => {
       const k = d.value;
       if (!k) return;
-      const R = k.selectionStart, q = k.selectionEnd, W = l.value, oe = W.slice(R, q), G = W.slice(0, R) + I + oe + b + W.slice(q);
+      const R = k.selectionStart, q = k.selectionEnd, W = l.value, le = W.slice(R, q), G = W.slice(0, R) + I + le + b + W.slice(q);
       o("update:modelValue", G), Z(() => {
         k.focus();
-        const ye = oe ? R + I.length + oe.length + b.length : R + I.length;
+        const ye = le ? R + I.length + le.length + b.length : R + I.length;
         k.setSelectionRange(ye, ye);
       });
     }, g = (I) => {
       const b = "#".repeat(I) + " ", k = d.value;
       if (!k) return;
       const R = k.selectionStart, q = l.value, W = q.lastIndexOf(`
-`, R - 1) + 1, oe = q.indexOf(`
-`, R), G = oe === -1 ? q.length : oe, Be = q.slice(W, G).replace(/^#{1,6}\s*/, ""), ge = b + Be, fe = q.slice(0, W) + ge + q.slice(G);
+`, R - 1) + 1, le = q.indexOf(`
+`, R), G = le === -1 ? q.length : le, Be = q.slice(W, G).replace(/^#{1,6}\s*/, ""), ge = b + Be, fe = q.slice(0, W) + ge + q.slice(G);
       o("update:modelValue", fe), Z(() => {
         k.focus(), k.setSelectionRange(W + ge.length, W + ge.length);
       });
@@ -3170,8 +3173,8 @@ const Dt = /* @__PURE__ */ L({
       const b = I.split(`
 `), k = [];
       let R = !1, q = !1, W = !1;
-      for (let oe = 0; oe < b.length; oe++) {
-        const G = b[oe];
+      for (let le = 0; le < b.length; le++) {
+        const G = b[le];
         if (G.trim().startsWith("```")) {
           R ? (k.push("</code></pre>"), R = !1) : (R = !0, k.push('<pre class="tree-md-editor__code-block"><code>'));
           continue;
@@ -3273,7 +3276,7 @@ const Dt = /* @__PURE__ */ L({
             break;
         }
     };
-    return (I, b) => (s(), n("div", J(p.value, {
+    return (I, b) => (a(), n("div", J(p.value, {
       class: m.value,
       style: _.value
     }), [
@@ -3421,7 +3424,7 @@ const Dt = /* @__PURE__ */ L({
           }, null, 8, Xo)
         ])
       ]),
-      v.value ? (s(), n("div", Yo, " Uploading image… ")) : S("", !0)
+      v.value ? (a(), n("div", Yo, " Uploading image… ")) : S("", !0)
     ], 16));
   }
 }), Jo = {
@@ -3507,8 +3510,8 @@ const Dt = /* @__PURE__ */ L({
   TreeMarkdownEditor: St
 }, Qo = {
   install(t) {
-    Object.entries(Jo).forEach(([a, e]) => {
-      t.component(a, e);
+    Object.entries(Jo).forEach(([s, e]) => {
+      t.component(s, e);
     });
   }
 }, al = Qo.install, sl = ["sm", "md", "lg"], ol = ["solid", "outline", "ghost", "soft", "danger"], ll = ["outline", "soft", "solid"], nl = ["top", "right", "bottom", "left"], rl = ["top", "right", "bottom", "left"];
@@ -3603,3 +3606,4 @@ export {
   ol as treeVariants,
   Gs as useToast
 };
+//# sourceMappingURL=index.js.map